.graph_alert{
	border: 1px solid #006ad1;
    padding: 3px;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    width: 75%;
    line-height: 1;
    text-align: center;
    margin-left: 50px;
}
#footer{
    display: none;
}
.versionnew4 th{
	border:none;
}
.versionnew4 td{
	border:none;
}
.versionnew4 tr{
	border:none;
}
.graph_section_version4{
	background: #F3F3F5;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.graph_bottom{
	margin-top:20px;
	margin-left:20px;
}
p{
	text-align: justify;
}
li{
	text-align: justify;
}
.versionnew4 .divcount{
	min-height:1100px;
}
.graphalert{
	font-size:11px;
	margin-top:30px;
	color: #0D033D;
}
.column {
  float: left;
  width: 49%;
  padding: 10px;
  height: 100px; 
}

.colk:after {
  content: "";
  display: table;
  clear: both;
}
.vendor_list_table{
	width:100%;
}
.vendor_list_table th{
	background-color: #BDEAF1;
	color:white;
}
.vendor_list_table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.vendor_list_table td, th {
  border: 1px solid #FBFCFC ;
  text-align: left;
  padding: 8px;
 
}

.vendor_list_table tr:nth-child(even) {
  background-color: #FBFCFC ;
}

.vendor_profiles_4 p{
	color:white;
}
.vendor-segname h2{
	font-size:17px;
	font-weight: 400px;
}
.vendor-segname th{
	background-color: #BDEAF1;
	color:black;
}
.vendor-segname table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.vendor-segname td, th {
  border: 1px solid #FBFCFC ;
  text-align: left;
  padding: 8px;
}

.vendor-segname tr:nth-child(even) {
  background-color: #FBFCFC ;
}
		#div1{
        height: 70px;
		width: 200px;
		background-color: #76D7C4;
		margin-bottom: 20px;
            }
        #div2{
            height: 70px;
			width: 200px;
			background-color: #C0D607;
			position: relative;
			left: 20px;
            }
         #div3{
            height: 70px;
			width: 200px;
			background-color: #73C6B6;
			position: relative;
			bottom: 0px;
            }
        #div4{
            height: 70px;
			width: 200px;
			background-color: #130490;
			position: relative;
			left: 20px;
            }
            
#toc-loev24 .tocheader{
	color:#1A5276;
}
#toc-loev4 .tocheader{
	color:#1A5276;
}
.sample-header5{
	color:#1A5276;
}
.lidiv li{
	font-size:16px;
}
.subh2{
	margin-bottom:20px;
	margin-top:20px;
	text-transform:capitalize;
	color: #1A5276;
	font-size:18px;
	font-weight:bold;
}
.v4 th{
	background-color: #2E4053;
	color:white;
}
.v4 table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.v4 td, th {
  border: none !important;
  text-align: left;
  padding: 8px;
}

.v4 tr:nth-child(even) {
  background-color: #dddddd;
}
.leftf{
	float: left;
    width: 43%;
    padding-left: 30px;
    margin-right: 50px;
}
.rightf{
	float:right;
	width:45%;
	margin-right:40px;
}
.headerbg{
	background-color: #006ad1;
    color: white;
	padding-left:20px;
	margin-bottom:30px;
}
.footerf{
	height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #003067;
    color: white;
    text-align: center;
}
.mainh{
	color:white;
	font-size:14px;
	font-weight: 600;
}
.subh{
	color:white;
	font-size:20px;
	font-weight: 600;	
}
.tocheader{
	font-size:19px;
}
h5{
	
}
.specialofferbanner2new{
	background-image:url('https://www.technavio.com/image/offer_banner_bg_2.png');
	background-repeat: no-repeat;
	float: left;
    width: 100%;
    padding: 14px;
    border-radius: 5px;
    margin-top: 14px;
    text-align: center;
	padding-top: 5px;
	min-height: 250px;
    background-size: 95% 100%;
	margin-bottom:20px;
}
.offertext{
	font-size: 11px;
    text-align: center;
    position: relative;
    top: 103px;
}
.offertext p{
	font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #666;
}
.offertimer{
	font-size: 11px;
    text-align: center;
    position: relative;
    top: 104px;
}
.offertimer p{
	font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #666;
}
#timer_display{
    font-size: 20px;
    color: #333;
	font-weight:600;
	
}
.p3toc{
	margin-left: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
	font-size:15px;
	color:#212529;
   
}
.p2toc{
	margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
	font-size:15px;
	color:#212529;
   
}
.bynow{
	background-color: #FFD814; /* Green */
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-weight:500;
  border-radius: 4px;
}
.bynow:focus {
    border: none;
    outline: none;
}
ul ol:before {    
    font-family: 'FontAwesome';
    content: '\25A0';
    margin:0 5px 0 -15px;
    color:#083D65;
	margin-left:20px;
	font-size:12px;
}
.vl{
	border-left:2px solid lightblue;
	height:500px;
}
.sample-header4{
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.vendor-lis{
	width:30%;
}
.key-lead{
	width:30%;
}
@media (max-width: 500px){
	#fcontent img {
		display:none;
	}
	#scontent{
		width:20%;
	}
	#hcontent{
		width:20%;
	}
	.btnfooter{
		display:none;
	}
	
}
@media only screen and (min-width: 769px) and (max-width: 1281px) {
	.col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
}
}
.feedback {
  background-color :none;
  color: #003067;
  font-size:15px;
  font-style:Italic;
  border-color: none;
  text-decoration: underline;
}
.feedbackv2 {
  background-color :none;
  color: #003067;
  font-size:15px;
  font-style:Italic;
  border-color: none;
  text-decoration: underline;
}
.feedbackv3 {
  background-color :none;
  color: #003067;
  font-size:15px;
  font-style:Italic;
  border-color: none;
  text-decoration: underline;
}

.feedback:hover{
	cursor: pointer;
}
.feedbackv2:hover{
	cursor: pointer;
}
.feedbackv3:hover{
	cursor: pointer;
}

#mybutton {
  position: absolute;
   color: #003067;
  bottom:50px;
  right: 30px;
  text-decoration: underline;
}
#mybuttonleft {
  position: absolute;
   color: #212529;
  bottom:50px;
  left: 400px;
  font-weight:500;
  font-size:15px;
  width:50%
}
.clearspan2 h2{
	display:none;
}
.sa:hover{
	color:blue;
	cursor: pointer;
}
.sav2:hover{
	color:blue;
	cursor: pointer;
}
.sav3:hover{
	color:blue;
	cursor: pointer;
}
.mainli:hover{
	color:blue;
	cursor: pointer;
}
#tol:hover{
	color:blue;
	cursor: pointer;
}
#at:hover{
	color:blue;
	cursor: pointer;
}
#tolv2:hover{
	color:blue;
	cursor: pointer;
}
#atv2:hover{
	color:blue;
	cursor: pointer;
}

.page-content{
	margin-top:20%;
}
h4{
	margin-bottom:20px;
	margin-top:20px;
	text-transform:capitalize;
	color: #007bff;
	font-size:20px;
}
  #content {
        position: relative;
    }
	#ncontent {
        position: relative;
    }
	
	#hcontent {
        position: relative;
    }
	#scontent {
        position: relative;
    }
    #content img {
		opacity: 0.4;
        position: absolute;
        top: 0px;
        right: 0px;
		margin-top: -5%;
		margin-right: -3%;
    }
	#ncontent img {
		opacity: 0.4;
		width:40%;
        position: absolute;
        top: 0px;
        left: 0px;
		margin-top: -3%;
		margin-left: 3%;
		
    }
	#fcontent img {
		width:4%;
        position:absolute;
		right:0px;
		bottom: 200px
		
    }
	.ccontent img {
		width:4%;
        position:absolute;
		right:0px;
		bottom: 450px;
		cursor: pointer;
		
    }
	.ccontentv2 img {
		width:4%;
        position:absolute;
		right:0px;
		bottom: 350px;
		cursor: pointer;
		
    }
	.ccontentv3 img {
		width:4%;
        position:absolute;
		right:0px;
		bottom: 350px;
		cursor: pointer;
		
    }
	#hcontent img {
		width:10%;
        position: absolute;
        top: 0px;
        left: 0px;
		margin-left: 1%;
    }
	#scontent img {
		width:8%;
        position: absolute;
        top: 0px;
        left: 0px;
		margin-left: 1%;
    }
