html{overflow-x:hidden; font-family: 'Poppins', sans-serif;}
body{overflow-x:hidden; font-family: 'Poppins', sans-serif; }
*{margin:0px;padding:0px;}
a{text-decoration:none !important;}
@font-face{font-family:"Century Gothic";font-style:normal;font-weight:normal;src:url("../fonts/breeserif-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/breeserif-regular-webfont.woff") format("woff"), url("../fonts/Century Gothic.ttf") format("truetype"), url("../fonts/breeserif-regular-webfont.svg#bree_regular") format("svg");}
img{ max-width: 100%;}
header{
    float: left;
    width: 100%;
    height: auto;
    padding: 13px 0px 0px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 123;
    background-color: #fff;
}
.logo{
    float: left;
    width: 100%;
}
.logo a{}
.logo a img{}
.logo a:hover img{}
.topemail{
    float: right;
    width: 100%;
    padding-top: 7px;
}
.topemail ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: right;
}
.topemail ul li{
    display: inline-block;
    margin-left: 32px;
    font-size: 17px;
}
.topemail ul li i{
    color: #f93;
    font-size: 19px;
    margin-right: 2px;
    vertical-align: unset;
}
.topemail ul li a{
    color: #333;
    font-weight: 400;
}
.topemail ul li a:hover{
    color: #f93;
}
.topemail ul li span{
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
}
.menu01{
    float: left;
    width: auto;
    height: auto;
    text-align: left;
}
.menu01 a{
    text-align:  right;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 30px 0px 0px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 10px 20px;
    float: left;
}
.menu01 a:hover{
    background-color: #555;
}
.social{
    float: right;
    width: auto;
    margin-top: 6px;
}
.social ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.social ul li{
    display: inline-block;
    margin-left: 8px;
}
.social ul li a{
    display: list-item;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.45);
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}
.social ul li a i{}
.social ul li a:hover{
    background-color: #333;
    border-color: #333;
}

.fixed{
position: fixed;
top: -1px;
left: 0;
width: 100%;
	padding: 0px;
}


#buffer{}
.body-inr{
    float: left;
    width: 100%;
    padding-top: 0px;
}

.bannner{
    float: left;
    width: 100%;
}
.box{float: left;width: 100%;position: relative;}

.menubg{
    float: left;
    width: 100%;
    background: #f93;
    margin-top: 15px;
}

.slider-container {
  position: relative;

  overflow: hidden;

  width: 100%;
  margin: 0 auto;
}


.slider {
  position: relative;

  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;

  content: ' ';
}
.slider:after {
  clear: both;
}
.slider .slide {
  position: relative;

  float: left;

  margin: 0;
  padding: 0;
}
.slider .slide img {
  display: block;

  max-width: 100%;
  height: auto;
}
.act,
#prev > span,
#next > span,
#slider-nav > a {
  background: url(../images/arrows.png) no-repeat;
}
#next > span,
#prev > span {
  display: block;

  width: 16px;
  height: 24px;
}
/* Arrows */
#next > span {
  background-position: -20px 0;
}
#prev > span {
  background-position: 0 0;
}
#next,
#prev {
  position: absolute;
  top: 50%;

  margin-top: -20px;
  padding: 10px 15px;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  border-radius: 5px;
  background: rgba(0, 0, 0, .39);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
       -o-user-select: none;
}
#prev {
  left: 10px;
}
#next {
  right: 10px;
}
.caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0 10px 8%;
  color: #fff;
   /* ie8 */
}
.caption h3{
    font-size: 46px;
    font-weight: 800;
    line-height: 61px;
}
.caption p{
    font-size: 20px;
    line-height: 33px;
    font-weight: 300;
    margin-bottom: 30px;
}
.caption a {
  display: inline-block;
  color: #fff;
  border: 2px solid #f93;
  background: #f93;
  padding: 10px 20px;
  letter-spacing: 1px;
  font-weight: 500;
}
.caption a:hover{
    background: #0000;
    border: 2px solid #fff;
}

header.fixed .logo{ display: none;}
header.fixed .topemail{ display: none;}
header.fixed .menubg{ margin-top: 0px;}




