body{ color:#797979}
.lolo{margin: 0px -5px 0px 0px;width: 36px;height: 36px;line-height: 36px;background-color: rgba(255,255,255,0.01);border-style: solid;border-color: #fff;border-width: 1px; color: #ffffff;font-size:18px}
.spaceaz, .spaceaz1{ height:38px; display:block; clear:both}
.spaceaz1{ height:20px}
.name, .msg{ padding:10px 15px; background:#fff; border:1px solid #cfcfcf; display:block; width:100%; clear:both; margin:10px 0px !important; font-weight:400;}
.msg{ height:98px}
.main{ display:block; clear:both; background:#f8f8f8; padding:40px 0px 20px 0px; z-index:100; position:relative; overflow:hidden}
.main i{ text-align:center; font-size:40px; color:#fff;}
.loloc{margin: 0px -5px 0px 0px;width: 36px !important;height: 36px !important;line-height: 36px;background-color: rgba(255,255,255,0.01) !important;border-style: solid;border-color: #333;border-width: 1px;}
.gray{background: #f8f8f8;}
.loloc a i{ color: #333 !important;font-size:18px}
.iconcircle{ height:150px; width:150px; background:#f37225; border-radius:50%; margin: 40px auto; display:block; clear:both; text-align:center; line-height:160px}
.iconcircle:hover{ background:#797979}
.mainheading, .mainheading1, .aboutsubheading{ font-size:40px; display:block; color:#f37125; text-align:center; margin:20px 0px; font-family:Raleway; text-transform:uppercase; font-weight:700; line-height:45px; position:relative}
.mainheading1{ color:#fff;}
.titlebar, .titlebar1{ color:#f37125; text-align:center; margin:20px 0px; font-size:18px; display:block ; text-transform:uppercase;font-weight:600}
.titlebar1{ font-size:14px; text-align:center; text-transform:capitalize; font-weight:400; margin:10px 0px}
.titlebar a, .titlebar a:hover, .titlebar1 a, .titlebar1 a:hover{color:#f37125; text-decoration:none}
.main p{color: #797979; line-height:23px; font-weight:500; font-size:14px; text-align:center;  margin-bottom:10px}
.heightaut, .heightaut1{ height:auto; overflow:hidden; padding:20px; margin-bottom:30px}
.whitbg, .orangebg{ background:#fff; padding:40px 0px 20px 0px; height:auto; overflow:hidden}
.whitbg img{border:1px solid #ddd; width:100%; height:auto; margin-bottom:5px}
.orangebg{ background:url(../images/bg.png) no-repeat; background-position:center center; width:100%; background-size:cover}
.ls-l{ color:#fff; line-height:23px; color:#fff; font-size:14px; margin-bottom:10px}
.heightaut1, .heightaut1 img{ text-align:center; width:100%; height:auto; border:0px; padding:20px; margin:auto}
.greenbgazad, footer{ background:url(../images/getintouch.jpg) no-repeat; background-position:center center; width:100%; background-size:cover; height:auto; overflow:hidden; padding:70px 0px 20px 0px}
.greenbgazad label{ color:#fff; margin-bottom:0px}
footer{ background:url(../images/footer-bg.jpg) no-repeat}
footer p{ font-size:14px; font-weight:600; color:#fff; font-family:raleway; margin-bottom:10px}
.loloc:hover, .lolo:hover{ background:#f37125 !important}
.loloc:hover a i, .lolo:hover a i{ color:#fff !important;}
.listfooter{ height:auto; overflow:hidden}
.listfooter ul{ margin:0px; padding:0px;}
.listfooter ul li{ list-style:none; width:100%; line-height:23px; margin:5px 0px; border-bottom:solid 1px  #fff; padding:5px 0px}
.listfooter ul li a{ text-decoration:none; position:relative;}
.listfooter ul li a:before{content: ""; display: inline-block; height: 48%; position: absolute;left: -10px;border-left: 3px solid #f37225; top: 50%;transform: translateY(-50%); transition: opacity .15s ease-out;opacity: 0;}
.footerform{ margin-bottom:20px}
.bottomft{ background:#303030; padding:25px 0px; height:auto; overflow:hidden; width:100%; display:block; clear:both; color:#fff; text-align:center}
.loloc a {line-height: 37px;}
.mt-0{ margin-top:0px !important; margin-bottom:0px !important}
.aboutus, .aboutus p{ font-family:Raleway; margin-bottom:10px}
.aboutsubheading{ font-size:20px; text-align:left;}
.aboutus ul{ display:block; width:100%; margin:10px 0px; padding:0px}
.aboutus ul li{ width:100%; line-height:23px; display:block; clear:both; position:relative; padding-left:15px}
.aboutus ul li:before{ position:absolute; content:"\f111"; margin-left:-15px; font-family:FontAwesome; font-size:8px}
.grayheading{ font-size:18px; font-weight:500; color:#797979; margin-bottom:15px}
.servicesheading{ font-size:20px; text-align:left; color:#f37125; font-family:Raleway; margin:5px 0px; width:100%; display:block; clear:both; font-weight:700}
.servicesheading a{color:#f37125; text-decoration:none;}
.aboutus p a{ display:table; clear:both; width:auto; text-decoration:none}
.aboutus p a:hover, .servicesheading a:hover{ text-decoration:none;color:#f37125;}
.boldf{ font-weight:600}
.inline{ display:inline-block !important}
.talentname, .talentmsg{ width:100%; display:block; margin:8px 0px; border:#ccc 1px solid; width:100%; padding:6px 16px;}
.p-0{ padding:0px !important}
.talentmsg{ height:172px}
.send{display: inline-block;width: auto; height: 52px;line-height: 50px; padding: 0 35px; border: 2px solid #f37225;font-size: 13px;
font-weight: 800; font-family: inherit; letter-spacing: 1px; color: #fff; background-color: #f37225;  cursor: pointer; transition: color .15s ease-out, background-color .15s ease-out, border-color .15s ease-out; text-transform: uppercase;   border-radius: 3px;}
.send:hover{background-color: #212121;color: #fff;border-color: #212121;}
.p-1{ padding:0px 15px }
.storiesbtn{ width:100%;color: #fff; padding: 20px 0px; border-radius: 10px;  margin: 10px 0px; background: #f37225; background: -webkit-linear-gradient(#f37225, #e8ad89);background: -o-linear-gradient(#f37225, #e8ad89);background: -moz-linear-gradient(#f37225, #e8ad89);background: linear-gradient(#f37225, #e8ad89); text-align:center}
a, a:hover{ text-decoration:none !important}
.sfed{color:#fff;text-align:left !important}
.kala{color:#6f6d6d !important; text-align:left !important}
.count-particles{
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height:100%;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:absolute; 
}

canvas{
  display:block;
  vertical-align:top;
}


#carousel {
position: relative;
width:60%;
margin:0 auto;
}

#slides {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
}

#slides ul {
list-style: none;
width:100%;
height:auto;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
height:auto;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
}
/* Styling for prev and next buttons */
.btn-bar{
    max-width: 346px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 40px;
    width: 100%;
}

 #buttons {
padding:0 0 5px 0;
float:right;
}

#buttons a {
text-align:center;
display:block;
font-size:50px;
float:left;
outline:0;
margin:0 60px;
color:#b14943;
text-decoration:none;
display:block;
padding:9px;
width:35px;
}

a#prev:hover, a#next:hover {
color:#FFF;
text-shadow:.5px 0px #b14943;  
}

.quote-phrase, .quote-author {
font-family:sans-serif;
font-weight:300;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
font-family:'Lato', Calibri, Arial, sans-serif;
}

.quote-phrase {
height: 200px;
font-size:24px;
color:#FFF;
font-style:italic;
text-shadow:.5px 0px #b14943;  
}

.quote-marks {
font-size:30px;
padding:0 3px 3px;
position:inherit;
}

.quote-author {
font-style:normal;
font-size:16px;
color:#fff;
font-weight:400;
height: 30px;
}

.quoteContainer, .authorContainer {
display: table;
width: 100%;
}
@media only screen and (max-width: 800px) {
.qodef-slide-title{ font-size:25px !important; line-height:25px !important}
.carousel-indicators{ display:none !important}
.heightaut{ margin-bottom:0px !important; padding-bottom:0px !important}
.heightaut1 img, .heightaut1{padding-bottom:0px !important}
.send{ margin-bottom:20px !important}
.titlebar{ padding:3px 0px !important;  margin:8px 0px !important}
.titlebar1{ padding:3px 0px !important;  margin:3px 0px !important}
.iconcircle{ margin:15px auto !important}
.mainheading{ line-height:25px !important; font-size:25px}
.servicesheading{ font-size:18px !important; line-height:23px !important}
.grayheading{ font-size:16px; line-height:20px !important}
.p-1{ padding:0px !important}
}