.left-border{
	margin-top:5%;
	margin-left:10%;
}
li{
	font-size:17px;
}
.section{
    margin-left:3%;
}
.indexul{
    line-height:180%;
	list-style: none;
    padding: 0;
}
ul{
	list-style: none;
    padding: 0;
}
li{
	padding-left: 1.5em;
	margin-bottom:5px;
}
li:before{
	content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  /*display: inline-block;*/
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#083D65;
  margin-right:5px;
}
.mainli {
  padding-left: 1.3em;
}
.mainli:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#083D65;
}
.subli {
  padding-left: 1.3em;
}
.subli:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#083D65;
}
ol{list-style-type: upper-roman;}
.indexh4{
	margin-left:-50px;
	font-size:21px;
}
.sample-header{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 27px;
	color: #083D65;
	text-align: left;
	margin-top: 30px;
}
.sample-span{
	font-weight:700;
}
.footer {
   height:auto;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #003067;
   color: white;
   text-align: center;
}
.btnfooter{
  float:right;
  margin-right:10%;
  background-color: white;
  height:40px;
  border:none;
  transform: skew(-20deg);
  cursor:default;
  pointer-events: none;
  margin-bottom:-5%;
  padding:5px 5px 5px 5px;
}
.textfooter{
	display:inline-block;
  	transform: skew(20deg);
    font-size:12px;
    color: black;
    text-decoration: none;
}
.cta{
	float:left;
    margin-left:1%;
	color:white;
	padding:10px;
	
}
.cta-text{
	color:white !important;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
}

.faqBox{
	border: 1px solid #ccc;
    position: relative;
    padding: 20px;
    margin: 30px 0;
}

.faqBoxHead {
	position: absolute;
    top: -15px;
    left: 20px;
    background-color: #bedaff;
    border: 2px solid #1a73e8;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    padding: 0 20px;
}
			#footerlink:hover {
			  color: blue;
			}
			#footerlink{
			color:blue;
			}
			.keyul {
			  list-style: none;
			  padding: 0;
			  line-height:200%
			}
			.keyli {
			  padding-left: 1.3em;
			  line-height: 34px;
			}
			.keyli:before {
			  content: "\f1d8"; /* FontAwesome Unicode */
			  font-family: FontAwesome;
			  color: #028ab2;
			  display: inline-block;
			  margin-left: -1.3em; /* same as padding-left set on li */
			  width: 1.3em; /* same as padding-left set on li */
			}
		
			.vendor-image {
			  display: block;
			  margin-left: auto;
			  margin-right: auto;
			  style="width:50%;
			}	
			
			#leftbox {
                float:left; 
               
            }
            #middlebox{
                float:right; 
               
            }
            
            h3{
                color:#56b4e8;
				font-size:28px;
				margin-bottom:20px;
            }
		
			p{
				font-size:17px;
				 line-height: 1.5;
			}
			li{
				font-size:17px;
			}
			
			.tablei .it{
				margin-top:-10px;
				margin-bottom:-10px;
				
				font-size:12px;
				border: 0px solid #CCC;
                border-collapse: collapse;
			}
			
			.tablei {	
			 margin-top:30px;
			  margin-bottom:30px;
			  border-collapse: collapse;
			  width: 100%;
			}
			.tablei th{
				background-color:#56b4e8;
				
			}

			.tablei td, th {
			  border: 1px solid #56b4e8;
			  text-align: center;
			  padding: 8px;
			}

			.tablei tr:nth-child(even) {
			  background-color: none;
			}
			.tableic {	
			 
			  margin-bottom:30px;
			  border-collapse: collapse;
			  width: 100%;
			}
			.tableic tr{
				margin:0px;
				padding:0px;
			}

			.tableic td, th {
			  border: 1px solid #56b4e8;
			  text-align: center;
			  padding: 8px;
			  height:10px;
			}

			.tableic tr:nth-child(even) {
			  background-color: none;
			}
.optimizerhide{
	display:block
}
.modal-backdrop.fade {
    opacity: 0.6 !important;
}
#report_view > div > div:nth-child(1) > div.floatrightdiv > div > a:nth-child(6){
	background-color: #0076d6;
    color: white;
	cursor: pointer;
}
#accordion{
	height: 345px;
    overflow-y: auto;
}
#accordion::-webkit-scrollbar {
  width: 5px;
}
 
#accordion::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
#accordion::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#addoncost .modal-dialog {max-width: 610px;}
#addoncost .modal-body{padding:0px;}
.segmentationss,.regiongeographyss,.countrygeographyss,.vendorss{    width: 70%;font-size: 12px;
    padding: 8px 14px;}
