@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

a { outline: none; }
input {  outline: none; }


body { margin: 0; padding: 0; background: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 24px; line-height: 48px }
span, p, li, ul, div, ol, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
a{ color: #000; outline: none; border: none; text-decoration: none; }
a img { outline: none; border: none; }
a:hover { text-decoration: underline; }
p { padding: 0 0 20px 0; }
ul li{ list-style-type: none; }
.spacer { font-size: 0; line-height: 0; clear: both; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-family: 'Roboto', sans-serif; font-weight: 500; color: #000000; font-size: 48px; line-height: 52px; }
h2 { font-family: 'Roboto', sans-serif; font-weight: 500; color: #000000; font-size: 48px; line-height: 52px; }
h3 { font-family: 'Roboto', sans-serif; font-weight: 500; color: #000000; font-size: 48px; line-height: 52px; }
h4 { font-family: 'Roboto', sans-serif; font-weight: 600; color: #000000; font-size:24px; line-height: 28px; }
/*...............Grneral CSS..............*/

#wrapper { width: 100%; }
.container { width: 1560px; margin: 0 auto; }
header { padding: 85px 0 25px 0; width: 100%; text-align: center; }
p.logo { padding: 0 0 32px 0; }
p.tag-line { text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #000; letter-spacing: 3px; padding:0; }
header .container { position: relative; }


.hamburger { position: absolute; left:0; top: 0; cursor: pointer; }
.hamburger .line{ width: 32px;height: 5px; background-color: #7f7f7f; display: block; margin: 3px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#hamburger-icon{ -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#hamburger-icon.is-active{ animation: smallbig 0.6s forwards;}
@keyframes smallbig{
  0%, 100%{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50%{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

#hamburger-icon.is-active .line:nth-child(1),#hamburger-icon.is-active .line:nth-child(2),#hamburger-icon.is-active .line:nth-child(3){  -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}
#hamburger-icon.is-active .line:nth-child(2){ opacity: 0; }
#hamburger-icon.is-active .line:nth-child(1){ -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg);}
#hamburger-icon.is-active .line:nth-child(3){ -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg);}
.top_menu { position: absolute; top: 100%; left:0; background:#fff; padding: 30px 43px; width: 50%; box-sizing: border-box; display: none; z-index: 99999; }
.top_menu ul li { border-top: 1px solid #b2b2b2; text-align: left; }
.top_menu ul li:first-child { border-top:0; }
.top_menu ul li a { font-family: 'Roboto', sans-serif; font-weight:600; color: #666666; font-size: 20px; line-height: 25px; font-weight: 700; display: block; padding: 20px 0; }
.top_menu ul li a:hover, .top_menu ul li.current-menu-item a{ color:#000; text-decoration: none; }
.banner { width: 100%; position: relative; }
.banner img { max-width: 100%; }
.drop-arrow { text-align: center; position: absolute; bottom: 11%; left:0; z-index:9999; width: 100%; cursor: pointer; padding: 0; }
.drop-arrow a { display: inline-block; }
.drop-arrow:hover { margin: 0 0 -10px 0; transition: 0.2s ease all; }
.drop-menu { text-align: center; position: absolute; bottom: 19%; left:0; z-index:999; width: 100%; cursor: pointer; padding: 0;  }
.drop-menu a { font-family: 'Roboto', sans-serif; font-weight:600; font-size: 22px; line-height: 23px; color: #fff; text-transform: uppercase; border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 3px solid #fff; display:inline-block; padding:11px 71px; }
.drop-menu a:hover { background: rgba(0,0,0, 0.7); color: #fff; text-decoration: none; }
.hm-cont-sec { width: 100%; padding: 70px 0; overflow: hidden; }
.list-cont { width: 100%; overflow: hidden; }
.list-cont li { float: left; width: 474px; margin: 0 66px 66px 0; }
.list-cont li:nth-child(3n) { margin:0 0 66px 0; }
.list-cont li h2 { font-family: 'Roboto', sans-serif; font-size: 48px; line-height: 52px; font-weight:400; padding: 0 0 50px 0; }
.list-cont li p { font-family: 'Roboto', sans-serif; font-weight: 300; color: #000000; font-size:24px; line-height: 48px; padding:0 0 50px 0; }
.list-cont li p.img-list { width: 100%; padding: 0 0 60px 0; line-height: 15px; }
.list-cont li p.read-more { padding:0; }
.list-cont li p.read-more a { font-family: 'Roboto', sans-serif; font-weight: 400; color: #000; background: #e5e5e5; font-size: 20px; line-height: 24px; padding: 20px 27px; display: inline-block; }
.list-cont li p.read-more a:hover { background: #224f9b; color: #fff; text-decoration: none; }
footer { width: 100%; padding: 0; position: relative; min-height:164px; }
.ft-img-sec { width: 100%; overflow: hidden; line-height: 16px; }
.ft-img-sec .container { } 
.top-arrow { position: fixed; right: 4%; bottom: 0; padding: 0 0 50px 0; }
.top-arrow a { display: block; border: 3px solid #bfbcbc; border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; width: 116px; height: 116px; text-align: center; line-height: 132px; position: relative; }
.top-arrow a:hover { text-decoration: none; }
.top-arrow a i { background:url(../images/up-arrow-top.png) no-repeat center center; width: 33px; height: 22px; display: block; margin: auto; position: absolute; top:0; left:0; right:0; bottom:0; }
footer img { max-width: 100%; }
.ft-btm { width: 100%; padding: 0 0 50px 0; overflow: hidden; position: fixed; bottom: 0; }
.scl-links li { float: left; padding: 0 0 0 18px; }
.scl-links li:first-child { padding: 0; }
.scl-links li a { display: block; }
.scl-links li a:hover img { opacity:0.8; -webkit-transition: all .6s ease; }
.banner.banner-inner .drop-arrow { bottom: 11%; }
.banner.banner-inner .drop-menu  { bottom: 18%; padding: 0 0 2% 0; }
.inner-cont { width: 100%; padding: 66px 0; }
.inner-cont h2 { font-size: 48px; line-height: 52px; font-weight: normal; padding: 0 0 51px 0; }
.cat-list { width: 100%; padding: 50px 0 77px 0; float: left; }
.cat-list li { float:left; line-height: 11px; margin: 0 26px 26px 0; padding: 18px 27px; border: 3px solid #7f7f7f; }
.cat-list li a { font-size: 22px; line-height: 26px; font-weight: bold; letter-spacing:2px; text-transform: uppercase;  color: #7f7f7f; padding:0; }
.cat-list li:hover { border: 3px solid #000; }
.cat-list li:hover a { color: #000; text-decoration: none; }
.menu-info { width: 100%; }
.menu-info ul { width: 100%; display: flex; flex-wrap: wrap; }
.menu-info ul li { width: 33%; float:left; padding: 0 2% 100px 0; box-sizing: border-box; }
.menu-info ul li h3 { font-size: 40px; line-height: 50px; text-transform: uppercase; padding: 0 0 90px 0; overflow-wrap: normal; } 
.menu-info ul li h3 span { display: block; }
.menu-info ul li h4 { padding: 0 0 10px 0; }
.menu-info ul li span { font-weight: 300; font-size: 24px; line-height: 30px; color: #000; float: right; width: 23%; text-align: right; }
.menu-info ul li p { color: #1a1a1a; font-size: 21px; line-height: 35px; }
.inner-cont p { padding: 0 0 40px 0; }
.inner-cont .menu-info ul li p { padding: 0; }
.inner-cont .menu-info ul li div { padding: 0 0 55px 0; width: 100%; overflow: hidden; float:left; }
.inner-cont .menu-info ul li div.left-menu { width: 77%; float:left; padding: 0 10px 0 0; box-sizing: border-box; }
.google-map { width: 100%; }
.google-map iframe { width: 100%; }
.scl-links-mobile { display: none; }
.img-slider-mobile { display: none !important }
.inner-cont .menu-info ul li div.eng-txt { padding: 30px 0 0 0; }
.mobile-ft-img { display: none; }
.hm-cont-sec .inner-cont { padding-top:0; }