@charset "utf-8";
/* CSS Document */


body{overflow:hidden;font-family: 'RobotoLight'; font-weight:300; 
transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;
background:url(../images/main-bg.jpg); background-size: cover; height:100%;}
.row1{margin:0; padding:0; overflow:hidden;}
.row2{margin:0; padding:0;}
a{outline:none!important;}

.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}

header.header {  position: fixed; top:0;  width: 100%;   z-index: 100;}

/*Begin Page loader style */
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; 
height: 100%; overflow: visible; background: #111 url("../images/loading.gif") no-repeat center center; }
/*End Page loader style */


/*Begin Solution for model box Jumbing*/
.modal-open { padding-right: 0 !important; } 
/*End Solution for model box Jumbing*/

/*Begin Bootstrap Edit */
.navbar { background: none; border-radius:0;  border: medium none;  box-shadow: none; margin-bottom:0; margin-top:15px; min-height:auto;
 z-index:100;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background: #00adad none repeat scroll 0 0;
box-shadow:none;  color: #fff;}
.navbar-default .navbar-nav .active, .navbar-default .navbar-nav .active:hover, .navbar-default .navbar-nav .active:focus{ 
background:none;  color:#de0015!important;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none;  color: #de0015; border-radius:0;
transition:.4s all ease-in-out 0s;}
.navbar-default .navbar-nav > li > a {transition:.4s all ease-in-out 0s; color: #393939; padding:4px 14px; margin:0 1px; font-size:15px; color:#fff;
font-weight:300; font-family:'RobotoBold'; text-transform:uppercase;  width: 90px;  height: 90px;  line-height: 61px;  margin: 0 0px 0 39px;}
.navbar-nav { float: right; margin: 32px 0; width:100%; text-align:right;}
.navbar-nav>li{ text-align:center; float:none; display:inline-block;}
.navbar-collapse{padding:0;}
/*End Bootstrap Edit */


/* Begin FONTAWESOME STYLES */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal; font-style: normal;}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.fa-facebook-f:before,.fa-facebook:before { content: "\f09a";}
.fa-linkedin:before { content: "\f0e1";}
.fa-twitter:before { content: "\f099";}
/* End FONTAWESOME STYLES */

/* Begin Font Roboto */

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoRegular_0';
    src: url('../fonts/RobotoRegular_0.eot');
    src: url('../fonts/RobotoRegular_0.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular_0.woff2') format('woff2'),
         url('../fonts/RobotoRegular_0.woff') format('woff'),
         url('../fonts/RobotoRegular_0.ttf') format('truetype'),
         url('../fonts/RobotoRegular_0.svg#RobotoRegular_0') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
}

/* End Font Roboto */