.customize{
    background-color: #1275B8;
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 15px 20px;
    max-width: 320px;
    border-radius: 3px;
    text-align: center;
}
.customize p{
	color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
}
.customize button{
background: #1fb4fb 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #0000000A;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 0px;
    padding: 9px 41px;
}
#myCustomize .modal-header{
	padding: 0px 5px;
	border-bottom: 0px;
}
#myCustomize div.modal-footer > span{
	color: #666666;
    font-size: 14px;
    line-height: 21px;
}
#myCustomize div.modal-footer > b{
	font-size: 16px;
    line-height: 21px;
}
#myCustomize div.modal-footer > button{
	background-color: #32CD32;
    color: white;
    box-shadow: 0px 3px 10px #0000000A;
    border-radius: 2px;
    padding: 6px 36px;
}
#myCustomize div.modal-footer{
	padding: 10px;
    box-shadow: 0px 3px 14px #00000029;
    border-top: 0px;
}
#myCustomize div.modal-body h3{
	color: #2270C5;
    font-size: 18px;
    line-height: 24px;
	float: left;
    margin-bottom: 0;
    width: 100%;
}
#myCustomize div.modal-body p{
	margin-top: 8px;
    margin-bottom: 5px;
	color: #333333;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
}
#myCustomize div.modal-body div.col-md-3 h4{
	font-size: 18px;
    line-height: 24px;
}
#myCustomize #accordion div.panel-heading > h4 > a{
	color: #666;
    font-size: 14px;
    line-height: 19px;
}
#myCustomize #accordion div.panel-heading > h4 > a:hover{
	text-decoration: none;
}
#myCustomize #accordion div.panel-heading > h4 > a > i{
	float: right;
    margin-top: 5px;
    font-size: 20px;
    margin-right: 10px;
}
#myCustomize #accordion div.panel-heading > h4 > a.collapsed > i{
	transform: rotate(180deg);
}
#myCustomize #accordion div.panel-heading{
	border-bottom: 1px solid #BDCAD8;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul{
	list-style-type: none;
    padding-left: 0;
    font-size: 14px;
    line-height: 19px;
	margin-bottom:10px;
	float: left;
    width: 100%;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul li{
    display: table-cell;
    width: 50%;
    margin-right: 0;
	    float: left;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul li.othersegment1,#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul li.othersegment2{display:none}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 .dropdown ul.dropdown-menu{
	width: 90%;
	padding: 10px;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 .dropdown ul.dropdown-menu li{
	display: block;
    width: 100%;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul li input[type=checkbox]{
	float: left;
    margin-top: 4px;
    margin-right: 8px;
}
#collapse1 > div > div.segmentations > span > span,#collapse1 > div > div.othersegmentations > span > span,#myCustomize .panel-collapse > div > span > span,#collapse2 > div > div.countrygeographys > span > span,#collapse2 > div > div.regiongeographys > span > span{
	float: right;
    color: #ff8d00;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul > li > input[type=text]{
	padding: 5px;
    height: 30px;
    font-size: 14px;
    border: 0px solid #333339;
    border-radius: 0px;
    background: #9479c50a;
    width: 90%;
    border-bottom-width: 1px;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul > li > i{
	font-size: 18px;
    color: #0060FD;
}
#collapse1 > div > div.segmentations > span,#collapse1 > div > div.othersegmentations > span,#myCustomize .panel-collapse > div > span,#collapse2 > div > div.countrygeographys > span,#collapse2 > div > div.regiongeographys > span{
	background: #F4F5F6 0% 0% no-repeat padding-box;
    border: 0.5px solid #BDCAD8;
    border-radius: 20px;
    float: left;
    font-size: 12px;
    line-height: 17px;
    padding: 6px 10px;
    font-weight: 500;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 100%;
}
#accordion > div{
	float: left;
    width: 100%;
}
#myCustomize .panel-collapse > div{
	padding: 15px 0;
    margin-bottom: 30px;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9{
	    border-right: 1px solid #BDCAD8;
    z-index:1;
	position: relative;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9::after {
  content: "";
  background: url('https://www.technavio.com/image/banner_new_custom.png');background-size: cover;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
#myCustomize > div > div > div.modal-body{
	padding-bottom: 0;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul > li > select,#myCustomize > div > div > div.modal-body > div > div.col-md-9 > ul > li > select:focus,#myCustomize > div > div > div.modal-body > div > div.col-md-9 button.dropdown-toggle,#myCustomize > div > div > div.modal-body > div > div.col-md-9 button.dropdown-toggle:focus{
    width: 90%;
    padding: 4px 5px 5px 5px;
    height: 30px;
    font-size: 14px;
    border: 0px solid #333339;
    border-radius: 0;
    background: #9479c50a;
    border-bottom-width: 1px;
    color: #333339;
    text-align: left;
}
#myCustomize > div > div > div.modal-body > div > div.col-md-9 button.dropdown-toggle::after{
	float: right;
    margin-top: 10px;
}
@media (min-width: 576px){
	#myCustomize .modal-dialog {
		max-width: 1028px;
	}
}
.pdftext{
	margin-bottom:0px;
    font-size: 11px;
    text-align: center;
    line-height: 22px;
    width: 100%;
}
.checkoutbox{
    float: left;
    width: 100%;
    position: fixed;
    max-width: 25%;
    background-color: #fff;
    padding: 14px;
    right: 7px;
    top: 10px;
    box-shadow: 0 2px 5px 0 rgba(34, 112, 197, 0.68);
}
.promobtn{
	float: right;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline !important;
}
.checkoutbtn{
	cursor: pointer;
    background-color: #f90;
    color: black !important;
    padding: 12px 8px;
    float: left;
    border-radius: 3px;
    font-weight: 500;
	 font-family: AmazonEmberBold,Helvetica Neue Bold,Helvetica Neue,Helvetica,Arial,sans-serif !important;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    line-height: 17px;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	text-decoration: none;
}
.checkoutbtn:hover{
	background-color: #f90;
	text-decoration: none;
	color: white;
}
header,#chaticonimg,footer,.newdownbar,#usercookiesajax,#top-scroll,#chatajax{
	display:none !important;
	float:left;
	width:100%;
}
.floatrightdiv{
	position: fixed;
    right: 0;
    top: 85px;
    max-width: 25%;
    width: 100%;
}
.divcounthead{ font-weight: 400; font-size: 38px; color: #1a73e8; text-align: left; margin-top: 30px; }
.col-sm-8.barssone:after {
    content: '';
    position: absolute;
    top: 55px;
    right: 143px;
    width: 30px;
    height: 100%;
    background-color: #82b6c7;
    transform: rotate(40deg);
    z-index: 0;
}
.maincoverimage{height: 1200px;background-size: 100% 100%;background-image:url('https://www.technavio.com/image/newsample2/Coverpage1.jpg');width: 100%;position: relative;}
.maincoverheading{
    padding: 60px 70px 30px 38%;
    font-size: 36px;
    margin-bottom: 0;
    text-align: right;
    color: #0c8687;
    text-transform: uppercase;
    font-weight: 500;
}
.yearrangediv{position: absolute;
    bottom: 130px;
    LEFT: 100px;
}
.yearrangedivhead{
	FONT-SIZE: 40PX;
    COLOR: #0b8586;
    MARGIN-BOTTOM: 0;
}
.col-sm-8.barsstwo:after {
content: '';
    position: absolute;
    top: 55px;
    left: 146px;
    width: 30px;
    height: 100%;
    background-color: #9ee0e4;
    transform: rotate(141deg);
    z-index: 0;
}
.col-sm-8.barssfour2:after {
    content: '';
    position: absolute;
    top: 55px;
    right: 146px;
    width: 30px;
    height: 100%;
    background-color: #b4d5a1;
    transform: rotate(30deg);
    z-index: 0;
}
.col-sm-8.barssthree:after {
    content: '';
    position: absolute;
    top: 45px;
    right: 143px;
    width: 30px;
    height: 100%;
    background-color: #bbc5c4;
    transform: rotate(40deg);
    z-index: 0;
}
.col-sm-8.barssfour:after {
content: '';
    position: absolute;
    top: 35px;
    left: 166px;
    width: 30px;
    height: 100%;
    background-color: #b4d5a1;
    transform: rotate(141deg);
    z-index: 0;
}
.col-sm-8.barssfive:after {
    content: '';
    position: absolute;
    top: 55px;
    right: 143px;
    width: 30px;
    height: 100%;
    background-color: #80c4d8;
    transform: rotate(36deg);
    z-index: 0;
}
.col-sm-8.barsssix:after {
content: '';
    position: absolute;
    top: 55px;
    left: 146px;
    width: 30px;
    height: 100%;
    background-color: #9fa2a2;
    transform: rotate(141deg);
    z-index: 0;
}
.col-sm-8.barssseven:after {
 content: '';
    position: absolute;
    top: 55px;
    right: 143px;
    width: 30px;
    height: 100%;
    background-color: #9fa2a2;
    transform: rotate(34deg);
    z-index: 0;
}
div.callout {
	float: left;
}
#vendors_new{float: left;width: 100%;text-align: left;}
#vendors{float: left;width: 100%;text-align: left;}
/*#vendorsimage{float: left; background-image: url(image/newsample2/vendorbg.png); height: 389px; background-size: 75%; background-position: center; background-repeat: no-repeat; text-align: left; width: 100%;}*/
div.callout {
	background-color: #ff9804;
	background-image: -moz-linear-gradient(top, #ff9804, #ff9804);
	position: relative;
	color: #000;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 0px 20px #999;
	margin-top:80%
	min-height: 50px;
	border: 1px solid #ff9804;
	
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}
.footercount{
	position: absolute;bottom: 0;width: 94%;margin-bottom: 30px;border-bottom: 2px solid #e2dfdf;
}
.divcount{
	min-height: 1200px;
	background-size: contain;
	padding: 60px 30px 20px 30px;
	margin-top: 15px;
	background-color: white;
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.callout.right::before {
	left: -20px;
	top: 40%;
	border-right: 10px solid #ff9804;
}
#newajaxheader{
	display:none;
}
  .checkout-success h1{
    margin: 16px 0 12px;
    text-align: center;
    color: rgba(0, 0, 0, 0.74) !important;
    font-weight: 500;
    font-size: 22px !important;
  }
  .jkpbu{
    padding-bottom: 6px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    /* height: 31px; */
}
.limitedoffer{
	display:none;
}
.disclamer{
    position: absolute;
    bottom: 135px;
    width: 95%;
    font-size: 15px;
    line-height: 26px;
    color: #7b7777;
}
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) 
{
	body > div.top-info-bar > div > div.col-sm-4.col-xs-12 > div{display:block!important}
	.checkoutbox{display:none}
	body > div.top-info-bar > div > div.col-sm-4.col-xs-12 > div{display:block!important}
	.mobile {display: none;}
	.limitedoffer{
		display:block;
	}
	.floatrightdiv{
		display:none;
	}
	.limitedoffer .specialofferbanner{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.col-sm-8.barssone:after{
		right: 110px;
		transform: rotate(23deg);
	}
	.col-sm-8.barsstwo:after{
		left: 116px;
		transform: rotate(152deg);
	}
	.col-sm-8.barssthree:after {
		right: 113px;
		transform: rotate(29deg);
	}
	.col-sm-8.barssfour:after {
		left: 146px;
		transform: rotate(154deg);
	}
	.col-sm-8.barssfive:after{
		right: 112px;
		transform: rotate(20deg);
	}
	.col-sm-8.barsssix:after{
		left: 120px;
		transform: rotate(160deg);
	}
	.divcount{
		height: 100%;
		padding: 0px 30px 90px 30px;
		float: left;
	}
	.disclamer {
		position: unset;
	}
}
@media only screen and (min-device-width : 501px)  and (max-device-width : 767px)  {
	.mobile {display: none;}
	body > div.top-info-bar > div > div.col-sm-4.col-xs-12 > div{display:block!important}
	.checkoutbox{display:none}
		.btn.buynow{
		float: none !important;
	}
  .jkpbu{
    margin-top: 20px !important;
  }
  .top-info-bar{
	 height: auto !important;
    max-height: none !important;
  }
  body {
    padding-top: 120px !important;
}
}
@media only screen and (max-width: 500px) {

	



	.ccontentv2 img{
		width:8%;
		bottom: 250px;
	}
	.ccontentv3 img{
		width:8%;
		bottom: 250px;
	}
	#mybutton{
		bottom: 80px;
	}
	.key-lead{
		width:100%;
	}
	.vendor-lis{
		width:100%;
	}
	
	body > div.top-info-bar > div > div.col-sm-4.col-xs-12 > div{display:block!important}
	.checkoutbox{display:none}
	.maincoverimage {
    height: 570px;
	}
	.yearrangediv {
    bottom: 0;
    LEFT: 10px;
}.yearrangedivhead {
FONT-SIZE: 30PX;}
.divcount .col-sm-4 p{text-align:left !Important}
.divcount .col-sm-8 {display:none !important}
	.maincoverheading {
    padding: 20px 12px 14px 4%;
    font-size: 29px;
	}
	.disclamer{
    position: unset;
	}
	.divcounthead{
		font-size: 32px;
		    margin-top: 0px;
	}
	#vendors,#vendorsimage{width:100%}
	.btn.buynow{
		    margin-left: 14px;
    margin-bottom: 10px;
	}
	.footercount{
		width:100%;
		left:0;
		padding:0 14px;
		margin-bottom: 10px;
	}
	.divcount{
		height:auto;
		padding: 20px 30px 80px 30px;
		width:100%;
		float:left;
	}
	/*#report_view img{width:100%;}*/
	.limitedoffer{
		display:block;
	}
	.floatrightdiv{
		display:none;
	}
	.limitedoffer .specialofferbanner{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.mobile,.col-sm-8.barssone,.col-sm-8.barsstwo,.col-sm-8.barssfive,.col-sm-8.barsssix,.col-sm-8.barssfour2,.col-sm-8.barssseven {
    display: none;
	}
	.btn.buynow{
		float: none !important;
	}
  .jkpbu{
    margin-top: 20px !important;
  }
  .top-info-bar{
	 height: auto !important;
    max-height: none !important;
  }
  body {
    padding-top: 120px !important;
}
}


/* Report View */

#report_view{
position: relative;
    float: left;
    width: 100%;
}


#wrapper {
font-size: 1.5rem;
text-align: center;
box-sizing: border-box;
color: #333;
position: absolute;
top: 0px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 90;
width: 100%;
}

