.itopplus-background {
background-image: none;
    background-color: transparent;
}
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.itopplus-bg{ 
/* background: #01334C;
    background: -webkit-linear-gradient(to bottom, #01334C, #087D6B, #F2F8F5);
    background: linear-gradient(to bottom, #01334C, #087D6B, #F2F8F5);*/

background: linear-gradient(to bottom, #ffffff 18%, #D8F0EC 100%), white;
    background-size: cover;
  

}




.itopplus-slide {
    background: url('http://itp1.itopfile.com/ImageServer/itp_01052020ddec/1843/0/Group328z-z1030947011567.webp') no-repeat center center,
        linear-gradient(90deg, #087D6B 0%, #01334C 100%);
    background-size: 50% auto, cover; /* ปรับขนาดภาพ */
}

.itopplus-bg2{
    position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
   background:  linear-gradient(231deg, #77B2AC 0%, #77B2AC 100%);

}
.no-js  .itopplus-bg2::after  {
    content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(50deg, #01334c 14%, #01334c00 100%);
            z-index: 1;
            top: 0;
            left: 0;

}

.itopplus-bg3{
 /* background-image: url('https://itp1.itopfile.com/ImageServer/itp_01052020ddec/1903/0/3z-z805998801868.webp');   */
  
  /*background: #F2F8F5;*/
    position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
  background:  linear-gradient(231deg, #77B2AC 0%, #77B2AC 100%);
 
}

.no-js  .itopplus-bg3::after  {
    content: "";
            position: absolute;
            width: 100%;
            height: 100%;
       background: linear-gradient(50deg, #01334c 14%, #01334c00 100%);
            z-index: 1;
            top: 0;
            left: 0;

}

.itopplus-bg4{ 
  /*  background: #01334C;
    background: -webkit-linear-gradient(to bottom, #01334C, #087D6B, #F2F8F5);
    background: linear-gradient(to bottom, #01334C, #087D6B, #F2F8F5);*/
    position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
  background:  linear-gradient(231deg, #77B2AC 0%, #77B2AC 100%);

}

.no-js  .itopplus-bg4::after  {
    content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(50deg, #01334c 14%, #01334c00 100%);
            z-index: 1;
            top: 0;
            left: 0;

}


.itopplus-bg5{
 /* background-image: url('https://itp1.itopfile.com/ImageServer/itp_01052020ddec/1903/0/5z-z608188262164.webp');   */
    position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
 background:  linear-gradient(231deg, #77B2AC 0%, #77B2AC 100%);
 
  
  /*background: #F2F8F5;
  background-position: bottom;*/
}

.no-js  .itopplus-bg5::after  {
    content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(50deg, #01334c 14%, #01334c00 100%);
            z-index: 1;
            top: 0;
            left: 0;

}



.itopplus-bg6{ 
  /*background-position: bottom;*/
    position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
 background:  linear-gradient(231deg, #77B2AC 0%, #77B2AC 100%);
  
  
   
/*background: url('http://itp1.itopfile.com/ImageServer/itp_01052020ddec/1843/0/Group328z-z1030947011567.webp') no-repeat center center, 
            -moz-linear-gradient(to bottom, #F2F8F5 0%, #087D6B 50%, #01334C 100%);
background: url('http://itp1.itopfile.com/ImageServer/itp_01052020ddec/1843/0/Group328z-z1030947011567.webp') no-repeat center center, 
            -webkit-linear-gradient(to bottom, #F2F8F5 0%, #087D6B 50%, #01334C 100%);
background: url('http://itp1.itopfile.com/ImageServer/itp_01052020ddec/1843/0/Group328z-z1030947011567.webp') no-repeat center center, 
            linear-gradient(to bottom, #F2F8F5 0%, #087D6B 50%, #01334C 100%);
background-size: cover, cover;*/
  

  
}
.no-js  .itopplus-bg6::after  {
    content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(50deg, #01334c 14%, #01334c00 100%);
            z-index: 1;
            top: 0;
            left: 0;

}




.itopplus-footer {
        position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: url('https://itp1.itopfile.com/ImageServer/itp_01052020ddec/1920/0/svg-viewer9(1)z-z1033791732376.webp') no-repeat center center,
                linear-gradient(231deg, #77B2AC 0%, #77B2AC 100%);
            background-size: cover, cover;
          
       

}
.no-js  .itopplus-footer::after  {
    content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(50deg, #01334c 14%, #01334c00 100%);
            z-index: 1;
            top: 0;
            left: 0;

}

/*.btm-grd{
background: linear-gradient(to right, #e2d694 0%, #995826 100%);
height: 10px;
}*/

/************Menu***************/
#main-navbar-collapse {
    text-align: center; 
    margin: -3%;
}
.itopplus-search {
    color: #000;
    margin-top: 0;
}
.itopplus-menu {
  margin-top: 50px;

}
.navbar-default {
    background: #fff!important;
}      
.navbar-default .navbar-nav>li>a {
    color: #01334C;
  font-weight: 400;
  
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active , .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #087D6B !important;
    background-color: transparent;
    box-shadow: inset 0 -2px 0 0 #087D6B;
    border-bottom: none;
    background-image: none;
}
.dropdown-menu {
    /*background-color: transparent;*/
      background: #fff!important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
#itopplus-sticky-nav-bar {
    background-color: #fff;
    padding: 10px;
}
#itopplus-sticky-nav-bar .itopplus-menu-logo {
    height: 65px!important;
}
ul#itopplus-nav-bar-sticky {
    margin-top: 2%;
}
nav.navbar.navbar-default.itopplus-sticky-nav-bar-inside .navbar-nav>li>.dropdown-menu {
    background-color: #0b152e;
}
#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    border-bottom: 0.5px solid rgb(57 60 66 / 0%)!important;
}
/********Mobile-Sidebar*********/
.navbar-default .navbar-brand, .itopplus-sidebar-menu-single a:link, .itopplus-sidebar-main a:link, .itopplus-sidebar-menu-parent a {
    color: #087D6B!important;
}
.navbar-default .navbar-brand:hover{
    background-color: transparent;
}
.itopplus-sidebar-menu-single a:active {
    color: #000!important;
    background-color: transparent!important;
}
.navbar-default .navbar-toggle:focus .text-bar{
    color: #000!important;
}
.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #01334C !important;
}
.navbar-default .navbar-toggle .text-bar, .navbar-default .navbar-toggle:hover .text-bar {
    color: #01334C !important;
}
.itopplus-sidebar-menu-single, .nav>li>a:focus {
    border-bottom: transparent;
    border-bottom: none !important;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover {
    border-color: transparent!important;
    background-color: transparent!important;
}
.itopplus-banner2{
    background: #fff;
}
/******************************/

/*หน้าต้นแบบ*/
.footer-1 {
    font-size: 2.4rem;
    font-weight: 500;
    color: #cfb380;
}
.footer-2 a ,  .footer-3 a{
 color: #fff;
}
.footer-2 a:hover ,  .footer-3 a:hover{
   color: #50c7ab;
    font-weight: 500;
}
.footer-3 {
    font-size: 18px;
    padding-top: 1%
}
.footer-2 {
    padding-top: 1%;
    font-size: 15px;
}

/*home*/
.text-00 {
    text-align: center;
    font-size: 3rem;
  letter-spacing: 2px;
  margin: 5px;
}
.text-1 {
    font-family: "Prompt", sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
}
.text-2 {
    font-family: "Prompt", sans-serif;
    font-size: 3rem;
    background-image: linear-gradient(90deg, #e2d795 10%, #985524 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-3 {
    font-size: 1.8rem;
}
.text-4 {
    font-size: 3.3rem;
    color: #36bb93;
    letter-spacing: 0.05em;
}
.text-5 {
    font-size: 5rem;
    font-weight: 700;
    font-style: italic;
}
.text-head1 {
    font-size: 4.5rem;
    font-weight: 600;
    background-image: linear-gradient(1deg, #e2d795 10%, #985524 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     height: 125px;
}
.text-head2 {
    font-size: 6rem;
    font-weight: 600;
    background-image: linear-gradient(1deg, #e2d795 10%, #985524 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 125px;
}
.text-sub1 {
    font-size: 1.7rem;
}
.text-sub2 {
    font-size: 1.9rem;
    color: #fff;
}
.imgicon-1 {
    width: 50%;
}
.btn-more {
    background-color: #36bb93;
    border: none;
    color: #fff;
    padding: 8px 8%;
    border-radius: 30px;
}
.pd-text1 {
    padding: 3% 1% 8% 1%;
}
.btn-more1 {
    background-color: #36bb93;
    color: #fff;
    padding: 7px 30px;
    border-radius: 30px;
   font-weight: 300;
   border:none;
}
.btn-more:hover , .btn-more1:hover {
    background-color: #0b152e;
}
#contentnewmode627bd71d5880e60013187af3 {
    background-color: #fff;
    padding: 8% 4% !important;
}

.bg-contact {
    background-color: #2c9b81;
    color: #fff;
    border-radius: 5px;
    padding: 2%;
    margin: 0% auto 18%;
    height: 75px;
}
.icon-contact {
    width: 25%;
    margin-top: -15%;
}
.text-contact1 {
    padding-top: 3%;
}
.text-contact1 a {
 color:#fff;
}
.text-contact1 a:hover {
    color: #dac7a5;
    font-weight:500;
}
#contentnewmode627c8a2f8bb08800130624d4 {
    margin-top: -6.5%;
}


/*from Contact*/
.no-js #Component627bf24ba034fc0014b225c7 , .no-js #Component627bf7f25880e60013187d6d{
    background-color: #cfb380ad;
  border-radius: 5px;
}
.no-js #Component627bf24ba034fc0014b225c7 label  , .no-js #Component627bf7f25880e60013187d6d label {
    display: none!important;
  }
  .no-js #Component627bf24ba034fc0014b225c7 .col-md-6  ,  .no-js #Component627bf7f25880e60013187d6d .col-md-6 {
    width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
  }
  .no-js #Component627bf24ba034fc0014b225c7 .form-control ,  .no-js #Component627bf7f25880e60013187d6d .form-control {
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: 14px !important;
    padding: 15px 0;
    font-weight: 400;
    background: transparent;
    color: #000 !important;
  }
.no-js #Component627bf24ba034fc0014b225c7 ::placeholder , .no-js #Component627bf7f25880e60013187d6d ::placeholder {
  color: #000 !important;
}
  .no-js #Component627bf24ba034fc0014b225c7 .form-control:hover ,  .no-js #Component627bf7f25880e60013187d6d .form-control:hover {
    border-bottom: 1px solid #252d65;
  }
  .no-js #Component627bf24ba034fc0014b225c7 .form-control:focus  , .no-js #Component627bf7f25880e60013187d6d .form-control:focus {
    background-color: transparent!important ;
    color: #000 !important;
  }
  .no-js #Component627bf24ba034fc0014b225c7 .btn ,  .no-js #Component627bf7f25880e60013187d6d .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background-color: #252d65!important ;
    color: #fff;
    text-shadow: 0 0px 0 #50baa4;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
  }
  .no-js #Component627bf24ba034fc0014b225c7 .btn-default:active , .no-js #Component627bf7f25880e60013187d6d .btn-default:active {
    background-color: #50baa4;
  }
  .no-js #Component627bf24ba034fc0014b225c7 .btn-default:hover ,
  .no-js #Component627bf24ba034fc0014b225c7 .btn-default:focus , .no-js #Component627bf7f25880e60013187d6d .btn-default:hover , .no-js #Component627bf7f25880e60013187d6d .btn-default:focus {
    background-position: 0 0px;
    background-color: #50baa4;
  }
  .no-js #Component627bf24ba034fc0014b225c7 span.label ,  .no-js #Component627bf7f25880e60013187d6d span.label {
    font-size: 13px;
    font-weight: 400;
  }