/*Begin Scroll bar style */
body::-webkit-scrollbar{width:8px;background-color:#eee;}
body::-webkit-scrollbar-thumb{background-color:#777;border-radius:10px;}
body::-webkit-scrollbar-thumb:hover{}
body::-webkit-scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::-webkit-scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

body::-moz-scrollbar{width:8px;background-color:#eee;}
body::-moz-scrollbar-thumb{background-color:#777;border-radius:10px;}
body::-moz-scrollbar-thumb:hover{}
body::-moz-scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::-moz-scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

body::-ms-scrollbar{width:8px;background-color:#eee;}
body::-ms-scrollbar-thumb{background-color:#777;border-radius:10px;}
body::-ms-scrollbar-thumb:hover{}
body::-ms-scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::-ms-scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

body::scrollbar{width:8px;background-color:#eee;}
body::scrollbar-thumb{background-color:#777;border-radius:10px;}
body::scrollbar-thumb:hover{}
body::scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

/*End Scroll bar style */



/* Begin css for Revel Animation Page load */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.animated.hinge { -webkit-animation-duration: 12s; animation-duration: 1s;}

@-webkit-keyframes fadeInDown {
  0% {  opacity: 0;  -webkit-transform: translateY(-30px);  transform: translateY(-30px); }
  100% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); }
  
}
@keyframes fadeInDown {
  0% { opacity: 0;  -webkit-transform: translateY(-30px);  -ms-transform: translateY(-30px);  transform: translateY(-30px);}
  100% {  opacity: 1;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0);}
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInUp {
  0% {   opacity: 0;  -webkit-transform: translateY(20px);  transform: translateY(20px); }

  100% {  opacity: 1;  -webkit-transform: translateY(0);   transform: translateY(0); }
}

@keyframes fadeInUp {
  0% {  opacity: 0;  -webkit-transform: translateY(20px);  -ms-transform: translateY(20px);  transform: translateY(20px);}

  100% {  opacity: 1;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0); }
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
/* End  css for Revel Animation Page load */




.bg-1{background:url(../images/bg-1.jpg) scroll center center; background-size: cover; height:100%; overflow:hidden;}
.bg-2{background:url(../images/bg-2.jpg) scroll center center; background-size: cover; height:100%; overflow:hidden;}
.bg-3{background:url(../images/bg-3.jpg) scroll center center; background-size: cover; height:100%; overflow:hidden;}
.bg-4{background:url(../images/bg-4.jpg) scroll center center; background-size: cover; height:100%; overflow:hidden;}
.logo{margin:43px 0;}
.logo img { width: 50%;}

html{min-height: 100%;  height: 100%;}
.padR0 {  padding-right: 0 !important;}

.innerContent{position:relative; height:100%;}
.roundContent{position:absolute; bottom:45px; left:290px; width:180px; height:180px; border-radius:100%;border: 28px solid #333;}
.homeContent {  height: 100%; width:100%; overflow:hidden;}
.roundInner{position:relative; width:100%; height:100%;}
.roundInner:before{position:absolute;     top: -45px;  right: -54px;  content: "";  background: url(../images/r1.png) 0 0 no-repeat;
width:64px;   height: 55px;   background-size: cover;transform: rotate(-4deg);-webkit-    transform: rotate(-4deg);-moz-    
transform: rotate(-4deg);-o-    transform: rotate(-4deg); }

.video1{width:100%; height:100%;     overflow: hidden;  border-radius: 100%;}
video.video {  object-fit: cover;  width: 100%;  height: 100%;   border-radius: 100%;}
.videoPopup video.video{border-radius:0;}
.modalVideo {  width: 72%;   margin: 30px auto;}
.modal-open .modal {  background: rgba(0,0,0,.6);}
.videoPopup .modal-body{padding:0;}

.homeTitiles {  position: absolute;  top: 200px;  left: 374px;   width: 300px;   height: 180px; }
.homeTitiles h1{color:#de0015; font-size:39px;margin-bottom:0;}
.homeTitiles h2{color:#fff;font-family: 'RobotoBold'; font-size:39px;margin-top: 5px;}

.footer{position:fixed; width:100%; bottom:15px; padding:0;}
.footerText { font-family: 'RobotoRegular_0';  font-size: 20px;   color: #fff; margin:0;}
.footerText  span{color:#de0015; text-transform:uppercase; }
.footerSocial{list-style:none; padding:0 30px 0 0; margin:0;text-align: right;  z-index: 100;  position: relative;}
.footerSocial li{display:inline-block;}
.footerSocial li { text-align:center;   padding: 0 10px;  font-size:22px;transition:.4s all ease-in-out .1s;
border-bottom: 2px solid transparent;border-top: 2px solid transparent;}
.footerSocial li i {transition:.4s all ease-in-out .1s;  color: #de0015;}
.footerSocial li:hover{transition:.4s all ease-in-out 0s;border-color:#fff;  border-radius: 16px;}
.footerSocial li:hover i{color:#fff;transition:.4s all ease-in-out 0s;}




.aboutNav .navbar-nav > .active:before{ bottom: -14px;  transform: rotate(36deg);  left: 47px;  right: auto;}
.aboutNav .roundItem{top:67px; left: -193px;}
.roundItem img {  width: 100%;  border-radius: 100%;   height: 100%;}
.aboutContent {  position: absolute;   bottom: 290px;   width: 300px;   right: 20px;   text-align: right;   color: #fff;   line-height: 24px;}

.teamNav .navbar-nav > .active:before{ bottom: -14px;  transform: rotate(36deg);  left: 44px;  right: auto;}
.teamNav .roundItem{top:67px; left: -193px;}
.teamContent { position: absolute; bottom: 100px;  width: 270px;  right: 17px;  text-align: right;  color: #fff;  line-height: 24px;}
.caricature img{width:auto; height:auto; border-radius:0;    padding: 95px 0 0; width:40%;}
.caricatureInner{position:relative; width:100%; height:100%;}

.cariList {  position: absolute;}

.cariList h4 {  color: #000; margin:0;   font-family: robotoBold;   font-size: 14px;}
.cariList p {  color: #000;  text-transform: uppercase;  font-size: 13px;}
.cariList.list-1 {  right: -30px;  top: 36px;}
.list-1 p {  margin: 0 0 0 20px;}
.cariList.list-2 {  right: -74px;  top: 144px;}
.list-2 p {  margin: 0 0 0 39px;}
.cariList.list-3 {  right: 75px;  bottom: -31px;}
.list-3 p {  margin: 0 0 0 10px;}
.cariList.list-4 {  right: auto;  left:-39px ; bottom: 56px; }
.list-4 p {  margin: 0 0 0 -13px;}
.cariList.list-5 {  right: auto;  left:-11px ; top: 24px; }
.list-5 p {  margin: 0 0 0 -70px;}

.mobileView{display:none;}

.contactNav .padR0{padding-right:14px !important;}
.contactNav .navbar-nav > li > a{width:110px; height:110px; margin-left:15px;}
.contactNav .roundItem {  width: 800px;  height: 800px;  position: absolute;    top: 70px;  border: 80px solid #393939;
border-radius: 100%;  left: -575px;}
.contactNav .navbar-nav > .active:before {
content: "";   position: absolute;  width: 13px;  height: 56px;  background: #393939;  bottom: -42px;  transform: rotate(32deg);  left: 21px;right: auto;}
.contactRow {  position: relative;  z-index: 100; margin:20% 0 0;}
.textBox1 {  border: none;  border-bottom: 1px solid #636363;   background: none;   box-shadow: none;   border-radius: 0;   padding-left: 0;
 margin: 0 0 25px; color:#fff;}
.textBox1:hover,.textBox1:focus{box-shadow:none; outline:none; border-color:#fff;}
.sendBtn { background: none;   border: 1px solid #636363;   color: #9E9E9E;   border-radius: 0;transition:.4s all ease-in-out 0s;}
.sendBtn:hover,.sendBtn:focus{outline:none; color:#fff; border-color:#fff;transition:.4s all ease-in-out 0s;}

.conText {  width: 10%; float:left;}
.conText img {  width: 32%; margin: 30px 0 0 0;}
.contactDetails {  padding: 0 0 0 100px;}
.conDetails{float:left; width:90%;}
.cRow{float:left; width:100%;}


.conDetails figure {  width: 32%;   float: left;   margin: 28px 0 0 0; text-align:center;}
.conDetails figure img {  width: 53%;}
.conDetails figcaption {  width: 68%;   float: left;  margin: 23px 0 0 0;    padding: 0 0 0 20px;}
.conDetails figcaption h4 {   color: #de0015;   font-family: robotoBold;}
.conDetails figcaption p {  color: #dad7d7;   margin: 0 0 0px;}
.cIcon img {  width: 23% !important;   margin: -8px 0 0;}

.videoClose{  position: absolute;  z-index: 1000;  color: #fff;  font-size: 63px;  right: 16px;  top: -6px; opacity:.8;}
.videoClose:hover,.videoClose:focus{color:#fff; opacity:1; outline:none;}

.loadingM .video { border-radius: 0!important;}

.aboutBox { width: 595px; float: right; margin: 20% 0 0 0;}
.aboutBoxRight { width: 40%;  float: right;}
.aboutBoxLeft { width: 52%; float: right;}
.aboutBoxRight figure img { width: 95%;}
.aboutBoxLeft p { font-size: 14px;  color: #eee;  text-align: left;}

.serviceRow{float:left; width:100%; margin: 17% 0 0;}
.serviceCol{width:16.66666%; float:left;text-align: center;}
.serviceRow .serviceCol:nth-child(even) { padding-top: 130px;}
.serviceItem{transition: .5s linear 0s;-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;}
.serviceItem:hover{transition: .5s linear 0s;-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;
 transform: scale(1.1,1.1);-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;}
.serviceItem figure{    background: url(../images/serIcon-bg.png) no-repeat scroll 3px 0; width: 107px;  height: 107px;  background-size: contain; 
 margin: 0px auto;}
.serviceItem h4 {    font-size: 14px; color: #fff; font-family: 'RobotoRegular_0';}
.serviceItem figure img {  margin: 47px 12px 0 0;  width: 35px;}

.teamRow {}
.teamCol{background: url(../images/team-bg.png) no-repeat scroll 3px 0; width: 152px;  height: 152px; text-align: center; background-size: contain; 
position:absolute;transition: .5s linear 0s;-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;}
.teamCol:hover {transition: .5s linear 0s;-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;  transform: scale(1.1,1.1);-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;
z-index: 100;}
.teamCol figure img { width: 85px;  margin: 47px 23px 0 0;}
.colPerson-1 {top: 25%;}
.colPerson-2 {top: 37%; left: 16%;}
.colPerson-3 {top: 59%; left: 0;}
.colPerson-4 { top: 45%; left: 34%;}
.colPerson-5 { top: 20%; left: 39%;}
.colPerson-6 { top: 37%;  left: 60%;}
.teamColInner {  position: relative;}
.teamCol figcaption { position: absolute;  top: 2px;   left: 120px;  text-align: left; min-width: 130px;}
.teamCol h3 { transition: .5s linear 0s; color: #fff;  font-size: 17px;  font-family: robotoBold;   margin: 0;  text-transform: lowercase;}
.teamCol:hover h3 { color: #de0015;transition: .5s linear 0s;-moz-transition: .5s linear 0s;-webkit-transition: .5s linear 0s;-o-transition: .5s linear 0s;}
.teamCol p { color: #eee; text-transform: uppercase;}
.serviceContent .roundContent{bottom:25px;}

.contactContent .roundContent{left:417px; bottom:20px;}
.logo a { cursor: default;}


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

}

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



}
@media screen and (max-width:991px)
{
.navbar-default .navbar-nav > li > a{margin-left:10px;}
.aboutContent{bottom:250px;}


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

/* Begin For mobile menu */
.navbar-default { position: absolute;  right:0;  top: -17px;  z-index: 100;}
.navbar-nav{float:none; margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.navbar-collapse { background: #fff none repeat scroll 0 0; margin: 0 !important;  padding: 0;  position: absolute;  right: -16px;  top: 60px;  width: 100%;}
.navbar-default .navbar-nav > li > a { font-size: 14px; margin: 2px 0; padding: 10px 15px; color: #1490ad; text-shadow:none;}
.navbar-toggle{margin-top:15px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:  #de0015;  border-color:  #de0015;}
.navbar-toggle:focus .icon-bar { background-color: #fff;}
.navbar-toggle:hover .icon-bar { background-color: #fff;}


.navbar-header { position: absolute;  right: 0;  top: -52px;}
.navbar-collapse { margin-left: -10px;  right: 11px;  top: 3px;    width: 250px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background:   #de0015 none repeat scroll 0 0; color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: #de0015 none repeat scroll 0 0; color: #fff;}
.navbar-collapse { box-shadow: -1px 6px 17px -1px #333;}
.navbar-toggle{border-radius:0; padding:7px 9px; margin-top:-3px; background:#de0015; border-color:#de0015 !important;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #eee;}
/* End For mobile menu */

.logo {  margin: 10px 0;}
.logo img {  width: 40%;}
.roundContent{position:unset;    margin: 40px auto;}
.footer{position:unset; text-align:center;}
.footerSocial{text-align:center; padding:12px 0 0;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{border-radius:0; border:0;}
.navbar-nav>li{width:100%;}
.navbar-default .navbar-nav > li > a{height:45px; width:100%; line-height:26px; color:#de0015;}
.roundItem{display:none;}
.navbar-default .navbar-nav > .active:before{display:none;}

.aboutContent{position:unset;}
.bg-4,.bg-3,.bg-2,.bg-1{overflow-y:auto;}
.aboutContent {  text-align: justify;  padding: 0 15px;}
#myModal{padding-right:0 !important;}

.mobileView{display:block;}
.mobCaricature .cariList {position:unset; padding: 0 0 8px;  border-bottom: 1px solid #424141;  margin: 0 0 8px;}
.mobCaricature .cariList p{margin:0 !important; color:#7d7a7a;}
.mobCaricature { background: #333;  padding: 18px;  border-radius: 7px;    margin: 0 0 15px;}
.mobCaricature .cariList h4{color:#adacac;}

.contactRow{margin-top:31%;}
.contactDetails{padding: 0 0 30px;  float: left;}
.conText{display:none;}
.conDetails{width:100%;}
.contactRow{z-index:10;}
.videoClose{font-size:40px;}

.innerContent{overflow-y:auto;}
.homeTitiles {  position: unset;  width: auto;  height: auto;  margin: 137px 0 0 0;  padding-left: 34px;}
.homeTitiles h1,.homeTitiles h2{font-size:26px;}
body{background: #464646; overflow:auto;}
.aboutusContent .roundContent,.serviceContent .roundContent{display:none;}
.aboutBox{margin:43% 0 0 0; width:100%;}
.aboutBoxRight{width:35%; float:left;}
.aboutBoxLeft{width:64%;}
.serviceRow{margin:35% 0 0;}
.serviceCol{width:50%;}
.serviceRow .serviceCol:nth-child(even) { padding-top: 0;}
.teamCol,.teamContent{position:unset;}
.teamRow { margin-top: 33%;}

}

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

}

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



}

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



}

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



}