#wrapper::after{
content: ""; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.bgColr::after{
background-color: #000;
opacity: .9;
}


#wrapper #dialog {
border: solid 1px #ccc;
margin: 10px auto;
padding: 20px 30px;
display: inline-block;
background-color: #fff;
overflow: hidden;
position: relative;
top: 110px;
max-width: 450px;
z-index: 200;
-webkit-box-shadow: 0px 3px 5px 0px rgba(64,50,50,0.41);
-moz-box-shadow: 0px 3px 5px 0px rgba(64,50,50,0.41);
box-shadow: 0px 3px 5px 0px rgba(64,50,50,0.41);
}


#wrapper #dialog h3 {
margin: 0 0 10px;
padding: 0;
line-height: 1.25;
font-size: 21px;
}
#wrapper #dialog span {
font-size: 90%;
}
#wrapper #dialog #form {
max-width: 270px;
margin: 25px auto 0;
}
#wrapper #dialog #form input {
margin: 0 5px;
text-align: center;
line-height: 60px;
font-size: 40px;
border: solid 1px #ccc;
box-shadow: 0 0 5px #ccc inset;
outline: none;
width: 20%;
transition: all .2s ease-in-out;
border-radius: 3px;
}
#wrapper #dialog #form input:focus {
border-color: #0060FD;
box-shadow: 0 0 5px #0060FD inset;
}
#wrapper #dialog #form input::selection {
background: transparent;
}

#wrapper #dialog #form button {
width: 113px;
height: 35px;
border-radius: 4px;
background-color: #0060FD;
font-size: 14px;
font-weight: 400;
line-height: 19px;
text-align: center;
color: #fff;
padding: 0;
margin: 28px auto 0;
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 3px 1px -2px rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.14);
text-transform: uppercase;
}

#wrapper #dialog #form button:hover {
background-color: #004ac4;
}


#wrapper #dialog div {
position: relative;
z-index: 1;
}
.top-info-bar, .hdr-inner {
    height: 70px;
    max-height: 72px;
}
.top-info-bar {
	top: 0;
    color: white;
    z-index: 1000;
    position: fixed;
    width:100%;
}
.top-info-bar .bgstyle{
	border: 1px solid rgba(0,0,0,0);
    height: 70px;
    max-height: 72px;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.82) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.62) 0%,rgba(0, 0, 0, 0.82) 100%);
    -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.92);
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.92);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.92);
}
body{
	    padding-top: 70px;
}
.btn.buynow{
    margin-right: 14px;
	float: right;
    margin-top: 16px;
    color: #fff!important;
    background-color: #32cd32!important;
}
.btn.price{
	font-weight: bold;
    color: #B0B0B0;
    float: right;
    margin-top: 15px;
}
.top-hdr-rptname {
    padding-left: 14px;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    max-width: 100%;
    width: 1000px;
}
/* #countDownDate i{
	    -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
} */
.specialofferbanner{
	float: left;
    width: 100%;
    background-color: #1c2c3c;
    border: 1px solid #ccc;
    padding: 14px;
    border-radius: 5px;
    margin-top: 14px;
    text-align: center;
	padding-top: 5px;
	display:none;
}
.specialofferbanner2{
	background-image:url('https://www.technavio.com/image/offer_banner_bg.png');
	background-repeat: no-repeat;
	float: left;
    width: 100%;
    padding: 14px;
    border-radius: 5px;
    margin-top: 14px;
    text-align: center;
	padding-top: 5px;
	min-height: 404px;
    background-size: 95% 100%;
	display:none;
}
.specialofferbanner p{
	font-size: 20px;
    font-weight: 100;
    line-height: 26px;
    color: white;
}
.specialofferbanner2 p{
	    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    color: #666;
}
.specialofferbanner img{
	width:75%;
}
.specialofferbanner h2{
    margin: 0;
    font-weight: 500;
    /* text-shadow: 0px 2px #c3c3c3; */
    color: #ffffff;
    margin-bottom: 10px;
}
.countDownDate2{     font-size: 22px;
    display: block;
    color: #00a9a6;
    /* text-shadow: 0px 2px #e0dcdc; */
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 700;
	}
