.itopplus-background {

}
body,
html {
    overflow-x: hidden;
}

.itopplus-banner {
  background-color: #252525;
  color: #fff;
}

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_14082022x5a3/0/0/2z-z1533475440751.webp');
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 5px;
    padding: 10px 15px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #f2c600 !important;
    box-shadow: none;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

.dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #000;
    background: #e8e8e8;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {
    
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#controlMenu,
#controlMenu i,
#controlMenu li a {
    color: #fff !important;
}

.navbar-default {
    background: #252525;
}

.itopplus-search {
    display: none;
}
  
  
/*new logo nav*/
.navbar-header {
    display: flex;
    flex-direction: row-reverse;
    padding: 0 10px;
}

.itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 140px !important;
    top: 8px;
    left: 15px;
}
  
.navbar-default .navbar-toggle {
    margin: 0;
}  

.navbar-inline .text-bar {
    display: none;
}  
}

@media screen and (min-width : 1024px) {

.navbar-default {
    background: transparent;
}

.itopplus-menu {
    margin-top: 5%;
    text-align: right;
}

.itopplus-search {
    position: absolute;
    top: 5px;
    color: #fff;
}

#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: auto;
}

.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after {
    content: '|';
    display: grid;
    place-content: center;
    color: #fff;
}


}

@media screen and (min-width : 1366px) {}

@media screen and (min-width : 1900px) {}

@media screen and (max-width : 900px) {}

@media screen and (max-width : 480px) {}



/************font-size***************/

.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 2.875em;
}

h3 {
    font-size: 2.25em;
}

h4 {
    font-size: 1.875em;
}

h5 {
    font-size: 1.5em;
}

h6 {
    font-size: 1.3125em;
}

p, li, button {
    font-size: 16px;
}

.pt-1 {
	padding-top:1%;
}

.pt-2 {
	padding-top:2%;
}

.pt-3 {
	padding-top:3%;
}

.pt-5 {
	padding-top:5%;
}

.fw-semibold {
	font-weight:600;

}


/*********************master-page*******************/

.icon-cont {
    background-color: #f2c601;
    display: grid;
    grid-template-columns: 7% 90%;
    align-items: center;
    gap: 10px;
    padding: 2% 5%;
    border-radius: 30px;
   color:#141414;
  font-family: 'Montserrat', sans-serif;
}

.head-contact {
    display: grid;
    grid-template-columns: 80% 10%;
    gap: 10px;
      justify-content: end;
}


.footer-icon {
    display: grid;
    grid-template-columns: 7% 90%;
    gap: 10px;
    margin-bottom: 4%;
}

.follow-icon {
    display: grid;
    grid-template-columns: 8% 8%;
    gap: 10px;
}

.text-sect , .page-head span{
    text-align: center;
    color: #6c6c6c;
    letter-spacing: 3px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.why-us h2, .our-work h2 {
    text-align: center;
    font-weight: 700;
  
}

figure.effect-selena {
    background: transparent;
}

.blog-why {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    gap: 20px;
  padding-top:3%;
  padding-bottom:5%;
}

.items-blog {
    padding: 8%;
    border: 1px solid #000;
    border-radius: 50px;
      position: relative;

}

.items-blog .img-blog {  transition: transform 0.2s ease-out;}

.items-blog:hover .img-blog{
transform: scale(0.95);
}

.img-blog {
    width: 70%;
    margin: 0 auto 15%;
}

.items-blog h1 {
    text-align: right;
    margin-bottom: 0;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.items-blog h6, .page-head {
    text-align: center;
}

.about-first h4 {
    letter-spacing: 10px;
    margin-bottom: 6%;
}

.about-first button {
    background-image: none;
    background-color: transparent;
    border: none;
    margin-top: 4%;
}

.about-first2 h2 {
    text-align: center;
    letter-spacing: 13px;
    border: 2px solid #f2c601;
    padding: 2%;
    border-radius: 50px;
    margin-bottom: 6%;
}

.about-first {
    margin-top: 6%;
    padding: 0 2% 0 0;
}

.about-first2 h5 {
    text-align: center;
    line-height: 30px;
    margin-bottom: 4%;
}

.hilight-text {
    color: #e6140a;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}

.about-first2 h4 {
    text-align: center;
    font-weight: 600;
}

.cont-call {
    padding: 2%;
    margin-top: 4%;
    border-radius: 50px;
    background-color: #f2c601;
    color: #171717;
}

.cont-call h4 {
	margin:0;
}

.telephone-number {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: center;
    gap: 10px;
  margin-top: 3%;
}

.btn-cont {
    display: grid;
    grid-template-columns: 10% auto;
    gap: 10px;
    background-color: #171717;
    padding: 5%;
    border-radius: 40px;
    justify-content: center;
    color: #ececec;
}

.btn-cont p {
    font-family: 'Montserrat', sans-serif;
}

.contact-sect h2 {
    font-weight: 700;
}

.btn-request button {
    padding: 0.7rem 2rem;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 6px;
    font-weight: 700;
}

.btn-request {
    margin-top: 6%;
}

.our-work .text-sect {
    color: #171717;
}

.page-head h2 {
    font-weight: 700;
    margin-top: 2%;
    margin-bottom: 2%;
}

figure#EffectView64d0b1d63996d2001329fec91 {
    margin-top: 15% !important;
}

div#Component64d1b6fd02f3420013d4c35a .grid figure figcaption {
    padding: 0;
    position: static;
}

div#Component64d1b6fd02f3420013d4c35a .grid figure h2 {
    word-spacing: 0;
    height: 70px;
}