#Component627bf24ba034fc0014b225c7 .btn-primary:focus, #Component627bf24ba034fc0014b225c7 .btn-primary:hover , #Component627bf7f25880e60013187d6d .btn-primary:focus, #Component627bf7f25880e60013187d6d .btn-primary:hover {
    background-position: 0 -40px;
}

 /*Tab Review*/
.img-tab-review {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   background: #ffffff; 
   max-width: 60% !important;
   margin: auto;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #ffffff;
    background-color: #36ba92;
    transform: scale(1);
    transition: 0.5s;
    border-radius: 30px;
    font-size: 17px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav.nav-review>li>a:focus, .nav.nav-review>li>a:hover {
    background-color: #36ba92;
    border-color: transparent;
    border-radius: 30px;
}

.nav-review>li {
    width: 20%;
}
.nav-pills>li>a {
    font-size: 17px;
    border: 2px solid #37ba92;
    border-radius: 30px;
}
  .nav-review{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
  }

/*ContentManager 7*/
.Contentmanager #ContentmanagerTemplate627cc1e98bb088001306313b .text-sub1 {
 text-align: left;
  line-height: 1.5;
}
  
  #Contentmanager .nav-template7 li a {
      color: #087D6B;
      font-size: 17px!important;
     text-align: left;
  }
  #Contentmanager .nav-template7 li a strong {
      font-weight: 400 !important;
  }
  /*
  #Contentmanager span.fa-plus:before {
      content: "▶";
      color: #bab2a4;
  } */