.countDownDate{     font-size: 20px;
    display: block;
    color: #52e406;
    /* text-shadow: 0px 2px #e0dcdc; */
    margin-bottom: 5px;
    margin-top: 5px;
	font-weight:600;
	}
	.specialofferdiv{display:none;}

body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
  .colorc{
  filter: invert(67%) sepia(43%) saturate(2771%) hue-rotate(191deg) brightness(104%) contrast(11%);
  }
  .colorc:hover{
  filter: invert(67%) sepia(43%) saturate(2771%) hue-rotate(191deg) brightness(104%) contrast(97%);
  }
  p strong{color:black;
  text-transform: none;
  font-size:17px;
  font-weight:50px;
  }
  .list-type1{padding: 55px;
}

.list-type1 ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 15px;
padding: 0;
margin-bottom: 4em;
}
.list-type1 ol ol{
margin: 0 0 0 2em;
}
.list-type1 a:hover{color: #fff;
}
#vendors_new ul li{display: inline-block;width: 50%;    margin-bottom: 5px;}
#vendors_new ul li:before{
   content: '\f0da';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 5px 0px 0px;
   text-decoration:none;
}
.list-type1 a{
font-size: 18px;
    position: relative;
    display: block;
    padding: 0.4em 0.4em .4em 2em;
    margin: 1.5em 0;
    background: linear-gradient(to left, white , #207892);
    color: #fff;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: 10em;
    transition: all .2s ease-in-out;
}

.list-type1 a:before{
content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 41%;
    margin-top: -1.3em;
    background: #207892;
    height: 3em;
    width: 3em;
    line-height: 2.4em;
    border: 0.3em solid #fff;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color: #FFF;
}
.slic-blue{position: relative;}
.slic-blue:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 37px solid white;
    border-left: 40px solid #0580c3;
    width: 0;
}
.slic-blue:after,.slic-orange:after,.slic-cyan:after {
    content: '';
    position: absolute;
    top: 37px;
    left: 0px;
    border-top: 9px solid black;
    border-left: 15px solid #ffffff;
    width: 0;
}
.slic-orange{position: relative;}
.slic-orange:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 37px solid white;
    border-left: 40px solid #ff9b07;
    width: 0;
}
.slic-cyan{position: relative;}
.slic-cyan:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 37px solid white;
    border-left: 40px solid #3ec1c9;
    width: 0;
}
.scopeofthereport h3{font-size: 20px !important;margin-top: 30px;color: #000 !important;}
.scopeofthereport table p{margin-bottom:0px;}
.scopeofthereport table tr:nth-child(odd) {background-color: #f2f2f2;}
.scopeofthereport table > tbody > tr:nth-child(1){font-weight:500}
.scopeofthereport table{width:100%;border-color: #fff;}
.scopeofthereport table tr:nth-child(1){background-color: #028ab2;color: #fff;}
.scopeofthereport table tr td{padding:10px 14px;}
.oldSection #button{display:none}

.specialofferbanner2 .specialofferdiv1,.specialofferbanner2 .specialofferdiv{
	position: absolute;
    bottom: 35px;
    width: 100%;
    left: 0;
}
.activebg{
	background-image:url('https://www.technavio.com/image/offer_banner_bg_2.png');
}
  @media only screen and (max-width: 500px){
 
	  .checkoutbox{display:none}
	  body > div.top-info-bar > div > div.col-sm-4.col-xs-12 > div{display:block!important}
#content .textmessage p {
    text-align: center;
    color: #000;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 0px;
}
}
.checkout-success #content p {
    text-align: center;
    color: #000;
  font-size: 17px !important;
    font-weight: 500;
    line-height: 0px;
}
#content .textmessage p {
    text-align: center;
    color: #000;
    font-size: 17px ;
    font-weight: 500;
    line-height: 0px;
}
ul.breadcrumb {
  display: none;
}
@media (max-width: 760px) {
	.checkoutbox{display:none}
  #corpEmailUpdateForm .col-sm-2{ text-align: center; }
}

.graph-base{
	text-align:center;
	font-size:15px;
	color:#4472C4;
	font-weight:500;
}
.page-content1 h5{
	font-size:18px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.page-content1 h6{
	font-size:14px;
	text-align:center;
	margin-top:10px;
}
.center{
	margin-left:32%;
	width:50%;
	margin-top:-5%;
	margin-bottom:-3%;
}
.graph-row{
	margin-top:40px;
	margin-right:10px;
	  margin-bottom:10px;
	  padding: 1em;
	  border: 2px solid lightblue;
	  overflow:hidden;
}
graph-row h6{
	font-size:15px;
}
.row11 {
  display: flex; /* equal height of the children */
  margin-top:30px;
}

.col {
  flex: 1; /* additionally, equal width */
  margin-right:10px;
  margin-bottom:10px;
  padding: 1em;
  border: 2px solid lightblue;
}
.page-content1
	margin-top:5%;
}
.promotion{
	color: red;
}
.maincoverheading1{
	padding: 30px 70px 30px 40%;
    font-size: 25px;
    margin-bottom: 0;
    text-align: left;
    color: #0c8687;
    text-transform: uppercase;
    font-weight: 500;
	margin-top:-30px;
}
.text-takeaway{
	color:#0c8687;
	width: 55%;
	margin-left:40%;
	background-color:rgba(255, 255, 255, 0.5);
	padding-left:20px ;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-weight:500;
	margin-top:-20px;
}
h2{
	text-transform:capitalize;
	font-size:27px;
}


.versionnew{
	font-family:system-ui, system-ui, sans-serif;
}
p{
	line-height:180%;
}
.page-contentnew h3{
	text-transform: uppercase;
	font-size:17px;
}

button:focus {
    border: none;
    outline: none;
}
.maintext{
	color:white;
	width:60%;
	margin-left:50px;
	background-color:darkgrey;
	padding-left:20px ;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.graphtext{
	width:60%;
	margin-left:50px;
	background-color:darkgrey;
	padding-left:20px ;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
    z-index: 100;
}
.coverheading{
	padding: 60px 70px 30px 38%;
    font-size: 36px;
    text-align: left;
    color: white;
	width:50%;
    text-transform: uppercase;
    font-weight: 500;
	padding: 20px 12px 14px 4%;
    font-size: 29px;
}
.newli{
	list-style-type:none;
}
.table-new {
  border-collapse: collapse;
  width: 100%;
}

.table-new td, #table-new th {
  border: 1px solid #ddd;
  padding: 8px;
}

.table-new tr:nth-child(even){background-color: #f2f2f2;}

.table-new tr:hover {background-color: #ddd;}

.table-new th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #20B2AA;
  color: white;
}
.table-new td {
  
  text-align: center;
 
}
h5{
	color:#4472C4;
}
h6{
	font-size:12px;
	margin-bottom:20px;
	text-align:center;
	color:#4472C4;
}
li{
	font-size:18px;
}
.left{
	float:left;
	width:45%;
	margin-right:40px;
}
.right{
	float:right;
	width:50%;
	border-left : 2px solid lightblue;
	padding-left:50px;
}
.cover-div{
	background-color:#4472C4;
	height:570px;
	float:left;
	width:30%;
}
.cover-div-text{
	margin-top:50%;
	margin-left:20px;
	color:white;
}
.cover-div-text h2{
	font-size:30px;
}
.cover-div-text h4{
	font-size:18px;
}
.index-subheader1{
	margin-left:10px;
	font-size:13px;
	font-weight:400;
}
.index-mainheader{
	color:#2E75B6;
	font-size:17px;
	font-weight:500;
}
.index-subheader{
	font-size:13px;
	font-weight:400;
}
button{
	padding: 0;
	border: none;
	background: none;
	margin-bottom:10px;
}
.index-content{
	margin-left:15%;
}
.index-left{
	margin-top:30px;
	float:left;
	width:40%;	
}
.index-center{
	margin-top:30px;
	float:left;
	width:30%;	
}
.index-right{
	margin-top:30px;
	float:right;
	width:30%;
}
.coverimage{
	margin-top:20px;
	margin-bottom:20px;
	height: 1200px;
	background-size: 100% 100%;
	background-image:url('https://www.technavio.com/image/newsample/cover-image.png');
	width: 100%;
	position: relative;
}
.coverimage {
    height: 570px;
	}
.lastcoverimage{
	margin-top:20px;
	margin-bottom:20px;
	height: 1200px;
	background-size: 100% 100%;
	background-image:url('https://www.technavio.com/image/newsample/cover-image.png');
	width: 100%;
	position: relative;
}
.lastcoverimage {
    height: 570px;
	}
.headernew{
	width:100%;
	height:80px;
	margin-left:-3.1%;
	top:0;
	position: absolute;
	background-color:#4472C4;
}
.headernew h2{
	color: white;
	margin-left:30px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.headernew h3{
	margin-top:5px;
	font-size: 15px;
	color:white;
	margin-left:30px;
}
.headernew h4{
	color:white;
	margin-left:30px;
}
.side-picture{
	width:20%;
	position:absolute; 
	top:0; 
	left:0; 
}
.right-picture{
	width:37%;
	position:absolute; 
	top:0; 
	right:0; 
}
.page-contentnew{
	margin-top:50px;
}
.footernew{
   height:auto;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   font-size:12px;
   font-weight:500;
   color:#4472C4;
}
.footerleft{
	text-transform:uppercase;
	margin-left:-3%;
	float:left;
	width:20%;
	cursor:pointer;
}
.footermiddle{
	float:left;
	width:60%;
	text-transform:uppercase;
	margin-bottom:-40px;

}
.footerright{
	float:right;
	width:20%;
}
.footerimg{
	width:50%;
	padding-bottom:10px;
}
.btnlefttxt{
font-size: 15px;
margin-left:-40px;
}

.chart-container{
position: relative;
    height: auto;
    width: 40vw;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: -22%;
	}
.vendorsimage1 {
	
   position: absolute;
    right: 0;
    top: 500;
    float: right;
    background-image: url('https://www.technavio.com/image/newsample2/vendorbg.png');
    height: 389px;
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: left;
    width: 80%;
}
  @media screen and (max-width: 500px) {
	 .maincoverheading1 {
    padding: 30px 10px 10px;
    font-size: 15px;
    margin-bottom: 0;
    text-align: left;
    color: #0c8687;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: -30px;
}
.text-takeaway {
    color: #0c8687;
    width: 100%;
    margin-left: -1%;
    background-color: rgba(255, 255, 255, 0.5);
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-weight: 500;
    margin-top: 10px;
}
#mybuttonleft {
    position: absolute;
    color: #212529;
    bottom: 150px;
    left: 100px;
    font-weight: 500;
    font-size: 15px;
    width: 50%;
}
.btnlefttxt{
	margin-left:-50px;
}
#scontent{
	display:none;
}
#hcontent{
	display:none;
}


.left {
    float: left;
    width: 100%;
    margin-right: 40px;
}
.right {
    float: right;
    width: 100%;
	border-left:none;
	border-top: 2px solid lightblue;
    padding-left: 0px;
}
.graph-row {
    margin-top: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 1em;
    border: 2px solid lightblue;
    overflow: hidden;
    width: 290px;
    height: auto;
}
.center {
    margin-left: -6%;
    width: 100%;
    margin-top: 10%;
    margin-bottom: -15%;
}
.chart-container{
position: relative; 
height:40vh;
 width:75vw;
 margin-left:0%;
}
}

