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


#infoContainer{ width:950px; margin:0 auto;background:#f2f2f2 url(../images/infographics/bgs.png) repeat-x; position:relative;}
.Sliding{
	    -moz-transform: rotate(-4.93703deg);
		-webkit-transform:rotate(-4.93703deg);
        -o-transform:rotate(-4.93703deg);
		-ms-transform:rotate(-4.93703deg);
		font-family: "Fugaz One";
		font-family: "Glegoo";
}

img.infoslide{
	 -moz-transform: rotate(12.93703deg);
	 -webkit-transform:rotate(12.93703deg);
     -o-transform:rotate(12.93703deg);
	  -ms-transform:rotate(12.93703deg);
	 box-shadow:0 0 12px #000;
	 top:60px;
	 left:40px;
	 position:absolute;
	  z-index: 10;
	 }

img.infoslide1{
	 -moz-transform: rotate(6.93703deg);
	 -webkit-transform:rotate(6.93703deg);
     -o-transform:rotate(6.93703deg);
	 -ms-transform:rotate(6.93703deg);
	 position:absolute;
	 
	}
 img.infoslide2{
	 -moz-transform: rotate(4.93703deg);
	 -webkit-transform:rotate(4.93703deg);
     -o-transform:rotate(4.93703deg);
	 -ms-transform:rotate(4.93703deg);
	 position:absolute;
	 
 }
img.infoslide1{z-index: 7; top:260px; right:42px;}
img.infoslide2{z-index: 8; top:300px; right:175px;}

.infoHeader{	
	width:100%;
}

.infotopTitle{
	width:42%;
	float:right;
	font-family: "Glegoo";
	font-size: 40px;
	 color: #000000;
	 margin:10px 60px 40px 10px;
	 padding:5% 0 8% 0;
	 text-align:center;
	 z-index: 10;
	 background:url(../images/infographics/bg.png) no-repeat;
}

.infoblock{
	padding:0% 1%;
	background:#c22026;
	display:block;
	clear:both;
	margin-top:40px;
	float:left;
	width:98%;
	line-height:36px;
}
.headingOrder{	
	padding:0% 1%;
	background:#c22026;
	display:inline-block;
	}
.infoblock h2{
	font-family: "Fugaz One";
	background:url(../images/infographics/Icon.png) no-repeat;
	padding:10px 10px 10px 60px;
	font-size:24px;
	margin-left:20px;
	color:#cccccc;
	display:inline-block;
	float:left;
}

.headingOrder h2{
	font-family: "Glegoo" !important;
	padding:10px 10px 10px 60px;
	font-size:24px;
	margin-left:20px;
	color:#fff;
	display:inline-block;
	float:left;
}
.infoblock h3{
    color: #FFFFFF;
    display: block;
	font-size:36px;
	padding-right:20px;
	line-height:40px;
    font-family: "Glegoo";
	text-transform:capitalize;
	float:right;
	display:inline-block;
}
	
	
.infobox{ width:46%; clear:both; text-align:center; float:left;}

