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


body{font-family: 'AmericanTypewriterRegular'; font-weight:300; overflow-x:hidden;
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;}
.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;}


/*Begin Page loader style */
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; 
height: 100%; overflow: visible; background: #000 url("../images/preloader.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: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: medium none;  box-shadow: none; margin-bottom:0; min-height:auto;}
.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 > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ 
background:#0c3a4c; border-radius:50px; color:#fff; border:3px solid #7498a9;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none;  color: #eee; border-radius:0;}
.navbar-default .navbar-nav > li > a { color: #393939; font-size: 14px; padding:4px 19px; margin:0 1px; font-size:15px; color:#fff;
font-weight:300; text-shadow:1px 1px 1px #5b5b5b;}
.navbar-nav { float: right; margin: 15px 0;}
.navbar-collapse{padding:0;}
/*End Bootstrap Edit */

.carousel-control:hover, .carousel-control:focus,.carousel-control{background:none !important; box-shadow:none;}
.leftAr img { margin: 100% 0 0;}
.rightAr img { margin: 100% 0 0;}
.titleLogo{background:url("../images/titleLogo.png") no-repeat scroll 0 0;  width: 133px;  height: 155px;  display: inline-block;
background-size: contain;  float: left; margin-right:2px;}
.carousel-caption h2 { font-size: 26px;  text-align: left;  font-family: 'AmericanTypewriterRegular';  line-height: 32px;}
.carousel-caption{left:15%; right:15%; bottom: 0; top: 35%;}



/* 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 americantypewriterbold */

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

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



/* End Font americantypewriterbold */



/* 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: 2s; animation-duration: 2s;}

@-webkit-keyframes fadeInDown {
  0% {  opacity: 0;  -webkit-transform: translateY(-50px);  transform: translateY(-50px); }
  100% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); }
  
}
@keyframes fadeInDown {
  0% { opacity: 0;  -webkit-transform: translateY(-50px);  -ms-transform: translateY(-50px);  transform: translateY(-50px);}
  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;}


@keyframes bounceIn {0% {  opacity: 0;  -webkit-transform: scale(.3);  -ms-transform: scale(.3);   transform: scale(.3); }

  50% {  opacity: 1;  -webkit-transform: scale(1.05);  -ms-transform: scale(1.05);  transform: scale(1.05); }
  70% {  -webkit-transform: scale(.9);  -ms-transform: scale(.9);  transform: scale(.9); }
  100% {  -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1); }
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}
/* End  css for Revel Animation Page load */


.logo {width: 310px;height: 310px; position: absolute; margin: 0px auto;  text-align: center;  top: 27%;  left: 0;  right: 0; display:inline-block;
border-radius:100%; }
.bgWhite{background:#fff url(../images/pattern.png) repeat 0 0;box-shadow: none;}
.des{ font-family: 'AmericanTypewriterRegular';font-size:15px; color:#000; font-family:arial;}


/*Begin Letter flying effects */

#content{ overflow:hidden !important; margin: 0; padding: 0; width: 100%; height: 100vh; background-color: black; position:absolute; top:0; 
background:none;border: none;}
.flying-text{ margin:130px 0 0px; padding:0;left: 50%; top: 50%; list-style: none;}
.flying-text li{  font-family: 'Cornerstone';  display: inline-block; color: #000; font-size: 38px; margin-right:0px;   transition: all 3.5s ease-in-out;line-height: 50px !important;
margin-right: -6px;}
.flying-text li:last-child{  margin-right: 0;}
.flying-text.hidden2{ opacity: 0;}

.flying-text.hidden2 li{ color: #000; background:none; line-height: 50px !important;}
 /*  
.flying-text.hidden2 li:nth-child(1) {transform: translateX(-200px) translateY(-200px);}
.flying-text.hidden2 li:nth-child(2) {transform: translateX(20px) translateY(100px);}
.flying-text.hidden2 li:nth-child(3) {transform: translateX(-150px) translateY(-80px);}
.flying-text.hidden2 li:nth-child(4) {transform: translateX(200px) translateY(200px);}
.flying-text.hidden2 li:nth-child(5) {transform: translateX(200px) translateY(10px);}
.flying-text.hidden2 li:nth-child(6) {transform: translateX(20px) translateY(-150px);}
.flying-text.hidden2 li:nth-child(7) {transform: translateX(-100px) translateY(300px);}
.flying-text.hidden2 li:nth-child(8) {transform: translateX(25px) translateY(150px);}
.flying-text.hidden2 li:nth-child(9) {transform: translateX(-130px) translateY(-80px);}
.flying-text.hidden2 li:nth-child(10) {transform: translateX(400px) translateY(180px);}
.flying-text.hidden2 li:nth-child(11) {transform: translateX(150px) translateY(-150px);}
.flying-text.hidden2 li:nth-child(12) {transform: translateX(30px) translateY(190px);}
.flying-text.hidden2 li:nth-child(13) {transform: translateX(80px) translateY(100px);}
*/
/*End Letter flying effects */


.overHidden{overflow:hidden;}
canvas {  border: 10px solid #000;  width: 100%;  height: 100%;}


html, body { height: 100%;}
.sliderSection{background:#808285;  padding-top:30px; height:100%;}
.slide1{width:700px; height:488px; margin: 0px auto 50px; position:relative;}
.slidePic {  width: 100%;    overflow: hidden;}
.slidePic img{width:100%;}
.topRow { margin: 30px 0;}
.nameLink { color: #fff;  font-family: 'Cornerstone';  text-transform: uppercase;   font-size: 15px;}
.nameLink  span{color:#fff;}
.nameLink:hover,.nameLink:focus{text-decoration:none; color:#fff;}
.owl-theme .owl-controls { margin-top: 10px;  text-align: right; z-index:10;  top: -58px;  position: absolute;   right: 0;}
.slideTitle { color: #ddd;font-family: 'AmericanTypewriterRegular';  font-size: 18px; margin:30px 0;}
.mailLink {  color: #ddd;  position: absolute;  right: -147px;  bottom: 132px;  font-size: 16px; font-family: 'AmericanTypewriterRegular';  transform: rotate(-90deg);}
.mailLink:hover,.mailLink:focus{text-decoration:none; color:#ddd;}
.bgBlack{background:#000;}

/*Begin scroll to top style */
.scroll-to-top { width: 50px;height: 50px;text-align: center;font-weight: bold;text-decoration: none;position: fixed; bottom: 150px; right: 80px;
  display: none; z-index: 2000; background-color: #3a393a; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;  overflow: hidden;}
.scroll-to-top:before, .scroll-to-top:after { content: ''; position: absolute;  display: block;  top: 15px;  background-color: #fff;  height: 20px;
  width: 5px;}
.scroll-to-top:before {  -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);left: 28px; box-shadow: -8px 14px 0px 8px #292829;}
.scroll-to-top:after { -webkit-transform: rotate(45deg);  transform: rotate(45deg);right: 28px;}
.scroll-to-top:focus { outline: none;}

/*End scroll to top style */

.canBlack{background:#000; border:none;}
.bioBox{width:60%; height:400px; margin:0px auto; padding:15px;}
.bioPoss { position: absolute;  top: 20%;  left: 0;  right: 0;  margin: 0px auto;}
.bioHeader {height:100px; float: left; position:relative;  background:url(../images/pattern2.png) repeat 0 0;}
.headLeft{padding: 15px; float:left;}
.bioBody { float: left;  width: 100%;  background:url(../images/pattern2.png) repeat 0 0;;  padding: 15px;}
.bioHeader .nameLink {font-family: 'Cornerstone';  margin: 6px 6px; font-size: 28px;  line-height: 34px; color:#636467;}
.bioBody p {  color: #909090;  line-height: 25px;  margin: 0 6px;  font-size: 14px;font-family: 'AmericanTypewriterRegular';}
.clickBtn {  float: left;   background: #989a9c;  color: #333;  transform: rotate(-90deg);   width: 100px;   position: absolute;   right: -62px;   text-align: center;   top: 37px;   font-size: 14px;}
.clickBtn a { display:block; padding:3px;  color: #333;}
.clickBtn:hover{background:#fff;}
.clickBtn a:hover,.clickBtn a:focus{text-decoration:none;} 

.footerSocial { width:100%;   float: left;   list-style: none;   margin: 0;    padding: 0px 20px 19px;}
.footerSocial li {    border: 1px solid #000; background:#000;  width: 32px;  height: 32px;  border-radius:0px;   text-align: center;   padding: 2px 6px; color:#ddd;   margin: 0 5px;  line-height: 26px; float:left;transition:.3s all ease-in-out 0s;}
.footerSocial li a{color:#ddd;}
.biofooter {  float: left;  background:url(../images/pattern2.png) repeat 0 0;}
.footerSocial li:hover{background:#ddd; color:#000;transition:.3s all ease-in-out 0s;}
.footerSocial li:hover a{color:#000;}
.backSlide { display: block;  padding: 0px 15px;  color: #ddd;  float: left;  width: auto;  background: #333333;  height: 24px;  line-height: 23px;  text-align: center;  margin: 0 0px 20px 22px;  border: 1px solid #4c4b4b;}
.backSlide:hover,.backSlide:focus{text-decoration:none; color:#ddd; background:#000;} 
.salPic img { width: 100%;}
.cotactBox{background:url(../images/pattern2.png) repeat 0 0;padding: 100px 30px 30px 30px; height:320px; position:relative;}
.cotactBox .form-control { color:#eee;  background: none; border:none; border-radius:0; border-bottom:1px solid #585656; box-shadow:none;padding-left:0;}
.sendBtn{float:right; border-radius:0; border:none; padding:6px 23px;}
.contacPoss{top:4%;}
.contactBack{right:-47px; bottom:12px;}



.homeBg{background:url(../images/Vector-Smart-Object.png) no-repeat 0 0;  background-size: 100%; }
/*.homeBg:hover{background-size: 103%;transition:.9s all ease-in-out 0s;}*/
.bgBlackBiography{background:url(../images/Vector-Smart-Object-bk.png) no-repeat 0 0;  background-size: 100%; }
/*.bgBlackBiography:hover{background-size: 103%;transition:.9s all ease-in-out 0s;}*/
.homeArrow{background:url(../images/arrow.png) no-repeat 0 0;   width: 60px;  height: 32px;  display: block;  margin: 20px auto 0;}


.owl-theme .owl-controls::before {   content: "";  width: 560px;  height: 1px;  background: #ddd;   top: 10px;  position: absolute;   right: 0;   z-index: -2;   display: block;}
.owl-theme .owl-controls::after {  content: "";   width: 200px; height: 1px;  background: #ddd;  top: 10px;  position: absolute;  right: -51px;  z-index: -2;  display: block;}
.mailLink::before{  content: "";  width: 219px;  height: 1px;  background: #ddd;  top: 14px;  position: absolute;  right: -235px;  z-index: -2;  display: block;}
.owl-pagination {  background: #808285;}
.contactBack::before{display:none;}
.sliderNo{background:url(../images/line.png) no-repeat 0 0; width: 60px;  height: 50px;  display: block;  float: right;  position: relative;
top: -27px;  right: -89px;}
.no-1 {  position: absolute;  top: -11px;  left: -14px;  font-size: 18px;  color: #c5c4c4;}
.no-2 {   position: absolute; right: -4px;  font-size: 18px;   color: #c5c4c4;bottom: -26px;}

.share{background:url(../images/share.png) no-repeat 0 0; width: 30px;  height: 30px;  display: inline-block; background-size:100%;  margin: 2px 0 0 3px;
vertical-align: top; position:relative; cursor:pointer; transition:.3s all ease-in-out 0s;}
.homeL {  float: right;}
.homeL a {    color: #fff;   padding: 0px;  width: 33px;    font-size: 17px;   line-height: 19px;   height: 32px;   display: inline-block;  text-align: center;font-family: arial; font-weight:bold;}
.homeL a:hover,.homeL a:focus{color:#fff; text-decoration:none;}
.owl-next {  position: absolute;   top: 239px;   right: -42px;}
.owl-prev {  position: absolute;   top: 239px;   left: -47px;}
.owl-buttons {  top: 163px;  position: absolute;  right: 78px;}
.modal-body{padding:0;}
.contacPoss .nameLink span {  color: #fff;}
.homeL img { width: 100%;}



#top-image { background-size: calc(100% + 50px);}


.shareItems { z-index:1000;  margin: 0;  padding: 0px 6px;  list-style: none;  width: 102px;  margin-top: 40px;  position: absolute;  left: -50px;  bottom: -44px; 
 background: #eee;  border-radius: 50px;  border: none;  float: left;   box-shadow: 0px 1px 1px 0px #585858; opacity:0; visibility:hidden;
 transition:.3s all ease-in-out 0s;}
 .share:hover .shareItems{transition:.3s all ease-in-out 0s; opacity:1; visibility:visible;}
 .share:focus .shareItems{transition:.3s all ease-in-out 0s; opacity:1; visibility:visible;}
 
.shareItems li {  float: left;  border: none;}
.shareItems li i{transition:.3s all ease-in-out 0s;}
.shareItems li:hover i{transform:scale(1.5,1.5);transition:.3s all ease-in-out 0s;}
.shareItems a {  line-height: 31px;  border: none;  background: none;   width: 29px;}
.gp{color:#E3411F;}
.fb{color:#4E71A8;}
.in{color:#1686B0;}
.slideAr { text-align: center;  padding: 12px 0 0;}
.slideAr i{color:#acafb3; font-size:19px;}


.centerDiv { position: absolute;  margin: 0px auto;   left: 0;   right: 0;   width: 1179px;  display: table;  height: 100%;}
.centerDivIn {  display: table-cell;  vertical-align: middle;  padding: 0;  float: none;}





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

}

 @media screen and (max-width:1200px){
.bioPoss{top:12%;}
.homeL { margin-top: -20px;}
.centerDiv{width:970px;}


}
@media screen and (max-width:991px)
{
.slide1{width:500px;  height: 373px;}
.overHidden {  overflow: hidden;overflow-y:auto;}
.cotactBox{padding-top:50px;}
.owl-theme .owl-controls::before{width:400px;}
.sliderSection{height:100%;}
.owl-buttons{top:auto; bottom:-25px;}
.mailLink::before{width:87px; right:-125px;}
.centerDiv { width: 750px;}

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

.flying-text li{font-size:21px;}
.logo{width:240px; height:240px; top:10%;}
.flying-text{margin-bottom:1px; margin-top:75px;}
.des{font-size:14px;}
.slide1{width:auto; margin-bottom:10px;}
.mailLink {  right: 0;  bottom: -33px;  font-size: 18px;   transform: rotate(0deg);}
.scroll-to-top{right:0;}
.bioBox{width:100%;}
.bioPoss{top:3%;}
.bioHeader .nameLink{font-size:20px;}
.overHidden {  overflow: hidden;overflow-y:auto;}
.footerSocial li{margin:0 2px;}
.cotactBox {  padding: 15px;  height: auto;   float: left;}
.owl-theme .owl-controls::before{display:none;}
.homeBg,.bgBlackBiography{background-repeat:repeat;}
.owl-theme .owl-controls::after,.mailLink::before{display:none;}
.owl-buttons{bottom:98px;}
.slide1{height:auto;}
.slideAr{text-align:left; float:left;}

.centerDiv {  width: 100%;  position: unset;   display: block;}
.centerDivIn {  display: block;  vertical-align: top;   padding: 0;   float: none;}




}

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

}

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



}

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



}

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



}