@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) 
{
		.left{
		float:left;
		width:35%;
		margin-right:40px;
		}
		.right{
			float:right;
			width:45%;
			border-left : 2px solid lightblue;
			padding-left:50px;
		}
		.vendorsimage1 {
				float: left;
				background-image: url(../../../image/newsample2/vendorbg.png);
				height: 389px;
				background-size: 75%;
				background-position: center;
				background-repeat: no-repeat;
				text-align: left;
				width: 100%;
				margin-top: -80%;
				margin-left: 90px;
		}
		#mybuttonleft {
			position: absolute;
			color: #212529;
			bottom: 100px;
			left: 350px;
			font-weight: 500;
			font-size: 15px;
			width: 50%;
		}
	  #segmentation-summaryv2{
		height:140%;
	  }
	  #regional-analysisv2{
		height:140%;
	  }
	  #vendor-analysisv2{
		height:130%;
	  }
	  #toc-loev2{
		height:250%;
	  }
	  #toc-loev22{
		height:290%;
	  }
	  #aboutv2{
		height:140%;
	  }
  
  }
  .center-new{
	width:50%;
	margin-left:25%
  }
  .headerbottom{
    FONT-WEIGHT: 700;
    COLOR: #9a9898;
    LETTER-SPACING: 1PX;
  }
  .about1{
    display:flex;
  }
  .about1 .b1{
    padding: 10px;
    font-size: 15px;
  }
  #customizationv3 h5{
    font-size: 1.25rem;
  }

