body{width: 100%; background:#fff ;padding: 0;margin: 0; font-family: 'Montserrat Alternates', sans-serif; }
a{text-decoration: none !important;  transition:all 600ms ease-in-out; font-family: 'Aclonica', sans-serif;}
li{font-family: 'Montserrat Alternates', sans-serif;}
*{padding: 0;margin: 0;}
b{ font-weight:bold; }
h1{     
    font-family: 'Aclonica', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Montserrat Alternates', sans-serif;
    }
h3, h4 {  font-family: 'Nanum Gothic', sans-serif;  }
h2{  font-family: 'Aclonica', sans-serif; }
h5, h6 { font-family: 'Nunito', sans-serif; }
p{  font-family: 'Nunito', sans-serif; 
    font-family: 'Aclonica', sans-serif;
    font-family: 'Montserrat Alternates', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    }
.blink {
  animation: blinker 0.9s linear infinite;
  color: #1c87c9;
  font-size: 30px;
  font-weight: bold;
  font-family: sans-serif;
}
    /*background: #bca495;*/

/*header-top*/
.header-top{ position: relative; width: 100%; padding:1px 0 1px; margin: 0 0; background: #000;  display: block; }
.header-top .contact-icon{ position: relative; width: 100%;  padding: 0 0; margin: 0 0; }
.header-top .contact-icon ul.hed-contact{ width: 100%;  padding: 0 0; margin: 0 0; }
.header-top .contact-icon ul.hed-contact li{ display: inline-block; padding: 0; margin: 0 20px 0 0; }
.header-top .contact-icon ul.hed-contact li i{ color: #FFF; }
.header-top .contact-icon ul.hed-contact li a{ font-family: 'Josefin Sans', sans-serif;color: #f0f0f4; font-size: 15px; letter-spacing: 1px; line-height: 20px; font-style: italic; padding: 0 0 0 8px; margin: 0; }
.header-top .contact-icon ul.hed-contact li a: hover{ }

.header-top .social-icon{ position: relative; width: 100%;  text-align: right; padding: 0 0; margin: 0 0; }
.header-top .social-icon ul.social-li{ width: 100%;  padding: 0 0; margin: 0 0; }
.header-top .social-icon ul.social-li span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
.header-top .social-icon ul.social-li li { display: inline-block; text-align: center; padding: 0; margin: 0; width: 25px; height: 25px; background: #f0f0f4; border-radius: 50%; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li:hover{ background: #fff;
    -webkit-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0);
    -moz-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0);
    box-shadow:  0 -2px 23px 0px rgb(255, 251, 0); transition:all 600ms ease-in-out;}    
.header-top .social-icon ul.social-li li i{ color: #151c39; }
.header-top .social-icon ul.social-li li a{ padding: 5px 0 0; display: block; opacity: 0.9; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li a:hover{ opacity: 1;transition:all 600ms ease-in-out; }

img.con-gif{ position: fixed;top: 280px; right: -8px; width: 40px; padding: 0; margin: 0; z-index: 99; }

/*header-bottom*/
.header-bottom{ position: fixed; content: ""; top: 0; width: 100%; padding: 5px 0 6px; margin: 0 0; display: block; box-shadow: 0px 3px 22px -6px rgb(0, 0, 0); z-index: 999; background: #000; }
.header-bottom .logo-new{ width: 100%; }
.header-bottom .logo-new img.logo-img{ width: 60%; display: block;}
.header-bottom .navigation{ width: 100%; vertical-align: middle !important; margin: 22px 0 0 0; float: right; }
.header-bottom a.quote { width: 100%; color: #4e9e42; background-color: #fff; display: block; border-radius: 0px; text-align: left; padding: 0 0 0 10px; font-weight: bold; text-transform: uppercase; font-size: 40px; transition: all 600ms ease-in-out; font-family: 'Josefin Sans', sans-serif; line-height: 35px; }
.header-bottom a.quote:hover{ background: #f9f6f6; transition:all 600ms ease-in-out;}  
.header-bottom a.quote span{ display: block;font-family: 'Nunito', sans-serif; text-transform: none; font-size: 13px; line-height: 20px; color: #000; font-weight: initial; padding: 5px 0 0; } 

.after-brfore{ width: 100%; }
.after-brfore a{ display: inline-block; vertical-align: middle; padding: 10px 0; border: 0px solid #ffffff; border-radius: 100px; color: #ffffff; text-transform: uppercase; margin: 17px 0 0 0; font-size: 12px; width: 100%; text-align: center; font-weight: bold; background: linear-gradient(to right, rgb(218, 37, 39), rgb(217, 39, 39)); transition: background 0.2s ease 0s; }
.after-brfore a:hover{  transition:all 600ms ease-in-out; background: linear-gradient(to right, rgb(86, 171, 57), rgb(217, 39, 39));  }

.sidenav { width: 0; text-align: center; position: fixed; z-index: 1; top: 0; right: 0; background-color: #dc2527; overflow-x: hidden; transition: 0.5s; padding-top: 150px; min-height: 100%; height: 100%;background: #000;}
.sidenav a { padding: 0 0 15px; text-decoration: none; color: #fff; display: block; font-size: 15px; line-height: 25px; font-family: 'Nanum Gothic', sans-serif; font-weight: bold; letter-spacing: 1; transition: 0.3s; text-transform: uppercase; }
.sidenav a:hover { color: red; }
.sidenav .closebtn { position: absolute; top: 30px; right: 40px; font-size: 35px; margin-left: 50px; }
span.menu{font-size: 40px; cursor: pointer; padding: 0 0 0 0; margin: 30px 0 0; display: block; font-weight: inherit; font-family: 'Aclonica', sans-serif; color: #fdc167; float: right; }

.sidenav ul.social-li-header{  padding: 0 0; margin: 15px 0 0; }
.sidenav ul.social-li-header li{ position: relative; padding: 0 0; margin: 0; display: inline-block; }
.sidenav ul.social-li-header li a{ width: 35px; background: #fe8500; color: #000; border-bottom: 3px solid #fff; border-radius: 5px; padding: 8px 0; margin: 0 5px; font-size: 15px; text-align: center; }
.sidenav ul.social-li-header li a:hover{ background: #fff; color: blue; }



/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0px 0 0; background: #fff; }
.banner .banner-dec{ position: absolute; content: ""; left: 0; width: 100%; z-index: 9; padding: 0; margin: 0; bottom:0px;  background: none;   height: 100%; }
.banner .banner-text{ width: 40%; padding:190px 0 0 ; margin: 0 0; z-index: 999999; position: relative;}
.banner .banner-text h2{ font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 42px; font-weight: 800; text-transform: uppercase; padding: 0 0 20px 0; margin: 0; line-height: 70px; }
.banner .banner-text p{ font-size: 19px; line-height: 35px; text-align: justify; padding: 0 0 20px; margin: 0; display: block; color: #fff; font-weight: bold; font-family: 'Nunito', sans-serif;}
.banner .banner-text a{ width: 160px; overflow: hidden;color: #ffffff; display: inline-block; text-align: center; font-weight: bold; font-family: revert; text-transform: uppercase; transition: background 0.2s ease 0s; border: 0.5px solid #ccc; background: no-repeat; border-radius: 0; padding: 10px 20px; margin: 20px 0 0; font-size: 13px;     -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;background-image: linear-gradient(to right ,#f99704,#ff8300);}
.banner .banner-text a:hover{ border: 0.5px solid #ff8300; transition:all 500ms ease-in-out;     -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;} 
.banner .banner-text a:hover i{ padding: 0 0 0 5px;     
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;}
.banner video{ width: 100%; height: auto; }
 img.banner-img{ width:100%;display: block;}
.banner .banner-dec .particle-network-animation { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

/*.modal-enquire */
.modal-enquire .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; background: #00007e; color: #fff; text-transform: uppercase; font-weight: bold; font-family: 'Josefin Sans', sans-serif; }
.modal-enquire form{ width: 100%;padding: 0;margin: 0;}
.modal-enquire form .input-cont{ width: 100%;padding: 0;margin: 0 0 10px;position: relative;display: inline-block;}
.modal-enquire form .input-cont label{width: 20%; float: left; padding: 5px 10px; margin: 0; font-weight: bold; font-size: 16px; color: #000; font-family: 'Nunito', sans-serif; }
.modal-enquire form .input-cont input{width: 79%; float: right; font-size: 13px; line-height: 18px; padding: 4px 10px; margin: 0; color: #000; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; border-bottom: 1px solid #cccccc5c;}
.modal-enquire form .input-cont textarea{width: 79%; float: right; font-size: 13px; line-height: 18px; padding: 4px 10px; margin: 0; color: #000; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; border-bottom: 1px solid #cccccc5c;}
.modal-enquire form .input-cont input[type="submit"]{ width: 35%; float: left; background: #00007e; color: #fff; font-weight: bold; font-family: revert-layer; font-size: 16px; padding: 6px 0;}


/*INNER bANNER*/
.banner-inner{ position: relative; width: 100%; height: 250px; background: url(../images/banner2.jpg) no-repeat top right; background-attachment: fixed; background-size: cover; overflow: hidden; padding: 0 0; margin: 0 0; }
img.inner-banner-img{ width:100%; height: auto; }

/*------------------------ Theme Counter --------------------*/
.theme-counter { text-align: center; border-bottom: 1px solid rgba(0,0,0,0.07); padding: 130px 0 50px 0; }
.theme-counter.fix {padding-bottom: 120px;}
.theme-counter h2 {font-size: 50px;}
.theme-counter p { font-family: 'Lato', sans-serif; font-size: 20px; color: #aeaeae; margin: 5px 0 40px 0; }

/*About*/
.about-top{ position: relative; width: 100%; padding: 40px 0 60px; margin: 0 0; background: #fff; }
.about-top .left-text-top{ position: relative; width:100%; padding:0px 0 0; margin:0 0; }
.about-top .left-text-top h2{ display: block; text-align: center; padding: 0 0 30px; margin: 0 0; font-size: 30px; line-height: 20px; color: #0d1e2e; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; }
.about-top .left-text-top h2 span { font-family: 'Josefin Sans', sans-serif; font-size: 35px; line-height: 60px; color: #b8a597; text-align: center; letter-spacing: 2px; padding: 15px 0; display: block; }
.about-top .left-text-top p{ line-height: 36px; max-width: 100%; color: #000000c2; text-align: justify;font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: bold; }
.about-top .left-text-top a{ -webkit-box-shadow: none !important; padding: 10px 0; border-radius: 0; color: #fff; text-transform: uppercase; margin: 30px auto 0; font-size: 14px; width: 15%; text-align: center; font-weight: normal; background: none; transition: background 0.2s ease 0s; display: block; border: 1px solid #ccc;  background-image: linear-gradient(to right ,#f99704,#ff8300);}
.about-top .left-text-top a:hover{ 
-webkit-box-shadow:  0px 3px 22px -6px rgba(0, 0, 0, 0.79);
-moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
transform: translateY(-7px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; background-image: linear-gradient(to right ,#f99704,#ff8300);}

.about-top .right-img-ico{ position: relative; width:100%; padding:0px 0 0; margin:0 0; background: #000; border-radius: 6px; }
.about-top .right-img-ico img{width:100%; opacity: 0.8;     
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }
.about-top .right-img-ico img:hover{ opacity: 1; border-radius: 5px; transform: translateY(-10px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }
/* animation effect */
.shape-wthree { -webkit-animation: fa-spin 5s infinite linear; -moz-animation: fa-spin 5s infinite linear; -ms-animation: fa-spin 5s infinite linear; -o-animation: fa-spin 5s infinite linear; animation: fa-spin 5s infinite linear; }
img.shape-w3-one { top: -20%; position: absolute; right: 0; z-index: 33; }
img.shape-w3-tow {position: absolute; top: -150%; left: 35%; z-index: 331; }
img.shape-w3-three { top: 20%; position: absolute; right: 15%; z-index: 33; }
img.shape-w3-four {position: absolute; top: 21%; left: -5%; z-index: 331;}
img.shape-w3-five { position: absolute; bottom: 7%; right: 40%; z-index: 33; opacity: 0.3 !important; }
img.shape-w3-six { position: absolute; bottom: -35%; left: 30%; z-index: 33; }
/* //animation effect */

/*ser*/
.ser{ position: relative; width: 100%; padding: 60px 0 50px; margin: 0 0; background: #03032f; background-image: linear-gradient(to right ,#f90,#ffb300);}
.ser h2{ display: block; text-align: center; padding: 0 0 30px; margin: 0 0; font-size: 30px; line-height: 20px; color: #fff; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; }
.ser .ser-box{background: #fff; padding: 5px; margin: 0 0 30px; height: 440px; border-bottom: 7px solid #fecb29; }
.ser .ser-box h5 { font-family: 'Josefin Sans', sans-serif; font-size: 20px; line-height: 33px; color: #0d1e2ecf; text-align: center; letter-spacing: 0; padding: 15px 0; display: block; text-transform: uppercase; margin: 0; }
.ser .ser-box h6{ line-height: 25px; max-width: 100%; color: #03032fd9; text-align: justify; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: bold; padding: 0 10px; }
.ser .ser-box img{ width: 100%; }
.ser a{ -webkit-box-shadow: none !important; padding: 10px 0; border-radius: 0; color: #414146; text-transform: uppercase; margin: 30px auto 0; font-size: 14px; width: 15%; text-align: center; font-weight: normal; background: #fff; transition: background 0.2s ease 0s; display: block; border: 1px solid #ccc; }
.ser a:hover{ 
-webkit-box-shadow:  0px 3px 22px -6px rgba(0, 0, 0, 0.79);
-moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
transform: translateY(-7px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }

/*video*/

.video { width: 100%; padding: 0; height: 400px; margin:0 0; background:url(../images/Home-Career.png) no-repeat top right; background-size: cover; background-attachment: fixed; display: inline-block;   position: relative; width: 100%; } 
.video img{ width: 100%; }
/*.video{ width: 100%; padding: 0; -webkit-clip-path: polygon(0 0%, 100% 0%, 100% -640px, 0 265%);
clip-path: polygon(0 0%, 100% 0%, 100% -640px, 0 265%); background: #ccc; overflow: hidden; }*/
.video .left-text-top{ padding: 80px 0 0; text-align: center; }
.video .left-text-top h2{ display: block; text-align: center; padding: 0 0 30px; margin: 0 0; font-size: 30px; line-height: 20px; color: #fff; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; }
.video .left-text-top h2 span { font-family: 'Josefin Sans', sans-serif; font-size: 35px; line-height: 60px; color: #b8a597; text-align: center; letter-spacing: 2px; padding: 15px 0; display: block; }
.video .left-text-top p{ line-height: 30px; max-width: 100%; color: #ffffffc2; text-align: center;font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: bold; }
.video .left-text-top a{ -webkit-box-shadow: none !important; padding: 10px 0; border-radius: 0; color: #fff; text-transform: uppercase; margin: 30px auto 0; font-size: 14px; width: 15%; text-align: center; font-weight: normal; background: none; transition: background 0.2s ease 0s; display: block; border: 1px solid #ff8300; background-image: linear-gradient(to right ,#f99704,#ff8300);}
.video .left-text-top a:hover{ 
-webkit-box-shadow:  0px 3px 22px -6px rgba(0, 0, 0, 0.79);
-moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
transform: translateY(-7px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }

/*services*/
.services{ opacity: 1; position: relative; width:100%; padding:40px 0; margin:0 0; background:#eaeaea; background:#f9f7f5;}
.services .item:hover{ opacity: 0.8; }
.services img.gall-img{ width:100%;  border-radius: 6px;}
.services h2{padding: 0;margin: 0 0;font-size: 30px;line-height: 60px;color: #363637;text-align: center;font-family: 'Josefin Sans', sans-serif;font-weight: lighter;letter-spacing: 0px;text-transform: uppercase;}
.services h5{ text-align: center; padding: 10px 80px 50px; margin: 0 0; line-height: 30px; color: #000000c4; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: bold; }
.services h6{ color: #f90; text-align: left; padding: 20px 0 10px 0; margin: 0; font-size: 18px; line-height: 21px; font-family: Open Sans,sans-serif; font-weight: bold; }
.services p{ font-size: 14px; line-height: 23px; color: #000; text-align: justify; font-weight: normal; padding: 0 0 15px; font-family: 'Nunito', sans-serif;}
.services p a{ font-size: 17px; line-height: 30px; color: #000; text-align: justify; font-weight: normal; padding: 0px; font-family: 'Nunito', sans-serif;}



/*HOW WE WORK*/
.replacement{  position: relative; width:100%; padding:70px 0 40px; margin:0 0; background: url(../images/ab-bg.gif) right top; background-size: cover; background-attachment: fixed;  }
.replacement h2{ padding: 0 0 25px; margin: 0 0; font-size: 40px; line-height: 60px; color: #b8a597; text-align: center; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 2px; }
.replacement h1{font-family: 'Nunito', sans-serif; text-align: center; padding: 0 0 2px; margin: 0 0; font-size: 20px; line-height: 20px; color: #442a17; }

.replacement .replacement-img-ico{ position: relative; color: #686464;  text-align: center; width: 100%; padding: 5px; margin: 0 0 30px; background: #fff; height: 420px; border: 1px solid #cccccc24;transition:all 500ms ease-in-out; }
.replacement .replacement-img-ico i{  font-size: 30px;  color: #9b8473;  margin-bottom: 25px; }
.replacement .replacement-img-ico h6{ font-size: 14.5px; font-family: system-ui; font-weight: normal; line-height: 26px; padding: 0 10px; margin: 0 0 50px; text-align: justify; }
.replacement .replacement-img-ico h6 span{ display: block; font-size: 20px;  padding: 0 0 10px 0; margin: 0; }
.replacement .left-replacement{ position: relative; width:100%; padding:0px 0 0; margin:0 0; }
.replacement .left-replacement h2{ font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; color: #7e7d7d; display: block; }
.replacement .left-replacement h2 span { font-family: 'Josefin Sans', sans-serif; font-size: 25px; line-height: 45px; font-weight: 700; color: #0006; }
.replacement .left-replacement h3{ font-size: 11px; font-style: italic; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; color: #ce6d06; display: block; }
.replacement .left-replacement h3 span{ font-size: 12px; color: #373430; display: block; font-weight: bold; }
.replacement .left-replacement p{line-height: 30px; max-width: 100%; color: #000000c2; text-align: center;font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: bold; padding: 0 100px; margin: 0 0 60px; }
.replacement .replacement-img-ico:hover{background: #9b8473; color: #fff !important; transition:all 700ms ease-in-out; }




/*surgical-hair*/
.surgical-hair{  position: relative; width:100%; padding:50px 0; margin:0 0; background:#fff; }
.surgical-hair .particle-network-animation {
 position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }


/*team-box*/
.team-box{ position: relative; width: 90%; overflow: hidden; text-align: center; margin: 0 auto; background:#fff;}
.team-box h3{padding: 0; margin: 0 0; font-size: 25px; line-height: 40px; color: #000000b8; text-align: center; font-family: 'Butler_Light'; font-weight: lighter; letter-spacing: 1px; }
.team-box h3 span{ display: block; padding: 0; margin: 0 0; font-size: 17px; line-height: 40px; color: #000000b8; text-align: center; font-family: 'Butler_Light'; font-weight: lighter; letter-spacing: 1px;}
.team-box img{ width: 90%; overflow: hidden; text-align: center; margin: 0 auto; }



 /*testmonial*/
.testmonial{ position: relative; width:100%; text-align: center; padding:50px 0; margin:0 0; background:#fff; }
.testmonial img.testmonial-img{ width: 10%; }
.testmonial h2{ padding: 20px 0 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #000; text-align: center; font-family: 'Butler_Light'; font-weight: lighter; letter-spacing: 1px; }
.testmonial p{ font-size: 15.5px; font-family: system-ui; font-weight: normal; line-height: 28px; padding: 0 10px; margin: 0 0 30px; text-align: center; color: #0000008f; }
.testmonial h6 { text-align: center; padding: 0 0 2px; margin: 0 0; font-size: 17px; line-height: 30px; color: #000; font-weight: lighter; font-family: 'Butler_Light'; }




 /*questions*/
.questions{ position: relative; width: 100%; padding: 30px 0; margin: 0 0; background: #fff; text-align: center;  }
.questions h2{ padding: 0; margin: 0 0; font-size: 35px; line-height: 60px; color: #0b347e; text-align: center; letter-spacing: 1px; font-family: 'Nanum Gothic', sans-serif; font-weight: bold;}
.questions h2 span{ color: red;} 
.questions h6{ font-size: 17px ; line-height: 26px ; color: #0b1938 ; padding: 10px 0 30px; display: block; margin: 0; text-align: center; text-transform: uppercase; font-weight: bold; }
.questions p{ font-size: 20px; line-height: 35px; color: #484646; padding: 10px 0 10px; font-style: italic; margin: 0; }
.questions h3{ font-size: 25px; line-height: 35px; color: #031940; padding: 10px 0 10px; font-style: italic; margin: 0; }
.questions h3 span{  display: block; color: #000; font-size: 17px; line-height: 20px; padding: 5px 0 0; } 





.about-top .ab-left-text h2{font-family: 'Nunito', sans-serif; padding: 30px 0 15px; margin: 0 0; font-size: 22px; line-height: 40px; color: #000; }
.about-top .ab-left-text p{ text-align: justify; font-size: 15px; line-height: 26px; color: #000;font-family: 'Nunito', sans-serif; padding: 0; margin: 0; }
.about-top .ab-left-text a{font-family: 'Nunito', sans-serif; background: #428e36; padding: 8px 20px; margin: 15px 0 0; display: inline-block; color: #fff; border: 2px solid #2db318; }
.about-top .ab-right-img{ position: relative; width:100%; padding:0px 0; margin:0 0;  }
.about-top .ab-right-img img{ width:100%; }



img.boton-title-img{  width:100%; }
marquee{ width: 100%; position: fixed; z-index: 9999; bottom: 0; background-image: none; background-image: linear-gradient(to bottom,#2c7d21,#359926,#4e9e42,#4e9e42,#4e9e42); font-size: 13px; line-height: 25px; padding: 3px 0 3px 0; color: #fff;background: #03091e; }
marquee a{ color: #f05252; }


/*blog*/
.blog{  position: relative; width:100%; padding:40px 0; margin:0 0; background:#fff; }
.blog img{ width:100%; height: 220px; opacity: 1; transition:all 600ms ease-in-out;  }
.blog img:hover{  transform: translateY(-5px); width:100%;  opacity: 0.9; transition:all 600ms ease-in-out;}
.blog h2{ padding: 0 0 30px; margin: 0 0; font-size: 35px; line-height: 40px; color: #002267; text-align: center; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: uppercase; }
.blog h3{ font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 90px 60px; margin: 0 0; font-size: 20px; line-height: 34px; color: #031946; text-align: center; font-weight: bold; }
.blog .blog-box{border: 1px solid #d5d5d587; background: #fff; margin: 0 0 30px; padding: 5px; }
.blog .blog-box  p{font-size: 15px; line-height: 24px; color: #000000bf; text-align: justify; font-weight: normal; padding: 0 5px 10px; margin: 0;}
.blog .blog-box h5{color: #0b1e60;text-align: left;padding: 8px 3px;margin: 0;font-size: 15px;line-height: 21px;font-family: Open Sans,sans-serif;font-weight: bold;}
.blog .blog-box  h6{text-align: left; padding: 0 4px 5px; margin: 0; font-size: 13px; line-height: 20px; color: #000; font-family: 'Nunito', sans-serif; font-weight: bold;}

/*Blog Single */
.blog-single-peag{  position: relative; width:100%; padding:40px 0; margin:0 0; background:#f9f7f7; }
.blog-single-peag_box{  }
.blog-single-peag_box h3{ padding: 20px 0; margin: 0; color: #031244; font-size: 16px; line-height: 30px; text-align: left; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; }
.blog-single-peag_box img.exam_calendar_single_img{  }
.blog-single-peag_box p{ font-size: 17px; text-align: justify; line-height: 29px; padding: 20px 0 0; color: #000; margin: 0; }
.blog-single-peag_box h6{  }

/*about-trems*/
.about-trems{ position: relative; width:100%; padding:40px 0; margin:0 0; background:#f9f7f7; }
.about-trems h2{padding: 0; margin: 0 0; font-size: 30px; line-height: 60px; color: #363637; text-align: center; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: uppercase;}
.about-trems p{text-align: justify; font-size: 19px; line-height: 35px; color: #000; font-family: 'Nunito', sans-serif; padding: 20px 0 20px; margin: 0;}



/*form-inner*/
.form-inner{ position: relative; width:100%; padding:60px 0; margin:0 0; background:#f4f2f2; background: linear-gradient(90deg, rgb(18, 26, 55) 50%, rgb(255, 255, 255) 35%); }
.form-inner form img.form-img{ width: 70%; margin: 0 auto; display: block; } 
.form-inner form h2{ text-align: center; margin: 0; padding: 30px 0 5px; font-family: 'Josefin Sans', sans-serif; color: #10a8e9; font-size: 25px; line-height: 35px; }
.form-inner form h4{ margin: 0; text-align: center; padding: 5px 0 20px; color: #2a2b2a; font-size: 15px; line-height: 15px; text-transform: uppercase; letter-spacing: 6px; }
.form-inner form h4 span{ display: block; font-weight: bold;font-family: 'Nunito', sans-serif; font-size: 20px; padding: 0; margin: 0; }
.form-inner form{ width: 38%; margin: 0 auto; padding: 25px 20px 25px 20px; background: #fff; border: 10px solid #f4efef; }
.form-inner form .admission-input{ width: 100%; padding: 0; margin: 0 0 10px; display: inline-block; }
.form-inner form .admission-input label{ width: 40%; float: left; text-align: left; font-weight: bold; color: #4a4a4a; text-transform: uppercase; padding: 5px 0 0 10px; font-size: 14px; line-height: 20px; margin: 0; }
.form-inner form .admission-input input[type="text"]{ width: 59%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px; }
.form-inner form .admission-input input[type="email"]{ width: 59%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px; }
.form-inner form .admission-input input[type="date"]{ width: 59%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input input[type="file"]{ width: 59%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input textarea{ width: 59%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input input[type="submit"]{ width: 40%; margin: 20px auto 0; display: block; background: #121a37; border: none; outline: none; color: #fff; padding: 6px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-radius: 8px; }
.form-inner form .admission-input span{ width: 100%; text-align: center; display: block; color: #f00; font-weight: bold; font-size: 15px; padding: 10px 0 10px; }



/*contact-box*/
.map-box{ position: relative; width: 100%; }
.contact-box{position: absolute; content: ""; bottom: 25%; left: 0; right: 0; width: 100%; overflow: hidden; background: none; padding: 0px; margin: 0 auto;}
.contact-box .contact-block{ background: #f90; width: 550px; margin: 0 auto; border: 15px double #fff; padding: 10px 5px 20px; }
.contact-box .contact-block ul{ padding: 0; margin: 0; }
.contact-box .contact-block ul img{width: 100%; display: block; margin: 0 auto; background: #000; padding: 0 120px; }
.contact-box .contact-block ul li{ position: relative; text-align: center; list-style: none; color: #ffef00; padding: 0 0 5px; margin: 0; }
.contact-box .contact-block ul li a{ color: #fff; font-size: 13px; line-height: 20px; }

/*inn-contact*/
.inn-contact{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #fff;  }
.inn-contact h6{  font-family: 'Raleway', sans-serif; font-family: 'Josefin Sans', sans-serif; color: #000; font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; text-align: center;}
.inn-contact .con-d-box{ position: relative; width: 100%; margin: 30px 0 50px; }
.inn-contact .con-d-box h2{ padding: 0; margin: 0; font-size: 20px; text-transform: uppercase;font-family: 'Nunito', sans-serif; font-weight: bold; color: #000; line-height: 30px; }
.inn-contact .con-d-box h2 i{ background: #121a37; color: #fff; width: 40px; height: 40px; text-align: center; border-radius: 50%; font-size: 22px; line-height: 40px; margin: 0 20px 20px 0; }
.inn-contact .con-d-box p{font-family: 'Nunito', sans-serif; margin: 0; font-size: 16px; line-height: 30px; color: #000; padding: 0 0 30px 50px; }
.inn-contact .con-d-box a{ display: block;font-family: 'Nunito', sans-serif; color: #000; margin: 0; font-size: 16px; line-height: 30px; color: #000; padding: 0 0 7px 50px; }
.inn-contact .con-d-box a:hover{  }

.inn-contact .conta-inner-text{  padding: 35px 30px; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d{ padding: 0 0; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d li{list-style: none; padding: 0 0; margin: 0 0; font-size: 19px; line-height: 25px; }
.inn-contact .conta-inner-text ul.cont-d li i{ background: linear-gradient( 90deg, rgb(63, 122, 54) 10%, rgb(246 249 255) 10%); border: 1px solid #407b37; color: #335233; padding: 5px 6px; width: 5%; text-align: center; border-radius: 4px; margin: 0 0 10px; font-size: 12px; }
.inn-contact .conta-inner-text ul.cont-d li a{  padding: 0 0 0 10px; margin: 0 0; font-size: 15px; line-height: 28px; color: #000;font-family: 'Nunito', sans-serif; }
.inn-contact .conta-inner-text ul.cont-d li a:hover{ color: #335233; }
.inn-contact form{ width: 100%; padding: 20px 10px; margin: 0 0; background: #ececec; display: inline-block; }
.inn-contact form .input-cont{  width: 100%; padding: 0; margin: 0; display: block; }
.inn-contact form .input-cont label{  border-bottom: 1px solid #ccc;  width: 25%; float: left; line-height: 26px; padding: 5px 10px; margin: 0; font-weight: bold; font-size: 16px; color: #000;font-family: 'Nunito', sans-serif; }
.inn-contact form .input-cont input{border-bottom: 1px solid #ccc; background: none; width: 100%; float: right; outline: none; border: none; font-size: 15px; line-height: 29px; padding: 5px 10px; margin: 0; color: #000; }
.inn-contact form .input-cont textarea{ border-bottom: 1px solid #ccc;background: none; width: 100%; float: right; outline: none; border: none; font-size: 15px; line-height: 29px; padding: 5px 10px; margin: 0; color: #000; }
.inn-contact form .input-cont input[type="submit"]{ float: left; margin: 0 0 10px 5px; width: 60%; border: 1px solid #fff; color: #fff; display: inline-block; background: #081027; text-transform: uppercase; font-weight: bold; border-radius: 10px; }



footer{ width: 100%;  background: url(../images/footer-bg2.png) bottom right no-repeat;  position: relative; background-size: cover; padding: 40px 0 0px; }
footer .footer-box {  width: 100%;   }
img.logo-footer{ text-align: center; display: block; width: 20%; margin: 0 auto; padding: 10px; border-radius: 5px; opacity: 0.8;}

footer ul.footer-socil {  padding: 0px; margin: 0 auto; text-align: center; width: 100%; position: relative; display: inline-block;block;}
footer ul.footer-socil li{ list-style: none; display: block; margin: 0 0 10px;color: #ccc;}
footer ul.footer-socil li a{ color: #fff; text-transform: capitalize; padding: 0; margin: 0; font-size: 15px; line-height: 30px; font-family: 'Nanum Gothic', sans-serif; }
footer ul.footer-socil li a:hover{ color: #fff; } 
footer ul.footer-socil li i{ color: #ff8f00; margin: 0 10px 5px 0; }

footer ul.footer-ul { padding: 0; margin: 0; text-align: center;}
footer ul.footer-ul li{ list-style: none; display: inline-block; }
footer ul.footer-ul li a{ color: #e6e6e6; padding: 0 15px; margin: 0; font-size: 14px; line-height: 20px; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: uppercase;}
footer ul.footer-ul li a:hover{ color: #ff8f00; } 

footer ul.social-li-footer{ width: 100%;
    padding: 0 0;
    margin: 20px 0 30px;
    display: inline-block;
    text-align: center;}
footer ul.social-li-footer li {display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0 10px 0 0;
    transition: all 600ms ease-in-out;
    width: 3%;}
   
footer ul.social-li-footer li i{ color: #fff; }
footer ul.social-li-footer li a{    padding: 5px 0 0;
    display: block;
    opacity: 0.9;
    transition: all 600ms ease-in-out;
    width: 100%;}
footer ul.social-li-footer li a:hover{ opacity: 1;transition:all 600ms ease-in-out; }
footer ul.social-li-footer li a img{ width: 100%;}


img.futter-ser{ width:100%;}
.footer-box p{text-align: justify; color: #acacac; font-family: 'Abel-Regular'; font-weight: normal; padding: 0 0 2px; font-style: italic; font-size: 15px; line-height: 23px; }
.footer-box p a{ color: #fff; }



p.text-white{ background: #021735;
padding: 9px 0 10px; color: #fff; font-family: fangsong; font-weight: normal; margin: 0; background-image: linear-gradient(to right ,#f99704,#ff8300);}
p.text-white a{ color: #000; font-family: 'Abel-Regular'; font-weight: bold; }
p.text-white a:hover{  font-style: italic; }   
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }





/*about-inner*/
.about-inner{  position: relative; width:100%; padding:150px 0 50px 0; margin:0 0;background:#eaeaea;  background:#fff; background: url(../images/banner2.jpg) no-repeat top right; background-size: cover; background-attachment: fixed;}
.about-inner .ab-inner-text{ position: relative; width:100%; padding:0px 0 0; margin:0 0;  }
.about-inner .ab-inner-text h2{ font-family: 'Josefin Sans', sans-serif; text-align: center; font-size: 40px; line-height: 60px; padding: 20px 0 10px; margin: 0; text-transform: uppercase; color: #fff; text-shadow: 0px 3px 3px rgba(0, 52, 255, 0.99);}
.about-inner .ab-inner-text h3{font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 90px 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #fff; text-align: center; }
.about-inner .ab-inner-text p{ text-align: justify; font-size: 19px; line-height: 35px; color: #fff; font-family: 'Nunito', sans-serif; padding: 20px 0 20px; margin: 0; }
.about-inner .ab-inner-text a{font-family: 'Nunito', sans-serif; background: #428e36; padding: 8px 20px; margin: 15px 0 0; display: inline-block; color: #fff; border: 2px solid #2db318; }
.about-inner .ab-right-img{ position: relative; width:100%; padding:0px 0; margin:0 0;  }
.about-inner .ab-right-img img{ width:100%; }

img.inner-pro-all{ width:100%; padding:0px 0; margin:100px 0 0 0; }

/*services-bonding*/
.services-bonding{ position: relative; width:100%; padding:30px 0; margin:0 0; background:#fff; }
.services-bonding h2{ padding: 0; margin: 0 0; font-size: 30px; line-height: 60px; color: #363637; text-align: center; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: uppercase; }
.services-bonding h1{font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 0 2px; margin: 0 0; font-size: 20px; line-height: 20px; color: #000;}
.services-bonding .ser-inner-text { position: relative; width:95%; padding:0px 0 0; margin:0 0; }
.services-bonding .ser-inner-text h3{font-family: 'Nunito', sans-serif; padding: 25px 0 5px; margin: 0 0; font-size: 25px; line-height: 40px; color: #000; text-align: left; font-weight: bold; }
.services-bonding .ser-inner-text p{ text-align: justify; font-size: 19px; line-height: 35px; color: #000; font-family: 'Nunito', sans-serif; padding: 20px 0 20px; margin: 0; }
.services-bonding .ser-inner-text ul{ padding: 0 0 0 40px; }
.services-bonding .ser-inner-text ul li{ text-align: justify; font-size: 15px; line-height: 30px; color: #201b1b;font-family: 'Nunito', sans-serif; padding: 0 0 0 5px; margin: 0; font-style: italic; font-weight: bold; list-style: disclosure-closed; }
.services-bonding .ser-inner-text span a{color: #fff; padding: 10px 30px; margin: 10px 0 0; display: inline-block; border-radius: 30px; background: linear-gradient(to right, rgb(237, 75, 83), rgb(255, 118, 76)); font-weight: bold; font-family: revert; font-size: 16px; }
.services-bonding .ser-inner-text span a:hover{color: #000; }
.services-bonding ul{ padding: 0; margin: 0;}
.services-bonding ul li{ font-size: 16px; color: #00000094; line-height: 25px; padding: 0 0 10px; font-family: revert; margin: 0; }





/*/Responsiv RAj/*/
/*/----------------------- RESPONSIV ----------------------/*/


@media(max-width:1200px) {
    #testmonial-demo .owl-nav{ display:none;}
}

@media(max-width:1050px) {
    /*/chek 1000/*/
    span.menu { font-size: 35px; cursor: pointer; padding: 0 10px;}
    .banner .banner-text h2 { font-size: 35px; padding: 0 0 15px 0; line-height: 50px; }
    .services p { font-size: 12px; line-height: 22px; }
    .about-inner .ab-inner-text p { text-align: justify; font-size: 16px; line-height: 35px; color: #fff; font-family: 'Nunito', sans-serif; padding: 10px 30px 10px; margin: 0; }
    .blog-single-peag_box p { font-size: 15px; text-align: justify; line-height: 25px; padding: 10px 0 0; }
    .services-bonding .ser-inner-text p { text-align: justify; font-size: 15px; line-height: 25px; }
    .team-box { width:100%; margin: 0 auto; background: #cfcece2e; padding: 10px 0 0; }
    .team-box h3 { padding: 0; margin: 0 0; font-size: 20px; line-height: 30px; }
    .team-box h3 span { font-size: 15px; line-height: 25px; color: #000; letter-spacing: 0; }
    .about-trems p { text-align: justify; font-size: 15px; line-height: 30px; }
    .Loadingpupup .modal-dialog {
  width: 90% !important;
  margin: 50px auto;
}
}

@media(max-width:991px) {
    .banner .banner-text { width: 60%; }
    .sidenav a { font-size: 12px; line-height: 20px;} 
    .sidenav ul.social-li-header li a { width: 25px; background: #ffef00; color: blue; border-bottom: 3px solid #fff; border-radius: 5px; padding: 6px 0; margin: 0 3px; font-size: 12px; text-align: center; }
    .about-top .left-text-top p { line-height: 30px; max-width: 100%; color: #000000c2; text-align: justify; font-family: 'Nunito', sans-serif; font-size: 16px; }
    .about-top .left-text-top a { -webkit-box-shadow: none !important; padding: 10px 0; border-radius: 0; color: #fff; text-transform: uppercase; margin: 30px auto 0; font-size: 14px; width: 25%; text-align: center; font-weight: normal;  }
    .ser .ser-box h5 { font-family: 'Josefin Sans', sans-serif; font-size: 15px; line-height: 25px; color: #03032f; }
    .ser .ser-box h6 { line-height: 23px; max-width: 100%; color: #000011d9; text-align: justify; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: bold; padding: 0 10px; }
    .ser .ser-box { background: #fff; padding: 5px; margin: 0 0 30px; height: 380px; }
    .ser a{ width:25%; }
    .services h5 { text-align: center; padding: 10px 10px 40px; margin: 0 0; line-height: 25px; color: #000000c4; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: bold; }
    .video .left-text-top p { line-height: 25px; max-width: 100%; color: #ffffffc2; text-align: center; font-family: 'Nunito', sans-serif; font-size: 15px; }
    .video .left-text-top a { margin: 30px auto 0; font-size: 14px; width: 25%; }
    .about-inner .ab-inner-text h3 { font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 50px 20px; margin: 0 0; font-size: 20px; line-height: 35px; }
    img.logo-footer { text-align: center; display: block; width: 30%; }
    .blog img { width: 100%; height: 150px;}
    .blog h2 { padding: 0 0 10px; }
    .blog h3 { font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 10px 30px; margin: 0 0; font-size: 16px; line-height: 25px; }
    .blog .blog-box p { font-size: 13px; line-height: 22px; }
    .blog-single-peag_box h3 { padding: 10px 0; margin: 0; color: #031244; font-size: 15px; line-height: 25px; }
    .header-bottom .logo-new { width: 100%; margin: 10px 0 0; }
.Loadingpupup .modal-dialog {
  width: 90% !important;
  margin: 50px auto;
}
.Loadingpupup .modal-body-right {
  width: 100%;
  padding: 5px 0px !important;
}
.Loadingpupup .modal-body-right h3 {
  font-family: 'Josefin Sans', sans-serif;
  color: #ff8300;
  font-size: 25px !important;}
}

@media(max-width:801px) {
/*chek 767   */
    .services-bonding h2 { padding: 0 0 25px; margin: 0 0; font-size: 25px; line-height: 40px; }
    .services-bonding ul li { font-size: 14px; color: #000c; }
    .blog { position: relative; width: 100%; padding: 20px 0;}
    .blog h2 { padding: 0 0 10px; font-size: 25px; }
    .team-box h3 { padding: 0; margin: 0 0; font-size: 16px; line-height: 25px; }
    .blog-single-peag_box h6 { color: #0b1e60; font-family: 'Nanum Gothic', sans-serif; font-weight: bold; }
    .blog-single-peag_box p { font-size: 13px; text-align: justify; line-height: 24px; padding: 10px 0 0; }
    .about-trems { position: relative; width: 100%; padding: 20px 0; }
    .about-trems h2 { padding: 0; margin: 0 0; font-size: 25px; line-height: 40px; color: #1f1f20; }
    .header-bottom { background: #000; position: relative;}
    .Loadingpupup .modal-dialog {
  width: 90% !important;
  margin: 50px auto;
}
.Loadingpupup .modal-body-right form input[type="submit"] {
  position: relative;
  width: 80% !important;}  
  .contact-box .contact-block ul img {
  width: 100%;
  display: block;
  margin: 0 auto;
  background: #000;
  padding: 10px 80px;
}
}

@media(max-width:767px) {
/*chek 599   */
    img.banner-img{ width:100%;}
    .banner .banner-text { width: 100%;  padding: 25px 0 0;}
    .banner .banner-text h2 { font-size: 20px; padding: 0 0 10px 0; line-height: 40px; }
    .banner .banner-text p { font-size: 15px; line-height: 25px; text-align: justify; padding: 0 0 20px; margin: 0; display: block; color: #fff; font-weight: bold; font-family: 'Nunito', sans-serif; }
    .banner .banner-dec { background: #00000082; }
    .banner .banner-text a { width: 160px; overflow: hidden; color: #ffffff; display: inline-block; text-align: center; font-weight: bold; font-family: revert; text-transform: uppercase; transition: background 0.2s ease 0s; border: 0.5px solid #ccc; background: #000; border-radius: 0; padding: 10px 20px; margin: 0; font-size: 11px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }
    .about-top .left-text-top h2 { display: block; text-align: center; padding: 0 0 10px; margin: 0 0; font-size: 25px; line-height: 30px }
    .about-top .left-text-top p { line-height: 25px; max-width: 100%; color: #000; padding: 0 30px; text-align: justify; font-family: 'Nunito', sans-serif; font-size: 14px; }
    img.shape-w3-four { position: absolute; top: -50px; left: -25px; z-index: 331; }
    .about-top { position: relative; width: 100%; padding: 40px 0 40px; margin: 0 0; background: #fff; }
    .ser .ser-box { background: #fff; padding: 5px; margin: 0 auto 30px; height: 500px; width: 80%; }
    .ser .ser-box h6 { line-height: 25px; max-width: 100%; color: #001; text-align: justify; font-size: 15px; font-weight: normal; padding: 0 10px; margin: 0; }
    .ser .ser-box h5 { font-family: 'Josefin Sans', sans-serif; font-size: 15px; line-height: 25px; color: #03032f; padding: 10px 0 10px 0; }
    .services { padding: 25px 0; }
    .services h2 { padding: 0; margin: 0 0; font-size: 25px; line-height: 40px; color: #03032f; }
    .video .left-text-top { padding: 45px 0 0; text-align: center; }
    .testmonial img.testmonial-img { width: 15%; }
    .testmonial p { font-size: 13.5px; font-family: system-ui; font-weight: normal; line-height: 25px; padding: 0 10px; margin: 0 0 30px; text-align: center; color: #000000c4; }
    .testmonial h2 { padding: 5px 0 5px; margin: 0 0; font-size: 23px; line-height: 38px; color: #000; text-align: center; font-family: 'Butler_Light'; font-weight: lighter; letter-spacing: 1px; }
    img.logo-footer { text-align: center; display: block; width: 35%; }
    footer ul.footer-ul li a { color: #e6e6e6; padding: 0 10px; margin: 0; font-size: 11px; }
    p.text-white { background: #021735; padding: 9px 0 10px; color: #fff; font-family: fangsong; font-weight: normal; margin: 0; font-size: 10px; }
    .about-inner .ab-inner-text h2 { font-family: 'Josefin Sans', sans-serif; text-align: center; font-size: 30px; line-height: 40px; padding: 0px 0 10px; }
    .about-inner .ab-inner-text h3 { font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 30px 20px; margin: 0 0; font-size: 17px; line-height: 30px; } 
   .about-inner .ab-inner-text p { text-align: justify; font-size: 14px; line-height: 29px }
   .blog-single-peag_box p { font-size: 15px; text-align: justify; line-height: 28px; padding: 5px 0 0; }
   .blog-single-peag_box h6 { color: #000; font-family: 'Nanum Gothic', sans-serif; font-weight: bold; font-size: 15px; margin: 10px 0 20px; }
   .blog-single-peag_box { border: 1px solid #cccccc6e; margin: 0 0 30px; padding: 10px; }
   .blog-single-peag_box h3 { padding: 0 0 5px 1px; margin: 0; color: #031244; font-size: 16px; line-height: 27px; }
   .banner-inner { position: relative; width: 100%; height: 200px; background: url(../images/banner2.jpg) no-repeat center right; background-attachment: scroll; background-size: auto; background-attachment: unset; background-size: cover; overflow: hidden; padding: 0 0; margin: 0 0; }

   .Loadingpupup .modal-body-right p {
  font-size: 16px !important;
  line-height: 27px !important;
  text-align: left !important;
  padding: 0 0 20px;
  margin: 0;
  display: block;
  color: #000 !important;
  font-weight: normal !important;
  font-family: 'Nunito', sans-serif;
}
   
}

@media(max-width:600px) {
/*/chek 576/*/ 
    .sidenav{ width: 30%; height: 100%; min-height: 1000%;}
    span.menu { font-size: 35px; cursor: pointer; padding: 0 10px; margin: 0; }
    img.banner-img { width: 100%; }
    #banner-demo .owl-nav { display: none; }
    .about-top .left-text-top a{ margin: 10px auto 0; }
    .ser .ser-box { height: 450px; }
    .video .left-text-top h2 { padding: 0 0 10px; }
    .services-bonding h2 { padding: 0 0 0; margin: 0 0; font-size: 30px; line-height: 40px; }
    .services-bonding .ser-inner-text h3 { font-family: 'Nunito', sans-serif; padding: 20px 0 5px; margin: 0 0; font-size: 20px; line-height: 30px;}
    .services-bonding .ser-inner-text p { text-align: justify; font-size: 15px; line-height: 25px; padding: 0; }

}

@media(max-width:575px) {
/*/chek 481/*/
    span.menu {font-size: 33px; cursor: pointer; padding: 0 10px; margin: 0 !important; }
    .banner .banner-text h2 { font-size: 16px; padding: 0 0 10px 0; line-height: 30px; }
    .banner .banner-text p { font-size: 13px; line-height: 25px; text-align: justify; }
    img.banner-img { width: 100%; }
    .about-top .left-text-top a { margin: 20px auto 0; width: 35%; border-radius: 10px; }
    .ser .ser-box h5 { font-family: 'Josefin Sans', sans-serif; font-size: 14px;}
    .ser a { width: 35%; color: #000; }
    .video .left-text-top h2 { padding: 0 0 10px; font-size: 25px; line-height: 30px; }
    .video .left-text-top p { line-height: 24px; max-width: 100%; color: #ffffffc2; text-align: center; font-family: 'Nunito', sans-serif; font-size: 13px; }
    .video .left-text-top a { margin: 20px auto 0; font-size: 13px; width: 35%; }
    img.logo-footer { text-align: center; display: block; width: 45%; }
    footer ul.footer-socil li a { font-size: 13px; line-height: 20px; }
    footer ul.footer-ul li a { color: #e6e6e6; padding: 0 5px; margin: 0; font-size: 11px; }
    p.text-white { background: #021735; padding: 9px 0 10px; color: #fff; font-family: inherit; font-weight: normal; margin: 0; font-size: 9px; letter-spacing: 0; }
    .about-top{ overflow: hidden; }
    .ser{ overflow: hidden; }    
    .services{ overflow: hidden; }    
    .blogs{ overflow: hidden; }  
    .video{ overflow: hidden; }     
    .testmonial{ overflow: hidden; }  
    footer{ overflow: hidden; } 
    img.inner-pro-all { width: 100%; padding: 0px 0; margin: 30px 0 30px 0; }
    .blog .blog-box h5 { color: #0b1e60; text-align: left; padding: 8px 3px; margin: 0; font-size: 13px; line-height: 18px;}
    .blog .blog-box p { font-size: 12px; line-height: 20px; }
    .blog img { width: 100%; height: 130px; }
    .contact-box .contact-block {  width: 80%; margin: 0 auto; border: 15px double #fff; padding: 10px 5px 20px; }
    .sidenav a { font-size: 10px; line-height: 15px; }
    .sidenav ul.social-li-header li a { width: 20px; background: #ffef00; color: blue; border-bottom: 3px solid #000; border-radius: 5px; padding: 5px 0; margin: 0 2px; font-size: 10px; text-align: center; }
    
.Loadingpupup .modal-body-right form input[type="submit"] {
  position: relative;
  width: 90% !important;} 
    
}

@media(max-width:480px) {
   /*chek 441 */
   img.banner-img { width: 100%; }
  .banner .banner-text {width: 100%;  padding: 20px 0 0; }
  .banner .banner-text h2 { font-size: 17px; padding: 0 0 10px 0; line-height: 25px; }
  .banner .banner-text p { font-size: 12px; line-height: 22px; text-align: justify; }
  .about-top .left-text-top p { line-height: 25px; max-width: 100%; color: #000000d1; padding: 0 30px; text-align: justify; font-family: 'Nunito', sans-serif; font-size: 13px; }
  .ser .ser-box { height: 400px; }
  .ser .ser-box h6 { line-height: 22px; max-width: 100%; color: #001; text-align: justify; font-size: 13px;}
  .video .left-text-top { padding: 30px 0 0; text-align: center; }
  .modal-enquire form .input-cont label { width: 40%;}
  .modal-enquire form .input-cont input { width: 59%; }
  .modal-enquire form .input-cont textarea { width: 59%; } 
  footer ul.social-li-footer li {
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0 10px 0 0;
  transition: all 600ms ease-in-out;
  width: 8%;
}
   
   
}

@media(max-width:440px) {
    /*/chek 401/*/
    .banner .banner-text h2 { font-size: 15px; padding: 0 0 10px 0; line-height: 25px; }
    .banner .banner-text p { font-size: 12px; line-height: 21px; text-align: justify; }
    img.banner-img { width: 100%; }
    .banner .banner-text { width: 100%;  padding: 20px 0 0; }
    .about-top .left-text-top p { line-height: 25px; max-width: 100%; color: #000000d1; padding: 0 20px; }
    img.shape-w3-one { top: 0; position: absolute; right: 0; z-index: 9999; }
    .about-top .left-text-top a { margin: 20px auto 0; width: 35%; border-radius: 10px; font-size: 11px; }
    .ser .ser-box h5 { font-family: 'Josefin Sans', sans-serif; font-size: 11px; }
    .ser .ser-box {  height: 350px; }
    .video { overflow: hidden; height: 440px; }
    footer ul.footer-ul li a { color: #e6e6e6; padding: 0 3px; margin: 0; font-size: 10px; }
    footer ul.footer-socil li a { font-size: 12px; line-height: 20px; }
    img.logo-footer { text-align: center; display: block; width: 50%; }
    p.text-white a { color: #ff8f00; font-family: 'Abel-Regular'; font-weight: bold; display: block; }
    .about-inner { position: relative; width: 100%; padding: 100px 0 50px 0; overflow: hidden;}
    .about-inner .ab-inner-text h2 { font-family: 'Josefin Sans', sans-serif; text-align: center; font-size: 25px; }
    .about-inner .ab-inner-text h3 { font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 20px 20px; margin: 0 0; font-size: 15px; line-height: 25px; }
    .about-inner .ab-inner-text p { text-align: justify; font-size: 13px; line-height: 25px; }
    .testmonial img.testmonial-img { width: 20%; }
    .testmonial h2 { padding: 5px 0 5px; margin: 0 0; font-size: 20px; line-height: 30px; }
    .sidenav a { font-size: 13px; line-height: 20px; }
    .services-bonding { position: relative; width: 100%; padding: 30px 0 30px 0; overflow: hidden;} 
    .services-bonding h2 { padding: 0 0 20px; margin: 0 0; font-size: 20px; line-height: 35px; }
    .services-bonding ul { padding: 0 0 0 20px; margin: 0; }
    .blog .col-xs-6{padding: 0 0 0px;}
    .contact-box .contact-block ul li a { color: #fff; font-size: 10px; line-height: 18px; }
    .ser .ser-box { height: 370px; }
   
}

@media(max-width:400px) {
    /*/chek 386/*/
    .header-bottom { background: #000; padding: 0; }
    .header-bottom .col-xs-5{  padding: 0; }   
    .banner .banner-text a { width: 130px; overflow: hidden; color: #ffffff; display: inline-block; text-align: center; font-weight: bold; font-family: revert; text-transform: uppercase; transition: background 0.2s ease 0s; border: 0.5px solid #4a4949; background: #000000c2; }
    .video { overflow: hidden; height: 440px; background: url(../images/Home-Career.png) no-repeat center; background-attachment: scroll; background-size: auto; background-size: revert; background-attachment: fixed; }
    .header-bottom .col-xs-6{  padding: 0; } 
    .sidenav{ padding-top: 100px; }
    .services-bonding .ser-inner-text h3 { font-family: 'Nunito', sans-serif; padding: 10px 0 5px; margin: 0 0; font-size: 17px; line-height: 28px; }
    .about-trems h2 { padding: 0; margin: 0 0; font-size: 20px;}
    .about-trems p { text-align: justify; font-size: 13px; line-height: 25px; }
    footer ul.social-li-footer li {
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0 10px 0 0;
  transition: all 600ms ease-in-out;
  width: 5%;
}
    
}
@media(max-width:385px) {
   /*chek 376 */
   .blog h2 { padding: 0 0 10px; font-size: 20px; }
   .blog h3 { font-style: italic; font-family: 'Nunito', sans-serif; padding: 0 5px 25px; margin: 0 0; font-size: 13px; line-height: 23px; }
   .blog .blog-box { border: 1px solid #d5d5d547; background: #fff; margin: 0 0 30px; padding: 5px; height: 400px; }
   .blog-single-peag_box p { font-size: 13px; text-align: justify; line-height: 26px; padding: 5px 0 0; }
   
}

@media(max-width:375px) {
   /*chek 360 */
   .banner .banner-text h2 { font-size: 13px; padding: 0 0 10px 0; line-height: 25px; }
   .banner .banner-text p { font-size: 10px; line-height: 18px; text-align: justify; }
  .banner .banner-text { width: 100%;  padding: 15px 0 0; }
  footer ul.footer-socil li a { font-size: 11px; line-height: 20px; }
  footer ul.footer-ul li a { color: #e6e6e6; padding: 0 1px; margin: 0; font-size: 9px; }
  .blog .blog-box p { font-size: 11px; line-height: 20px; }
  .contact-box .contact-block { background: #00f; width: 90%; }
   
}

@media(max-width:350px) {
    /*/chek 320/*/
    
}