.infocursive{ font-family: "Merienda One"; font-size: 16px; color: #000000; margin:40px 0 0 20px ; float:left;}
.infoswing{ width:50%; float:left; font-family: "Fugaz One";color: #2E2D2D; font-size: 20px;}
.infocursiva a{ font-family: "Merienda One"; font-size: 12px; color: #000000; margin:0px 0 0 20px ; float:left; width:100%; text-decoration:none;}
.facebook{ text-align:right; width:50%; display:block; clear:both; position:relative; float:left; margin-top:0px;}
.facebook, .infoPin, .infotweet, .infobx p{font-family: "Merienda One"; font-size: 16px; color: #000000;}
.facebook img{ position:absolute; top:-60px; right:-30px;}
.infosocial{ float:right; width:50%; margin:15% 2% 0 0;}
 .infoPin, .infotweet{ text-align:center; margin-top:20px;}
.infoPin{ background:url(../images/infographics/pintrest.png) center bottom no-repeat; padding-bottom:60px; float:left; width:50%;}
.infotweet{ background:url(../images/infographics/tweet.png) no-repeat; padding-top:110px; float:left; width:50%; text-align:left !important;}

.infobx{ position:relative; float:left; width:40%; border:1px solid #c22026; padding:1%; margin:30px 0 0 20px;}
.infoline{ position:absolute; top:-2px; left:5%; width:90%; background:#f2f2f2; height:5px;}
.infobxs{ position:relative; float:left; width:40%; border:2px solid #000; padding:1%; margin:30px 0 0 20px;}

.infotx{width:50%; float:right;}
.infotx img{ text-align:left;}
.infotx .infocity{ float:right; width:50%; text-align:center; padding-right:30px;}
.infotxt{font-family: "Fugaz One"; font-size: 28px; padding:0; margin-bottom:0; text-align:center;  color: #2E2D2D; line-height:28px;}
.infotx .infocursiva a{ width:auto !important;}

.infoGlow, .infosamples, .infosamplesNew{ float:left; width:46%; padding:2%;}
.infoGlow .infobxs{ width:100%; font-family: "Merienda One"; font-size: 12px; color: #000000; text-align:center; margin-top:5px;}
.infoGlow ul{ padding:10px; list-style:none;}
.infoGlow ul li{ margin:8px 5px 8px 5px; background:#c22026; font-family: "Merienda One"; font-size: 12px; float:left; width:28%; }
.infoGlow ul li.one, .infoGlow ul li.two, .infoGlow ul li.three, .infoGlow ul li.four{ background:#c22026 url(../images/infographics/list.png) no-repeat; padding:10px 10px 12px 68px; text-align:left; color:#fff !important;}
.infoGlow ul li.one{ background-position:10px 0 ;}
.infoGlow ul li.two{background-position:10px -62px ;}
.infoGlow ul li.three{background-position:10px -125px;}
.infoGlow ul li.plain{ clear:both; background:none !important; width:100%;}
.infoGlow ul li.four{background-position:10px -186px;}
.infoGlow p{ clear:both;}

.infoGlow .infoSpice{ background:#fff; margin:0 10px; padding:2%; font-family: "Merienda One"; font-size: 16px;}
.infoGlow .infotriangle{ margin:0 10px;background:none;width: 0; height: 0; border-left: 0 solid transparent; border-right: 415px solid transparent; border-top: 50px solid #fff; border-bottom:0 solid #fff;}
.infosamples, .infosamplesNew{ text-align:center;}
.infosamples .infotxt, .infosamplesNew .infotxt{ margin-bottom:20px;}
.infosamplesNew sup{ font-size:16px;}

.infoOrder{ background:url(../images/infographics/orderbox-main-img.jpg) no-repeat -18px 0; width:922px; margin:0 auto;padding-bottom:18px;}
.infoorderBg{min-height:442px;}
.infoorderBgs{min-height:442px;}
.infoorderBgs h2{text-indent:-99999px; width:462px; height:42px; margin:35px 50px 130px 10px; float:right;}
.infoorderDetails{ padding:5% 1%; margin:0 16px; width:575px; float:right; text-align:center;}
.infoDetailleft, .infoDetailright, .infoDetailmiddle{ float:left; width:32%; text-align:center; position:relative;}
.infoDetailmiddle { margin:0 2%;}
.infoDetailleft p{ color:#f8cece;}
.infoDetailleft span{ color:#e20101;}
.infoDetailright p{ color:#fff9d2;}
.infoDetailright span{ color:#ffde00;}
.infoDetailmiddle p{ color:#e0f9e0;}
.infoDetailmiddle span{ color:#43de43;}
.infoorderDetails p{ display:block; font-size:22px; margin:0; padding:0;}
.infoRate{display:block; text-align:center; font-size:32px; padding:10px 0;}
.infoDetailleft b, .infoDetailright b{ position:absolute; bottom:46px;  color:#4e524e !important; font-size:12px; right:10px; font-weight:normal;}
.infoOrangebtn{
	width:50%;
background: #f99243; /* Old browsers */
background: -moz-linear-gradient(top,  #f99243 1%, #f99243 5%, #f67312 5%, #ed4f02 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f99243), color-stop(5%,#f99243), color-stop(5%,#f67312), color-stop(98%,#ed4f02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f99243 1%,#f99243 5%,#f67312 5%,#ed4f02 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f99243 1%,#f99243 5%,#f67312 5%,#ed4f02 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f99243 1%,#f99243 5%,#f67312 5%,#ed4f02 98%); /* IE10+ */
background: linear-gradient(top,  #f99243 1%,#f99243 5%,#f67312 5%,#ed4f02 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99243', endColorstr='#ed4f02',GradientType=0 ); /* IE6-9 */		
border:1px solid #d32d22;
border-radius:3px;
padding:12px 14px;
font-size:14px;
color:#fff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-shadow:0 0 1px #000;
clear:both;
display:block;
margin:0 auto;

}


.infoGreenBtn{background: #19be19; /* Old browsers */
background: -moz-linear-gradient(top,  #19be19 0%, #19be19 5%, #0fa20f 5%, #0fa20f 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19be19), color-stop(5%,#19be19), color-stop(5%,#0fa20f), color-stop(98%,#0fa20f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #19be19 0%,#19be19 5%,#0fa20f 5%,#0fa20f 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #19be19 0%,#19be19 5%,#0fa20f 5%,#0fa20f 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #19be19 0%,#19be19 5%,#0fa20f 5%,#0fa20f 98%); /* IE10+ */
background: linear-gradient(top,  #19be19 0%,#19be19 5%,#0fa20f 5%,#0fa20f 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19be19', endColorstr='#0fa20f',GradientType=0 ); /* IE6-9 */
border:1px solid #1d851c;
border-radius:3px;
padding:12px 14px;
font-size:14px;
color:#fff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-shadow:0 0 1px #000;
clear:both;
display:block;
width:50%;
margin:0 auto;
}
.infoGreenBtn:hover, .infoOrangebtn:hover{ color:#ededed;}
.infobrown{ color:#542b37 !important;}
.infoViolet{ color:#555180 !important;}
.infoOrange{ color:#e84200 !important;}
.infoGreen{ color:#106f10 !important;}
.infoDef{ clear:both; width:30%; color:#4e524e; font-size:16px; margin-left:240px;}

.slider { width:388px !important; padding:5px 0; height:260 !important; margin:0 0 0 20px;  position:relative;}
.slider ul li{ width:388px !important; height:280px !important; position:relative;}
.slider ul li img{ margin:10px 0 0 0;box-shadow:0 0 10px #000;}
.slider ul li span{ background:url(../images/infographics/zoomicon.png) no-repeat;width:79px ; height:79px ; display:block; position:absolute; bottom:24px; right:5px;}
.slider ul li span:hover{ cursor:pointer;}
.infosamplesNew .slider{ margin-top:-8px !important;}


/*----------new infographic order box style-------------*/
.main-ig-panel{ background:#dbd9da;width: 922px; margin: 40px auto;border: 3px solid #FFFFFF;box-shadow: 0 0 5px #000000;}
#info-graphic-orderbox { width: 900px; margin: 40px auto; background:url(../images/infographics/orderbox-bg.jpg) repeat;border-radius: 10px; border:1px solid #000;  color:#fff;}
#info-graphic-orderbox ul  { padding:0; margin:0;}
	.attr-col ul li ,   .pt-rows li{ background:url(../images/infographics/order-list-border.png) bottom repeat-x; list-style:none;}
	.price-chart{padding:7px; background:url(../images/infographics/color-pencil.png) no-repeat bottom left;border-radius: 10px;}
	/* SaaS Pricing Chart CSS: */
	
	.attr-col { margin:60px 0 0; float: left; width: 300px; }
	.attr-col ul {font-weight: bold; font-size: 13px;*font-weight: normal !important;}
	.attr-col ul li span { text-align: left; padding: 0 10px; line-height: 45px; display: block; color:#ffa200; font-weight:bold; }
	.attr-col ul li.last, .pt-table ul li.last{ background:none;}
	.pt-table { margin-left: 300px; display: block; position: relative; }
	.pt-body { padding: 10px 0 0; }
	.pt-rows li { display: block; overflow: hidden;  }
	.pt-rows li span { width: 33%; text-align: center; float: left;display: block; line-height: 45px; height: 45px;*line-height: 42px; *height: 42px; }
	.pt-rows li.title {font-size: 13px; color: #fff; font-weight: bold; border-bottom: 2px solid #555; border-width: 0 0 0px; background:none; }
	.pt-rows li.title span { line-height: 50px; height: 50px; border: none; color:#f6ff00; }
	.pt-rows li.fees { border-bottom: 1px solid #ccc; }
	.pt-rows li.fees span { line-height: 48px; height: 48px;font-size: 34px; font-weight: 700; font-family: Georgia, Arial, sans-serif; color: #4172a5; text-shadow: 2px 2px #fff; }
	.pt-rows li span.pt-yes { background: url(../images/infographics/yes-no.png) no-repeat center -25px; }
	.pt-rows li span.pt-no { background: url(../images/infographics/yes-no.png) no-repeat center 16px; }
	.pt-rows li.fin { border-bottom:none; height:80px; line-height:normal;}
	.pt-rows li.fin span{ height:auto;}
	/*.pt-rows li span.pt-3x { width: 72%; float: left; text-align: center; border: none; }*/
	.font9{ font-size:9px;}
	.price-chart .sub-title span{ line-height:20px; height:20px; padding:3px; color:#40c640; }
	.price-chart .attr-col .sub-title span{ *line-height:23px; *height:23px;}
	.price-chart .sub-title {background:#4f4e4d; }
	
	/* Simple Button CSS: */
	.red-button, .green-button, .yellow-button , .orange-button{ font-size: 20px;font-weight: 700; color: #fff; padding: 10px 20px; text-shadow: 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; text-decoration: none; position: relative; top: 18px; cursor:pointer; display:inline-block;*padding: 10px 5px !important;}
	.red-button:hover, .green-button:hover, .yellow-button:hover , .orange-button:hover{box-shadow: 0 0 10px #fffc00;}
	.red-button:active, .green-button:active, .yellow-button:active, .orange-button:active { position: relative; top: 16px; }
	.green-button {background: #4A980D; border: 1px solid #407718; }
	.red-button{background: #f91900; border: 1px solid #c31400; }	
	.red-button:hover {border: 1px solid #a01000}
	.yellow-button{background: #f0d307; border: 1px solid #b1950a; color:#211d00; text-shadow: 0;}
	.yellow-button:hover{border: 1px solid #bf740e;}
	.orange-button{background: #ff7e00; border: 1px solid #d56d08; color:#fff; text-shadow: 0; display:block; clear:both; width:200px; text-align:center; font-size:14px;}
	.orange-button:hover{ color:#fff;border: 1px solid #ca4801; }
	
/*	tooltip*/
#tooltip{
	position:absolute;
	border:none;
	background:url(../images/infographics/dark_dot.png) repeat;
	padding:8px 5px;
	color:#FFF;
	display:none;
	width:275px;
	}	
/*.tooltip_New{ cursor:pointer;}*/
/*	tooltip end*/
/*------------new infographic order box style--------------*/

.customquote{ overflow:hidden; background:#fff url(../images/infographics/customcolor.jpg) right no-repeat; margin:10px 20px; border:1px solid #666; border-radius:10px; padding:25px 200px 25px 25px;}
.customquote h2{ font-size:20px;}
.customquote p{ clear:both; margin:0 ; padding:30px 0 0 0; font-size:14px;}
.customquote ul { float:left; margin:30px 0 0 0; padding:0 80px 0 0 ; background:url(../images/infographics/thumbarrow.png) right no-repeat;}
.customquote ul li{  background:url(../images/infographics/customarrow.jpg)0 5px  no-repeat; padding-left:15px; list-style:none; font-size:14px; margin:5px 0;}
#siteMapPath{ background:#F9F9F9; }
#ctl00_SiteMapPath1{ padding:10px; display:block;}
.headingOrderfaq h2{	
	padding:16px;
	background:#c22026;
	display:inline-block;	
	color:#ffffff;
	cursor: pointer;
	}
	.headingOrderfaq
	{
	float:right;
	}
.infographicsfaq{padding: 0 0 0 26px;}
.headingOrderfaq h2 a{color:#ffffff;}
.infographicsfaq li{ list-style-image:url(../images/play-list.png); padding:5px;}
.infographicsfaq li a{color:#183370;font-family: arial;font-size: 16px;}
a.trigger {
    top: 198px; position:fixed;
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    height: 150px;
    letter-spacing: -1px;   
    right: 0;
    text-indent: -55555px;   
    transition: width 0.1s ease 0s;
    width: 105px;
}
a.trigger {
    background: url("../images/infographics/trigone.gif") no-repeat scroll 0 0 transparent;
}
a.trigger:hover {
    background: url("../images/infographics/trigone.jpg") no-repeat scroll 0 0 transparent;
    position:fixed;
}
#devinAd{ display:none !important;}
.dmca{ margin-left:300px;}