/*sample version 5 styles*/
.tocnewversion5 li:before{
    content: "\2022" !important;
        color: grey !important;
        font-weight: bold !important;
        display: inline-block !important;
        width: 1em !important;
    }
    #samplewatermark{
        height: inherit;height: inherit;position: absolute;right:10;bottom:30;width:100%;opacity: 0.3;
        }
        @media (max-width: 480px){
            .maincoverimagenew {
                height: 500px !important;
                background-size: 100% 100%;
                background-image:url(https://www.technavio.com/image/newsample/versionnewcover.png);
                width: 100%;
                position: relative;
                margin-top:-50px !important;
            }
            .marketnameheader{
                text-transform: uppercase;
                font-size: 20px !important;
                font-family:Segoe UI;
                color: black;
                line-height: 140%;
            }
            .texttakeaway {
                position: absolute;
                bottom: 0 !important;
                left: 20 !important;
                width: 90% !important;
                font-size: 10px !important
            }
            .headerul li{
                font-size:10px !important;
            }
            
            .yearrangedivheadnew {
                font-weight: 400;
                font-family: Segoe UI;
                font-size: 20px !important;
                color: black;
            }
            .marketname {
                position: absolute !important;
                width: 70% !important;
                top: 30 !important;
                left: 50 !important;
                text-align: left;
            }
            .samplecoverimage{
                position: absolute;
                top: 185 !important;
                left:25 !important;
    
            }
            .samplecoverimage img{
                width:100%;
            }
            .headersample {
                position: relative !important;
                top: 0 !important;
                padding-right: 0px !important;
            }
            .versionnew5 h5 {
                font-family: calibiri;
                text-transform: uppercase;
                font-size: 10px;
                color: #666666;
                line-height: 1.5 !important;
            }
            .headernamem{
                width:50% !important;
            }
            page-different-header h2{
                font-size: 1rem !important;
            }
            .page-contents h3 {
                font-family: Segoe UI;
                font-weight: bold;
                font-size: 18px !important;
                color: #404040;
            }
            .page-contents {
                margin-top: 0px;
                padding: 20px 20px 20px 20px
            px
            ;
                font-family: Segoe UI-MONOSPACE;
                overflow: auto !important;
            }
            kqul::after{
                box-sizing: unset ! important;
            }
            kqul::before{
                box-sizing: unset ! important;
            }
            .footer-text {
                color: white;
                margin-top: 5px;
                font-size: 10px !important;
                margin-left: 5px;
                font-family: Segoe UI;
                cursor: pointer;
            }
            .mainheader {
                font-weight: bold;
                padding-left: 0px !important;
                font-size: 28px !important;
            }
            .coverline {
                position: absolute;
                top: 150 !important;
                left: 10 !important;
            }
            .subbheader{
                font-size:18px !important;
                text-align: left !important;
            }
            .coversub {
                margin-left: 10%;
                margin-top: 7% !important;
                width:100% !important;
            }
            .page-header h2{
                font-size:20px !important;
            }
            .mobilenone{
                display:none;
            }
            #samplewatermark{
            height: inherit;height: inherit;position: absolute;right:10;bottom:500 !important;width:100%;opacity: 0.3;
            }
            .btnlefttxt {
                text-align: center;
                color: #4472C4;
                font-size: 15px;
                text-transform: none !important;
                FONT-FAMILY: UI-MONOSPACE;
                position:initial !important;
                
                }
            .versionnew5 #mybuttonleft {
                position:initial !important;
                color: #212529;
                bottom: 0px;
                left: 0px;
                font-weight: 500;
                font-size: 15px;
                width: 50%;
                margin-left:50px !important;
            }
            
        }
        .samplecoverimage{
            position: absolute;
            top: 380;
            left: 60;
    
        }
        .samplecoverimage img{
            width:258px;
        }
        .part{
            position:absolute;
            color:white;
        }
        .mainheader{
            font-weight: bold;
            padding-left: 60px;
            font-size:32px;
        }
        .subbheader{
            font-size: 25px !important;
            font-weight: bold;
            color:#666666;
        }
        .graph-disclaimer{
            text-align: center !important;
            font-size: 14px !important;
            FONT-FAMILY: UI-MONOSPACE;
            color: #333333;
            font-weight: 500;
            margin-top: 0px;
            color: #0047BB !important;
        }
        .btnlefttxt{
            color: #4472C4;
            font-size: 15px;
            text-transform: none !important;
            FONT-FAMILY: UI-MONOSPACE;
            position: absolute;
            
        }
        .versionnew5 #mybuttonleft {
        position: absolute;
        color: #212529;
        bottom: 80px;
        left: 400px;
        font-weight: 500;
        font-size: 15px;
        width: 50%;
        }	
        .graph_section{
            background: #F3F3F5;
            padding: 20px;
        }
        .page-contents li{
            text-align:justify;
            font-size:15px !important;
        }
        .page-contents p{
            text-align:justify;
            font-size:15px !important;
        }
        .drivers-header{
            background-color: #0078CF;
        }
        .versionnew5 h6{
            color: white;
            font-size: 25px;
            padding: 5px 5px 0px 10px;
            text-align: left;
            font-weight: bold;
            font-family: Calibri;
            margin-bottom: 0px;
        }
        .topright {
          position: absolute;
          top: 8px;
          right: 16px;
          font-size: 18px;
        }
        .versionnew5 h5{
            font-family: calibiri;
            text-transform: uppercase;
            font-size: 12px;
            color: #666666;
        }
        #contents img {
            opacity: 0.4;
            position: absolute;
            top: 0px;
            right: 0px;
            width: 20%;
        }
        .headersample{
            position: relative;
            top: -30;
            padding-right: 60px;
        }
        .page-header{
            width:100%;
            float: left;
            border-bottom: 1px solid #53BE92;
        }
        .page-different-header{
            width:100%;
            float: left;
            margin-bottom:20px;
            background-image: linear-gradient(to right , #0078cf, #0090d3, #00a3c4, #00b2ab, #53be92);
            padding: 10px 10px 10px 30px;
            color: white;
        }
        .page-header h2{
            font-family: Segoe UI;
            font-weight:bold;
            font-size:25px;
        }
        .page-contents h3{
            font-family: Segoe UI;
            font-weight:bold;
            font-size:20px;
            color:#404040;
        }
        .page-contents p{
            font-size:18px;
        }
        .page-contents h4{
            font-family: Segoe UI;
            font-weight:bold;
            font-size:19px;
            color:#404040;
        }
        .page-contents{
            margin-top: 8%;
            padding: 0px 20px 20px 20px;
            font-family: Segoe UI-MONOSPACE;
        }
        .abt-tech{
            margin-top: 8%;
            padding: 0px 20px 20px 20px;
            font-family: Segoe UI-MONOSPACE;
        }
        
        .abt-tech h5{
            font-family: Segoe UI;
            font-weight:bold;
            font-size:19px;
            color:#404040;
            text-transform: none;
        }
        .newfooter{
            border-bottom: 40px solid #1F4E79;
            border-right: 25px solid transparent;
            height: 0;
            width: 125px;
            position: absolute;
            bottom: 0;
            width: 85%;
            left: 0;
            opacity: 0.5;
        }
        .footer-text{
            color: white;
            margin-top: 5px;
            font-size: 14px;
            margin-left: 5px;
            font-family: Segoe UI;
            cursor: pointer;
        }
        ul {
          list-style: none;
        }
        
        .kqul{
             list-style: none;
        }
        .trendul{
            list-style: none;
        }
        
        .trendul li::before {
          content: "\2022";
          color: #0078CF;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
          margin-left: -1em;
        }
        
        .kqul li::before{
               content: '✓';
              color: #138F34;
              font-weight: bold;
              display: inline-block; 
              width: 1em;
              margin-left: -1em;
        }
        
        .driveurl{
            list-style: none;
        }
        
        .driveurl li::before {
          content: "\2022";
          color: #53BE92;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
          margin-left: -1em;
        }
        
        .chalul{
            list-style: none;
        }
        
        .chalul li::before {
          content: "\2022";
          color: #788DA8;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
          margin-left: -1em;
        }
    
        ul li::before {
          content: "\2022";
          color: grey;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
         
        }
        .headerul{
            list-style: none;
        }
        .headerul li::before {
          content: "\2022";
          color: #3DCE3D;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
          margin-left: -1em;
        }
        .headerulstatic{
            list-style: none;
        }
        .headerulstatic li::before {
          content: "\2022";
          color: #53BE92;
          font-weight: bold;
          display: inline-block; 
          width: 1em;
          margin-left: -1em;
        }
        .coverline{
            position:absolute;
            top:105;
            left:70;
        }
        .coversub{
            margin-left: 10%;
            margin-top: 4%
        }
        .maincoverimagenew{
            height: 1100px;
            background-size: 100% 100%;
            background-image:url(https://www.technavio.com/image/newsample/versionnewcover.png);
            width: 100%;
            position: relative;
    
        }
        .texttakeaway{
            position: absolute;
            bottom: 70;
            left: 110;
            width: 80%;
            font-family:Segoe UI;
            font-size:16px;
        }
        .yearrangedivnew{
            position: absolute;
            top: 280;
            left: 614;	
        }
        .yearrangedivheadnew{
            font-weight:400;
            font-family:Segoe UI;
            font-size: 36px;
            color: black;
        }
        .marketname{
            position: absolute;
            width: 50%;
            top: 100;
            left: 268px;
            text-align: right;
        }
        .marketnameheader{
            text-transform: uppercase;
            font-size: 36px;
            font-family:Segoe UI;
            color: black;
            line-height: 140%;
        }
        .maincoverimagestatic{
            height: 1100px;
            background-size: 100% 100%;
            background-image:url('https://www.technavio.com/image/newsample/versionnewcoverstatic.png');
            width: 100%;
            position: relative;
        }
        .marketnamestatic{
            text-align: left;
            position: absolute;
            width: 47%;
            top: 420;
            left: 70;
        }
        .marketnameheaderstatic{
            text-transform: uppercase;
            font-size: 36px;
            font-family:Segoe UI;
            color: black;
            line-height: 150%;
        }
        .texttakeawaystatic{
            position: absolute;
            bottom: 120;
            left: 70;
            width: 80%;
            font-family:Segoe UI;
            font-size:16px;
            color:white;
        }
        .yearrangedivnewstatic{
            position: absolute;
            top: 590;
            left: 260;
        }
        .yearrangedivheadnewstatic{
            font-weight:400;
            font-family:Segoe UI;
            font-size: 36px;
            color: black;
            text-align:right;
        }
        .versionnew5 .samplecoverimage{
        width: 93.6%;
        background-position: center;
        background-repeat: no-repeat;
        height: 333px;
          background-size: cover;
        }

        .samplevo1 li{
            list-style-type: none !important;
        }

        .samplevo1 li::before {
            content: "\2022" !important;
            color: grey !important;
            font-weight: bold !important;
            display: inline-block !important;
            width: 1em !important;
        }

        .samplevo2 li{
            list-style-type: none !important;
        }

        .samplevo2 li::before {
            content: "\2022" !important;
            color: grey !important;
            font-weight: bold !important;
            display: inline-block !important;
            width: 1em !important;
        }

        .versionnew3 #mybuttonleft{
            bottom: 80px !important;
        }
        .versionnew5 .btnlefttxt {
            color: #4472C4;
            font-size: 15px;
            text-transform: none !important;
            FONT-FAMILY: UI-MONOSPACE;
            position: absolute;
            bottom: 38px !important;
            left: 400 !important;
        }
        .potrsli{
            text-align: left !important;
        }

.versionnew6 {
    font-family: 'Roboto Condensed' !important;
}

.versionnew6 .cover{
    position: relative;
    background-size: cover;
    padding-left:150px !important;
    background-repeat: no-repeat;
    background-image: url("https://www.technavio.com/image/newsample/2024_series_background.png");
}

.versionnew6 .mainheader{
    font-size: 40px !important;
    line-height: 1.5;
    color: #000;
    width: 50px;
    padding: 0;
    border-bottom: 6px solid #32CD32;
}

.versionnew6 .headermain p{
    color: #0047BB;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
}

.versionnew6 .headersub p{
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    font-weight: 500;
}

.watermark_image{
    position: absolute;
    right: 30;
    bottom: 30;
    width: 40%;
}
.sample_head{
    font-size: 15px;
    color: #bfbfbf;
}
.content_page {
    font-family: 'Roboto Condensed' !important;
}
.border_bottom{
    border-bottom: 2px solid #bfbfbf;
}
.content_page .page-header{
    border: none !important;
}
.content_page .newfooters{
    border-bottom: 39px solid #0047BB !important;
    height: 0;
    width: 125px;
    position: absolute;
    bottom: 0;
    width: 73%;
    left: 0;
}
.content_page .footer-text{
    font-family: 'Roboto Condensed' !important;
    cursor: pointer;
}
.content_page .page-header h2{
    font-family: 'Roboto Condensed' !important;
}
.content_page .page-contents h3{
    font-family: 'Roboto Condensed' !important;
}
.content_page .page-contents li, p, h1, h2, h3, h4, h5,h6,td,tr,a{
    font-family: 'Roboto Condensed' !important;
}
.watermark_image_footer{
    position: absolute;
    right: 40;
    bottom: 0;
    width: 31%;
}
.technavio_text{
    position: absolute;
    bottom: -8;
    right: 230;
}
#mybuttonleftnew{
    position: absolute;
    bottom: 70;
    left: 440;
}
#mybuttonleftnew .bynow{
    background-color: #FFD814 !important; /* Green */
}
#mytextleftnew{
    position: absolute;
    bottom: 30;
    left: 395;
}
.btnlefttxtnew{
    color:#556987;
    font-size: 15px;
    text-transform: none !important;
}
.content_page .graph_section{
    background: none !important;
}
.content_page h6{
    font-size: 15px;
    margin-bottom: 20px;
    color: white;
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px !important;
}
.drivers_list{
    border-left: 2px solid #0047BB;
    padding-left: 10px;
}
.challanges_list{
    border-left: 2px solid #A6A6A6;
    padding-left: 10px;
}
.trends_list{
    border-left: 2px solid #32CD32;
    padding-left: 10px;
}
.kh{
    border: 1px solid #F2F2F2;
    background: #F2F2F2;
    padding: 10px;
}
.versionnew6 .maincoverimagenew {
    height: 1100px;
    background-size: 100% 100%;
    background-image: url(https://www.technavio.com/image/newsample/2024_sample_cover_new.png) !important;
    width: 100%;
    position: relative;
}
.versionnew6 .texttakeaway {
    position: absolute;
    bottom: 70;
    left: 100;
    width: 80%;
    font-size: 16px;
    font-family: 'Roboto Condensed' !important;
}
.headerul li{
    font-size: 16px;
}
.versionnew6 .marketname {
    position: absolute;
    width: 70%;
    top: 100;
    left: 100;
    text-align: left;
}
.disclaimer_tag img{
    width: 52%;
    position: absolute;
    top: 400;
    left: 300;
}
.content_disclaimer {
    width: 30%;
    position: absolute;
    color: white;
    top: 400;
    left: 330;
    z-index: 999;
}
.middle_cover{
    background-size: cover;
    width: 94%;
    height: 520px;
    margin-top: -10%;
    background-repeat: no-repeat;
}
.versionnew6 .covernew {
    position: relative;
    background-size: cover;
    /* padding-left: 150px !important; */
    background-repeat: no-repeat;
    background-image: url(https://www.technavio.com/image/newsample/2024_series_background.png);
}
.versionnew6 .headerul li::before {
    content: "\2022";
    color: #3DCE3D;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: 0;
  }
  .versionnew6 .headerul{
    text-indent: -20px; /* key property */
    margin-left: 20px; /* key property */
  }
.discliamer_content {
    position: absolute;
    bottom: 50;
    left: 50;
    width: 90%;
}
.disclaimer_image{
    left: 550;
    top: 680;
    position: absolute;
}
.img_dis{
    width: 50%;
    border-radius: 0 50% 0% 50%;
    transform: rotate(-4deg) translateY(-17%) translateX(9%);
}
.covernew .newfooters {
    border-bottom: 39px solid #0047BB !important;
    height: 0;
    width: 125px;
    position: absolute;
    bottom: 0;
    width: 73%;
    left: 0;
}
.tocv5 li::before{
	content:'' !important;
}
.tocv5 li{
	list-style-type:none !important;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #ffffffc2; 
  }
  #preloaderpage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #ffffffc2;
    display:none;
  }
  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #5846f9;
    border-top-color: #e7e4fe;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
  }
  .versionnew6 #samplewatermarkn{
    display: none;
  }
  .versionnew6 #samplewatermarknh{
    display: none;
  }
  #preloaderpage:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #5846f9;
    border-top-color: #e7e4fe;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
  }
  
  @-webkit-keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }