@charset "utf-8";
/*--------------------------------------------------------------------------
							[ Table of Contents ]						
--------------------------------------------------------------------------*/ 
  
/*--------------------------------------------------------------------------
							1.Typography
---------------------------------------------------------------------------*/
body {color:#1C2025; font-size:14px; line-height: 1.6; font-family: 'Lato', sans-serif;}
 
/*----------- Heading -----------*/
h1,h2,h3,h4,h5,h6 {margin:0px 0px 10px 0px; color:#000000; font-family: 'Josefin Sans', sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

/*----------- Links -----------*/
a {color:#62A8C6; text-decoration:none;}
a, a:focus, a:hover, a:active {outline:0 !important;}
a:focus {text-decoration: none;}
a:hover {color:#3bd4ff; text-decoration:none;} 
a:hover,a:focus{text-decoration:none; outline:none;}
 
/*----------- Lists -----------*/
ul {list-style:none;}
ul, ol {padding:0; margin:0;}
li ul, li ol {padding:0; margin:0;}

/*----------- Paragraph -----------*/
p {font-size:18px; line-height:32px; margin-bottom:10px;}
p img.left {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right {float:right; margin:1.5em 1.5em 1.5em 0;}
strong {font-weight:bold; }
em, dfn {font-style:italic; }
dfn {font-weight:600;}
sup{line-height:0; vertical-align:super; font-size:smaller;}
sub {line-height:0; vertical-align:sub; font-size:smaller;}
abbr, acronym {border-bottom:1px dashed #ccc; }
address {margin:0 0 1.5em; font-style:italic; }
del {color:#666;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5em; display:block; }
code {background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em; }
pre {margin:1.5em 0; white-space:pre; }
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.hide { display:none}
.block { display:block !important;}
.inline { display:inline !important;}
.bold { font-weight:600;}
.italic { font-style:italic;}

/*----------- Margin -----------*/
.mr_none {margin:0px !important;}
.mr_b5,.mr_b10,.mr_b15,.mr_b20,.mr_b25,.mr_b30,.mr_b35,.mr_b40,.mr_b45,.mr_b50,.mr_b55,.mr_b60 {clear:both;}
.mr_b5 {margin-bottom:5px;}
.mr_b10 {margin-bottom:10px;}
.mr_b15 {margin-bottom:15px;}
.mr_b20 {margin-bottom:20px;}
.mr_b25 {margin-bottom:17px;}
.mr_b30 {margin-bottom:30px;}
.mr_b35 {margin-bottom:35px;}
.mr_b40 {margin-bottom:40px;}
.mr_b45 {margin-bottom:45px;}
.mr_b50 {margin-bottom:50px;}
.mr_b55 {margin-bottom:55px;}
.mr_b60 {margin-bottom:60px;}

/*----------- Padding And Gutter -----------*/ 
.no-gutter [class*="col-"] {padding-left:0; padding-right:0;}
.pd-none{padding:0px;}

/*----------- Fonts -----------*/
.ft6{font-size:6px;}
.ft7{font-size:7px;}
.ft8{font-size:8px;}
.ft9{font-size:9px;}
.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}
.ft20{font-size:20px;}
 
/*----------- Page Heading -----------*/
.heading{text-align:center; margin-bottom:30px;}
.heading h2{font-size:36px; color:#111111; font-weight:bold; position:relative; margin-bottom:10px;}
.heading h5{font-size:24px; color:#8d8d8d; margin-bottom:17px;}
 
/*--------------------------------------------------------------------------
							2.Index Page
--------------------------------------------------------------------------*/ 
 
/*----------------- Header -----------------*/
header{padding:0px 0px 10px 0px; background:none; position:absolute; top:0; left:0; width:100%; z-index:9999;}
header .top-header{background:none; border-bottom:1px solid rgba(255,255,255,0.2);}
header .top-info{text-align: right;}
header .top-header ul{padding:0;}
header .top-header ul li{display:inline-block;	list-style:none;}
header .top-header ul li:last-child{}
header .top-header ul li a .fa{color: #ffffff; font-size: 12px;}
header .top-header ul li a{color:#ffffff; font-weight:300; padding:0 8px; font-size:11px; letter-spacing:1px; line-height:30px; font-family:Arial, Helvetica,sans-serif;}
header .top-header .social-top ul li a{display:block; width:23px; height:23px; background:#ffffff; border-radius:100%; margin-top:3px; text-align:center; padding:0;}
header .top-header .social-top ul li a i{color:#dd3418; padding-top:5px; display:block;}
header .top-header .social-top ul li a:hover i{color:#222222;}
.top-header ul li a:hover, .top-header ul li a:hover .fa{color:#ffe4df;}
.top-info ul li a .fa{margin-right: 7px;}
header .logo1{display: none;}

/*----------------- Navigation -----------------*/
.navbar{border-radius:0px; margin:0;}
.navbar-default{background:none; border:none; padding:10px 0px;}
.nav.navbar-nav{margin-top:17px;}
.navbar-brand{padding:10px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:none;	color:#ffffff; position: relative;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#ffffff !important;}
.navbar-default .navbar-nav > li > a {color:#ffffff; text-transform:uppercase;}
.navbar-default .navbar-nav > li:last-child > a{margin:0 0 0 0;}
.navbar-fixed{z-index:99999; position: fixed; width:100%; top:0;  background: #ffffff; padding: 0 0 15px 0; -webkit-animation: fadeInDown 600ms; -moz-animation: fadeInDown 600ms; -ms-animation: fadeInDown 600ms; -o-animation: fadeInDown 600ms; animation: fadeInDown 600ms; -webkit-backface-visibility: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.navbar-fixed .navbar-nav > li > a{color: #000000 !important;}
.navbar-fixed  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background:none;	color:#00b0f0 !important;}
.navbar-fixed .navbar-collapse.collapse{margin-top: 8px;}

/*----------------- Banner -----------------*/ 
.banner {height:648px; background: url(../media/homebanner.jpg) no-repeat #00b0f0;}
#banner{position:relative;}
.banner_small {height:648px; background: url(../media/homebanner.jpg) no-repeat #00b0f0; background-size:cover;}
.video_background {bottom: 0px;	right: 0px;	min-width: 100%; min-height: 100%; width: auto;	height: auto;}
.home_wrapper {position:absolute; left:0px; top:0px; z-index:1;	min-width:100%; min-height:100%; background: rgba(0,0,0,0.5); padding-top:250px; padding-bottom:100px;}
.home_wrapper h1{color: #fff; padding:0 2%; font-size: 46px; text-transform: uppercase; font-weight: bold;}
.home_wrapper h1 span{display:block; margin: 15px 0;}
.home_wrapper p{color:#ffffff; font-size:30px; text-transform: uppercase;}
.pd_5{padding:5px;}
video {
  width: 100%    !important;
  height: auto   !important;
}
 
#hero {background-repeat: repeat; position: relative; width: 100%!important; overflow: hidden; background-position: 50% 50%; background-size: cover; display: none;}
#hero .content-slider {padding: 150px 0 50px; text-align: center;}
.content-slider {padding: 10px 0 50px; text-align: center;}
.content-slider h2{font-size: 70px; margin-bottom: 15px; font-weight: bold; color: #ffffff;}

/*----------------- Services -----------------*/ 
#services{ background:#1c2025; padding:50px 0px;}
#services .heading h2{color:#ffffff;}
#services .heading p{line-height:26px;}
#services .services-inner{text-align:center; transition:all 300ms; -moz-transition:all 300ms; margin: 15px 0; border: 1px dotted #565a60; padding: 10px; height: 160px;}
#services .services-inner img{margin: 20px 0; width: 40px; height: 40px;}
#services .services-inner h4{font-size: 18px; color: #ffffff; line-height: 26px;}
 
/*----------------- Online Panel -----------------*/ 
#online-panel{width: 100%;}
#online-panel .container-fluid{padding-left: 0; padding-right: 0;}
#online-panel .row {margin-left: 0; margin-right: 0;}
#online-panel .row > [class*='col-'] {padding-right:0; padding-left:0;}
#online-panel .community-content{padding:55px 55px; background-image: url(../images/img1.jpg); background-size: cover; position: relative; transition: all 300ms;}
#online-panel .community-content:hover{background: #029ad1; background-image: transparent;}
#online-panel .community-content h2{font-size: 46px; color: #ffffff;}
#online-panel .community-content P{font-size: 20px; color: #ffffff; line-height: 35px;}
#online-panel .panel-box-inner{position: relative; z-index: 999; min-height: 400px; padding: 40px 50px; border: 1px solid #bee7f5;}
#online-panel .community-content.panel-recruitment{background-image: url(../images/img2.jpg); background-size: cover; transition: all 300ms;}
#online-panel .community-content.panel-recruitment:hover{background: #029ad1; background-image: transparent;}

/*----------------- Requitment Study -----------------*/ 
#requitment-study{padding:45px 0px; background:url(../images/bg3.jpg) top left no-repeat; background-size: cover;}
#requitment-study .community-content{margin: 140px 0;}
#requitment-study .community-content h2{font-size: 46px;}
#requitment-study .community-content P{font-size: 20px;}

/*----------------- Project Experience -----------------*/ 
#project-experience{padding: 45px; background: #ffffff;}
#project-experience .project-box{position: relative; margin: 15px 0;}
#project-experience .project-box p{position: absolute; margin: 0; padding: 5px; text-align: center; font-size: 15px; color: #ffffff; background: rgba(0,0,0,0.7); left: 0; bottom: 0; width: 100%; transition: all 300ms;}
#project-experience .project-box:hover p{padding-top: 20px;padding-bottom: 20px;}

/*----------------- Brands -----------------*/  
#brands{padding:80px 0px 100px 0px; /*background:url(../images/brand_bg.jpg) no-repeat; background-size:100%;*/ display:block; position:relative;}
#brands .brands-overlay{background:#efefef; position:absolute; width:100%; height:100%; top:0; bottom:0;}
#brands .heading h5{color:#535353; font-size:30px;}
#brands .heading h5 span{font-size:40px; color:#343432;}

/*----------------- Footer -----------------*/   
footer{padding:55px 0px; background: #000000 url(../images/footer-bg.jpg) center center no-repeat; background-size: cover;}
footer .heading h2,footer .heading h5{color: #ffffff;}
footer .fot-hdr h3{color:#ffffff; font-weight:normal;}
footer .footer-inner ul li{margin-bottom:5px; padding-bottom:5px;}
footer .footer-inner ul li{font-size:13px; color:#f9f9f9;}
footer .footer-inner ul li strong{font-weight: bold; font-size: 15px; color: #ffffff; text-transform: uppercase;}
footer .footer-inner ul li i{margin-right:5px;}
footer .footer-inner ul li:hover{color:#ffffff;}
footer .footer-inner .address-list{margin-bottom:7px; padding-bottom:7px;}
footer .footer-inner .address-list .icon{float:left;}
footer .footer-inner .address-list .icon i{font-size:20px; color:#8b8b8b;}
footer .footer-inner .address-list .adrs-details{padding-left:30px; color:#8b8b8b; font-size:13px; font-style:normal}
footer hr{height:1px; color: #595959; background-color: #595959; border: none;}
footer .copyright{margin-top:10px; font-size:12px; color:#8b8b8b;}
footer .copyright span{color:#00b0f0;}
/*social-footer*/
.ts-social-footer a span{height:30px; line-height:30px; width:30px; border:1px solid #919191; -moz-border-radius:40px; -webkit-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; border-radius:40px; text-align:center; display:inline-block; 	margin-right:12px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); 	transform:scale(1);	-webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out;	
-o-transition: all .25s ease-out; transition: all .25s ease-out;}
.ts-social-footer a i{font-size: 15px; color: #919191;}
.ts-social-footer a:hover i{color:#fff;}
.ts-social-footer a:hover span{margin: 0px 6px;	background: #00b0f0; border: 1px solid #fff; -webkit-transform:scale(1.25);	-moz-transform:scale(1.25);	-ms-transform:scale(1.25) ;	-o-transform:scale(1.25) ; transform:scale(1.25) ; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;	-ms-transition: all 0.25s ease-out;	-o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
footer .designed{margin-top:10px; font-size:12px; color:#8b8b8b; text-align: right;}
footer .designed a{color:#00b0f0;}
 
 
 
/*--------------------------------------------------------------------------
							2.About Us Page
--------------------------------------------------------------------------*/ 
/*----------------- Page Banner -----------------*/  
#page-banner{padding: 200px 0; text-align: center;}
#page-banner h2{color: #ffffff; font-size: 70px; font-weight: bold;}
#about-us{padding: 60px 0; background: #ffffff;}
#about-us h2{font-size: 60px;}
#about-us h3{font-size: 30px;}
#about-us .about-service{margin: 30px 0;}
#about-us .about-service ul li{font-size: 18px; margin-top: 10px; margin-bottom: 10px; color: #00b0f0;}
#about-us .about-service p{line-height: 36px;}
#about-us ul.circle{padding-left: 15px;}
#about-us ul.circle li{list-style: disc; margin: 15px; font-size: 18px;}


/*--------------------------------------------------------------------
	Contact Us Page
--------------------------------------------------------------------*/
#contact-us{padding: 60px 0; background: #f5f5f5;}
#contact-us .contact-details .contact-point{width: 100%; display: block; margin-bottom: 40px; overflow: hidden;}
#contact-us .contact-details .contact-point .icon{float: left; width: 60px; height: 60px; border: 2px solid #e5e6e8; border-radius: 100%; text-align: center; line-height: 55px; color: #f50057; font-size: 22px;}
#contact-us .contact-details .contact-point .adrs-text{padding-left: 80px; padding-top: 5px;}
#contact-us .contact-details .contact-point .adrs-text h4{font-size: 19px; margin-bottom: 7px; font-weight: bold; color: #00b0f0;}
#contact-us .contact-details .contact-point .adrs-text p{font-size: 15px !important; margin: 0; line-height: 18px; font-weight: bold;}
#contact-us .contact-details .contact-form h2{font-size: 35px; margin-bottom: 15px;}
#contact-us .contact-details .contact-form p{font-size: 24px; margin-bottom: 25px; font-weight: 300;}
#contact-us .contact-details .contact-form label{font-weight: bold; color: #000000;}
#contact-us .contact-details .contact-form .form-control{box-shadow: none; border-radius: 0; height: 45px;}
#contact-us .contact-details .contact-form textarea.form-control{height: auto !important;}
#contact-us .contact-details .contact-form .btn.btn-warning {font-size: 17px; color: #ffffff; background: #00b0f0; width: 200px; padding-top: 12px; padding-bottom: 12px; text-transform: uppercase; border-radius: 0px; border: 1px solid #00b0f0;}

/*---------- Google Map ----------*/ 
.google-maps {position: relative; padding-bottom: 50%; height: 0; overflow: hidden; margin-top: 30px;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

/*--------------------------------------------------------------------
	Join Us Modal
--------------------------------------------------------------------*/
#join-us {z-index: 99999;}
#join-us .modal-header{background: #00b0f0;}
#join-us .modal-header h4{font-size: 30px; color: #ffffff; text-align: center;}
#join-us .modal-header .close{opacity: 1; color: #ffffff;}
#join-us .modal-body{background: #f9e7ce;}
#join-us .modal-body p{font-weight: bold; color: #cc6c13; font-size: 26px;}
#healthcare-page{padding: 50px 0;}
#healthcare-page .banner-bg{padding: 200px 0; background: #0d8ec9;}
#healthcare-page .health-care-form label strong{font-weight: bold;}
#healthcare-page .health-care-form label{font-weight: normal; margin: 0 10px 0 0 ; padding: 0;}
#healthcare-page .health-care-form .form-group p{font-size: 15px; font-weight: bold;}
#healthcare-page .health-care-form input[type='submit']{border-radius: 0; margin-top: 15px;}

#join-our-panle{position: fixed; right: -70px; top: 40%; padding: 15px 30px; background: #0ea0dd; color: #ffffff; text-transform: uppercase; font-weight: bold; transform: rotate(-90deg); border-radius: 3px 3px 0 0 ; font-size: 16px; z-index: 9999;}

/*--------------------------------------------------------------------
	Online
--------------------------------------------------------------------*/
#online-page{padding: 50px 0;}


.about-content ul li{margin-bottom: 15px; font-size: 17px;}



/*Others*/
.banner-bg{background: #4f5152; padding: 80px 0;}
.health-care-form .form-control{border-radius: 0; box-shadow: none;}


#industries-lists li span{background: #00b0f0; padding: 5px 10px; font-size: 13px; color: #ffffff; display: block;}