#Contentmanager .nav-template7 li {
    border-bottom: none;
    border-top: none;
    background-color: #F2F8F5;
    margin: 10px auto;
  	line-height: 1.5;
}
  
  #Contentmanager .nav-template7 .text-sub3 li {
      border-bottom: none;
      border-top: none;
      list-style: auto;
      list-style-type: initial;
      text-align: left;
  }
  
  #Contentmanager .nav-template7 .text-sub3 {
      padding-top: 0;
  }
  #Contentmanager .nav-template7 .text-sub3 strong {
   font-weight: 500;
  }
#Contentmanager .nav-template7 li:hover {
    background-color: white;
}

/*Content manager 8*/
#ContentmanagerTemplate627c88dc309e7700136e079d .time {
    display: none;
}
#Component627c89b49099c2001380adab .text-sub1 {
 font-size: 1.6rem;
  text-align: left;
}
#Contentmanager .text-4 {
    font-weight: 500;
}
#Contentmanager .Textmanager .text-sub1 {
    padding: 0 10%;
      text-align: left;
}
#Contentmanager .post-time {
  display: none;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 p .text-more {
  text-align: left;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
  text-align: center;
  font-size: 17px;
  color: #000;
  padding: 8% 3% 0;
  font-weight: 400;
  background: transparent;
  height: 80px;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
 text-align: center;
}
article.col-md-6.item.-micro {
  width:33.33%;
}
.Contentmanager .site .col-section .item.-micro {
  padding: 10px 25px 10px 25px;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  box-shadow: 10px 10px 20px rgba(0,0,0,15%);
}
.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}
.contenemanager-gallery .col-xs-12.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
     color: #37bb93;
}
.Contentmanager-thumbnail {
  border: 0px solid #ddd;
}
.Contentmanager-template2-1 a:hover {
  color: #085391;
}

