@import url('../css/bigcommerce.css');
@import url('../css/lara.css');
@import url('../css/amp.css');

/* CSS Document */
@font-face {
    font-family: 'Raleway-Light';
    src: url('../fonts/Raleway-Light.ttf');}
	@font-face {
    font-family: 'Raleway-Bold';
    src: url('../fonts/Raleway-Bold.ttf');}
	@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url('../fonts/Raleway-ExtraBold.ttf');}
	@font-face {
    font-family: 'Raleway-Medium';
    src: url('../fonts/Raleway-Medium.ttf');}
	@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.ttf');}
	@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('../fonts/Raleway-SemiBold.ttf');}




	
a { text-decoration:none; color:inherit;}    
body {font-family: 'Raleway-Regular'; color: #616161;font-size: 14px;line-height: 1.5;}
img { max-width:100%; height:auto;}
* {box-sizing: border-box;}
li {    list-style: none;}
a{transition: .3s all ease;}
a:hover {color: #f31037;}
ul { margin:0; padding:0;}
.workingarea { width:100%; max-width:1200px; padding:0 15px; margin:0 auto;}
.pagetitlecont h2.workingarea{

    font-size: 55px;
    font-family: 'Raleway-Medium';
    color: #fff;
    line-height: 1.5;

}
.footernewsletter{

    background: #4d4d4d !important;
    padding: 10px 0 !important;
    margin-top: 20px;
    border-radius: 5px;

}
.footernewsletter h6{color: #fff !important;}

.footernewsletter .myForm td, input, select, textarea, checkbox {

    color: #fff !important;
}
.footernewsletter td img{background: #fff;
    margin: 10px 0;}

.news-btns{color: #ffffff !important;
    padding: 6px 20px;
    background: #db0f34;
    border: 0;}
.news-btns:hover{background: #000;}
.topheaderemail { min-width:178px; background:url(../images/topheaderemail.webp) no-repeat center center; min-height:40px;}
.topbar { background:rgba(0,0,0,0.5);}
.topbar ul { float:right; list-style:none;}
.topbar ul li { float:left; border-left:1px solid #4d4e4e; font-size:13px; color:#fff; padding:4px 19px;}
.topbar ul li a{font-family: 'Raleway-Light'; display:block; line-height:32px;}
.topbar ul li a span { margin-right:10px; transition:0.5s all ease;}
.topbar ul li a:hover span{ transform:rotate(360deg); color: #f31037}
.topbar ul li:last-child a {font-family: 'Raleway-SemiBold';padding:0 34px; background:#f31037; color:#fff; border-radius:8px; font-size:16px;}
.topbar ul li:last-child a:hover { padding:0 37px; background:#f7b61e;}
.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-skype:before {    content: "\f17e";}
.fa-envelope-o:before {    content: "\f003";}
.clearfix:before,.clearfix:after{ content: " ";  display: table;}
.clearfix:after { clear: both;}
.headerskype {font-size:15px;}
.logo {max-width:369px; padding:10px 0; display: inline-block;    position: relative;    width: 100%;}

.leftheading { text-transform:uppercase; font-size:20px; color:#fff; font-family: 'Raleway-Bold'; padding:10px 12px 8px 12px; background:#f31037;}
.leftheading i { float:right;    margin-top: 4px;}
.left_links {border: 1px solid #ccc}
.left_links li{ list-style:none; width:100%;}
.left_links li a{ display:block; width:100%; font-size:14px; color:1px solid #616161; line-height:35px; padding:0 12px;} 
.left_links li a i { margin-right:10px;}
.left_links li a:hover {background:#f31037; color:#fff;}


#navbar {

float:right; 
  border:0px solid #dee1e3;
  border-bottom:0px solid #e7e7e7;
  margin: 0;
  	margin-top:40px;
  box-shadow: 0 0px 0px 0px;
  border-radius:6px 6px 0 0 !important;
  background:none;
}
#navbar .collapse{ padding:0;}
#navbar .topmenu>li a{display:block; font-size:15px; padding:5px 0 0 0; color:#fff; position:relative;text-shadow:1px 3px 3px #000;}

.navbar-default .navbar-brand  { color:#fff !important;}
.navbar-toggle {
  background: none !important;
  margin-top:8px;
}



#navbar .topmenu { float:right; margin:0; padding:0;}
#navbar .topmenu>li { float:left; list-style:none;padding:0 15px; position:relative;}
#navbar .topmenu>li>a:hover:before {  left: 0;  right: 0;}	
#navbar .topmenu>li:last-child>ul{     min-width: 157px;}
#navbar .topmenu>li>ul{ display:none; position:absolute; left:0; top:100%;     background:rgba(0,0,0,0.8); min-width: 270px;}
#navbar .topmenu>li:hover ul li {display:inline-block; padding-left:10px; width:100%; border-bottom:1px solid #000; font-size:15px; line-height:30px; list-style:none; transition:0.5s all ease;}
#navbar .topmenu>li:hover ul li i { margin-right:10px;}
#navbar .topmenu>li ul li:hover { padding-left:25px;}

#navbar .topmenubtn{width:30px; float:right; z-index:99999; position:relative; outline:none;  font-weight:600; font-size:18px; color:#fff;   border-radius: 0; border:0; padding:0;  margin:0 15px 0 0; background:none; cursor:pointer;}
#navbar .topmenubtn span {    width: 100%;    height:3px;    background: #fff;  float:left;    margin-bottom:5px;}
#navbar .topmenubtn:hover span{ background:#f31037;}

#sidebar {      width: 250px;      padding:0 10px;	  height:auto;	  top:100px;	  margin-right:25px;	  position:absolute;	  background:#fff; border-radius: 6px ; border: 1px solid #e7e7e7;     }    
.amp-sidebar-image {      line-height: 100px;      vertical-align:middle;    }
.amp-close-image {       top: 15px;       left: 200px;       cursor: pointer;    }
#sidebar   li {      margin-bottom: 20px;      list-style: none;    }
#sidebar    button {     margin-left: 20px;    }
.greybg { background:#f6f6f6; padding:40px 0;}
.pageheading { background:url(../images/headingbg.webp) no-repeat center bottom; font-size:29px;  color:#000; padding-bottom:12px;font-family: 'Raleway-Medium'; text-align:center; line-height:50px;}
.pageheading span { font-size:64px;}
.pagecontent { font-size:16px; color:#000; line-height:24px; text-align:center; padding:20px 0;}
.ourkey { text-align:center;}
.ourkey_box{display:inline-block; float:left; width:100%; max-width:280px; padding:0 15px; margin:40px 0 0px 0}
.ourkey_box_cont { border-radius:6px; padding:0 15px; transition:0.5s all ease;}
.ourkey_box_cont:hover { background:#f31037;}
.ourkey_box_img img{transition:0.5s all ease;}
.ourkey_box_cont:hover .ourkey_box_img img{   -webkit-filter: brightness( 0 ) invert(1);    filter: brightness( 0 ) invert(1);}
.ourkey_box_cont:hover .ourkey_box_name{ color:#fff;}
.ourkey_box_cont:hover .ourkey_box_name a{    transition: 0s all ease;}
.ourkey_box_cont:hover .ourkey_box_name a:hover{ color:#fff;}
.ourkey_box_cont:hover .ourkey_box_detail{ color:#fff;}
.ourkey_box_cont:hover .ourkey_box_detail a{    transition: 0s all ease;}
.ourkey_box_cont:hover .ourkey_box_detail a:hover{ color:#fff;}
.ourkey_box_img { padding-top:26px; display:inline-block; min-height:100px; width:100%;}
.ourkey_box_name{font-family: 'Raleway-Bold'; font-size:20px; color:#000; font-weight:bold; min-height:80px;}
.ourkey_box_detail {transition:0.5s all ease; font-size:15px; color:#000; line-height:22px; min-height:152px; padding-bottom:10px; text-align:justify;}
.ourkey_box_detail a{ transition: 0s all ease;}
.whatcanwe { padding:57px 0}
.ptb50 { padding:50px 0;}
.foryourcompany { margin:0; padding:0; list-style:none; text-align:center;}
.foryourcompany li { display:inline-block; width:100%; max-width:209px; border:1px solid #b7b7b7; border-radius:6px; overflow:hidden; margin:10px 10px;transition:0.5s all ease;}
.foryourcompany li img { transition:0.5s all ease;}
.foryourcompany li:hover img{ transform:scale(0.9);}
.professional_boxbg { background:url(../images/profi_bg.webp) repeat center top; min-height:491px; padding:50px 0}
.professional_boxbg .pageheading { color:#fff;}
.professional_boxbg .pagecontent { padding:40px 0 20px 0; color:#fff; font-size:16px; line-height:30px; text-align:justify;}
.pagelinks { text-align:center;}
.pagelinks a{ display:inline-block; min-width:299px;font-family: 'Raleway-Bold'; line-height:63px; font-size:15px; color:#fff; border:1px solid #fff; transition:0.5s all ease; border-radius:7px; margin:10px;}
.pagelinks a:hover { background:#f31037; color:#fff; border:1px solid #fff;}
.whychoosebox { border:1px solid #b7b7b7; border-bottom:3px solid #b7b7b7; border-radius:5px; padding:20px; text-align:center; min-height:224px;transition:0.5s all ease; margin:15px 0;}
.whychoosebox_img { padding-top:10px; min-height:68px;}
.whychoosebox_img img{ transition:0.5s all ease;}
.whychoosebox:hover { box-shadow:0 0 6px 3px #b7b7b7;}
.whychoosebox:hover .whychoosebox_img img{margin-top:-10px;}
.whychoosebox_name { font-size:20px; font-family: 'Raleway-Bold'; text-transform:capitalize; margin:15px 0;}
.whychoosebox_text { font-size:14px; color:#000;}
.whychoosebox1 .whychoosebox_name { color:#759238;}
.whychoosebox2 .whychoosebox_name { color:#ad5291;}
.whychoosebox3 .whychoosebox_name { color:#f7a556;}
.whychoosebox4 .whychoosebox_name { color:#e63338;}
.projects { padding:50px 0 0px 0;}
.projects .pagelinks a{margin-top:40px; color:#1d1d1d; border:1px solid #1d1d1d;}
.projects .pagelinks a:hover { background:#f31037; color:#fff; border:1px solid #fff;}
.projects li{ position:relative; float:left; text-align:center;    width:100%;}
.projects li:after {border:3px solid #fff;  background:rgba(0,0,0,0.8);  position: absolute;  content: "";  display: block;  top:15px;  left: 15px;  right: 15px;  bottom: 15px;  -webkit-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;  -webkit-transform: rotateX(-90deg);  transform: rotateX(-90deg);  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  opacity: 0;}
.projects li figcaption {
  top: 50%;

  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
.projects li:hover figcaption,
.projects li:hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.projects li:hover:after,
.projects li:hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}
.areyouready { background-color: #e30f37; padding:40px 0; text-align:center;}
.areyoureadycontent h2 { font-size:55px; color:#fff; text-transform:capitalize; margin:0; font-weight:normal;}
.areyoureadycontent p { font-size:18px; color:#fff; line-height:29px; margin:20px 0 25px 0;}
.areyouready .pagelinks { min-height:95px;}
.areyouready .pagelinks a:hover{ border:4px solid #fff;}
.footer_links { text-align:center; font-size:15px; color:#212121;}
.footer_links ul{margin:0; padding:0; width:100%;}
.footer_links ul li { list-style:none; display:inline-block;background:url(../images/footerspretor.webp) no-repeat right center; padding:0 16px;}
.footer_links ul li:last-child{ background:none;}
.footer_links ul li a{ text-transform:uppercase; transition:0.5s all ease;}
.footer_links ul li a:hover { color:#f31037;}
.footerlogo { margin:25px 0 20px 0;}
.footer_links { padding:20px 0 20px 0}
.footer_links p { margin:30px 0 0 0;}
.footerleft {padding:59px 30px; background:#212121; min-height:700px;}
.footerleft:before {    z-index: -1; width:999999px; position:absolute; top:0; bottom:0; right:0; left:auto; content:""; background:#212121;}
.footerright {padding:50px 15px 0 15px;position:relative; background:#4d4d4d; min-height:700px; position:relative; z-index:9;}
.footerright:before {    z-index: -1; width:999999px; position:absolute; top:0; bottom:0; left:0; right:auto; content:""; background:#4d4d4d;}
.footercont {position:relative; overflow:hidden;}
.p0 { padding:0;}
.footerheading { font-size:22px; color:#fff; line-height:39px; padding-bottom:10px; background:url(../images/footerheadingbg.webp) no-repeat left bottom;}
.footerheading span { font-size:50px;}
.footertopsocial { float:right;}
.footertopsocial a {text-align:center; display:inline-block; margin-left:10px; width:84px; height:84px; line-height:84px; font-size:50px; color:#212121; background:#8b8b8b; border-radius:50%; transition:0.5s all ease;}
.footertopsocial a:hover { background:#f31037; transform:rotate(360deg); color:#fff;}
.fa-phone:before {    content: "\f095";}
.footerheading article{ float:left;}
.footerform { margin-top:30px;}
.footerform input{ font-size:15px; color:#fff; line-height:52px; border:1px solid #fff; border-radius:7px; padding:0 15px; outline:none; background:none; width:100%; margin:15px 0;}
.footerform textarea{ font-size:15px; color:#fff; line-height:30px; border:1px solid #fff; border-radius:7px; padding:10px 15px; outline:none; background:none;margin:15px 0; width:100%;}
.footerform button {transition:0.5s all ease; float:right; padding:0 50px; line-height:48px; padding-top:2px; border:1px solid #fff; border-radius:7px; cursor:pointer; background:none; outline:none; color:#fff; font-size:15px;}
.footerform button:hover { background:#f31037; color:#fff; }
.footerinfo { margin-top:35px;}
.yourphonno { font-size: 20px !important; color: #fff !important; margin-bottom: 15px !important; line-height: 33px !important; font-family: arial !important;}
.footeremail { background:url(../images/footeremailid.webp) no-repeat left 49px top 8px;}
.yourphonno img { margin-right:10px; float: left;}

.footersocialicons { margin-top:30px;}
.footersocialicons a{ display:inline-block; margin-right:10px; width:52px; height:52px; text-align:center; line-height:52px; transition:0.5s all ease; font-size:17px;background:#6c6c6c; border-radius:50%;color:#fff;}
.footersocialicons a:hover {transform:rotate(360deg); }
.footersocialicons a:nth-child(1):hover { background:#25d366;}
.footersocialicons a:nth-child(2):hover { background:#3c5a99;}
.footersocialicons a:nth-child(3):hover { background:#00abf1;}
.footersocialicons a:nth-child(4):hover { background:#e85858;}
.footersocialicons a:nth-child(5):hover { background:#0085af;}


.client-section{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}







.fa-facebook-f:before, .fa-facebook:before {    content: "\f09a";}
.fa-twitter:before {    content: "\f099";}
.fa-google-plus:before {    content: "\f0d5";}
.fa-instagram:before {    content: "\f16d";}
.fa-pinterest-p:before {    content: "\f231";}
.footerform input:focus::-webkit-input-placeholder {    opacity: 0;}
.footerform textarea:focus::-webkit-input-placeholder {    opacity: 0;}
.bannerbg { background:url(../images/banner-bg.webp) no-repeat center top; min-height:779px; background-size:cover; text-align:center;padding-top:11%;padding-left:20px; padding-right:20px;}
.bannertext { margin-top:20px;}
.bannertext h1{ margin:0 auto; position:relative; max-width:952px; width:100%; padding:0; font-size:26px; color:#fff;font-family: 'Raleway-Medium'; line-height:35px; text-shadow:2px 2px 2px #000;}
.bannertext h1 .badgesimg { position:absolute; right:0; top:0;}
.bannertext h2{ margin:0; padding:0; font-size:55px; color:#ffdd00;font-family: 'Raleway-ExtraBold'; margin-bottom:5px; line-height:65px; text-shadow:2px 2px 2px #000;}
.bannerimg { display:inline-block; max-width:1070px; width:100%; margin:5px 0 0px 0;}
.bannerbottomtext { font-size:20px; color:#fff;}
.bannerbottomtext li {display:inline-block; list-style:none; margin:0 15px;}
.bannerbottomtext li span {font-family: 'Raleway-SemiBold';}
.bannerbottomtext li i { margin-right:10px; color:#f31037;}
.fa-check-square-o:before {    content: "\f046";}
.fa-angle-right:before {    content: "\f105";}

 
@media screen and (min-width:400px){
.projects li{ width:50%;}
}
@media screen and (min-width:768px){
.navbar-brand{display:none;}
}
@media screen and (min-width:991px){
#navbar .topmenu>li:hover ul{display:block;}
}
@media screen and (min-width:936px){

.projects li{ width:33.33333333%;}
.headercont { position:absolute; left:0; width:100%; z-index:9;}
.spretor { background:url(../images/spretor.webp) no-repeat right center;}
}

@media screen and (min-width:1200px){
.projects li{ width:25%;}
}
@media (max-width: 1400px){
  .projrcts-list {
      background-size: contain !important;
  }
  .projrcts-list h2{
      padding: 0 0 30px 0 !important;
      color: #000 !important;
    }
}
@media screen and (max-width:1170px){
.topmenu li { padding:0 11px}
.logo { max-width:280px;}
}
@media screen and (max-width:991px){
.navbar-header {  float: none;}
#navbar .topmenu{   padding: 8px 0;}
#navbar .topmenu>li { float:none;}
.navbar-toggle {  display: block;}
.navbar-collapse.collapse {  display: none!important;}
.navbar-nav {  float: none!important;}
.navbar-nav>li {  float: none;}
.navbar-collapse.collapse.in{  display:block !important;}
#navbar .navbar-collapse {z-index:99999; position:absolute; right:0; left:auto; width:100%; border-radius:10px; background:#fff;}
#navbar .topmenu>li a {line-height:25px; color:#000 !important; text-shadow:0 0 0 !important;}
#navbar .topmenu>li ul { display:none;}
#navbar .topmenu>li ul{
    background-color: #000 !important;
    z-index: 999 !important;
  }
  #navbar .topmenu>li ul>li>a{
    color: #fff !important;
    font-size: 12px !important;
  }
  #navbar .topmenu>li:hover ul{
    display: block !important;
  }
  #navbar .topmenu>li>ul{
    min-width: 100% !important;
  }
  .logo{
    float: left !important;
    z-index: 999999 !important;
  }
  #navbar{
    margin: 0 !important;
    float: none !important;
    padding: 25px 0 0 0 !important;
  }
  .projrcts-list a{
    margin: 15px 0 0 0 !important;
  }
}
.d-block-mm{display: none !important;}
@media screen and (max-width:992px){

    .d-block-mm{display: block !important;}


}
@media screen and (max-width:936px){
.headercont { background:#343b3c;}
.bannertext h2 {     font-size: 52px;}
.bannerbg { min-height:700px;}
}
@media screen and (max-width:767px){
.footertopsocial { display:none;}	
#navbar .topmenu>li ul{
  position: static !important;
}
}
@media screen and (max-width:600px){
.pageheading span { font-size:44px;}
.topbar { text-align:center;}
.topbar ul  { float:none; display:inline-block;}
.topbar ul li { display:none;}
.topbar ul li:last-child { display:block; border:0; padding-bottom:0;}
.logo  { max-width:300px;}
.areyoureadycontent h2 { font-size:35px;}
.bannerbottomtext { font-size:15px;}
}
@media screen and (max-width:400px){
.logo  { max-width:250px;}
.topmenubtn{ margin-top:31px;}
.projects { padding:0 15px;}
}
.terms_links ul{margin: 21px 0 0 0;}
.terms_links ul li{ padding:0 10px;}
.terms_links ul li a{ font-size:12px; text-transform:capitalize;}
.footer_links p{ margin:22px 0 0 0 !important;}































.mangento-about .text-area h6{
  text-align: left !important;
}
.main-banner {
  padding-top: 155px !important;
  padding-bottom: 55px !important;
}
[type=radio] {
  display: none;
}

#slider {
  height: 35vw;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}

#slider label {
  margin: auto;
  width: 90%;
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0; right: 0;
  cursor: pointer;
  transition: transform 0.4s ease;
}

#s1:checked ~ #slide4, #s2:checked ~ #slide5,
#s3:checked ~ #slide1, #s4:checked ~ #slide2,
#s5:checked ~ #slide3 {
  /*box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);*/
  transform: translate3d(-30%,0,-200px);
}

#s1:checked ~ #slide5, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4 {
  /*box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);*/
  transform: translate3d(-15%,0,-100px);
}

#s1:checked ~ #slide1, #s2:checked ~ #slide2,
#s3:checked ~ #slide3, #s4:checked ~ #slide4,
#s5:checked ~ #slide5 {
  /*box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);*/
  transform: translate3d(0,0,0);
}

#s1:checked ~ #slide2, #s2:checked ~ #slide3,
#s3:checked ~ #slide4, #s4:checked ~ #slide5,
#s5:checked ~ #slide1 {
  /*box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);*/
  transform: translate3d(15%,0,-100px);
}

#s1:checked ~ #slide3, #s2:checked ~ #slide4,
#s3:checked ~ #slide5, #s4:checked ~ #slide1,
#s5:checked ~ #slide2 {
  /*box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);*/
  transform: translate3d(30%,0,-200px);
}

#slide1 { background: url(../images/lara/pro011.webp) no-repeat center center; background-size: contain; }
#slide2 { background: url(../images/lara/pro012.webp) no-repeat center center; background-size: contain; }
#slide3 { background: url(../images/lara/pro013.webp) no-repeat center center; background-size: contain; }
#slide4 { background: url(../images/lara/pro014.webp) no-repeat center center; background-size: contain; }
#slide5 { background: url(../images/lara/pro015.webp) no-repeat center center; background-size: contain; }
.projrcts-list h2{
  padding: 0;
  margin: 0 !important;
}


.projrcts-list {
  text-align: center;
  float:left;
  width:100%; 
}
 .projrcts-list a {
    color: #000;
    background-color: #9c9c9c;
    padding: 15px 35px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    letter-spacing: 5px;
    transition: 0.5s all; }
    .projrcts-list a:hover {
      background-color: #f31037;
      color: #fff; }


.projrcts-list {
    /*background: url(../images/lara/pro-bg.webp) no-repeat center bottom;*/
    padding: 0 0 30px 0;
}
.projrcts-list h2 {
    font-size: 30px;
    color: #000;
    font-weight: 800;
    font-family: 'Raleway-ExtraBold';
    margin-top: 30px !important;
    text-align: center;
}


.recent-amp-bg{
	background:url(../images/recent-amp-bg.png) center top repeat-x;
}