.product-us h6 {
    color: #171717;
    font-size: 18px;
}

div#Component64d0c4c61f4e3e0013db0b97 .Contentmanager .caption {
    height: 65px;
    padding-top: 5%;
    font-size: 16px;
    color: #f2c601;
    background-color: #171717;
  font-weight: 600;
}

div#Component64d0c4c61f4e3e0013db0b97 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .caption {
    color: #ebebeb;
}

.post-time, .social-share, .fbcomments, .landingpagemanager {
    display: none;
}

 .article-detail h6 {
    margin-top: 3%;
}

.page-header {
    margin: 20px 0 0;
    border-bottom: none;
}

div#Component64d0ab0201fe1100129659a1 .img-thumbnail,div#Component64d0ab0201fe1100129659a1 .thumbnail {
    box-shadow: none;
    padding: 0;
    border: none;
    border-radius: 0;
}

.article-detail p {
    margin-bottom: 2%;
}

.contact-page .footer-icon {
    grid-template-columns: 5% 90%;
}

div#Component64d1bd12998c5200132c9b28 {
    background-color: #fffbe7;
    padding: 3% 0;
}

div#Component64d1bd12998c5200132c9b28 .form-control {
    border: 1px solid #171717;
    background-color: transparent;
}

div#Component64d1bd12998c5200132c9b28 .form-group {
    margin-bottom: 2%;
}

.label a {
    color: #171717;
    font-size: 14px;
}

div#Component64d1bd12998c5200132c9b28 button, div#Component64d1a0aa02f3420013d4bfa8 button {
    background-image: none;
    background-color: #171717;
    text-shadow: none;
    color: #ebebeb;
    border: none;
    border-radius: 30px;
    padding: 0.7rem 3rem;
}

div#Component64d1bd12998c5200132c9b28 button:hover {
    background-color: transparent ;
  color:#171717;
}

div#Component64d1a0aa02f3420013d4bfa8 button:hover {
    background-color:#f2c601;
  color:#171717;
}


.footer-icon2 a , .icon-cont a, .cont-call a, .btn-request a{
    color: #171717;
}

 .footer-icon a:hover, .about-first a:hover , .btn-cont a:hover{
    color:  #f2c601;
}

.contact-page a:hover{
	color:#cfaa00;
}


.icon-cont a:hover, .footer-icon a, .about-first a , .cont-call a:hover, .btn-cont a{
    color:  #ebebeb;
}

div#contentnewmode64d0a9061f4e3e0013db06da {
    border-right: 1px solid #171717;
}

div#contentnewmode64d0ab0d01fe1100129659b4 {
    padding-left: 8% !important;
}

.btn-request button:hover {
    background-color: #171717;
    color: #ebebeb;
}

.request-form , div#capcha0 span{
    margin-bottom: 1rem;
    font-size: 16px;
  font-weight: 600;
}

div#Component64d1a0aa02f3420013d4bfa8 .form-group {
    margin-bottom: 2% !important;
}

#capcha0 img {
    margin-top: 2rem;
}

div#Component64d1a0aa02f3420013d4bfa8 .glyphicon {
	display:none;
}

div#Component64d1a0aa02f3420013d4bfa8 .form-control {
    height: 40px;
    box-shadow: none;
}


.ITPcookiebar {
  width: 100% !important;
    background-color: #f2c60175 !important;
    color: #171717;
}

.buttonExampleSite {
    border-radius: 5rem !important;
    border: 1px solid #171717 !important;
    color: #171717 !important;
}

.buttonExampleSite:hover {
    background: #1b3e8d !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}

div#Component64d1bd12998c5200132c9b28 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}

div#cookie64d1a0aa02f3420013d4bfa8 {
    text-align: left !important;
    padding: 0 2%;
}

#capcha0 .col-md-12.col-sm-12:nth-child(2) {
    padding-right: 0;
    padding-left: 14px;
}