#Contentmanager .fb_iframe_widget , #Contentmanager .landingpagemanager {
    display: none;
}
#Contentmanager .img-thumbnail , #Contentmanager .thumbnail {
    box-shadow: none;
    background-color: transparent;
    border: none;
}
#Contentmanager .time .btn-more1 {
     margin-bottom: 3%;
}

/*contentmanager tab 6*/
#Contentmanager .TabItpContentLandingPage6>ul {
    width: 100%;
    background-color: transparent;
}
#Contentmanager .TabItpContentLandingPage6>ul>li>a {
    background-color: transparent;
}
#Contentmanager .TabItpContentLandingPage6 {
    background-color: transparent;
    padding: 10px;
}
#Contentmanager .TabItpContentLandingPage6>ul>li.active>a , #Contentmanager .TabItpContentLandingPage6>ul>li>a:hover{
    background-color: #36ba92!important;
}
#Contentmanager .TabItpContentLandingPage6 .tab-itp-background {
    padding: 0%;
}
#Contentmanager .TabItpContentLandingPage6 .contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
}
#Contentmanager .TabItpContentLandingPage6 .nav-justified>li>a {
    width: 90%;
  
   margin: auto;
}
#Contentmanager a.thumbnail.active , #Contentmanager a.thumbnail:focus , #Contentmanager a.thumbnail:hover {
    transform: scale3d(.9,.9,1);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav>li>a:focus, .nav>li>a:hover {
    border-color: transparent;
}

