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

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('https://tlstechnology.in/fonts/ProximaNova-SemiboldIt.eot');
    src: url('https://tlstechnology.in/fonts/ProximaNova-SemiboldIt.eot#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-SemiboldIt.woff') format('woff2'),
        url('fonts/ProximaNova-SemiboldIt.woff') format('woff'),
        url('https://tlstechnology.in/fonts/ProximaNova-SemiboldIt.ttf') format('truetype'),
        url('https://tlstechnology.in/fonts/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('https://tlstechnology.in/fonts/ProximaNova-ThinIt.eot');
    src: url('https://tlstechnology.in/fonts/ProximaNova-ThinIt.eot#iefix') format('embedded-opentype'),
        url('https://tlstechnology.in/fonts/ProximaNova-ThinIt.woff2') format('woff2'),
        url('https://tlstechnology.in/fonts/ProximaNova-ThinIt.woff') format('woff'),
        url('https://tlstechnology.in/fonts/ProximaNova-ThinIt.ttf') format('truetype'),
        url('https://tlstechnology.in/fonts/ProximaNova-ThinIt.svg#ProximaNova-ThinIt') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('https://tlstechnology.in/fonts/ProximaNova-Regular.eot');
    src: url('https://tlstechnology.in/fonts/ProximaNova-Regular.eot#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Regular.woff') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff'),
        url('https://tlstechnology.in/fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('https://tlstechnology.in/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('https://tlstechnology.in/fonts/ProximaNova-Bold.eot');
    src: url('https://tlstechnology.in/fonts/ProximaNova-Bold.eot#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Bold.woff') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff'),
        url('https://tlstechnology.in/fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('https://tlstechnology.in/fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova Th';
    src: url('https://tlstechnology.in/fonts/ProximaNova-ExtrabldIt.eot');
    src: url('https://tlstechnology.in/fonts/ProximaNova-ExtrabldIt.eot#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-ExtrabldIt.woff') format('woff2'),
        url('fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
        url('https://tlstechnology.in/fonts/ProximaNova-ExtrabldIt.ttf') format('truetype'),
        url('https://tlstechnology.in/fonts/ProximaNova-ExtrabldIt.svg#ProximaNova-ExtrabldIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('https://tlstechnology.in/fonts/Raleway.eot');
    src: url('https://tlstechnology.in/fonts/Raleway.eot#iefix') format('embedded-opentype'),
        url('https://tlstechnology.in/fonts/Raleway.woff2') format('woff2'),
        url('https://tlstechnology.in/fonts/Raleway.woff') format('woff'),
        url('https://tlstechnology.in/fonts/Raleway.ttf') format('truetype'),
        url('https://tlstechnology.in/fonts/Raleway.svg#Raleway') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* Reset */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left
}
body{line-height: 1; scroll-behavior: smooth;}
html{scroll-behavior:smooth}
body, body * {
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none}
input, select{vertical-align: middle}
nav ul,li{list-style-type:none;}
img{width:100%; height:auto; display:block;}

/* Commons */
body{font: normal 16px/22px  'Proxima Nova Rg';font-weight: normal; font-style: normal; text-align: left;color:#666666;}
body, body *{-webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
a, a:hover, a:active, a:focus, button, input, select, textarea{outline: none; text-decoration: none}
a{color:#000;}
a:hover{color: #009ce7}
p{margin: 0 0 15px}
p.last{margin-bottom: 0}
.clear{ clear:both;}
img{ display:block;}
 

/* Clearfix */
.container:before, .container:after{content: ""; display: table}
.container:after{clear: both}


.container{ width:1182px; margin:0 auto; position:relative;}
header{ padding:5px 0;}
#logo{  float:left; z-index:999; width:180px;}
#logo img{ width:100%; height:auto;}
.callbuttontop{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap;position:relative;  font-size:18px; color:#fff; margin-left:15px; float:right; background:#920002; line-height:25px; padding:5px 8px 5px 35px; border-radius:25px; margin-top:17px;animation: color-change 1.5s infinite;}
.callbuttontop2{ position:relative;}
.callbuttontop2:before, .callbuttontop2.quote:before{content: '';
	position: absolute;
	left: -30px;
    width: 27px;
    height: 27px;
    background: url(images/sprite.png) no-repeat;
    background-position: -87px -1px;
    top: 0px;
    background-size: 200px; }
	.callbuttontop2.quote:before{background-position: -112px -27px;}
.callbuttontop:hover{ color:#fff; animation: color-change1 1.5s infinite;}


@keyframes color-change {
  0% { background: #920002; }
  49% { background: #920002; }
  50% { background: #015b11; }
  100% { background: #015b11; }
}
@keyframes color-change1 {
  0% { background: #920002; }
  49% { background: #920002; }
  50% { background: #000; }
  100% { background: #000; }
}

nav{ /* float:right; margin-top:50px;*/}

#banner{ position:relative;}
#banner span{ width: 50%;  margin:20px auto 80px; display:block; z-index:+999999; position:absolute;top:30%;  left:10%;}
#banner span h1{ font-family: 'Proxima Nova Th';font-weight: bold; font-style: italic; font-display: swap; font-size:30px; color:#920002; font-size:30px; text-align:left; margin-bottom:15px; line-height:35px;}
	#banner span p{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap; font-size:30px; color:#000; font-size:22px; text-align:left;}
	#banner span .knowmore{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap; font-size:18px; color:#fff; font-size:22px; text-align:left; text-transform:uppercase; float:left;position:relative; padding-right:20px;}
.icoknow{position:relative; }

	.icoknow:before{
	content: '';
    position: absolute;
    right: -20px;
    width: 8px;
    height: 9px;
    background: url(images/sprite.png) no-repeat;
    background-position: -179px -6px;
    top: 8px; }
#banner span .knowmore:hover{color:#920002;}

.icomenu{position:relative;}

	.icomenu:before{
	content: '';
    position: absolute;
     right: -28px;
  width: 14px;
  height: 14px;
  background: url(images/sprite.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  background-position: -216px -6px;
  top: 9px;
}
	
	.icomenu1{position:relative;  }

	.icomenu1:before{
	content: '';
    position: absolute;
    right: -30px;
width: 32px;
height: 28px;
background: url(images/sprite.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
background-position: -217px -43px;
top: 36px; }

.bannerwant{ position:absolute; bottom:16px; width:100%; background: url(images/wantbg.png) repeat; display:block;      }
.bannerwant h2{ font-family: 'Proxima Nova Th';font-weight: bold; font-style: italic; color:#fff; font-size:24px; text-align:center;  padding:20px 5px;}
.bannerwant h2 a{ background:#015b11;  padding:10px; border-radius:20px; font-family: 'Proxima Nova Lt';font-weight: bold; font-style: italic; color:#fff; font-size:18px; margin-left:10px;}
.bannerwant h2 a:hover{ background:#920002;  }


.getintouch{ width:378px; float:left; background: #920002; padding:20px; position:absolute; top:10%; right:5%; }
.getintouch h4{font-family: 'Proxima Nova Rg'; font-weight: bold;color:#fff; text-align:center; font-size:24px; text-transform:uppercase; border-bottom:1px solid #fff; padding-bottom:8px; line-height:18px; margin-bottom:16px; display:block;}
input, select, textarea { width:100%; padding:10px; line-height:25px; background:#fff; color:#666; position:relative; border:1px solid #fff;font-family: 'Proxima Nova Rg'; font-weight: normal; font-style: italic; font-size:18px; margin-bottom:8px; display:block; }
.iconname{ position:relative; width:100%; float:left;}

.iconname.name:before, .iconname.email:before, .iconname.mobile:before, .iconname.serv:before, .iconname.subbt:before{ 
	content: '';
    position: absolute;    
	right: 15px;
    width: 32px;
    height: 32px;
    background: url(images/sprite.png) no-repeat;
    background-position: -1px -1px;
    top: -47px; }
.iconname.mobile:before{ background-position: -34px -1px;}	
.iconname.email:before{ background-position: -69px -1px;}
.iconname.serv:before{ background-position: -101px -1px;}
.iconname.subbt:before{ background-position: -179px -7px;
    right: 52px;
    width: 8px;
    height: 9px;
    top: -27px;
}
.mb{margin-bottom:20px;}	
.submittet{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap;position:relative;  font-size:18px; color:#fff; margin-bottom:0px;  background:#000;line-height:25px; padding:10px 15px; border:0; cursor:pointer; }

.submittet:hover{ color:#fff;  background:#015b11;}

.loginbtnnn{
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
    position: relative;
    font-size: 18px;
    color: #fff;
    float: right;
    background: #920002;
    line-height: 25px;
    padding: 5px 15px 5px 15px;
    border-radius: 25px;
    margin-top: 17px;
    animation: color-change 1.5s infinite;
}
.workprocess{ background:#efefef;}

.promise{padding:30px 0; background:url(images/promisebg.webp) no-repeat;}
.promise h2{ font-family: 'Proxima Nova Lt';font-weight: 600; font-style: italic; color:#000000; text-transform:uppercase; font-size:30px;margin-bottom:25px;}
.promise h2 span{color:#920002; }
.promise .left{ width:50% ; padding:10px 70px 10px 0; border-right:1px solid #920002; float:left;}
.promise .right{ width:50% ; padding:10px 0px 10px 70px;float:right; }
.promise h3{ font-family: 'Proxima Nova Lt';font-weight: 600; font-style: italic; color:#015b11; font-size:24px;margin-bottom:20px;}
.promise .right h3{ color:#920002;}
.promise .promisefeature1{ background:#fff; border-radius:10px;padding:50px 10px; text-align:center; float:left; margin-bottom:30px; width:245px; height:192px;}
.promise .promisefeature1 h5, .promise .promisefeature1 h4{ font-family: 'Proxima Nova Th';font-weight: bold; text-align:center; color:#4f6300; font-size:44px;margin-bottom:20px;}
.promise .promisefeature1 p{ font-family: 'Proxima Nova Rg';font-weight:normal; text-align:center; color:#525252; font-size:20px;margin-bottom:0px;}
.promise .promisefeature1.rgt{ float:right;}
.promise .promisefeature1.lastcol{ margin-bottom:0;}
.webdis{}
.mobdis{ display:none;}
@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}
.servicesouter, .faq{background: linear-gradient(45deg,#F17C58, #E94584, #24AADB , #27DBB1,#FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 5s infinite;
    animation-direction: alternate;
/*background: #ececec;
background: radial-gradient(ellipse farthest-corner at center center, #ececec 0%, #bbbbbb 100%);
background: -webkit-radial-gradient(ellipse farthest-corner at center center, #ececec 0%, #bbbbbb 100%);
background: -moz-radial-gradient(ellipse farthest-corner at center center, #ececec 0%, #bbbbbb 100%);*/
/*-webkit-animation: bgcolor 20s infinite;
    animation: bgcolor 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;*/ padding:30px 0;}
	@keyframes gradient { 
	0% {
    background-position: 0%;
}
100% {
    background-position: 100%;
}
	}
	
	.home .blog-row2 .main-img img{min-height:auto!important;}
.getintouch.innerpg.carrer{ width:50%; float:left;}	
.getintouch.innerpg.carrer h4{  text-transform:none;}
.carrerright{ width:45%; float:right;}	
	
	
.entry-content p {font-family: 'Poppins', sans-serif;font-weight: normal; color:#fff; font-size:16px;margin-bottom:15px; line-height:24px;}
.servicesouter h2 , .clients h2,   .portfolio h2, .reviews h2, .faq h2,  .innerpages h1{ font-family: 'Proxima Nova Lt';font-weight: 600; font-style: italic; color:#000000; text-transform:uppercase; font-size:30px;margin-bottom:25px;}
.servicesouter h2 span, .clients h2 span , .portfolio h2 span, .reviews h2 span, .entry-content h2, .innerpages h2 span, .innerpages h1 span{color:#920002; }
 .clients h5{ font-family: 'Proxima Nova Lt';font-weight: 600; font-style: italic; color:#000000; text-transform:uppercase; font-size:20px;margin-bottom:15px;}
.subserviceiconbox li{ width:33%; padding:15px; float:left; margin-bottom:15px; text-align:center;}
.subserviceiconbox li a h3 { font-size:18px; color:#920002; text-align:center;}
.subserviceiconbox.innerserv { display: flex; width:100%;}

.subserviceiconbox.innerserv li{ width:100%; padding:15px;  flex: 1;  float:none;  text-align:center; margin:0 2% 20px 0; border:1px solid #efefef;}
.subserviceiconbox.innerserv.new {
  display: block;
 width: 100%;
}
.innerserviceleft.ffixtop{position: sticky; top: 0;}

.subserviceiconbox.innerserv.new li{ width:100%; padding:15px;    float:left;  text-align:left; margin:0 0% 20px 0; border:1px solid #efefef;}
.subserviceiconbox.innerserv.new li:hover{ background-color: #fff;  border:2px solid#920002}
.subserviceiconbox.innerserv.new li .imageboxn {width:30%; float: left; margin-right: 2%;}
.subserviceiconbox.innerserv.new li .imageboxn.rgt {width:30%; float: right; margin-right: 0%;margin-left: 2%;}
.subserviceiconbox.innerserv.new li .contentboxn {width:68%; float: left; }
.subserviceiconbox li  .contentboxn  h3 { margin-bottom:10px;}
.subserviceiconbox li  .contentboxn  h3 a { font-size:18px; color:#920002; text-align:center;}
.subserviceiconbox.innerserv li p{ text-align:left;}


.subserviceiconbox.innerserv li .allclients{ position:absolute;  float:left; bottom:0; left:50%; margin-left:-20%;  text-align:center; padding:15px 0; }
.subserviceiconbox.innerserv.new li .allclients {
  position: static; 
  float: left;
  /* bottom: 0; */
  /* left: 50%; */
  margin-left: 0%; 
  text-align: center;
  padding: 15px 0;
}
.subserviceiconbox.innerserv li{ position:relative; padding-bottom:50px; }
	.subserviceiconbox.innerserv li a h3:hover{ color:#a0c329;}
.sersubicon{width:40px; margin:0 auto 8px;}
.client{ width:100%;  margin:0 auto; border:1px solid #ccc; border-right:0; }
.clientinner li{ width:18%;  margin:0 1% 15px; border:1px solid #ccc; float:left; }
.client img{ width:100%;}
.sertab{ width:40%; float:left; margin-right:15px; margin-bottom:6px;}
.sertab1{ width:40%; float:right; margin-left:15px; margin-bottom:6px;}
.sertab img, .sertab1 img{width:100%; height:auto;}
.clients{ padding:35px 0;}

.innerserviceleft{width: 25%; float: left;}
.innerserviceleft.sec{display :none}
.innerserviceright{width: 72%; float: right;}
.innerpages .innerserviceleft h4{ font-size: 18px; font-weight:400;}
.innerpages .innerserviceleft .accordion-content li{}
    .innerpages .innerserviceleft .accordion-content li a{ color:#333; font-size: 15px; border-bottom:1px solid #efefef;
 
      background: url(images/arrowli.png) no-repeat left top 10px;background-size: 12px;
      padding-left: 20px;display: block; padding-top:5px; padding-bottom:5px;}
    .innerpages .innerserviceleft .accordion-content li a:hover{ color:#920002;}


    .accservicebox{ background:#a0c329; padding:12px 8px; display: block;box-shadow: -1px -1px 0px #999,
      -2px -2px 0px #999,
      -3px -3px 0px #999,
      -4px -4px 0px #999,
      -5px -5px 0px #999,
      -6px -6px 0px #999,
      -7px -7px 0px #999,
      -8px -8px 0px #999,
      -9px -9px 0px #999,
      -10px -10px 0px #999,
      -11px -11px 0px #999,
      -12px -12px 0px #999;
}



 .allclients{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap; font-size:18px; color:#920002; font-size:18px; text-align:center; text-transform:uppercase; position:relative; padding-right:20px; display:block; margin-top:20px; }
	
	.icoclient{position:relative; }

	.icoclient:before{
	content: '';
    position: absolute;
    right:-23px;
    width: 8px;
    height: 9px;
    background: url(images/sprite.png) no-repeat;
    background-position: -196px -6px;
    top: 6px;   }
.allclients:hover{color:#a0c329;}
.allclients:hover .icoclient:before{
	
   right: -39px;
    background-position: -207px -6px;
      }
	  
	  .tabs section.active-content .allclients:hover{color:#015b11;}
.search-consultant-outer {
    width: 100%; padding:80px 0;
    background-image: url(https://tlstechnology.in/images/background-1-1100x507.jpg);  background-repeat:no-repeat; background-size:100%; background-attachment:fixed;
}
.tlsbutton{ padding:10px; background:#a0c329; float:right; margin-left:15px; color:#fff; font-size:20px;font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; }
.tlsbutton:hover{ background:#920002; color:#fff;}
.search-consultant-outer>.container>h3{ font-size:24px; color:#fff; padding-top:10px;font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; }
.portfolio{ padding:30px 0;background: linear-gradient(45deg,#F17C58, #E94584, #24AADB , #27DBB1,#FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 5s infinite;
    animation-direction: alternate;/*background: rgb(42,135,58);
background: -moz-linear-gradient(101deg, rgba(42,135,58,1) 0%, rgba(29,155,50,1) 100%);
background: -webkit-linear-gradient(101deg, rgba(42,135,58,1) 0%, rgba(29,155,50,1) 100%);
background: linear-gradient(101deg, rgba(42,135,58,1) 0%, rgba(29,155,50,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a873a",endColorstr="#1d9b32",GradientType=1);*/}

.portfolio p{ font-family: 'Poppins', sans-serif;font-weight: normal; color:#fff; font-size:16px;margin-bottom:25px;}
.portfolioleft{ width:35%; float:left;}
.thumbnails.ssc{width:35%; float:left;}
.testghh{width:60%; float:right; background:url(images/ipadbg.png) no-repeat; background-size:100%; padding:30px 60px;}
.sitebox{ width:100%; margin-top:50px;}
.siteboxleft{ width:60%; float:left;}
.siteboxleft h5{ font-family: 'Proxima Nova Lt';font-weight: 600; font-style: italic; color:#fff; text-transform:uppercase; font-size:18px;margin-bottom:0px;}
.sitebox a{ padding:10px 20px; background:#fff; color:#005b0f; border-radius:20px;font-family: 'Proxima Nova Lt';font-weight: 600; font-style: italic;  font-size :18px; float:right;}

.sitebox a:hover{background:#920002; color:#fff;} 

 .allportfolio{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap; font-size:18px; color:#fff; font-size:18px; text-align:left; text-transform:uppercase; position:relative; padding-right:20px; display:block; margin-top:20px; width:100%; }
 .icoport{position:relative; }

	.icoport:before{
	content: '';
    position: absolute;
    right:-23px;
    width: 8px;
    height: 9px;
    background: url(images/sprite.png) no-repeat;
    background-position: -181px -6px;
    top: 6px;  }

.allportfolio:hover{color:#920002;}
.reviews { padding:30px 0;}
.reviewbox{ width:90%; float:left; border:1px solid #f3f3f3; margin: 0 5% 10px;}
.topsitebg{ display: block; position:relative;}
.toppersonimg{ width:100px; height:100px; margin:-50px 0 0 -50px; z-index:999; position:absolute; left:50%; border-radius:50%; overflow:hidden; border:2px solid #fff;box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);
-webkit-box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);
-moz-box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);}
.topreviewfrom{ width:45px; height:45px; border-radius:50%; margin:-23px 0 0 -10px; z-index:999;bottom:-70px; position:absolute; left:50%;overflow:hidden;box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);
-webkit-box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);
-moz-box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4); margin:-65px auto 0; z-index:999; }
.ratingreview{ width:77px; position:absolute; right:10%; bottom:-60px }
.ratingreview img{ width:100%; height:auto;}
.topcomplogo{ width:50px; height:50px; border-radius:50%; overflow:hidden; box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);
-webkit-box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);
-moz-box-shadow: -1px -1px 12px -1px rgba(0,0,0,0.4);float:left;}
.cbox{ width:100%;  padding:10px 20px; margin-top:70px;}
.ctb{ float:left; margin-left:15px;}
.cbox .ctb h6{ font-family: 'Poppins', sans-serif;font-weight: normal; color:#5e5e5e; font-size:16px;margin-bottom:5px; }
.cbox .ctb h4{ font-family: 'Proxima Nova Rg';font-weight: bold; color:#5e5e5e; font-size:18px;margin-bottom:15px;}
.reviewbox h5{ background: #9c1200;
background: linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -webkit-linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -moz-linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%); font-family: 'Proxima Nova Rg';font-weight: bold; color:#fff; font-size:18px;margin-bottom:15px;text-align:center; padding:10px 10px;}

.reviewbox p{ color:#3d3d3d;font-family: 'Poppins', sans-serif;font-weight: normal;  font-size:15px;margin-bottom:15px; text-align:center; padding:0 30px;}
.googlereview{ position:relative;}
.contactus {}

.contactus h2{font-family: 'Proxima Nova Lt'; font-style: italic; font-display: swap; font-size:18px; color:#fff;margin-bottom: 15px;  text-align:left; text-transform:uppercase;}
.contactus a, .contactus .sub{ font-family: 'Proxima Nova Lt';  font-style: italic; font-display: swap; font-size:16px; color:#fff;  text-align:left; position:relative;  padding:5px 0 10px 40px; width:100%; float:left;}
.contactus .sub{padding-left:40px; font-size:16px;  display:block;}

.conicon{ position:relative; float:left; }
.conicon.mob:before, .conicon.eml:before, .conicon.loc:before, .conicon.fb:before, .conicon.inst:before {
  content: '';
  position: absolute;
  left: -30px;
  background: url(images/sprite.png) no-repeat;
  background-repeat: no-repeat;
  float: left;
  height: 25px;
  width: 23px;
  overflow: hidden;
  margin-right: 10px;
  top: 2px;
  background-size: 200px;}
.conicon.mob:before{ 
	
  background-position: -1px -29px;
     }
	 .conicon.eml:before{ 
	
    background-position: -24px -30px;
     }
	 .conicon.loc:before{ 
	
    background-position: -47px -27px
     }
	 .conicon.fb:before{ 
	
    background-position: -70px -27px; left:0;
     }
	 .conicon.inst:before{ 
	
    background-position: -91px -28px;left:0px;
     }
.contactus .sub a{ width:auto; margin-top:5px;}
.conicon.mob.fl:before {left: 2px;
    top: -10px;
    position: absolute;
    width: 24px;
    height: 30px;
    background: url(images/sprite.png) no-repeat;
    background-size: 220px;
    background-position: -124px -27px;}

/*********************************************************************************************************/

/********************************************************************************************/

footer{ /* background: linear-gradient(45deg,#F17C58, #E94584, #24AADB , #27DBB1,#FFDC18, #FF3706);*/
  background: linear-gradient(45deg,#F17C58, #E94584, #24AADB , #27DBB1,#FFDC18, #FF3706);    background-size: 600% 100%;
    animation: gradient 5s infinite;    animation-direction: alternate;   padding:40px 0 0; color: #333239;  } 
.footercol{ width:22%; float:left; margin-right:4%;}
.footercol.last{ margin-right:0;}
.footercol h6{font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-display: swap; font-size:18px; color:#fff;  text-align:left; text-transform:uppercase; margin-bottom:15px;}
.footercol ul li a, .footercol p{font-family: 'Poppins', sans-serif;font-weight: normal; color:#fff; font-size:14px; margin-bottom:15px; padding-bottom:4px; margin-bottom:4px; border-bottom:1px dashed #fff; display:block;}
.footercol ul li a:hover{ color:#ffcdc6;border-bottom:1px dashed #ffcdc6;}
.footercol p{ border:0;}
.footerbottom1{ background:#931100; border-top: 1px solid #ff341a; padding:30px 0; margin-top:30px }
.footerbottom{ background:#450800; border-top: 1px solid #ff341a; padding:10px 0; }
.footerbottom p{font-family: 'Proxima Nova Rg'; font-weight: normal;  font-size:14px; color:#fff;  text-align:center;  margin-bottom:0px;}
.footerbottom p a{color:#ff604b;}
.footerbottom p a:hover{color:#fff;}
.quicklinks{ padding: 0px 0 8px;}
.quicklinks span{ float: left; width: auto; font-size:14px; color:#fcffc6; }
.quicklinks  a, .quicklinks{font-family: 'Proxima Nova Rg'; font-weight: normal;  font-size:14px; color:#fff;  margin-bottom:0px;}
.contactfloat{ position:fixed; right:10px; bottom:10px; font-size:16px; padding:15px 5px; line-height:18px; z-index:999; color:#fff; border-radius:50%; height:40px; width:40px; text-align:center;background: #9c1200;
background: radial-gradient(circle farthest-corner at center center, #9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -webkit-radial-gradient(circle farthest-corner at center center, #9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -moz-radial-gradient(circle farthest-corner at center center, #9c1200 0%, #e91b00 50%, #9c1200 100%);/*animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;*/animation: color-change 1.5s infinite;}
.contactfloat:hover{ color:#fff;}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
.accordion-container .accordion-title {
  position: relative;
  margin: 0 0 10px;
  padding: 10px 15px;
 background: #9c1200;
background: linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -webkit-linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -moz-linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
  font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; 
  color: #fff;
  cursor: pointer;
}
.accservicebox .accordion-container .accordion-title {      font-size: 16px; margin-bottom: 5px;
  background: #000;
   }
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  background: #2b863a;
background: linear-gradient(90deg,#2b863a 0%, #0cb429 50%, #2b863a 100%);
background: -webkit-linear-gradient(90deg,#2b863a 0%, #0cb429 50%, #2b863a 100%);
background: -moz-linear-gradient(90deg,#2b863a 0%, #0cb429 50%, #2b863a 100%);
}
.accservicebox  .accordion-container .accordion-title:hover, .accservicebox  .accordion-container .accordion-title:active, .accservicebox  .accordion-title.open{
  background: #9c1200;}
.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  padding: 15px;
    border: 1px solid #0079c1;
    margin-top: -10px;
    margin-bottom: 10px; background:#fff;
}

.accordion-content p{ color:#3d3d3d;font-family: 'Poppins', sans-serif;font-weight: normal;  font-size:15px;margin-bottom:15px; text-align:left;}
}

/* CSS for Demo */
.accordion-container {
  max-width: 100%;
  margin: 0 auto;
}

main{ padding:30px 0;}
main.homepage{ padding:0;}
.innerbanner{ width:100%;  margin-bottom:40px;}
.portforlioimgdiv { padding:10px 0 20px;  float:left;}
.portforlioimgdiv li{ width:32%; margin-right:2%; float:left; margin-bottom:15px; }
.portforlioimgdiv li:nth-child(3n){ margin-right:0;}
.portforlioimgdiv li img, .innerbanner img{ width:100%; height:auto;}

.portforlioimgdiv li a{background: #9c1200;
background: linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -webkit-linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%);
background: -moz-linear-gradient(180deg,#9c1200 0%, #e91b00 50%, #9c1200 100%); font-size:16px; color:#fff;width:100%; padding:5px; display:block;}
.portforlioimgdiv li a:hover{background:#4f6300;}
.portforlioimgdiv li a h6{ padding:7px 0; text-align:center; margin-bottom:0; color:#fff;}
.innerportfoliopg p, .innerpages p, ul.innerlist li{ color:#3d3d3d;font-family: 'Poppins', sans-serif;font-weight: normal;  font-size:16px;margin-bottom:15px; line-height:26px; text-align:left;}
 ul.innerlist li{ margin-left:15px; background:url(images/arrowli.png) no-repeat left top 4px; padding-left:28px;}
 ul.innerlist { margin-bottom:20px;}

.getintouch.innerpg{ position:relative; width:100%; left:0; margin-bottom:20px;}
.getintouch.innerpg .half{ width:49.5%; float:left;}
.getintouch.innerpg .half.rgt{  float:right;}

.getintouch.innerpg.halfcont{ width:30%; float:left;}
.getintouch.innerpg.halfcont.rgt{  width:65%; float:right;}
.getintouch.innerpg.halfcont .half{ width:100%; float:left;}
.innerpages h2.newsubt{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-size:18px; margin-bottom:15px; color:#920002; }
.aboutusbox{ padding:40px;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); float:right; width:65%; background:#f7f7f7; margin-bottom: 15px;}
.innerpages h3, .innerpages h4, .innerpages h5,  .innerpages h6{ font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; font-size:24px; margin-bottom:15px; color:#920002; }
.innerpages h4{  font-size:22px; }
.innerpages h5{  font-size:20px; }
.innerpages h6{ font-size:18px;}

.innerpages .accservicebox h3{font-size: 20px;
  margin-bottom: 10px;
  color: #000;}
.about{ background:url(https://tlstechnology.in/images/slider_one.jpg) no-repeat;  background-size:50%; background-position:right;}
.newaboutusbox{ width:50% ;float:left;  padding-right:50px}

.aboutusboxleft{ background:url(images/wantbg.png) repeat; padding:20px; width:33%; float:left;} 
.aboutusboxleft .promisefeature1{  padding:50px 10px; text-align:center; float:left;  width:50%; border-right:1px dashed #920002;  border-bottom:1px dashed #920002;}
.aboutusboxleft .promisefeature1 h5{ font-family: 'Proxima Nova Th';font-weight: bold; text-align:center; color:#4f6300; font-size:44px;margin-bottom:20px;}
.aboutusboxleft .promisefeature1 p{ font-family: 'Proxima Nova Rg';font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; font-size:20px;margin-bottom:0px;}
.aboutusboxleft .promisefeature1.rgt{ float:right;border-right:0px solid #fff;}
.aboutusboxleft .promisefeature1.lastcol{ margin-bottom:0;border-bottom:0px solid #fff;}
.linedivider{ border-bottom:1px dashed #920002; clear:both; margin:20px 0;}
.innerpages img{ width:100%; height:auto;}
.aboutouter{ background:#f7f7f7; padding:30px 0; margin-top:30px;}
.aboutleft{ width:65%; float:left;}
.aboutright{ width:33%; float:right;}
.aboutleft.right{  float:right;}
.aboutright.left{  float:left;}
.contsechalf{ width:30%; display:block; float: left; margin:0 5%;}
.contsechalf .contactus h2{ color:#920002;}
.contsechalf .contactus a, .contsechalf .contactus .sub{ color:#333;}

.contsechalf .conicon.mob:before {
  background-position: -1px -54px;
}

.contsechalf .conicon.eml:before {
  background-position: -24px -54px;
}
.contsechalf .conicon.loc:before {
  background-position: -47px -54px;
}

.contsechalf .conicon.fb:before {
  background-position: -70px -54px;
  left: 0;
}
.contsechalf .conicon.inst:before {
  background-position: -91px -54px;
  left: 0px;
}

.maplocat{ width:30%; display:block; float: right; }
/*******************************Homeblog ******************************************************/


.blog-row2 .main-img {
	position: relative;
}
.blog-row2 {
	width: 31%;
	float: left;
	margin: 10px 1%;
}
.reviews .blog-row2 {
	width: 23%;}
.blog-row1 .main-img, .blog-row2 .main-img {
	width: 100%;
}
.blog-row1 .main-content, .blog-row2 .main-content {
	width: 100%;
	padding: 28px 50px;
	position: relative;
	background: #fff;
	border: 1px solid #efefef;
}
.blog-row2 .main-content {
	width: 100%;
	padding: 25px;
}
.blog-row1 .main-content h3, .blog-row2 .main-content h3 {
	font-size: 18px;
	color: #920002;
	text-transform: normal;
	margin-bottom: 8px;
}
.blog-row1 .main-content h3 a, .blog-row2 .main-content h3 a {
	color: #920002;
}
.blog-row1 .main-content p, .blog-row2 .main-content p {
	margin-bottom: 15px;
	line-height: 22px;
	font-size: 16px;
}
.blog-row1 .main-content p.date, .blog-row2 .main-content p.date {
	font-size: 13px;
	text-transform: normal;
}
.blog-row1 .main-content p.date a, .blog-row2 .main-content p.date a {
	color: #666666;
}
.blog-row2 .main-img {
	height: 200px;
	overflow: hidden;
}
.blog-row2 .main-img img {
	min-height: 200px
}
.blog-row2 .main-content p {
	min-height: 62px;
}
.blog-row2 .main-content p.date {
	min-height: auto;
}
.blog-row2 .main-content {
	min-height: 320px;
}
.blog-row2 .know-more {
	position: absolute;
  bottom: 20px;
  background: #920002;
	color: #fff;
	font-size: 13px;
	padding: 8px 12px;
	float: left;
	text-decoration: none;
	text-align: center;
}
.box404 {}
.box404img { width:40%; margin:0 auto 15px;}
.box404 h2{ text-align: center;}
.box404 p{ text-align: center; font-size: 18px;;}
.box404 .tlsbutton{     margin: 20px auto;
  float: none;
  width: 200px;
  display: block;
  text-align: center; }
/*******************************services ******************************************************/


.service{ background:url(images/wantbg.png) repeat; padding:20px; width:100%; float:left;} 
.service .promisefeature1{  padding:50px 10px; text-align:center; float:left;  width:16.5%; border-right:1px dashed #920002;  border-bottom:1px dashed #920002;}
.service .promisefeature1 h5{ font-family: 'Proxima Nova Th';font-weight: bold; text-align:center; color:#4f6300; font-size:44px;margin-bottom:20px;}
.service .promisefeature1 p{ font-family: 'Proxima Nova Rg';font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; font-size:20px;margin-bottom:0px;}
.service .promisefeature1.rgt{ float:right;border-right:0px solid #fff;}
.service .promisefeature1.lastcol{ margin-bottom:0;border-bottom:0px solid #fff;}

.tesshid{ display:none;}

.getintouch h4{ color:#fff;}

 .subserviceiconbox li:nth-child(3n+1){ clear:both;}
 
 .subserviceiconbox.innerserv li:nth-child(3n){ margin-right:0;}
  .subserviceiconbox.innerserv li:hover{ background:#efefef;}
.testimonial{ width:80px; line-height:40px; background:#a0c329; position:fixed; left:0; float:left; bottom:10px; z-index:999; text-align:center; color:#fff;border:0; -webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;font-size:18px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; display: none;}
.testimonial:hover{background:#920002;  color:#fff;} 

.side_testimonial{position:fixed; right:0; height:100%; float:right; top:0px;background:#a0c329; padding:20px; width:30%; display:none;z-index:1000; 
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; overflow-y: scroll;
  }
 .close1{ font-size:15px; color:#fff; float:right;} 
 .side_testimonial h4{color:#920002; font-size:18px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: italic; padding-bottom:10px; border-bottom:1px solid #fff; margin-bottom: 10px; }
 .side_testimonial ul li{  margin-left:8px;  margin-bottom:10px;}
  .side_testimonial ul li ul li{ margin-left:15px; margin-bottom:0px;}
 .side_testimonial ul li a{font-family: 'Poppins', sans-serif;color:#fff; font-size:14px; margin-bottom:4px; padding-bottom:2px;  border-bottom:1px dashed #fff; display:block; font-weight:bold; text-transform:uppercase;}
 .side_testimonial ul li ul li a{ font-weight:normal;text-transform:capitalize;}
 .side_testimonial ul li a:hover{ color:#920002;border-bottom:1px dashed #920002;}
  
   @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
 .intro-pop {
  width: 320px;
  height:347px;
  position: fixed;
  
  bottom:55px;
  right: 15px;
  
 
  background:transparent;
  z-index: 9999999;
  margin: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); display:none;
}
.intro-pop
.ecfo-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999998; display:none;
}
.pop-close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  padding: 20px 10px;
 
  z-index: 999999;
  display: block;
  border: 0;
  cursor: pointer; 
}
 .intro-pop .getintouch{ width:100%;top: 0%;
left: 0%;}
.innerpp {
  text-align: center;
  font-weight: bold;
  padding: 0;
}

.innerpp p {
  font-size: 15px;
  margin-bottom: 10px;
  text-align: center;
}
.intro-pop .pop-close {
  color: #fff !important;
}


.intro-pop1{width: 750px; height: 500px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #291b3e; border-radius: 4px; z-index: 1000; margin: auto; box-shadow: 0 0 20px rgba(0,0,0,0.3)}

.service_popup{width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.service_popup .qiz{ position:absolute; bottom:20px; width:100%; padding:0 25px;}
.service_popup .qiz input{ width:32%; float:left; margin:0 0.5%; background:none; border:1px solid #f3c647;}
.service_popup .qiz input:hover{ background:#fff;}
.service_popup .qiz input[type="submit"]{background:#000;border:1px solid #000;}
.service_popup .qiz input[type="submit"]:hover{background:#f3c647;border:1px solid #f3c647;}
.pop-close1{position: absolute; right: 0; top: 0; padding: 20px; z-index: 1001}
.pop-close1:after{content: ""; width: 15px; height: 15px; background: url(https://tlstechnology.in/images/icon_cross.png) 0 0 no-repeat; position: absolute; left: 8px; top: 15px}
.ecfo-overlay1{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.75); z-index: 900}
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width: 100%;
  height: 100%
}  
#boxes .window {
  position:absolute;
  left:25%;
  top:10%!important;
  width:50%;
  height:auto;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding: 10px 20px;
   background-color:#ffffff;
 
}

#boxes #dialog h5{ width:100%;  height:auto; float:left; line-height:30px; border-bottom:1px solid #db291f; font-size:18px;font-weight:bold; margin:0 0 10px 0;color:#db291f;}





@media only screen and (max-width:414px) and (orientation: portrait) {
	
	
	#boxes .window {
  position:absolute;
   float:left;
  top:10%!important;
  width:50%; 
  height:auto;
  display:none;
  z-index:9999;
  padding:20px;left:7%!important;
  border-radius: 5px;
 
}
#boxes #dialog {
  width:80%; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  
  
}}


@media only screen and (max-width:736px) and (orientation: landscape) {
	#boxes .window {left:7%!important;}}


@media only screen and (max-width:1200px){
	.container{width:96%; margin:0 auto;}
	#banner span{ width: 60%;  margin:20px; top:15%;  left:2%;}





.getintouch{ width:30%;right:2%; top:2%; }
.promise .promisefeature1{ width:49%;}
.reviewbox{ width:98%; margin:0 1%;}
		
	}
@media only screen and (max-width:1100px){	input, select, textarea{ padding:6px;}
.iconname.name::before, .iconname.email::before, .iconname.mobile::before, .iconname.serv::before, .iconname.subbt::before{top:-44px;}
.intro-pop {
   
    height: 315px;}}
	
@media only screen and (max-width:1023px){
	.callbuttontop{ margin-top:10px; margin-left:5px;margin-right:65px;}
	.callbuttontop.ss{margin-right:10px;}
	.promise .promisefeature1{ width:49%;}
	.bannerwant{  bottom:0px;   }
.bannerwant h2{font-size:18px;  padding:10px 5px;}
.bannerwant h2 a{   padding:5px; border-radius:20px;font-size:16px; margin-left:10px;}
.bannerwant h2 a:hover{ background:#920002;  }
.aboutusboxleft .promisefeature1 h5{font-size: 34px;}
.aboutusboxleft .promisefeature1 p{ font-size:18px;}	
	}	
	
	@media only screen and (max-width:977px){
		#logo{ width:150px; height:auto;}
	
	}
	@media only screen and (max-width:900px){
		
		.aboutusboxleft .promisefeature1 h5{font-size: 26px;}
.aboutusboxleft .promisefeature1 p{ font-size:16px;} .getintouch{  padding:10px;width:40%; top:2%; }#banner span{ top:10%;  left:5%;width: 50%;  margin:20px;}
	#banner span h1{ font-size:24px; margin-bottom:10px;}
	#banner span p, #banner span .knowmore, .getintouch h4{font-size:18px;}
	.getintouch h4{ margin-bottom:7px;}
	input, select, textarea{ margin-bottom:4px;}
	.iconname.name::before, .iconname.email::before, .iconname.mobile::before, .iconname.serv::before, .iconname.subbt::before{top:-39px;}
	.submittet{font-size: 16px;padding: 3px 15px;}
	.promise .left{ padding-right:20px;}
	.promise .right{ padding-left:20px;}
	.promise .promisefeature1{ margin-bottom:10px;}
	.promise .promisefeature1 p{ font-size:16px;}
	.promise .promisefeature1 h5, .promise .promisefeature1 h4{ font-size:35px;}
	.promise h2{ font-size:24px; margin-bottom:10px;}
	.promise h3{font-size:22px;}
	
.tabs > ul {
  
}
header{ border-bottom:1px solid #920002;}
.intro-pop1{width: 650px; height: 433px; }
.intro-pop {
   
    height: 256px;}}
	@media only screen and (max-width:736px){
    .innerserviceleft{width: 25%; float: left;display :none}
.innerserviceleft.sec{width: 100%;display :block}
.innerserviceright{width: 100%; float: right;}
		.blog-row2 .main-content {
      min-height: 450px;
    }
		.clientinner li{ width:23%;  }
		.bannerwant{width: 51%;left: 0;}
	.toppersonimg{ width:40%; margin:-40px 0 0 -20%; height:auto;}.ratingreview{ width:40px;}
	.topreviewfrom {
  width: 36px;
  height: 36px;} .topcomplogo{ width:25%; height:auto;}
  .ctb{ margin-left:5%; width:70%;}
  .reviewbox p{padding:0 15px;}
  .cbox .ctb h4, .reviewbox h5{ font-size:18px;}
 .aboutusboxleft, .aboutusbox{ width:100%; padding:20px;} 
 

.aboutusboxleft .promisefeature1 {

    padding: 15px 10px;
   
    width: 25%;
    border-right: 1px dashed #920002;
    border-bottom: 0px dashed #920002;

}
.aboutusboxleft .promisefeature1.rgt{ float:left;border-right: 1px dashed #920002;}
.aboutusboxleft .clear{  clear:none;}
.aboutusboxleft .promisefeature1.rgt.lastcol{border-right: 0px dashed #920002;}
  
  
  }
	@media only screen and (max-width:640px){
    .subserviceiconbox.innerserv.new li .imageboxn, .subserviceiconbox.innerserv.new li .contentboxn, .subserviceiconbox.innerserv.new li .imageboxn.rgt{ margin:0; margin-bottom: 15px; width:100%;}
    .getintouch.innerpg.halfcont, .contsechalf, .maplocat{ width:100%;}
    .contsechalf{margin:20px 0;}
		.webdis{display:none;}
.mobdis{ display:block;}
		.getintouch.innerpg.carrer{ width:100%; }	

.carrerright{ width:100%;}
		.intro-pop {   
    height: 225px;}
	.intro-pop .getintouch{ margin-top:0;margin-bottom:0;}
		.intro-pop1{width: 450px; height: 300px; }
		.icomenu1:before{right: -20px;
   
    top: 5px;}
		.side_testimonial{ width:100%;}
		.aboutusboxleft .promisefeature1 h5{ font-size: 20px;}
		.aboutusboxleft{ padding:8px; margin-bottom:10px;}
		.aboutusboxleft .promisefeature1 p{ font-size:14px;}
		.innerpages h3{ font-size:16px;}
		.innerpages h4{ font-size:15px;}
		.innerpages h5{ font-size:14px;}
		.innerpages h6{ font-size:13px;}
		.contactfloat{ width:31px; height:31px;}
		.footercol.thd{ clear:both;}
		.sersubicon{ margin:0 auto 0px;}
		.submittet, input, select, textarea {
  padding: 2px 6px; font-size:14px;
}
.conicon.mob.fl::before {
 left: -2px;
    top: -14px;
}
.tesshid{ display:block}
select{padding:  6px;}

.iconname.name::before, .iconname.email::before, .iconname.mobile::before, .iconname.serv::before, .iconname.subbt::before {
 
  width: 23px;
  height: 23px;

  background-position: 0px -1px;
  top: -31px;
  background-size: 210px;
}
.iconname.mobile:before{ background-position: -23px -1px;}	
.iconname.email:before{ background-position: -48px -1px;}
.iconname.serv:before{ background-position: -72px -1px;}
.iconname.subbt:before{ background-position: -100px -7px;
    right: 52px;
    width: 8px;
    height: 9px;
    top: -27px;
}
.icoclient:before, .icoport:before{ top:3px;}
#banner span h1 {
  font-size: 16px; text-align:center;margin-bottom: 5px; line-height:22px;}
  #banner span p, #banner span .knowmore{  font-size: 14px;text-align:center;margin-bottom: 5px; line-height:20px; float:none; width:100% ;display:block;}
		.tabs > ul {
  
}

.tabs section, .tabs > ul li a{ padding:12px!important;}  
.promise h2, .servicesouter h2, .clients h2, .portfolio h2, .reviews h2, .faq h2, .innerpages h2, .contactus h2, .innerpages h1{
  font-size: 16px;
  margin-bottom: 8px;}
  .contactus a, .contactus .sub{ font-size:14px;}
  .promise h3 {
  font-size: 14px;margin-bottom:8px;
}
 .clients h5	{ font-size: 16px;}
.conicon.mob::before, .conicon.eml::before, .conicon.loc::before, .conicon.fb::before, .conicon.inst::before {
left: -36px;
height: 23px;
width: 23px;
margin-right: 5px;
top: -2px;
background-size: 210px;}
  .conicon.mob::before {
  background-position: -1px -29px;
}
.conicon.eml::before {
  background-position: -25px -30px;
}
.conicon.loc::before {
  background-position: -49px -30px;
}
.conicon.fb::before {
  background-position: -74px -30px;
  
}
.conicon.inst::before {
  background-position: -97px -30px;
  
}
.contactus .sub a.conicon{padding-left:26px; float:left;}
.contactus .sub a.conicon.fb {
 
  margin-left: 40px;}
  .contsechalf .conicon.mob:before {
    background-position: -2px -57px;
}
.contsechalf .conicon.eml:before {
  background-position: -25px -57px;
}
.contsechalf .conicon.loc:before {
  background-position: -49px -57px;
}
.contsechalf .conicon.fb:before {
  background-position: -73px -55px;
  left: 0;
}
.contsechalf .conicon.inst:before {
  background-position: -96px -55px;
  left: 0px;
}
.promise .promisefeature1.thd{ clear:both;}
.entry-content p{ font-size:14px; text-align:justify; text-align:20px;}
.promise .left {
  width: 100%;
  padding: 0px 00px 20px 0;border-right: 0px solid #920002;border-bottom: 1px solid #920002;}
  .promise .right {
  width: 100%;
  padding: 10px 00px 10px 0;border-right: 0px solid #920002;border-bottom: 0px solid #920002;}
		.promise .promisefeature1{ padding:20px 10px; height:auto; margin-bottom: 6px;}
		.promise .promisefeature1 h5, .promise .promisefeature1 h4{ font-size:16px; margin-bottom:8px;}
		.promise .promisefeature1 p{ font-size:14px;}
		.container{width:90%; margin:0 auto;}
		 .getintouch{  padding:10px;width:90%; margin:10px auto; float:none; position:static;}
		 #banner span{ width: 90%;  margin:0px!important; top:8%;  left:5%; }
		 .bannerwant{width: 100%;right: 0; bottom:260px;}
		#logo{   width:120px;}		
		.callbuttontop span{ display:none;}
		
		.callbuttontop{padding:15px; margin-top:5px; margin-left:5px;margin-right:50px;}
	.callbuttontop.ss{margin-right:5px;}
	.navbar-toggler{padding: 0 5px!important;}
	.navbar-nav > li > a{padding: 0.6rem 15px!important;}
	.brand-and-icon{ top:5px!important;}
		.callbuttontop2::before {
 
  left: -11px;
  width: 22px;
  height: 22px;
 
    
  background-position: -87px -1px;
  top: -11px;
  background-size: 193px;
}
.footercol{ width:48%; margin-right:0%;}
.footercol.sec, .footercol.last{ float:right; margin-right:0;}
.thumbnails.ssc{width:100%; margin-bottom:15px; }
.testghh{width:100%;  padding: 17px 34px;}
.sitebox a {  padding: 4px 10px;  
  font-size: 15px;}
  .footercol h6{ font-size:15px; margin-bottom:7px;}
  .footercol ul li a{ padding-bottom:3px;font-size:13px; margin-bottom:2px;}
  .footercol{ margin-bottom:12px;}
  footer{ padding-top:10px;}
  .footerbottom{ margin-top:10px;}
  .siteboxleft h5, .portfolio p, .allportfolio,  .allclients, .getintouch h4{ font-size:14px;}
.innerportfoliopg p, .innerpages p{ font-size:14px;}
.getintouch.innerpg .half{width:100%;}
  .siteboxleft{ width:50%;}
  .icoknow::before {
 
  top: 3px;
}
.iconname.subbt::before {
  background-position: -123px -3px;
  right: 46px;
 
  top: -20px;
}
.cbox .ctb h4, .reviewbox h5, .reviewbox p{ font-size:14px;}
.portforlioimgdiv li{ width:49%; margin:0 0.5% 10px;}
.aboutleft, .aboutright{ width:100%;}
.aboutright{ margin-bottom:10px;}
.callbuttontop2.quote:before{background-position: -111px -22px;left: -13px;
width: 25px;
height: 27px;

top: -16px;}
 .subserviceiconbox li{width:50%;} 
 .subserviceiconbox li a h3{ font-size:14px;}
 .subserviceiconbox li:nth-child(3n+1){ clear:none;}
 .subserviceiconbox li:nth-child(2n+1){ clear:both;}
 .subserviceiconbox.innerserv{ display:block;}
 .subserviceiconbox.innerserv li{ width:100%; margin-right:0; margin-bottom:10px; display:block;}
 .navbar-toggler{ font-size: 1.4rem!important;}
 .brand-and-icon {
  width: 34px!important;
  position: absolute;
  top: 8px!important;;
  right: 16px !important;}
  }
  

@media only screen and (max-width:484px){
  .blog-row2, .reviews .blog-row2 { width: 98%;}
	.intro-pop1{width: 100%; height: 320px; }
	.clientinner li{ width:48%; margin-bottom:8px;  }
	.intro-pop {
  width: 100%;}
	.aboutusboxleft .promisefeature1 h5{ margin-bottom:7px;}
	.aboutusboxleft .promisefeature1 {  
    width: 50%;
    border-right: 1px dashed #920002;
    border-bottom: 1px dashed #920002;

}
.service_popup .qiz input{ width:48%; float:left; margin:0 1%;}

.service_popup .qiz input[type="submit"]{ width:98%;}
 .subserviceiconbox li{width:50%;} 
.aboutusboxleft .promisefeature1.rgt{ float:left;border-right: 0px dashed #920002;}
.aboutusboxleft .clear{  clear:both;}
.aboutusboxleft .promisefeature1.rgt.lastcol{border-right: 0px dashed #920002;}
	.footercol{ width:100%;}
	.promise{ background-repeat:repeat-y;}
	.tabs > ul{}
	.sertab {
  width: 100%;
  
  margin-right: 0px;}
  .sertab1 {
  width: 100%;
  
  margin-left: 0px;}
	
	
.toppersonimg{ width:30%; margin:-40px 0 0 -15%;}
.bannerwant{ display:none;}

.contactus{ width:90%;}