div#capcha0 .form-control {
    margin-top: 1rem;
}

.article-detail h6 {
    font-weight: 700;
}

.article-detail {
    text-align: left;
}

.contact-page {
    text-align: center;
}

.merg-cont {
    display: grid;
    grid-template-columns: 25% 25% 25%;
    justify-content: center;
    gap: 20px;
  margin-top: 2%;
    margin-bottom: 2%;
}

.footer-icon2 {
    display: grid;
    padding: 4% 8%;
    border: 1px dashed #171717;
    grid-template-columns: 10% 90%;
  text-align: left;
      gap: 10px;
}

div#Component64d1c0a903719300124ace9c .thumbs ,
div#Component64d1c08b8cbc9e0013f311f6 .thumbs  {
    margin-bottom: 0;
}

.about-detail {
    text-align: center;
    padding: 0 10%;
      margin-bottom: 1%;
}

h3.managerHeader {
    text-align: center;
}
/*******************responsive***********************/


@media screen and (min-width : 1900px) {

  p, li , button{
    font-size: 18px;
}

  .navbar-default .navbar-nav>li>a {
    font-size: 20px;
}
  
  h4 {
    font-size: 2.2em;
}

  h2 {
    font-size: 3.2em;
}
  
  .about-first2 h5 {
    line-height: 36px;
  }
  
  h5 {
    font-size: 1.9em;
}
  
}

@media screen and (max-width : 1200px) {

  .head-contact {
      grid-template-columns: 90% 10%;
  }
  
  p, li, button {
    font-size: 14px;
}
  
  h2 {
    font-size: 2.4em;
}
  
  h1 {
    font-size: 3.6em;
}
  
  h6 {
    font-size: 1em;
}
  
  h4 {
    font-size: 1.5em;
}
  
  h5 {
    font-size: 1.2em;
}
}

@media screen and (max-width : 900px) {

div#imagesControl64d094b374c2a5001317ff60 , div#contentnewmode64d0a9061f4e3e0013db06da{
    padding: 0 !important;
}
  
  .items-blog {
    border-radius: 30px;
}
  
  h1 {
    font-size: 3.2em;
}
  
  h2 {
    font-size: 2em;
}
  
  .about-first2 h2 {
    letter-spacing: 6px;
}
  
  .about-first2 br {
    display: none;
}
  
  h3 {
    font-size: 1.8em;
}
  
  h5 {
    font-size: 16px;
}
  
  h4 {
    font-size: 18px;
}
  .itopplus-bg2 {
    background-size: cover;
}
  
  .telephone-number {
    grid-template-columns: 40% 40%;
}
  
  div#form5 {
    padding: 0;
}
  
  .merg-cont {
    grid-template-columns: 30% 30% 30%;
}
  
  .footer-icon2 {
    padding: 4%;
}
}

@media screen and (max-width : 480px) {
  
.blog-why {
    grid-template-columns: 45% 45%;
    justify-content: center;
}
  
  h6 {
    font-size: 16px;
}
  
  h4 {
    font-size: 20px;
}
  
  p, li, button {
    font-size: 14px;
}
  
  h5 {
    font-size: 18px;
}
div#contentnewmode64d0ab0d01fe1100129659b4 {
    padding-left: 0 !important;
    margin-top: 5%;
}

div#contentnewmode64d0a9061f4e3e0013db06da {
    border-right: none;
}
  
  .product-us h6 {
    text-align: center;
}
  
  h3 {
    font-size: 1.8em;
}
  
  div#Component64d1bd12998c5200132c9b28 {
    padding: 3%;
}
  
 div#Component64d1bd12998c5200132c9b28 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
  .telephone-number {
    grid-template-columns: 50% 50%;
}
  
    .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}
  figure#EffectView64d0b1d63996d2001329fec91 {
    margin-top: 0 !important;
}
  
  div#Component64d0ab0201fe1100129659a1 .col-md-12.text-justify {
    padding: 1rem;
}
  .page-header.font-inherit .col-md-9.col-sm-7.col-xs-12.padding {
    margin-bottom: 0 !important;
}
  h3.managerHeader {
    margin-bottom: 0;
}
  div#Component64d1c0a903719300124ace9c .thumbs, div#Component64d1c08b8cbc9e0013f311f6 .thumbs {
    margin-bottom: 1rem;
}
  
  .about-detail {
  padding: 0;
  }
  div#Component64d0c4c61f4e3e0013db0b97 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center {
    margin-bottom: 3%;
}
  .merg-cont {
    grid-template-columns: 100%;
}
  .product-us {
    height: 72px;
}
  
  .footer-icon2 {
    grid-template-columns: 8% 90%;
}
}