/*EFFECT*/

/*steve*/
figure.effect-steve {
    background: transparent;
}
figure.effect-steve:hover:before {
    opacity: 0;
}
figure.effect-steve h2 {
    display: none;
}
figure.effect-steve:hover p {
  opacity: 0; 
}
.ef1, .ef2 , .ef4 {
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.ef1:hover, .ef2:hover {
    transform: translateY(-8px);
}
.ef3 {
    transition: 0.5s;
}
.ef3:hover {
    transform: scale(1.2,1.2);
}
.ef4:hover {
    transform: translateX(10px);
}


@media screen and (min-width:768px) {
.itopplus-banner{
    position: inherit;
    }      
}

@media screen and (max-width : 992px) {
 .itopplus-banner {
   background-color: #0b152e;
  }
.itopplus-bg4 , .itopplus-bg5 , .itopplus-bg6{
    background-size: cover;  
  }
.itopplus-bg3 {
    background-size: inherit;
  } 
#slider627b7070f0f81000143532b2 {
    margin-top: 70%;
}  
.text-head1 , .text-head2 {
    background-image: linear-gradient(1deg, #e2d795 40%, #985524 75%);
  height: 70px;
  }
#contentnewmode627c8a2f8bb08800130624d4 {
    margin-top: -12.5%;
} 
.Contentmanager .site .col-section .item.-micro {
    padding: 10px 10px 10px 10px;
}  
#Contentmanager .TabItpContentLandingPage6 .nav-justified>li>a {
    width: 24%;
    float: left;
    margin: 0 3px;
}
#Contentmanager .Textmanager .text-sub1 {
    padding: 0 5%;
} 
  
#background627be56aa034fc0014b22568 .col-sm-6:nth-child(1) , #background627bf7f25880e60013187d66 .col-sm-6:nth-child(1){ 
  width: 100%;
}
#background627be56aa034fc0014b22568 .col-sm-6:nth-child(2) , #background627bf7f25880e60013187d66 .col-sm-6:nth-child(2){ 
  width: 100%;
}
.no-js #Component627bf24ba034fc0014b225c7 .btn, .no-js #Component627bf7f25880e60013187d6d .btn {
    width: 40%;
}  
.text-contact1 {
    font-size: 13px;
}  
}

/* Medium Devices, Desktops */
@media screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
.itopplus-bg , .itopplus-bg4 , .itopplus-bg5 , .itopplus-bg6 {
    background-position: top;
    background-size: cover;
}  
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 10px 10px 10px 10px;
}  
.dropdown-menu>li>a {
    font-size: 14px;
  }