.slider-nav {
  line-height: 30px;

  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;

  text-align: center;
  /*background: #323232;*/
  /*opacity: .9;*/

  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav a {
  display: inline-block;

  width: 12px;
  height: 12px;
  margin: 0 3px;

  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;

  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.slider-nav .active {
  width: 12px;
  height: 12px;

  background: #fff;
}


.about-us{
    float: left;
    width: 100%;
    height: auto;
    padding: 60px 0px 40px;
}
.about-us-img{
    float: left;
    width: 100%;
}
.about-us-img img{    border-radius: 5px;}
.about-us-txt{
    float: right;
    width: 100%;
    padding-top: 0px;
}
.about-us-txt h3{
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    color: #f93;
    margin-top: 0px;
}
.about-us-txt h4{
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 20px;
}
.about-us-txt p{
    font-size: 14px;
    line-height: 27px;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.abtbox{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.abtbox img{
    max-height: 85px;
}
.abtbox h5{
    margin: 17px 0px;
    font-size: 23px;
}
.abtbox p{
    font-size: 14px;
    line-height: 27px;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.whyhand{
    float: left;
    width: 100%;
}
.whyhand h3{
    margin: 0px;
    background-color: #333;
    padding: 16px 20px;
    color: #fff;
    font-weight: 500;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 10px;
}
.whyhand ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.whyhand ul li{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    background-color: #fff;
    padding: 14px 20px;
    font-size: 18px;
    color: #333;
}
.whyhand ul li i{
    color: #f93;
    margin-right: 6px;
}
.whyhand-img{
    float: left;
    width: 100%;
}
.whyhand-img img{
    margin-bottom: 20px;
}
.whyhand-img h4{
    font-size: 22px;
    color: #f93;
}
.whyhand-img h5{
    font-size: 40px;
    margin: 20px 0px;
}
.whyhand-img h5 a{
    color: #5f5f5f;
}
.whyhand-img h5 a:hover{
    color: #f93;
}
.whyhand-img p{
    font-size: 17px;
    line-height: 27px;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.abutbox2{
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    padding: 50px 0px 40px;
}
.servicebox{
    float: left;
    width: 100%;
    padding: 50px 0px 0px;
}
.servicebox-inr{
    float: left;
    width: 100%;
    margin-bottom: 55px;
    transition: all ease 400ms;
    transform: translate(0, 0);
}
.servicebox-inr img{}
.servicebox-txt{
    float: left;
    width: 100%;
        border: 1px solid rgba(0,0,0,0.07);
    padding: 20px;
}
.servicebox-txt h3{
    margin: 0px 0px 15px;
    line-height: 33px;
    margin-bottom: 0px;
}
.servicebox-txt p{
    font-size: 14px;
    line-height: 27px;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.5px;
	display: none;
}
.servicebox-inr:hover{    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
    transform: translate(0, -5px);}

.ser-img{
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.ser-img img{
    border-radius: 6px;
}
.ser-txt{
    float: left;
    margin-bottom: 15px;
    width: 100%;
    padding: 10%;
    padding-top: 5%;
}
.ser-txt h3{
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    margin-bottom: 17px;
    font-weight: 500;
}
.ser-txt ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.ser-txt ul li{
    font-size: 16px;
    line-height: 27px;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.5px;
    position: relative;
    width: 100%;
    float: left;
    padding-left: 31px;
    margin-bottom: 11px;
}
.ser-txt ul li:after{content:"\f00c";font-family: FontAwesome;position: absolute;top: 1px;left: 0;color: #f93;font-size: 18px;}
.mar-bot30{ margin-bottom: 30px;}
.hedh3{}
.hedh3 h3{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 37px;
    margin-bottom: 40px;
    color: #333;
}
.hedh3 h3:after{content:'';position: relative;width: 50px;height: 4px;background-color: #f93;display: block;margin: auto;margin-top: 7px;}


.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1006}.sl-wrapper{z-index:1000}.sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:1015}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1015}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:1015}.sl-wrapper .sl-navigation button.sl-next{right:40px}.sl-wrapper .sl-navigation button.sl-prev{left:40px}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:.8;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:1005}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}

.gallery a img {
  float: left;
  width: 100%;
  height: auto;
  border-radius: 6px;
  border: 0px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  margin-bottom: 25px;
}
/* line 46, ../sass/demo.scss */

.gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

.gallery01{
    float: left;
    width: 100%;
    height: auto;
    padding: 50px 0px;
    background-color: #f2f2f2;
}
.testimonl{background-image: url('../images/plx-dark.jpg');float: left;width: 100%;padding: 70px 0px 80px;position: relative;}
.testimonl:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.82);}
.testi-box{
    position: relative;
    z-index: 12;
    text-align: center;
}
.testimonl h3{
    margin: 0px;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 37px;
    margin-bottom: 60px;
}
.testimonl h3:after{content: '';position: relative;width: 50px;height: 4px;background-color: #f93;display: block;margin: auto;margin-top: 7px;}
.text{
    width: 100%;
    max-width: 800px;
    margin: auto;
}
.text p{
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 0.5px;
    position: relative;
}
.text h5{
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 25px 0px 0px 0px;
}

footer{
    background: #2a2d33;
    width: 100%;
    height: auto;
    float: left;
}
.fot01{
    float: left;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 55px;
}
.fot01 img{
    margin-top: -33px;
}
.fot01 h3{
    color:#f93;
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
}
.fot01 p{
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    line-height: 27px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
}
.fotleft01{
    float: left;
    width: 100%;
}
.fotleft01 h3{
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 35px;
}
.fotleft01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.fotleft01 ul li{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 22px;
    color: #fff;
    letter-spacing: 0.5px;
    padding-left: 23px;
    font-weight: 300;
}
.fotleft01 ul li a{
    color: #fff;
}
.fotleft01 ul li a:hover{
    color: #f93;
}
.fotleft01 ul li i{
    color: #f93;
    position: absolute;
    top: 3px;
    left: 0;
}
.fotleft02{
    margin-bottom: 35px;
    float: left;
    width: 100%;
}
.fotleft02 h3{
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 35px;
}
.fotleft02 form{}
.fotleft02 ul{
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.fotleft02 ul li{
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding-right: 2%;
}
.fotleft02 ul li input{
    width: 100%;
    height: auto;
    padding: 11px;
    border: 0px;
    background-color: #2a2d33;
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #fff;
}
.fotleft02 ul li textarea{
    width: 100%;
    height: 80px;
    padding: 11px;
    background-color: #2a2d33;
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #fff;
}
.fotleft02 ul li input[type="submit"]{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    width: auto;
    padding: 10px 61px;
}
.fotleft02 ul li input[type="submit"]:hover{background-color: #f93;
    border-color: #f93;
    color: #fff;}
.fotleft02 ul li:nth-child(5){ width: 100%;}
.fotleft03{float: left;
    width: 100%;}
.fotleft03 iframe{}
.fotleft04{
    float: left;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.fotleft04 p{
    color: #fff;
    margin: 0px;
    padding-top: 25px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.fotsocla{
    float: left;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    max-width: 360px;
}
.fotsocla h4{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 16px;
    padding-top: 14px;
}
.fotsocla a{
    float: left;
    width: 35px;
    border: 1px solid #f93;
    height: 35px;
    margin-right: 16px;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    padding-top: 7px;
    color: #f93;
    margin-bottom: 10px;
}
.fotsocla a i{}
.fotsocla a:hover{
    background-color: #f93;
    color: #333;
}
.arow{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.arow img{
    max-height: 35px;
    opacity: 0.6;
}
.arow:hover{}
.arow:hover img{
    opacity: 1;
}

.thank{
    float: left;
    width: 100%;
    padding: 20px 10px 90px;
    text-align: center;
}
.thank img{}
.thank h3{
    font-size: 33px;
    margin-bottom: 14px;
}
.thank h4{
    font-size: 21px;
    margin-bottom: 33px;
    margin-top: 21px;
    color: #f93;
}
.thank a{
    border: 1px solid #333;
    color: #333;
    padding: 7px 20px;
    border-radius: 38px;
}
.thank a:hover{
    background-color: #f93;
    color: #fff;
    border: 1px solid #f93;
}



@media (max-width:600px){
	.topemail ul li{    margin-left: 0px;   font-size: 14px; margin-bottom: 10px;}
	.topemail ul li span{ display:none;}
	.topemail ul li i{    font-size: 16px;}
	.logo{    margin-bottom: 8px;}
	.menubg{    margin-top: 0px;}
	.social{ display:none;}
	.menu01 a{    padding: 9px 3px;     margin: 0px 1px 0px 0px; font-size: 11px;}
	.caption a{    padding: 3px 10px; font-size: 12px;}
	.caption p{ display:none;}
	.caption{    padding: 0 0px 4%;}
	.caption h3{font-size: 15px;  font-weight: 400;  line-height: 26px;  letter-spacing: 1px;   margin-bottom: 6px;}
	.about-us-txt h4{     font-size: 20px;   line-height: 32px;    margin-bottom: 12px;}
	.abtbox{margin-top: 0px; margin-bottom: 10px;}
	.whyhand-img h4{    font-size: 19px;}
	.whyhand-img h5{    font-size: 27px;     margin: 20px 0px 9px;}
	.whyhand-img p{font-size: 14px; line-height: 24px;}
	.servicebox{    padding: 35px 0px 0px;}
	.ser-txt{    padding: 10% 7px 0px;}
	.ser-txt h3{    font-size: 26px;}
	.fot01 h3{    font-size: 24px;     line-height: 33px;}
	.fotleft01 h3{    font-size: 22px;     margin-bottom: 24px;}
	.fotsocla h4{ font-size: 22px;  }
	.fotsocla{    margin-bottom: 30px;}
	.fotleft02 h3{font-size: 22px;}
	.fotleft02 ul li input[type="submit"]{    padding: 10px 42px;}
	.fot01{    margin-bottom: 35px;}
	.fotleft03 iframe { height: 200px;}
	.slider-nav{    padding-right: 11px;     text-align: right;}
	#next, #prev{    opacity: 0;}
}