.navbar-default {
    background-color: transparent!important;
}
.itopplus-banner{
    background:  #FFFFFF;
    position: absolute;
    width: 100%;
    z-index: 100;
    padding: 10px;
    height: 90px;
}
.text-1 {
    font-size: 2.4rem;
  }
.text-4 {
    font-size: 2.5rem;
  }  
.text-5 {
    font-size: 4rem;
  }
.text-sub1 {
    font-size: 1.5rem;
}  
.pd-text1 {
    padding: 3% 8% 7% 1%;
} 
#slider627b7070f0f81000143532b2 {
    margin-top: 9%;
}  
.text-head1 {
    font-size: 6rem;
    height: 100px;  
  }
.text-head2 {
    font-size: 7.5rem;
    height: 100px;  
  }
.text-sub2 {
    font-size: 1.7rem;
  }
.footer-2 {
    font-size: 14px;
}
.footer-1 {
    font-size: 2.1rem;
  }
.imglogo-footer  {
        width: 18% !important;
}
  #background627b6214f0f8100014352fde img {
   width: 165% !important;
    margin-left: -35%;
  }
#contentnewmode627c8a2f8bb08800130624d4 {
    margin-top: -9.5%;
}  
.footer-3 {
    font-size: 16px;
  }
#background627bf7f25880e60013187d66 .col-md-6:nth-child(1) { 
  width: 60%;
}
  #background627bf7f25880e60013187d66 .col-md-6:nth-child(2) { 
  width: 40%;
}
#contentnewmode627bf7f25880e60013187d67 .col-md-6 {
      width: 50% !important;
} 
#Component627bf7f25880e60013187d6d .col-md-6{
      width: 100% !important;
} 
.bg-contact {
    margin: 0% auto 20%;  
  }
}

#controlBanner img {
    max-width: 100px;
}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
    }
.itopplus-bg , .itopplus-bg4 , .itopplus-bg5 , .itopplus-bg6{
    background-position:bottom;
    background-size: 100% auto;

}    
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}  
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    font-size: 17px;
} 
.dropdown-menu>li>a {
    font-size: 18px;
}  
.nav-pills>li>a {
    font-size: 17px;
}  
  
.footer-1 {
    font-size: 2.4rem;
}
.footer-3 {
    font-size: 18px;
    padding-top: 1%
}
.footer-2 {
    padding-top: 1%;
    font-size: 15px;
}

.text-00 {
    font-size: 3.7rem;
}
.text-1 {
    font-size: 3rem;
}
.text-2 {
    font-size: 3.5rem;
}
.text-3 {
    font-size: 2.1rem;
}
.text-4 {
    font-size: 3.3rem;
}
.text-5 {
    font-size: 5rem;
}
.text-head1 {
    font-size: 7.5rem;
     height: 125px;
}
.text-head2 {
    font-size: 9rem;
    height: 125px;
}
.text-sub1 {
    font-size: 1.75rem;
}
.text-sub2 {
    font-size: 1.9rem;
}
.imgicon-1 {
    width: 50%;
}
.btn-more {
    padding: 8px 8%;
}
.pd-text1 {
    padding: 3% 10% 3% 1%;
}
.btn-more1 {
    padding: 7px 30px;
}
#contentnewmode627bd71d5880e60013187af3 {
    padding: 8% 4% !important;
}
.bg-contact {
    padding: 2%;
    margin: 0% auto 17%;
    height: 75px;
}
.icon-contact {
    width: 25%;
    margin-top: -15%;
}
.text-contact1 {
    padding-top: 3%;
}
  #contentnewmode627c8a2f8bb08800130624d4 {
    margin-top: -8.5%;
}
#slider627b7070f0f81000143532b2 {
    margin-top: 0%;
}   
#contentnewmode627b818ea034fc0014b21d03 svg {
   height : 145px;
}   
#contentnewmode627b585fa034fc0014b20eb8 svg {
  height : 80px;
  }  
.imglogo-footer  {
    width: inherit;
} 
  #background627b6214f0f8100014352fde img {
   width: 100% !important;
    margin-left:0%;
  }  
#background627bf7f25880e60013187d66 .col-md-6:nth-child(1) , #background627bf7f25880e60013187d66 .col-md-6:nth-child(2) { 
  width: 50%;
}
#Contentmanager .TabItpContentLandingPage6 .nav-justified>li>a {
    width: 95%;
    height: auto;
}
}
@media screen and (min-width : 1900px) { 
.navbar-default .navbar-nav>li>a {
    font-size: 17px;
}  
#Contentmanager .Textmanager .text-sub1 {
    padding: 0 20%;
}
 #contentnewmode627c8a2f8bb08800130624d4 {
    margin-top: -6.5%;
}  
.bg-contact {
   height:120px;
  }  
.text-contact1 {
    padding-top: 7%;
}  
#Contentmanager .TabItpContentLandingPage6 .nav-justified>li>a {
    width: 80%;
    height: auto;
  }
  

}



@media only screen and (max-width:480px) {
  
#controlBanner img {
    display:none;
}
  
.itopplus-bg, .itopplus-bg4, .itopplus-bg3, .itopplus-bg5, .itopplus-bg6, .itopplus-footer{
  background-size: cover;   
  }    
  #imagesControl627b60b55880e60013186bec {
       padding: 0 !important;
  }
  
#mainmenu6699e5d6a4fd9c001322a109 {
   
}
  
  #Contentmanager .TabItpContentLandingPage6 .nav-justified>li>a {
 
    height: 0px;
   
}
#slider627b7070f0f81000143532b2 {
    margin-top: 0;
}
  #Contentmanager .TabItpContentLandingPage6>ul {
    margin-left: 5%;
}
.text-00 {
    font-size: 2.5rem;
  }
 .text-head2 {
    font-size: 8rem; 
  }
 .text-head1 {
    font-size: 6rem;
  }
.text-head1, .text-head2 {
    height: 100px;
}  
  #contentnewmode627b818ea034fc0014b21d03 .col-xs-12:nth-child(2) ,  #contentnewmode627b818ea034fc0014b21d03 .col-xs-12:nth-child(3) {
    margin-top: 7%;
  } 
  #imagesControl627b7070f0f81000143532b2 {
   padding: 0 !important;
  } 
.nav-review {
    display: block;
}  
.nav-review>li {
    width: 100%;
}
#contentnewmode627c8a2f8bb08800130624d4 .text-right {
    text-align: center;
      margin-top: 5%;
}  
 article.col-md-6.item.-micro {
    width: 100%;
} 
 #Contentmanager .nav-template7 li a {
    font-size: 16px!important;
} 
  #Contentmanager .TabItpContentLandingPage6 .nav-justified>li>a {
    width: 90%;
     height: auto; 
     margin: 5px auto;
  }
#Contentmanager .TabItpContentLandingPage6 .contenemanager-gallery .col-xs-12.col-md-3 {  
    width: 50% !important;
}
 .contenemanager-gallery .col-xs-12.col-md-3 {
    width: 100%;
}
  #Contentmanager .Textmanager .text-sub1 {
    padding: 0;
}
.bg-contact {
    height: 80px;
}  
.icon-contact {
    width: 20%;
  }
.text-contact1 {
    font-size: 16px;
}  
.text-4 {
    font-size: 3rem;
  }
  #carousel627b60b55880e60013186bec {
       margin-bottom: -3%;
  } 
.text-sub1 {
    font-size: 1.6rem;
}  
}
.text-sub1 span{
    line-height: 2 !important;
}  
.social-icon{
  line-height: 1.5;

}

.Contentmanager .site .col-section .item.-micro a .img-zoom img {
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  border-radius: 20px;
}

#imagesControl669a4eab74eb680013c573d3 {
    padding: 0px !important;
}

#imagesControl669b88a21524260013afcd18 {
    padding: 0px !important;
}