{"id":10545,"date":"2024-03-03T10:30:00","date_gmt":"2024-03-03T10:30:00","guid":{"rendered":"https:\/\/codehim.com\/?p=10545"},"modified":"2024-03-04T08:30:46","modified_gmt":"2024-03-04T03:30:46","slug":"responsive-circular-menu-using-html-and-css","status":"publish","type":"post","link":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/","title":{"rendered":"Responsive Circular Menu Using HTML and CSS"},"content":{"rendered":"

This HTML & CSS code snippet helps you to create a responsive circular navigation menu with distinct sections. Each section represents a critical aspect of application testing. Hover over the elements to reveal detailed insights on topics.<\/p>\n

You can use this circular menu<\/a> code on your website’s homepage to create an engaging and interactive navigation system. This will allow your visitors to explore different categories or features seamlessly. The major use of this code lies in providing a visually appealing and user-friendly way to showcase key information or sections on your site.<\/p>\n

How to Create a Responsive Circular Menu Using HTML and CSS<\/h2>\n

1. First of all, copy the following HTML code and paste it into the desired section of your webpage. This code defines the circular menu structure and the content associated with each category.<\/p>\n

Each category in the circular menu has associated content hidden by default. Customize the content by modifying the sections within the <div class=\"nac_content\"><\/code> element. Update the titles and list items to match your specific categories and information.<\/p>\n

<div class=\"circular_nav\">\r\n\t\t\t<ul class=\"nav\">\r\n\t\t\t\t<li class=\"center\"><div class=\"to\"><div class=\"t\"><div class=\"sm\">Current<\/div><div class=\"lg\">Active<\/div><div class=\"sm\">Schedule<\/div><\/div><\/div><\/li>\r\n\t\t\t\t<li data-placement=\"right\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"one-cont\" id=\"one\" class=\"node one\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinOneContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">App Performance<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>CPU Usage Testing<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Network Usage<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Page Render Time or Activity Render Time<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"33px\" height=\"33px\" viewBox=\"0 0 33 33\" enable-background=\"new 0 0 33 33\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M2.38,32.666c-0.552,0-1-0.447-1-1V1.334c0-0.552,0.448-1,1-1s1,0.448,1,1v30.332    C3.38,32.219,2.932,32.666,2.38,32.666z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M31.666,31.62H1.334c-0.552,0-1-0.447-1-1s0.448-1,1-1h30.332c0.553,0,1,0.447,1,1    S32.219,31.62,31.666,31.62z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M5.519,14.145H4.472c-0.414,0-0.75-0.336-0.75-0.75s0.336-0.75,0.75-0.75h1.047    c0.414,0,0.75,0.336,0.75,0.75S5.933,14.145,5.519,14.145z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M5.519,11.511H4.472c-0.414,0-0.75-0.336-0.75-0.75s0.336-0.75,0.75-0.75h1.047    c0.414,0,0.75,0.336,0.75,0.75S5.933,11.511,5.519,11.511z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M5.519,8.919H4.472c-0.414,0-0.75-0.336-0.75-0.75s0.336-0.75,0.75-0.75h1.047    c0.414,0,0.75,0.336,0.75,0.75S5.933,8.919,5.519,8.919z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M5.519,6.286H4.472c-0.414,0-0.75-0.336-0.75-0.75s0.336-0.75,0.75-0.75h1.047    c0.414,0,0.75,0.336,0.75,0.75S5.933,6.286,5.519,6.286z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M5.519,3.652H4.472c-0.414,0-0.75-0.336-0.75-0.75s0.336-0.75,0.75-0.75h1.047    c0.414,0,0.75,0.336,0.75,0.75S5.933,3.652,5.519,3.652z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M8.354,26.852c-1.819,0-3.299-1.48-3.299-3.3c0-1.818,1.48-3.298,3.299-3.298    c1.818,0,3.297,1.479,3.297,3.298C11.652,25.371,10.173,26.852,8.354,26.852z M8.354,22.055c-0.827,0-1.5,0.671-1.5,1.497    c0,0.827,0.673,1.499,1.5,1.499c0.826,0,1.498-0.672,1.498-1.499C9.852,22.726,9.18,22.055,8.354,22.055z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M14.104,21.101c-1.819,0-3.298-1.48-3.298-3.299s1.479-3.297,3.298-3.297s3.299,1.479,3.299,3.297    S15.923,21.101,14.104,21.101z M14.104,16.304c-0.826,0-1.499,0.671-1.499,1.498s0.672,1.498,1.499,1.498s1.499-0.672,1.499-1.498    S14.931,16.304,14.104,16.304z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M28.977,19.661c-1.82,0-3.301-1.48-3.301-3.299c0-1.819,1.48-3.298,3.301-3.298    c1.817,0,3.297,1.479,3.297,3.298C32.273,18.181,30.794,19.661,28.977,19.661z M28.977,14.864c-0.827,0-1.5,0.672-1.5,1.499    s0.673,1.498,1.5,1.498c0.825,0,1.496-0.672,1.496-1.498S29.802,14.864,28.977,14.864z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M20.34,27.337c-1.818,0-3.298-1.48-3.298-3.299s1.479-3.299,3.298-3.299c1.82,0,3.301,1.48,3.301,3.299    S22.16,27.337,20.34,27.337z M20.34,22.54c-0.826,0-1.497,0.672-1.497,1.498s0.671,1.498,1.497,1.498c0.827,0,1.5-0.672,1.5-1.498    S21.167,22.54,20.34,22.54z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M9.787,22.54c-0.23,0-0.46-0.088-0.636-0.264c-0.352-0.352-0.352-0.922,0-1.273l2.404-2.404    c0.352-0.352,0.921-0.352,1.272,0s0.352,0.922,0,1.273l-2.404,2.404C10.248,22.452,10.018,22.54,9.787,22.54z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M18.907,23.025c-0.23,0-0.461-0.088-0.637-0.264l-2.889-2.89c-0.352-0.352-0.352-0.922,0-1.273    s0.921-0.352,1.272,0l2.89,2.89c0.352,0.352,0.352,0.922,0,1.273C19.368,22.938,19.138,23.025,18.907,23.025z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M22.259,23.499c-0.23,0-0.461-0.088-0.637-0.264c-0.352-0.352-0.352-0.922,0-1.273l4.799-4.797    c0.352-0.352,0.922-0.352,1.273,0s0.352,0.922,0,1.273l-4.799,4.797C22.72,23.411,22.489,23.499,22.259,23.499z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">App<br>Performance<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"right\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"two-cont\" id=\"two\" class=\"node two\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinTwoContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Usability<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>User Experience<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Competitive Analysis<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Expert Review<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"19.73px\" height=\"30.207px\" viewBox=\"0 0 19.73 30.207\" enable-background=\"new 0 0 19.73 30.207\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M16.021,5.363H0.75C0.336,5.363,0,5.027,0,4.613s0.336-0.75,0.75-0.75h15.271c0.414,0,0.75,0.336,0.75,0.75   S16.435,5.363,16.021,5.363z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M8.385,3.266H6.476c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h1.909c0.276,0,0.5,0.224,0.5,0.5   S8.661,3.266,8.385,3.266z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M10.294,3.266H9.816c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h0.478c0.276,0,0.5,0.224,0.5,0.5   S10.57,3.266,10.294,3.266z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M9.129,29.73L8.65,28.676H2.375c-0.481,0-0.875-0.392-0.875-0.874V24.45h5.236l-0.675-1.492l0.002-0.008   H1.5V2.374C1.5,1.892,1.894,1.5,2.375,1.5h12.02c0.482,0,0.876,0.392,0.876,0.874V15.81l0.646,1.063l0.854,0.631V2.374   C16.771,1.065,15.704,0,14.395,0H2.375C1.065,0,0,1.065,0,2.374v25.428c0,1.309,1.065,2.374,2.375,2.374h7.388L9.129,29.73z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M18.266,30.165l-1.329-0.387l0.468-1.581c1.223-2.363,0.844-5.686,0.84-5.719l-0.006-0.102   c0.035-0.396-0.031-0.659-0.2-0.861c-0.351-0.419-1.043-0.498-1.05-0.499l-0.458-0.043l-0.14-0.43   c-0.103-0.297-0.243-0.485-0.414-0.55c-0.164-0.059-0.461-0.018-0.718,0.113l-0.651,0.38l-0.311-0.704   c-0.09-0.197-0.242-0.448-0.451-0.5c-0.234-0.056-0.598,0.098-0.808,0.247l-0.196,0.139l-0.41-0.033   c-0.547-0.163-0.553-0.229-0.843-3.735c-0.061-0.734-0.158-1.903-0.224-2.405l-0.07-0.277c-0.015-0.056-0.075-0.144-0.14-0.215   c-0.036,0.117-0.074,0.295-0.098,0.552c0.002,4.923-0.151,8.196-0.153,8.218l-0.02,0.491l-0.488,0.132   c-0.094,0.025-0.331,0.218-0.473,0.384c-0.747,0.826-0.521,1.311-0.511,1.33c0.876,1.534,2.659,4.514,2.861,4.849l0.258,0.43   l-1.144,0.744l-0.552-0.889c-0.562-0.94-1.897-3.179-2.624-4.453c-0.08-0.141-0.717-1.387,0.677-2.927   c0.106-0.119,0.351-0.376,0.653-0.572c0.043-1.122,0.139-4.006,0.139-7.798c0.138-1.588,0.791-1.949,1.314-1.98   c0.001,0,0.003,0,0.004,0c0.809,0,1.423,0.717,1.605,1.266c0.12,0.246,0.167,0.672,0.359,3.008l0.018,0.214   c0.055,0.647,0.117,1.402,0.175,1.965c0.312-0.083,0.687-0.105,1.022-0.022c0.407,0.102,0.762,0.345,1.044,0.712   c0.36-0.091,0.845-0.098,1.238,0.047c0.464,0.176,0.823,0.516,1.074,1.014c0.427,0.104,1.086,0.347,1.562,0.911   c0.399,0.483,0.576,1.073,0.526,1.755c0.079,0.734,0.325,3.906-0.947,6.333L18.266,30.165z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M18.283,30.207l-1.388-0.409l0.478-1.61c1.215-2.347,0.853-5.578,0.836-5.714l-0.004-0.037l0.001-0.084   c0.033-0.364-0.03-0.621-0.194-0.816c-0.284-0.342-0.841-0.468-1.031-0.487l-0.468-0.038l-0.152-0.45   c-0.069-0.2-0.194-0.458-0.391-0.528c-0.259-0.102-0.578,0.042-0.694,0.104l-0.683,0.397l-0.329-0.735   c-0.086-0.194-0.231-0.437-0.427-0.484c-0.305-0.073-0.669,0.16-0.765,0.232l-0.294,0.225l-0.354-0.104   c-0.574-0.176-0.585-0.311-0.871-3.766l-0.012-0.141c-0.067-0.814-0.149-1.804-0.211-2.255l-0.068-0.284   c-0.012-0.04-0.049-0.097-0.094-0.152c-0.031,0.114-0.062,0.275-0.083,0.493c0.005,4.603-0.132,7.837-0.147,8.192l-0.026,0.539   l-0.511,0.134c-0.087,0.024-0.317,0.212-0.454,0.371c-0.731,0.811-0.515,1.279-0.506,1.299c0.879,1.538,2.692,4.566,2.859,4.843   l0.259,0.429l-0.385,0.329l-0.804,0.485l-0.397-0.644c-0.398-0.665-1.976-3.304-2.792-4.732l0,0c0,0-0.812-1.312,0.683-2.964   c0.104-0.117,0.345-0.371,0.645-0.569c0.035-0.928,0.135-3.875,0.135-7.781c0.145-1.612,0.812-1.979,1.348-2.012   c0.002,0,0.003,0,0.004,0c0.827,0,1.454,0.732,1.641,1.289c0.119,0.252,0.166,0.687,0.358,3.014   c0.062,0.759,0.13,1.556,0.191,2.141c0.312-0.079,0.696-0.094,1.008-0.011c0.408,0.103,0.759,0.339,1.043,0.704   c0.357-0.085,0.828-0.095,1.235,0.057c0.466,0.173,0.829,0.513,1.085,1.012c0.456,0.112,1.096,0.363,1.563,0.919   c0.406,0.492,0.584,1.089,0.532,1.778c0.066,0.571,0.368,3.831-0.946,6.345L18.283,30.207z\"\/>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Usability<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"left\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"three-cont\" id=\"three\" class=\"node three\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinThreeContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Installation<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>New App Install<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Uninstall and Reinstall<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Upgrade Testing<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"35px\" height=\"35px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M11.584,16.709L8.84,13.968c-0.435,0.104-0.918,0.159-1.41,0.159c-1.777,0-3.446-0.692-4.702-1.949    c-1.989-1.986-2.51-5.031-1.297-7.575c0.178-0.378,0.534-0.648,0.951-0.72l0.218-0.019c0.343,0,0.678,0.14,0.919,0.384l3.57,3.568    c0.167,0.167,0.528,0.168,0.693,0.003C7.88,7.721,7.93,7.602,7.93,7.47c0-0.133-0.05-0.253-0.145-0.347L4.213,3.548    C3.915,3.25,3.781,2.824,3.854,2.409C3.919,2.005,4.188,1.646,4.57,1.464c0.891-0.426,1.886-0.65,2.877-0.65    c1.774,0,3.443,0.691,4.7,1.946c1.643,1.644,2.276,4.03,1.691,6.22l2.736,2.74L11.584,16.709z M9.315,11.897l2.269,2.267    l2.446-2.445l-2.258-2.262l0.201-0.541c0.622-1.677,0.191-3.594-1.098-4.884c-1.255-1.253-3.149-1.721-4.841-1.21l3.025,3.026    C9.491,6.28,9.73,6.856,9.73,7.47S9.49,8.659,9.055,9.092c-0.824,0.83-2.399,0.837-3.238-0.003L2.791,6.064    c-0.512,1.697-0.064,3.567,1.211,4.841c0.916,0.917,2.133,1.422,3.428,1.422c0.499,0,0.986-0.078,1.337-0.216L9.315,11.897z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M27.553,34.187c-1.775,0-3.444-0.692-4.699-1.948c-1.637-1.636-2.294-3.969-1.777-6.202l-3.1-3.099    l4.993-4.991l3.099,3.098c2.233-0.517,4.59,0.163,6.204,1.775c1.988,1.989,2.51,5.034,1.297,7.577    c-0.174,0.373-0.528,0.644-0.944,0.718l-0.223,0.02c-0.343,0-0.666-0.133-0.912-0.372l-3.58-3.579    c-0.166-0.168-0.527-0.166-0.691-0.002c-0.098,0.097-0.146,0.217-0.146,0.35c0,0.131,0.05,0.253,0.142,0.344l3.575,3.577    c0.299,0.302,0.432,0.727,0.359,1.14c-0.07,0.411-0.341,0.768-0.723,0.947C29.534,33.962,28.54,34.187,27.553,34.187z     M20.522,22.938l2.584,2.584l-0.167,0.522c-0.551,1.719-0.085,3.651,1.187,4.922c1.253,1.254,3.137,1.727,4.842,1.21l-3.025-3.027    c-0.432-0.429-0.672-1.004-0.672-1.618s0.24-1.191,0.676-1.623c0.828-0.832,2.4-0.835,3.236,0.003l3.025,3.024    c0.513-1.698,0.064-3.567-1.21-4.842c-1.272-1.273-3.186-1.743-4.924-1.186l-0.522,0.167l-2.583-2.583L20.522,22.938z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M17.166,20.842l-0.597-1.003c-0.041-0.068-0.079-0.121-0.114-0.155l-1.468-1.467    c-0.037-0.037-0.09-0.076-0.163-0.12l-0.976-0.589l7.432-7.562c-0.236-0.511-0.267-1.118,0.116-1.634    c0.158-0.214,0.227-0.656,0.021-1.17c-0.227-0.571-1.109-1.961-4.387-2.533c-0.385-0.068-1.283-0.226-1.347-1.051    c-0.063-0.813,0.781-1.102,1.059-1.196c0.623-0.215,1.3-0.323,2.011-0.323c2.898,0,6.115,1.746,9.561,5.19    c0.742,0.857,2.288,2.818,2.159,4.187c0.01,0.02,0.021,0.041,0.035,0.067c0.69-0.364,1.612-0.236,2.179,0.331    c0.721,0.722,0.722,1.898,0.001,2.623l-2.255,2.252c-0.705,0.701-1.919,0.699-2.622,0.001c-0.353-0.35-0.547-0.817-0.546-1.315    c0-0.294,0.068-0.578,0.198-0.833c-0.369-0.31-0.97-0.798-1.28-0.933c-0.157,0.052-0.322,0.077-0.492,0.077l0,0    c-0.463,0-0.87-0.194-1.134-0.361L17.166,20.842z M16.597,17.28l0.78,0.779l7.13-7.253l0.984,0.986    c0.02,0.013,0.111,0.062,0.174,0.084c0.148-0.062,0.312-0.094,0.486-0.094c0.781,0,1.631,0.668,2.66,1.54    c0.15,0.128,0.281,0.24,0.38,0.317l0.965,0.482l-0.561-0.769c-0.736-1.011-1.06-1.593-0.903-2.166    c0.018-0.361-0.788-1.682-1.697-2.735c-2.189-2.188-4.038-3.385-5.529-4.008c0.95,0.712,1.406,1.481,1.625,2.03    c0.384,0.965,0.327,1.999-0.142,2.75l0.141,0.167l0.638,0.631L16.597,17.28z M30.212,14.198l-1.125,1.137l0.035,0.097l2.293-2.267    l-0.04-0.096l-1.158,1.135L30.212,14.198z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M5.714,33.148L5.714,33.148c-0.444,0-0.865-0.176-1.184-0.494l-2.641-2.64    c-0.33-0.329-0.51-0.782-0.494-1.242c0.017-0.461,0.23-0.9,0.584-1.206l9.683-8.682c0.696-0.607,1.823-0.552,2.453,0.078    l1.468,1.466c0.659,0.661,0.698,1.73,0.09,2.437l-8.71,9.714C6.657,32.937,6.197,33.148,5.714,33.148z M3.259,28.838l2.449,2.447    l8.616-9.607l-1.479-1.442L3.259,28.838z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Installation<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"left\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"four-cont\" id=\"four\" class=\"node four\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinFourContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Vulnerability<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>OWASP Vulnerabilities<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Dynamic Testing<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Static Code Analysis<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Data Encryption<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"32px\" height=\"32px\" viewBox=\"0 0 32 32\" enable-background=\"new 0 0 32 32\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M24.379,31.75H7.619c-2.5,0-4.533-2.033-4.533-4.533V16.13c0-2.5,2.033-4.534,4.533-4.534h16.76    c2.501,0,4.535,2.034,4.535,4.534v11.087C28.914,29.717,26.88,31.75,24.379,31.75z M7.619,13.596    c-1.396,0-2.533,1.137-2.533,2.534v11.087c0,1.396,1.137,2.533,2.533,2.533h16.76c1.397,0,2.535-1.137,2.535-2.533V16.13    c0-1.397-1.138-2.534-2.535-2.534H7.619z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M24.51,13.596H7.489c-0.552,0-1-0.448-1-1V8.908c0-4.774,4.267-8.658,9.51-8.658    c5.244,0,9.511,3.884,9.511,8.658v3.688C25.51,13.148,25.062,13.596,24.51,13.596z M8.489,11.596H23.51V8.908    c0-3.671-3.369-6.658-7.511-6.658c-4.141,0-7.51,2.987-7.51,6.658V11.596z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M15.999,24.942c-1.489,0-2.702-1.212-2.702-2.702v-3.403c0-1.49,1.213-2.702,2.702-2.702    c1.49,0,2.702,1.212,2.702,2.702v3.403C18.701,23.73,17.489,24.942,15.999,24.942z M15.999,18.135    c-0.387,0-0.702,0.315-0.702,0.702v3.403c0,0.387,0.315,0.702,0.702,0.702c0.388,0,0.702-0.315,0.702-0.702v-3.403    C16.701,18.45,16.387,18.135,15.999,18.135z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Vulnerability<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"left\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"five-cont\" id=\"five\" class=\"node five\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinFiveContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Language<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Validation for Locales<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Images and Text<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Currencies, Time Zones Etc.<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Context<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"31.622px\" height=\"32.17px\" viewBox=\"1.189 0.915 31.622 32.17\" enable-background=\"new 1.189 0.915 31.622 32.17\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<rect x=\"7.594\" y=\"8.594\" fill=\"#BBBBBB\" width=\"19.499\" height=\"1.996\"\/>\r\n<rect x=\"7.594\" y=\"12.981\" fill=\"#BBBBBB\" width=\"19.499\" height=\"1.999\"\/>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M1.79,1.516v21.14h5.872l-0.003,8.982l9.005-8.982h15.547V1.516H1.79z M8.456,29.719l0.002-7.861H2.585   V2.312h28.829v19.545H16.333L8.456,29.719z\"\/>\r\n<\/g>\r\n<path fill=\"#BBBBBB\" d=\"M7.058,33.085l0.003-9.83H1.189V0.915h31.622v22.34H16.912L7.058,33.085z M3.186,21.257h5.872l-0.001,7.015  l7.029-7.015h14.729V2.911H3.186V21.257z\"\/>\r\n<\/svg><div class=\"name\">Language<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"left\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"six-cont\" id=\"six\" class=\"node six\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinSixContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Security<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Security Auditing<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Vulnerability &ndash; Scanning<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Security Scanning<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Penetrating Testing<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"26px\" height=\"33px\" viewBox=\"0 0 26 33\" enable-background=\"new 0 0 26 33\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M13,32.502c-0.096,0-0.191-0.014-0.284-0.041c-1.911-0.567-3.734-1.526-5.42-2.852    c-4.18-3.283-6.675-8.554-6.675-14.098V5.64c0-0.552,0.448-1,1-1c7.312,0,10.482-3.627,10.614-3.782    c0.191-0.225,0.447-0.393,0.769-0.354c0.295,0.001,0.576,0.131,0.765,0.358c0.128,0.15,3.299,3.778,10.61,3.778    c0.553,0,1,0.448,1,1v9.872c0,5.544-2.494,10.814-6.673,14.098c-1.687,1.325-3.51,2.284-5.421,2.852    C13.192,32.488,13.096,32.502,13,32.502z M2.621,6.618v8.894c0,4.936,2.21,9.617,5.91,12.525c1.401,1.102,2.903,1.914,4.469,2.418    c1.565-0.504,3.068-1.316,4.47-2.418c3.7-2.907,5.909-7.59,5.909-12.525V6.618C17.724,6.375,14.395,4.114,13,2.899    C11.605,4.114,8.276,6.375,2.621,6.618z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M13,29.223c-0.124,0-0.247-0.023-0.365-0.069c-1.189-0.467-2.341-1.134-3.422-1.984    c-3.437-2.701-5.488-7.06-5.488-11.658V8.552c0-0.503,0.374-0.928,0.873-0.992c3.737-0.478,6.326-1.805,7.84-2.835    c0.34-0.231,0.786-0.231,1.125,0c1.514,1.03,4.102,2.357,7.841,2.835c0.499,0.063,0.873,0.488,0.873,0.992v6.959    c0,4.598-2.052,8.956-5.488,11.658c-1.08,0.85-2.231,1.518-3.423,1.984C13.248,29.199,13.124,29.223,13,29.223z M5.725,9.415    v6.096c0,3.99,1.766,7.761,4.725,10.086c0.815,0.642,1.672,1.159,2.551,1.544c0.881-0.385,1.737-0.903,2.552-1.544    c2.958-2.326,4.725-6.097,4.725-10.086V9.415c-3.26-0.543-5.676-1.674-7.276-2.67C11.399,7.741,8.983,8.872,5.725,9.415z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Security<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"left\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"seven-cont\" id=\"seven\" class=\"node seven\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinSevenContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Memory<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Review of Cache<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Data Storage Mechanism<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"26.648px\" height=\"31.153px\" viewBox=\"0 0 26.648 31.153\" enable-background=\"new 0 0 26.648 31.153\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M4.348,20.543c0.307,0,0.557,0.248,0.557,0.559v2.438c0,0.309-0.241,0.613-0.54,0.688l-1.229,0.295    c-0.188,0.047-0.316,0.215-0.316,0.408v3.283c0,1.346,1.093,2.439,2.438,2.439h18.451c1.344,0,2.44-1.094,2.44-2.439V2.94    c0-1.346-1.097-2.44-2.44-2.44H5.257c-1.346,0-2.438,1.094-2.438,2.44v9.788c0,0.307-0.186,0.725-0.413,0.931l-1.021,0.928    c-0.496,0.453-0.884,1.33-0.884,2v2.531c0,0.787,0.649,1.426,1.449,1.426H4.348z M1.944,15.206l1.57-1.428    c0.087-0.078,0.137-0.189,0.137-0.309V2.94c0-0.888,0.722-1.607,1.605-1.607h18.451c0.885,0,1.604,0.719,1.604,1.607v25.277    c0,0.885-0.72,1.604-1.604,1.604H5.257c-0.884,0-1.605-0.719-1.605-1.604v-2.406c0-0.307,0.24-0.613,0.54-0.686l1.227-0.297    c0.188-0.045,0.319-0.211,0.319-0.402v-4.297c0-0.23-0.187-0.418-0.417-0.418H1.928c-0.329,0-0.595-0.266-0.595-0.594V16.59    C1.333,16.148,1.618,15.502,1.944,15.206\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M23.708,31.153H5.257c-1.62,0-2.938-1.318-2.938-2.939V24.93c0-0.422,0.285-0.789,0.693-0.893l1.235-0.297    c0.074-0.018,0.157-0.123,0.157-0.201v-2.438l-2.455-0.059C0.874,21.043,0,20.18,0,19.118v-2.531c0-0.805,0.45-1.824,1.047-2.369    l1.021-0.929c0.124-0.112,0.25-0.395,0.25-0.561V2.94C2.318,1.319,3.637,0,5.257,0h18.451c1.621,0,2.94,1.319,2.94,2.94v25.273    C26.648,29.834,25.329,31.153,23.708,31.153z M5.257,1.833c-0.609,0-1.105,0.497-1.105,1.107v10.529    c0,0.26-0.11,0.508-0.302,0.681L2.28,15.576c-0.222,0.201-0.447,0.713-0.447,1.014v2.527c0,0.053,0.042,0.094,0.095,0.094H5.32    c0.506,0,0.917,0.412,0.917,0.918v4.297c0,0.422-0.288,0.787-0.7,0.889l-1.229,0.297c-0.073,0.018-0.157,0.123-0.157,0.199v2.406    c0,0.607,0.496,1.104,1.105,1.104h18.451c0.609,0,1.104-0.496,1.104-1.104V2.94c0-0.61-0.495-1.107-1.104-1.107H5.257z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<rect x=\"6.314\" y=\"3.892\" fill=\"#BBBBBB\" width=\"1.104\" height=\"6.187\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M7.918,10.579H5.814V3.392h2.104V10.579z M6.814,9.579h0.104V4.392H6.814V9.579z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<rect x=\"9.377\" y=\"3.844\" fill=\"#BBBBBB\" width=\"1.104\" height=\"6.187\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M10.981,10.531H8.877V3.344h2.104V10.531z M9.877,9.531h0.104V4.344H9.877V9.531z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<rect x=\"12.539\" y=\"3.863\" fill=\"#BBBBBB\" width=\"1.104\" height=\"6.187\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M14.144,10.55h-2.104V3.363h2.104V10.55z M13.039,9.55h0.104V4.363h-0.104V9.55z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<rect x=\"15.577\" y=\"3.843\" fill=\"#BBBBBB\" width=\"1.104\" height=\"6.187\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M17.181,10.53h-2.104V3.343h2.104V10.53z M16.077,9.53h0.104V4.343h-0.104V9.53z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<rect x=\"18.557\" y=\"3.82\" fill=\"#BBBBBB\" width=\"1.104\" height=\"6.187\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M20.161,10.507h-2.104V3.32h2.104V10.507z M19.057,9.507h0.104V4.32h-0.104V9.507z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<rect x=\"21.529\" y=\"3.799\" fill=\"#BBBBBB\" width=\"1.104\" height=\"6.188\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M23.134,10.486h-2.104V3.299h2.104V10.486z M22.029,9.486h0.104V4.299h-0.104V9.486z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Memory<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"left\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"eight-cont\" id=\"eight\" class=\"node eight\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinEightContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Functional<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Validation of Functionality<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Smoke \/ Regressions Testing<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Offline Access Testing<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Negative Testing<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"32px\" height=\"32px\" viewBox=\"0 0 32 32\" enable-background=\"new 0 0 32 32\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M18.019,32h-3.461c-0.479,0-0.891-0.34-0.982-0.811l-0.347-1.803c-0.279-1.449-1.558-2.207-2.677-2.207   c-0.571,0-1.122,0.183-1.594,0.529l-1.546,1.133c-0.398,0.292-0.951,0.248-1.298-0.1l-2.447-2.447   c-0.339-0.339-0.39-0.87-0.121-1.268l1.03-1.522c0.526-0.775,0.616-1.75,0.243-2.607c-0.374-0.857-1.15-1.455-2.076-1.598   l-1.894-0.292C0.36,18.932,0,18.512,0,18.019v-3.462c0-0.479,0.34-0.891,0.811-0.982l1.804-0.347   c0.919-0.177,1.672-0.802,2.014-1.673c0.342-0.871,0.216-1.842-0.337-2.597L3.158,7.413c-0.292-0.398-0.25-0.95,0.1-1.299   l2.449-2.447c0.34-0.337,0.872-0.389,1.269-0.12l1.964,1.332c0.453,0.307,0.976,0.469,1.512,0.469c1.12,0,2.398-0.757,2.676-2.205   l0.448-2.332C13.666,0.34,14.078,0,14.557,0h3.461c0.493,0,0.913,0.36,0.988,0.847L19.3,2.741c0.232,1.514,1.53,2.306,2.691,2.306   c0.534,0,1.057-0.163,1.511-0.471l1.524-1.031c0.398-0.269,0.929-0.218,1.268,0.121l2.448,2.447c0.349,0.349,0.392,0.9,0.1,1.298   l-1.134,1.546c-0.554,0.755-0.681,1.725-0.339,2.596s1.095,1.497,2.014,1.673l1.806,0.347C31.66,13.666,32,14.078,32,14.557v3.462   c0,0.493-0.36,0.913-0.848,0.988l-1.896,0.292c-0.925,0.143-1.701,0.739-2.074,1.598c-0.374,0.857-0.284,1.832,0.241,2.606   l1.03,1.523c0.269,0.397,0.218,0.929-0.121,1.268l-2.447,2.447c-0.35,0.349-0.902,0.391-1.298,0.1l-1.087-0.797   c-0.473-0.346-1.023-0.529-1.594-0.529c-1.163,0-2.463,0.792-2.695,2.305l-0.205,1.332C18.932,31.639,18.512,32,18.019,32z    M15.383,30h1.778l0.074-0.484c0.356-2.317,2.321-4,4.672-4c0.998,0,1.958,0.317,2.775,0.916l0.396,0.29l1.257-1.257l-0.567-0.839   c-0.912-1.346-1.068-3.038-0.419-4.528s1.997-2.527,3.604-2.774L30,17.162v-1.778l-0.994-0.191   c-1.597-0.307-2.904-1.394-3.498-2.907s-0.374-3.199,0.587-4.51l0.627-0.854l-1.258-1.257l-0.84,0.568   c-0.786,0.533-1.696,0.815-2.633,0.815c-2.349,0-4.312-1.683-4.668-4.001L17.161,2h-1.778l-0.292,1.52   c-0.425,2.217-2.376,3.828-4.64,3.828c-0.937,0-1.847-0.281-2.634-0.813L6.537,5.666L5.279,6.922l0.626,0.854   c0.961,1.311,1.18,2.998,0.586,4.51c-0.594,1.513-1.902,2.599-3.499,2.906L2,15.383v1.779l1.046,0.161   c1.607,0.247,2.955,1.285,3.604,2.775s0.493,3.183-0.42,4.528l-0.567,0.838l1.257,1.257l0.854-0.626   c0.817-0.6,1.777-0.916,2.777-0.916c2.262,0,4.213,1.61,4.641,3.828L15.383,30z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M16,22c-3.309,0-6-2.691-6-6c0-3.309,2.691-6,6-6s6,2.691,6,6C22,19.308,19.309,22,16,22z M16,12   c-2.206,0-4,1.794-4,4s1.794,4,4,4c2.206,0,4-1.794,4-4S18.206,12,16,12z\"\/>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Functional<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"right\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"nine-cont\" id=\"nine\" class=\"node nine\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinNineContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Non Functional<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Network Strength \/ Outage \/ Recovery<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Different NW Types<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Peripheral Testing<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"25px\" height=\"33px\" viewBox=\"0 0 25 33\" enable-background=\"new 0 0 25 33\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M21.133,32.833H3.867c-1.921,0-3.484-1.562-3.484-3.483v-5.709c0-0.44,0.289-0.83,0.711-0.957   c0.423-0.13,0.878,0.036,1.122,0.403C2.888,24.097,4.01,24.7,5.217,24.7c1.985,0,3.601-1.615,3.601-3.601   c0-1.984-1.615-3.6-3.601-3.6c-1.207,0-2.329,0.603-3.001,1.612c-0.245,0.367-0.702,0.531-1.122,0.403   c-0.422-0.127-0.711-0.517-0.711-0.957v-6.476c0-1.92,1.563-3.483,3.484-3.483h4.186c-0.497-0.846-0.77-1.82-0.77-2.833   c0-3.088,2.512-5.6,5.6-5.6c3.089,0,5.602,2.512,5.602,5.6c0,1.013-0.272,1.987-0.771,2.833h3.419c1.921,0,3.484,1.562,3.484,3.483   v5.595c0,0.395-0.231,0.752-0.592,0.913c-0.359,0.162-0.782,0.095-1.075-0.168c-0.664-0.595-1.517-0.923-2.4-0.923   c-1.984,0-3.6,1.615-3.6,3.6c0,1.985,1.615,3.601,3.6,3.601c0.884,0,1.736-0.328,2.399-0.923c0.294-0.264,0.715-0.33,1.075-0.169   s0.593,0.519,0.593,0.913v4.828C24.617,31.271,23.054,32.833,21.133,32.833z M2.383,25.93v3.42c0,0.818,0.666,1.483,1.484,1.483   h17.266c0.818,0,1.484-0.665,1.484-1.483v-3.047c-0.652,0.261-1.354,0.397-2.067,0.397c-3.088,0-5.6-2.513-5.6-5.601   s2.512-5.6,5.6-5.6c0.714,0,1.414,0.137,2.067,0.397v-3.814c0-0.818-0.666-1.483-1.484-1.483h-5.708   c-0.44,0-0.829-0.289-0.957-0.71s0.036-0.877,0.402-1.122c1.011-0.673,1.614-1.794,1.614-3c0-1.985-1.615-3.6-3.602-3.6   c-1.984,0-3.6,1.615-3.6,3.6c0,1.206,0.603,2.328,1.613,3.001c0.367,0.244,0.53,0.7,0.402,1.122   c-0.127,0.422-0.516,0.71-0.957,0.71H3.867c-0.818,0-1.484,0.665-1.484,1.483v4.187c0.847-0.497,1.821-0.77,2.834-0.77   c3.088,0,5.601,2.512,5.601,5.6S8.305,26.7,5.217,26.7C4.204,26.7,3.229,26.428,2.383,25.93z\"\/>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Non<br>Functional<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"right\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"ten-cont\" id=\"ten\" class=\"node ten\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinTenContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Interrupt<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Voice \/ SMS interrupts<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Notifications<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Battery \/ Cable Removal<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"33px\" height=\"33px\" viewBox=\"0 0 33 33\" enable-background=\"new 0 0 33 33\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M16.588,31.785c-2.135,0-3.981-1.947-4.564-4.768H2.276c-0.244,0-0.466-0.146-0.562-0.371    c-0.098-0.229-0.05-0.486,0.12-0.666c0.628-0.656,1.228-1.167,1.755-1.616c1.299-1.106,2.084-1.774,2.084-3.503v-5.707    C5.7,10.242,8.968,5.872,13.509,4.598c0.22-0.998,1.065-3.383,3.039-3.383c1.953,0,2.713,2.431,2.94,3.447    c4.562,1.28,7.849,5.623,7.872,10.49v5.899c0,1.674,0.694,2.24,1.952,3.267c0.554,0.451,1.182,0.965,1.854,1.665    c0.167,0.178,0.217,0.436,0.121,0.664c-0.098,0.225-0.317,0.371-0.564,0.371h-9.568C20.57,29.838,18.722,31.785,16.588,31.785     M13.334,27.236c0.546,1.963,1.845,3.324,3.254,3.324c1.408,0,2.708-1.361,3.254-3.324H13.334z M3.805,25.793h25.374    c-0.222-0.189-0.435-0.363-0.641-0.528c-1.34-1.095-2.401-1.96-2.401-4.214v-5.896c-0.02-4.448-3.104-8.405-7.332-9.405    c-0.262-0.062-0.451-0.287-0.472-0.554c-0.012-0.172-0.136-2.606-1.785-2.606c-1.696,0-1.872,2.362-1.88,2.532    c-0.015,0.271-0.207,0.5-0.471,0.56c-4.206,0.996-7.276,4.98-7.298,9.475v5.707c0,2.289-1.164,3.282-2.515,4.432    C4.199,25.451,4.006,25.619,3.805,25.793\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M16.587,32.186c-2.253,0-4.186-1.902-4.884-4.768H2.276c-0.406,0-0.771-0.241-0.93-0.614    c-0.159-0.372-0.081-0.803,0.198-1.098c0.644-0.673,1.25-1.189,1.786-1.646c1.295-1.104,1.944-1.656,1.944-3.199v-5.707    c0.027-5.027,3.263-9.463,7.9-10.875c0.423-1.648,1.531-3.464,3.374-3.464c2.105,0,2.967,2.307,3.276,3.528    c4.661,1.417,7.913,5.827,7.938,10.807v5.901c0,1.483,0.565,1.945,1.805,2.956c0.53,0.433,1.191,0.972,1.89,1.698    c0.278,0.297,0.356,0.726,0.201,1.096c-0.164,0.377-0.529,0.617-0.934,0.617h-9.249C20.774,30.283,18.841,32.186,16.587,32.186z     M16.547,1.614c-1.917,0-2.579,2.755-2.648,3.069l-0.052,0.234l-0.231,0.065c-4.416,1.239-7.518,5.422-7.543,10.173v5.705    c0,1.912-0.884,2.666-2.223,3.806c-0.523,0.446-1.113,0.949-1.727,1.59c-0.06,0.063-0.076,0.151-0.042,0.232    c0.033,0.078,0.109,0.128,0.194,0.128h10.073l0.066,0.319c0.542,2.619,2.257,4.448,4.173,4.448c1.917,0,3.633-1.829,4.175-4.448    l0.066-0.319h9.894c0.087,0,0.163-0.05,0.197-0.13c0.032-0.076,0.016-0.166-0.046-0.231c-0.66-0.688-1.3-1.21-1.814-1.628    c-1.265-1.032-2.1-1.714-2.1-3.577v-5.899c-0.022-4.703-3.14-8.859-7.58-10.104L19.15,4.982l-0.053-0.233    C18.934,4.014,18.263,1.614,16.547,1.614z M16.587,30.961c-1.575,0-3.038-1.454-3.639-3.617l-0.141-0.508h7.561l-0.141,0.508    C19.626,29.507,18.163,30.961,16.587,30.961z M13.882,27.637c0.563,1.529,1.61,2.523,2.705,2.523c1.095,0,2.142-0.994,2.706-2.523    H13.882z M30.263,26.193H2.729l1.397-1.204c1.325-1.128,2.373-2.02,2.373-4.126v-5.707c0.022-4.678,3.221-8.826,7.605-9.864    c0.093-0.021,0.159-0.1,0.164-0.192c0.046-1.005,0.582-2.911,2.279-2.911c1.469,0,2.091,1.533,2.184,2.968    c0.008,0.103,0.074,0.182,0.165,0.203c4.407,1.042,7.62,5.16,7.641,9.792v5.898c0,2.062,0.943,2.833,2.25,3.901    c0.21,0.168,0.427,0.345,0.651,0.537L30.263,26.193z M4.886,25.393h23.178c-1.273-1.047-2.327-2.034-2.327-4.342v-5.896    c-0.019-4.265-2.973-8.058-7.023-9.016c-0.432-0.102-0.745-0.469-0.778-0.913c-0.025-0.388-0.204-2.237-1.387-2.237    c-1.366,0-1.479,2.129-1.48,2.151c-0.024,0.45-0.345,0.832-0.781,0.932c-4.026,0.953-6.966,4.775-6.987,9.086v5.705    C7.299,23.192,6.158,24.302,4.886,25.393z\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M19.654,5.996c-0.057,0-0.116-0.008-0.177-0.025c-3.244-0.99-5.922-0.16-5.949-0.152    c-0.32,0.102-0.662-0.075-0.767-0.396c-0.103-0.322,0.074-0.663,0.393-0.768c0.125-0.04,3.053-0.958,6.681,0.144    c0.321,0.099,0.504,0.442,0.406,0.763C20.162,5.826,19.918,5.996,19.654,5.996\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"#BBBBBB\" d=\"M19.653,6.396c-0.096,0-0.191-0.013-0.285-0.04c-1.025-0.312-2.092-0.47-3.176-0.47    c-1.497,0-2.504,0.303-2.546,0.315c-0.502,0.158-1.096-0.136-1.265-0.654c-0.168-0.529,0.123-1.099,0.647-1.272    c0.136-0.043,1.353-0.417,3.155-0.417c1.281,0,2.549,0.188,3.767,0.558c0.533,0.165,0.835,0.73,0.673,1.262    C20.497,6.1,20.098,6.396,19.653,6.396z M16.192,5.086c1.164,0,2.308,0.169,3.402,0.502l0.06,0.008    c0.094,0,0.178-0.062,0.204-0.149c0.033-0.111-0.031-0.232-0.142-0.266c-1.141-0.347-2.33-0.523-3.532-0.523    c-1.71,0-2.86,0.362-2.908,0.377c-0.109,0.036-0.169,0.153-0.133,0.266c0.028,0.086,0.109,0.146,0.201,0.146    C13.529,5.401,14.604,5.086,16.192,5.086z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Interrupt<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t<li data-placement=\"right\" data-trigger=\"hover\" data-toggle=\"popover\" data-title=\"eleven-cont\" id=\"eleven\" class=\"node eleven\" data-original-title=\"\" title=\"\">\r\n\t\t\t\t\t<a href=\"javascript:void(0)\">\r\n\t\t\t\t\t\t<div style=\"display:none;\" class=\"popovercontent\" id=\"pinElevenContent\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<h2 class=\"yellow\">Memory Leak<\/h2>\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li>Memory Usage<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Memory Leaks<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>Garbage Collection<\/li>\r\n\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<div class=\"cnav active\"><div class=\"to\"><div class=\"t\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"27.477px\" height=\"30.373px\" viewBox=\"0 0 27.477 30.373\" enable-background=\"new 0 0 27.477 30.373\" xml:space=\"preserve\" class=\"svg replaced-svg\">\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M13.916,25.203H2.896c-0.494,0-0.896-0.4-0.896-0.893v-5.483c0.611-0.257,0.611-1.091,0.611-1.528v-0.425   c0-0.432,0-1.251-0.611-1.519v-4.8c0.611-0.257,0.611-1.091,0.611-1.528V7.583c0-0.431,0-1.248-0.611-1.515V2.892   C2,2.4,2.401,2,2.896,2h16.812c0.494,0,0.896,0.4,0.896,0.892v3.092c-0.729,0.049-1.29,0.734-1.29,1.599v1.444   c0,0.866,0.561,1.552,1.29,1.602V12.1h2.001v-1.931c0-0.762-0.56-1.397-1.291-1.517V7.96c0.731-0.119,1.291-0.755,1.291-1.519   V2.892C22.604,1.297,21.306,0,19.708,0H2.896C1.3,0,0,1.297,0,2.892v3.549c0,0.497,0.236,0.941,0.611,1.222v1.28   C0.24,9.224,0,9.669,0,10.169v5.56c0,0.498,0.236,0.94,0.611,1.223v0.264C0.24,17.496,0,17.941,0,18.441v5.869   c0,1.596,1.3,2.893,2.896,2.893h11.021V25.203z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M21.164,30.373c-3.48,0-6.312-2.832-6.312-6.312c0-3.353,5.545-10.531,5.602-10.604   c0.31-0.419,1.088-0.433,1.423,0.001c0.229,0.297,5.6,7.31,5.6,10.603C27.477,27.541,24.645,30.373,21.164,30.373z M21.164,15.521   c-2.251,3.119-4.512,6.847-4.512,8.539c0,2.487,2.024,4.512,4.512,4.512c2.49,0,4.517-2.024,4.517-4.512   C25.681,22.365,23.418,18.639,21.164,15.521z\"\/>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"#BBBBBB\" d=\"M20.852,27.808c-0.282,0-0.531-0.18-0.62-0.447c-0.108-0.35,0.083-0.716,0.425-0.822   c1.517-0.485,2.688-1.691,3.132-3.226c0.09-0.339,0.467-0.55,0.805-0.446c0.339,0.096,0.541,0.455,0.445,0.802   c-0.563,1.96-2.055,3.495-3.99,4.107C21.007,27.794,20.935,27.808,20.852,27.808z M24.428,23.346c-0.093,0-0.143,0.042-0.158,0.101   c-0.49,1.699-1.785,3.032-3.463,3.569c-0.079,0.024-0.124,0.112-0.099,0.191c0.019,0.058,0.078,0.101,0.144,0.101   c0.02,0,0.026-0.002,0.026-0.002c1.794-0.569,3.162-1.978,3.679-3.774c0.021-0.078-0.024-0.163-0.104-0.186   C24.443,23.346,24.436,23.346,24.428,23.346z\"\/>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<g>\r\n<\/g>\r\n<\/svg><div class=\"name\">Memory<br>Leak<\/div><\/div><\/div><\/div>\r\n\t\t\t\t<\/li>\r\n\t\t\t<\/ul>\r\n\t\t\t<div class=\"nac_content\">\r\n\t\t\t\t<div id=\"one-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">App Performance<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>CPU Usage Testing<\/li>\r\n\t\t\t\t\t\t<li>Network Usage<\/li>\r\n\t\t\t\t\t\t<li>Page Render Time or Activity Render Time<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"two-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Usability<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>User Experience<\/li>\r\n\t\t\t\t\t\t<li>Competitive Analysis<\/li>\r\n\t\t\t\t\t\t<li>Expert Review<\/li>\r\n\t\t\t\t\t<\/ul>\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"three-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Installation<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>New App Install<\/li>\r\n\t\t\t\t\t\t<li>Uninstall and Reinstall<\/li>\r\n\t\t\t\t\t\t<li>Upgrade Testing<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"four-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Vulnerability<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>OWASP Vulnerabilities<\/li>\r\n\t\t\t\t\t\t<li>Dynamic Testing<\/li>\r\n\t\t\t\t\t\t<li>Static Code Analysis<\/li>\r\n\t\t\t\t\t\t<li>Data Encryption<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"five-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Language<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Validation for Locales<\/li>\r\n\t\t\t\t\t\t<li>Images and Text<\/li>\r\n\t\t\t\t\t\t<li>Currencies, Time Zones Etc.<\/li>\r\n\t\t\t\t\t\t<li>Context<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"six-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Security<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Security Auditing<\/li>\r\n\t\t\t\t\t\t<li>Vulnerability &ndash; Scanning<\/li>\r\n\t\t\t\t\t\t<li>Security Scanning<\/li>\r\n\t\t\t\t\t\t<li>Penetrating Testing<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"seven-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Memory<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Review of Cache<\/li>\r\n\t\t\t\t\t\t<li>Data Storage Mechanism<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"eight-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Functional<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Validation of Functionality<\/li>\r\n\t\t\t\t\t\t<li>Smoke \/ Regressions Testing<\/li>\r\n\t\t\t\t\t\t<li>Offline Access Testing<\/li>\r\n\t\t\t\t\t\t<li>Negative Testing<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"nine-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Non Functional<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Network Strength \/ Outage \/ Recovery<\/li>\r\n\t\t\t\t\t\t<li>Different NW Types<\/li>\r\n\t\t\t\t\t\t<li>Peripheral Testing<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"ten-cont\" class=\"cont\" style=\"display: none;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Interrupt<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Voice \/ SMS Interrupts<\/li>\r\n\t\t\t\t\t\t<li>Notifications<\/li>\r\n\t\t\t\t\t\t<li>Battery \/ Cable Removal<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"eleven-cont\" class=\"cont\" style=\"display: block;\">\r\n\t\t\t\t\t<h2 class=\"yellow\">Memory Leak<\/h2>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li>Memory Usage<\/li>\r\n\t\t\t\t\t\t<li>Memory Leaks<\/li>\r\n\t\t\t\t\t\t<li>Garbage Collection<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n<\/pre>\n
2. Integrate the accompanying CSS code into your stylesheet. This code controls the appearance, layout, and responsiveness of the circular menu. Customize the styles according to your website’s theme and design preferences.<\/p>\n
.lblog .box .desc .date.alignnone { margin: 5px 20px 20px 0; }\r\n.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }\r\n.alignright { float: right; margin: 5px 0 20px 20px; }\r\n.alignleft { float: left; margin: 5px 20px 20px 0; }\r\n.aligncenter { display: block; margin: 5px auto 5px auto; }\r\na img.alignright { float: right; margin: 5px 0 20px 20px; }\r\na img.alignnone { margin: 5px 20px 20px 0; }\r\na img.alignleft { float: left; margin: 5px 20px 20px 0; }\r\na img.aligncenter { display: block; margin-left: auto; margin-right: auto }\r\n.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 0 10px; text-align: center; }\r\n.wp-caption.alignnone { margin: 5px 20px 20px 0; }\r\n.wp-caption.alignleft { margin: 5px 20px 20px 0; }\r\n.wp-caption.alignright { margin: 5px 0 20px 20px; }\r\n.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }\r\n.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 15px 4px 5px; }\r\nhtml { background: #fff; }\r\nbody { font-family: 'Open Sans', sans-serif; height: auto !important; background: #fff; color: #666; font-size: 16px; line-height: 1.428571429; -webkit-backface-visibility: hidden; } \r\n* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }\r\nform { margin: 0; }\r\nbody, input, button, select, textarea, .navbar-search .search-query { font-weight: 400; -webkit-font-smoothing: antialiased; }\r\nlabel { font-weight: normal; font-size: inherit; }\r\nh1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; color: #333; font-weight: 300; line-height: 120%; }\r\nh1 { margin:0 0 15px 0; font-size: 48.5px; }\r\nh1, h2 { letter-spacing: -1px; }\r\nsmall { line-height: 14px; }\r\ncode, pre { padding: 2px 5px; border: none; border-radius: 0; background-color: #f5f5f5; color: #dd3f19; font-size: 13px; font-family: Menlo, Consolas, \"Courier New\", monospace; }\r\npre { padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }\r\np { margin: 0 0 20px; }\r\np img { margin: 10px 0; }\r\np img.wp-smiley { margin: 0; }\r\nul, ol { margin: 0 0 20px 25px; }\r\na, a > * { text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }\r\na, a > *, a:focus { color: #333; }\r\n.p-lr-0{ padding-left: 0px !important; padding-right: 0px !important;}\r\n\/*a:hover { color: #dd3f19; }*\/\r\na:hover { color:#F67107; }\r\na:focus, a:hover, a:focus, .btn:focus { outline: none; text-decoration: none; }\r\na i, a i > *, a i:focus { color: #fff; }\r\na.inverse, a > *.inverse, a.inverse:focus { color: #dd3f19; }\r\na.inverse:hover { color: #333; }\r\na.light-gray, a > *.light-gray, a.light-gray:focus, a.light-gray i, a.light-gray i > *, a.light-gray i:focus { color: #adadad; }\r\na.light-gray:hover, a.light-gray:hover i { color: #dd3f19; }\r\nhr { margin: 0; border: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #ffffff; }\r\nblockquote { position: relative; margin: 0 0 20px; padding: 5px 0 5px 25px; border-left: 3px solid #e5e5e5; font-size: 125%; }\r\nblockquote p { margin: auto; font-weight: inherit; font-size: inherit; line-height: inherit; }\r\nblockquote small { margin-top: 10px; }\r\nblockquote cite { color: #dd3f19; }\r\n.row-fluid [class*=\"span\"] { min-height: inherit; }\r\n.content { position: relative; width: 100%; background: #fff; z-index: 1; }\r\n.upper { text-transform: uppercase; }\r\n.bolder { font-weight: 400; }\r\n.headline { margin-bottom: 15px; color: #7f7f7f; color: rgba(0, 0, 0, .5); font-size: 122%; line-height: 1.6; }\r\n.headline.text-center { padding: 0 80px; }\r\n .p-lr-0{ padding-left:0px; padding-right:0px;}\r\n .m-b-20{margin-bottom:20px;}\r\np:empty { display: none; }\r\np.no-margin, p.no-margin img { margin: 0; }\r\n.loose li { padding: .25em 0; }\r\n.gap10 { height: 10px; }\r\n.gap20 { height: 20px; }\r\n.gap30 { height: 30px; }\r\n.gap40 { height: 40px; }\r\n.gap50 { height: 50px; }\r\n.gap60 { height: 60px; }\r\n.gap70 { height: 70px; }\r\n.gap80 { height: 80px; }\r\n.gap90 { height: 90px; }\r\n.gap100 { height: 100px; }\r\n.gap114 { height: 110px; }\r\n\r\n\/* Backup - 09-12-2015 Testing javascript Conflict. (Sunny - Dhaval)\r\n.fadeFromTop { position: relative; top: -50px; opacity: 0; }\r\n.fadeFromBottom { position: relative; top: 50px; opacity: 0; }\r\n.fastFadeFromTop { position: relative; top: -50px; opacity: 0; }\r\n.fastFadeFromBottom { position: relative; top: 50px; opacity: 0; }*\/\r\n\r\n.fadeFromTop { position: relative; top: 00px; opacity: 1 !important; }\r\n.fadeFromBottom { position: relative; top: 00px; opacity: 1 !important; }\r\n.fastFadeFromTop { position: relative; top: 00px; opacity: 1 !important; }\r\n.fastFadeFromBottom { position: relative; top: 00px; opacity: 1 !important; }\r\n\r\n.pull-top { margin-top: -475px; }\r\n.contact-bar, .search-bar { position: fixed; left: 0; z-index: 1040; width: 100%; background: #FBAD42; color: #fff; color: rgba(255, 255, 255, .6); }\r\n.contact-bar .container { padding: 20px 0; }\r\n.search-bar .container { padding: 50px 0; }\r\n.contact-bar .close, .search-bar .close { position: absolute; top: 12px; right: 12px; color: #fff; font-weight: 300; font-size: 50px; opacity: .4; filter: alpha(opacity=40); }\r\n.contact-bar .close:hover, .search-bar .close:hover { opacity: 1; filter: alpha(opacity=100); }\r\n.contact-bar h3 { color: #fff; }\r\n.contact-bar p { color: #fff; color: rgba(255, 255, 255, .6); }\r\n.contact-bar .btn-simple.btn-inverse:hover { background: #333; }\r\n.search-bar input[type=\"text\"].input-inverse { height: auto; border-color: #fff; border-color: rgba(255, 255, 255, .4); font-size: 20px; line-height: 26px; }\r\n.search-bar input[type=\"text\"].input-inverse:focus { border-color: #fff; }\r\n.contact-bar-corner, .search-bar-corner { position: absolute; top: 0; left: 50%; display: none; margin-left: -7px; border-top: 7px solid #dd3f19; border-right: 7px solid transparent; border-left: 7px solid transparent; }\r\nheader { background: #fff; }\r\nheader .navbar-fixed-top .navbar-inner { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\nheader .navbar-inner { border: none;  background: -moz-linear-gradient(center top, #fafafa, #d2d4d4) repeat scroll 0 0 rgba(0, 0, 0, 0) filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);\r\n-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }\r\nheader .navbar .btn-navbar { margin: 44px 0; padding: 0; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; text-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }\r\nheader .sticky.navbar .btn-navbar { margin: 24px 0; }\r\nheader .navbar-fixed-top .navbar-inner { height: 110px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.055); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.055); -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.055); -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.055); }\r\nheader .navbar .btn-navbar:hover, header .navbar .btn-navbar:focus, header .navbar .btn-navbar:active, header .navbar .btn-navbar.active, header .navbar .btn-navbar.disabled, header .navbar .btn-navbar[disabled] { background: transparent; }\r\nheader .navbar .btn-navbar .icon-bar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\nheader .navbar .brand { margin: auto; padding: 0; max-width: 250px; max-height: 70px; color: #fff; text-transform: uppercase; text-shadow: none; }\r\nheader .sticky.navbar .brand { max-height: 65px; }\r\nheader .navbar .brand span { color: #fff; }\r\nheader .navbar .brand img { \/*max-height:47px !important;*\/ max-height:67px !important; }\r\nheader .sticky.navbar .brand img { max-height: 100%; }\r\nheader .navbar .nav > li > a { position: relative; padding-top: 40px; padding-bottom: 40px; color: rgba(255, 255, 255, .6); text-transform: uppercase; text-shadow: none; font-weight: 600; font-size: 11px; }\r\nheader .sticky.navbar .nav > li > a { padding-top: 20px; padding-bottom: 20px; }\r\nheader .navbar .nav > li > a:focus, header .navbar .nav > li > a:hover, header .navbar .nav > .active > a, header .navbar .nav > .active > a:hover, header .navbar .nav > .active > a:focus { background: rgba(0, 0, 0, .4); -webkit-box-shadow: inset 0 -2px 0 #dd3f19; -moz-box-shadow: inset 0 -2px 0 #dd3f19; box-shadow: inset 0 -2px 0 #dd3f19; color: #fff; }\r\nheader .navbar .nav li.dropdown > a:hover .caret, header .navbar .nav li.dropdown > a:focus .caret { border-top-color: #dd3f19; border-bottom-color: #dd3f19; }\r\nheader .navbar .nav li.dropdown.open > .dropdown-toggle, header .navbar .nav li.dropdown.active > .dropdown-toggle, header .navbar .nav li.dropdown.open.active > .dropdown-toggle { background: rgba(0, 0, 0, .4); color: #fff; }\r\nheader .navbar .nav .dropdown-toggle .caret { position: absolute; bottom: -4px; left: 50%; margin: 5px 0 0 -3px; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; }\r\nheader .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: rgba(0, 0, 0, .6); border-bottom-color: rgba(0, 0, 0, .6); }\r\nheader .sticky.navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: rgba(0, 0, 0, .8); border-bottom-color: rgba(0, 0, 0, .8); }\r\nheader .sticky.navbar .nav li.dropdown > a:hover .caret { border-top-color: #dd3f19; border-bottom-color: #dd3f19; }\r\nheader .navbar .nav li.dropdown.open > .dropdown-toggle .caret, header .navbar .nav li.dropdown.active > .dropdown-toggle .caret, header .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #dd3f19; border-bottom-color: #dd3f19; }\r\nheader .dropdown-menu { margin-top: 5px; padding: 10px 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, .8); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }\r\nheader .sticky .dropdown-menu { background: rgba(34, 34, 34, .98); }\r\nheader .dropdown-menu > li > a { margin: 0; padding: 6px 20px; color: rgba(255, 255, 255, .8); font-size: 12px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }\r\nheader .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus, header .dropdown-submenu:hover > a, header .dropdown-submenu:focus > a, header .dropdown-menu > .active > a, header .dropdown-menu > .active > a:hover, header .dropdown-menu > .active > a:focus { background: #dd3f19;  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dd3f19', endColorstr='#dd3f19', GradientType=0);\r\n-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }\r\nheader .navbar .nav > li > .dropdown-menu:before { display: none; }\r\nheader .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -4px; left: 10px; display: inline-block; display: none; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, .8); border-left: 4px solid transparent; content: ''; }\r\nheader .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: auto; left: 0; }\r\nheader .navbar .pull-right > li > .dropdown-menu:after, header .navbar .nav > li > .dropdown-menu.pull-right:after { right: auto; }\r\nheader .dropdown-submenu > a:after { margin-right: -30px; border-width: 3px 0 3px 3px; border-left-color: rgba(255, 255, 255, .6); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }\r\nheader .navbar .search-bar-btn i { color: rgba(255, 255, 255, .6); }\r\nheader .navbar .search-bar-btn:hover i { color: #ff7302; }\r\n.open > .dropdown-menu { -webkit-animation-name: slidenavAnimation; -moz-animation-name: slidenavAnimation; animation-name: slidenavAnimation; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; animation-duration: .2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }\r\n@keyframes slidenavAnimation {  from {\r\n opacity: 0;\r\n}\r\nto { opacity: 1; }\r\n}\r\n@-webkit-keyframes slidenavAnimation {  from {\r\n opacity: 0;\r\n}\r\nto { opacity: 1; }\r\n}\r\nfooter { left: 0; width: 100%; float: left; background-color: #222; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; color: rgba(255, 255, 255, .3); text-align: center; font-size: 12px; }\r\n.content { margin-bottom: 0px !important; }\r\nfooter .widget { margin: 50px 0; }\r\nfooter a { color: #fff; color: rgba(255, 255, 255, .6); }\r\nfooter .top-tier { }\r\nfooter .brand { display: block; height: 60px; }\r\nfooter .brand img { max-height: 100%; }\r\nfooter .social-links { display: inline-block; margin: 10px 0 0; padding: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 0 1px #d9d9d9; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); -moz-box-shadow: inset 0 0 0 1px #d9d9d9; -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); box-shadow: inset 0 0 0 1px #d9d9d9; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }\r\nfooter .social-links li { display: inline; margin: 0; }\r\nfooter .social-links a { margin: 0; padding: 0 8px; text-align: center; opacity: 0.5; }\r\nfooter .social-links a:hover { opacity: 1; }\r\nfooter .bottom-tier { padding: 25px 0; background: #1b1b1b; }\r\nfooter .copyright { margin: 0; }\r\nfooter .copyright li { float: left; list-style: none; margin: 0 7px; }\r\n.page-title { margin: 0; padding: 165px 0 84px; width: 100%; border: none; background-position: 49% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; color: #fff; text-align: center; -webkit-backface-visibility: hidden; z-index: 1; position: relative; }\r\n.page-title h1 { z-index: 2; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); font-size: 48px; }\r\n.page-title p { z-index: 2; margin: 0; padding: 0 150px; color: #fff; color: rgba(255, 255, 255, 0.7); font-weight: 300; font-size: 22px; font-family: \"myriad-pro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif; line-height: 1.5; }\r\n.page-title.page-title-high { padding: 175px 0 145px; }\r\n.page-title.page-title-high h1 { font-size: 100px; }\r\n.page-title.page-title-high p { padding: 0; font-size: 30px; }\r\n.background-video { position: absolute; top: 0 !important; left: 0 !important; overflow: hidden; width: 100%; height: 100%; }\r\n.background-video video { position: relative; min-width: 100%; min-height: 100%; }\r\n[data-stellar-ratio] {\r\n z-index: 1;\r\n position: relative;\r\n}\r\n@media (max-width: 979px) {\r\nbody { padding-right: 0; padding-left: 0; }\r\n.navbar-fixed-top { position: fixed; margin-bottom: 0; }\r\n.navbar-fixed-top { margin-right: 0; margin-left: 0; }\r\n.navbar-fixed-top .navbar-inner,  .navbar-fixed-bottom .navbar-inner { padding: 0; }\r\nheader .navbar .brand { width: 160px; position: absolute; }\r\nheader .navbar .nav > li > a { padding-top: 10px; padding-bottom: 10px; }\r\nheader .navbar .nav > li > a:focus,  header .navbar .nav > li > a:hover,  header .navbar .nav > .active > a,  header .navbar .nav > .active > a:hover,  header .navbar .nav > .active > a:focus { background: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; }\r\nheader .navbar .nav li.dropdown.open > .dropdown-toggle,  header .navbar .nav li.dropdown.active > .dropdown-toggle,  header .navbar .nav li.dropdown.open.active > .dropdown-toggle { background: #666; }\r\nheader .navbar .nav li.dropdown.open > .dropdown-toggle:hover,  header .navbar .nav li.dropdown.active > .dropdown-toggle:hover,  header .navbar .nav li.dropdown.open.active > .dropdown-toggle:hover { background: #dd3f19; }\r\nheader .sticky.navbar .nav > li > a { padding-top: 10px; padding-bottom: 10px; }\r\nheader .sticky .dropdown-menu { background: none; }\r\nheader .nav-collapse .nav > li > a,  header .nav-collapse .dropdown-menu a { color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }\r\nheader .nav-collapse .nav > li > a:hover,  header .nav-collapse .nav > li > a:focus,  header .nav-collapse .dropdown-menu a:hover,  header .nav-collapse .dropdown-menu a:focus { background-color: #dd3f19; }\r\nheader .navbar .nav .dropdown-toggle .caret { display: none; }\r\n.flex-direction-nav .flex-prev { opacity: 1 !important; left: 30px !important; }\r\n.flex-direction-nav .flex-next { opacity: 1 !important; right: 30px !important; }\r\n.page-title h1 { font-size: 38px; }\r\n.page-title p { font-size: 16px; padding: 0 50px; }\r\n.page-title.page-title-high { padding: 175px 0 145px; }\r\n.page-title.page-title-high h1 { font-size: 60px; }\r\n.page-title.page-title-high p { padding: 0; font-size: 24; }\r\n.single-portfolio .page-title { padding-bottom: 325px; }\r\n.pull-top { margin-top: -375px; }\r\n.single-portfolio .page-title h1 { font-size: 60px; }\r\n.single-portfolio .page-title p { font-size: 23px; }\r\n}\r\n@media (max-width: 767px) {\r\nh1 { font-size: 30px; }\r\n.headline.text-center { padding: 0; }\r\n.portfolio-fullwidth .filterable-items .row-fluid .span4 { width: 100%;  *width: 100%;\r\n}\r\n.portfolio-fullwidth .filterable-items .row-fluid .span6 {  width: 100%%;\r\n}\r\n.portfolio-fullwidth .filterable-items .row-fluid .span3 { width: 100%; }\r\n.page-title h1 { font-size: 30px; }\r\n.page-title p { font-size: 16px; padding: 0; }\r\n.page-title.page-title-high h1 { font-size: 30px; }\r\n.page-title.page-title-high p { padding: 0; font-size: 16px; }\r\n.single-portfolio .page-title { padding-bottom: 225px; }\r\n.pull-top { margin-top: -275px; }\r\n.single-portfolio .page-title h1 { font-size: 36px; }\r\n.single-portfolio .page-title p { font-size: 18px; padding: 10px 0 30px; }\r\n\r\n.menu_mobile a i { display: none; }\r\n.left-menu-height-6 { height: auto !important; }\r\n.menubg-about { height: auto !important; background: none !important; }\r\n.menubg-service { height: auto !important; background: none !important; }\r\n.menubg-tool-platform { height: auto !important; background: none !important; }\r\n.suppa_rwd_submenu .menu_mobile { padding-bottom: 0 !important; }\r\n.suppaMenu_rwd_wrap .suppa_rwd_menu a div.menu-right-buton { background: none; color: #000; float: left; width: auto; padding-left: 25px; }\r\n.menubg-tool-customers { height: auto !important; background: none !important; }\r\n.menubg-partners { height: auto !important; background: none !important; }\r\n.menubg-resource { height: auto !important; background: none !important; }\r\n}\r\n@media (max-width: 320px) {\r\nh1 { font-size: 24px; }\r\n}\r\n@media (max-width: 640px) {\r\n.qas_ul ul { margin: 0px; }\r\n.qas_ul ul li { text-align: center !important; }\r\n.backgrounded.fastFadeFromTop.qas-s5 p { width: 92%; }\r\n}\r\n.com { color: #93a1a1; }\r\n.lit { color: #195f91; }\r\n.pun, .opn, .clo { color: #93a1a1; }\r\n.fun { color: #dc322f; }\r\n.str, .atv { color: #dd3f19; }\r\n.kwd, .prettyprint .tag { color: #3a77c1; }\r\n.typ, .atn, .dec, .var { color: #44a22d; }\r\n.pln { color: #48484c; }\r\n.prettyprint { padding: 8px 15px; }\r\n.prettyprint.linenums { }\r\nol.linenums { margin: 0 0 0 33px; }\r\nol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: none; }\r\n.single-portfolio .page-title { padding-bottom: 425px; padding-top: 130px; }\r\n.single-portfolio .page-title.page-title-high h1 { font-size: 82px; }\r\n.single-portfolio .page-title p { padding: 10px 100px 30px; border-bottom: 1px solid rgba(255, 255, 255, .2); }\r\n.single-portfolio .page-title.page-title-high p { font-size: 23px; }\r\n.project-details { position: relative; z-index: 100; margin-top: 30px; }\r\n.project-details .info { text-align: left; font-size: 14px; line-height: 24px; }\r\n.project-nav a { float: left; margin-left: 5px; width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-size: 35px 35px; background-repeat: no-repeat; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); color: rgba(255, 2555, 255, .4); text-align: center; line-height: 33px; }\r\n.project-nav a:hover { background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; }\r\n.project-nav a.prev { background-image: url(..\/img\/pagination_prev_inverse.png); }\r\n.project-nav a.next { background-image: url(..\/img\/pagination_next_inverse.png); }\r\n.project-nav a.list { background-image: url(..\/img\/pagination_list_inverse.png); }\r\n.single-portfolio .project-info { font-size: 14px; line-height: 22px; }\r\n#to-top { position: fixed; right: 30px; bottom: 30px; z-index: 9999; width: 45px; height: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #333; background-color: rgba(0, 0, 0, .5); background-image: url(..\/img\/to_top.png); background-size: 45px 45px; background-repeat: no-repeat; text-align: center; font-size: 20px; line-height: 45px; }\r\n#to-top:hover { background-color: #ff7302; }\r\n#to-top i { color: #fff; }\r\n.post { margin-bottom: 65px; font-size: 14px; line-height: 1.6; }\r\n.post:first-child { margin-top: 0; }\r\n.post .media-body > img, .post .media-body .picture-slider, .post .media-body .fluid-width-video-wrapper { margin-bottom: 25px; \/*max-width: 100%;*\/ }\r\n.post .media-body .btn { margin-top: 10px; }\r\n.post .date { position: relative; display: table; float: left; margin: 0 20px 0 0; width: 60px; height: 60px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #dd3f19; text-align: center; font-size: 12px; line-height: 1.2; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }\r\n.post .date:after { position: absolute; top: 10px; right: -5px; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #dd3f19; content: ''; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }\r\n.post .date:hover { background: #666; }\r\n.post .date:hover:after { border-left: 5px solid #666; }\r\n.post .date a { display: table-cell; margin: 0 auto; width: 100%; color: #fff; vertical-align: middle; }\r\n.post .date i { font-size: 24px; }\r\n.post h2 { margin: 0 0 15px; font-size: 48px; }\r\n.post h2 a { color: #333; }\r\n.post h2 a:hover { color: #dd3f19; }\r\n.post-meta { display: inline-block; margin-bottom: 10px; border-bottom: 1px solid #dd3f19; }\r\n.post-meta > div { display: inline-block; color: #adadad; }\r\n.post-meta a { color: #adadad; }\r\n.post-meta a:hover { color: #dd3f19; }\r\n.post-entry { overflow: hidden; zoom: 1; text-align: left; }\r\n.post-entry a { color:#F67107; }\r\n.post-entry a:hover { text-decoration: underline; }\r\n.media, .media-body { text-align: center; }\r\n.thumbnail { display: block; margin-bottom: 50px; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\n.thumbnail .thumb { position: relative; text-align: center; }\r\n.thumbnail .caption { padding: 25px 0 5px; text-align: center; }\r\n.thumbnail .caption h4 { margin: 0 0 5px; text-align: center; }\r\n.thumbnail .caption p { text-align: center; font-size: 12px; }\r\n.thumbnail .caption hr { margin: 0 auto 20px; width: 50%; }\r\n.thumbnail .caption .categores { margin-bottom: 10px; color: #a5a5a5; text-align: center; font-size: 11px; }\r\n.thumbnail.team { margin-bottom: 20px; }\r\n.thumbnail.team .caption .categores { margin-bottom: 20px; }\r\n.thumbnail .post-meta { display: block; padding: 9px 25px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 11px; }\r\n.thumbnail .post-meta > div { margin: 0 5px; }\r\n.comments { font-size: 12px; }\r\n.comments-title { margin-left: 80px; }\r\n.comment-respond { margin-top: 20px; margin-left: 80px; }\r\n.comment-respond p { margin-bottom: 10px !important; }\r\n.comment-respond code { white-space: pre-line; }\r\n.comment-reply-title { margin-bottom: 15px; }\r\np.form-allowed-tags { margin-bottom: 20px !important; }\r\n.comments .media, .comments .media .media { margin-top: 25px; }\r\n.comments .media > .media { margin-left: 80px; }\r\n.comments .madia-image { position: relative; float: left; overflow: hidden; margin: 0 20px 0 0; width: 60px; height: 60px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }\r\n.comments .media-body { padding-top: 20px; border-top: 1px solid #e5e5e5; }\r\n.comments li:last-child > .media-body { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }\r\n.comments .date { display: inline-block; margin-bottom: 5px; }\r\n.comments p { margin: 0; }\r\n.comments-form { margin-left: 80px; }\r\n.filters { }\r\na.filters-btn:hover { background: transparent; -webkit-box-shadow: inset 0 0 0 1px #e5e5e5; -moz-box-shadow: inset 0 0 0 1px #e5e5e5; box-shadow: inset 0 0 0 1px #e5e5e5; color: #dd3f19; }\r\na.filters-btn:hover i { color: #dd3f19; }\r\n.filters-set { position: relative; top: -1px; display: none; padding: 10px 25px; height: auto; border: 1px solid #e5e5e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }\r\n.filters-set a { display: block; margin: 7px 0 5px; color: #5c5c5c; font-size: 15px; }\r\n.filters-set a:hover, .filters-set a:hover i { color: #dd3f19; }\r\n.filters-set a i { margin-right: 3px; color: #5c5c5c; font-size: 14px; }\r\n.filterable-items > .row { padding-bottom: 20px; }\r\n.grid-item { position: relative; overflow: hidden; margin-bottom: 25px; text-align: center; -webkit-backface-visibility: hidden; }\r\n.grid-item .thumb { position: relative; overflow: hidden; text-align: center; -webkit-backface-visibility: hidden; }\r\n.grid-item .thumb span { position: relative; right: 50%; -webkit-backface-visibility: hidden; }\r\n.grid-item .thumb span > img { margin-right: -100%; margin-bottom: -5px; }\r\n.grid-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-backface-visibility: hidden; }\r\n.grid-item .overlay:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }\r\n.grid-item .thumb:hover .overlay { top: 0; background: rgba(0, 0, 0, .8); opacity: 1; }\r\n.grid-item .title { margin-top: 10px; margin-bottom: 5px; font-size: 18px; }\r\n.grid-item .like-btn, .grid-item .like-btn i { font-size: 12px; }\r\n.portfolio-fullwidth .filterable-items .row-fluid .span4 { width: 33.2%;  *width: 33.333333333333333%;\r\n}\r\n.portfolio-fullwidth .filterable-items .row-fluid .span6 {  width: 49.8%%;\r\n}\r\n.portfolio-fullwidth .filterable-items .row-fluid .span3 { width: 24.9%; }\r\n.portfolio-fullwidth .filterable-items .row-fluid [class*=\"span\"] { margin: 0; }\r\n.portfolio-fullwidth .grid-item { margin: 0; width: 103%; height: auto; }\r\n.portfolio-fullwidth .gap20, .portfolio-fullwidth .gap60, .portfolio-fullwidth .gap100 { display: none; }\r\n.portfolio-fullwidth .filters { border-bottom: 2px solid #dd3f19; background-color: #333; }\r\n.portfolio-fullwidth a.filters-btn { padding: 10px 15px; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, .6); }\r\n.portfolio-fullwidth a.filters-btn:hover { background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\n.portfolio-fullwidth a.filters-btn i { color: rgba(255, 255, 255, .6); }\r\n.portfolio-fullwidth .filters-set { top: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\n.portfolio-fullwidth .filters-set a { color: rgba(255, 255, 255, .6); }\r\n.portfolio-fullwidth .filters-set a:hover, .portfolio-fullwidth .filters-set a:hover i { color: #fff; }\r\n.portfolio-fullwidth .filters-set a i { color: rgba(255, 255, 255, .6); }\r\n.portfolio-fullwidth .container.fastFadeFromTop { display: none; }\r\n.portfolio-fullwidth #load-more-items { padding: 10px 0; min-height: inherit; border-top: 2px solid #dd3f19; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #222; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, .6); }\r\n.portfolio-fullwidth #load-more-items:hover { background-color: #dd3f19; }\r\n.project-navbar { position: fixed; top: 100px; z-index: 1040; display: none; width: 100%; background: #111; background: rgba(0, 0, 0, .5); text-align: center; }\r\n.project-navbar .container { padding: 5px 0; }\r\n.project-navbar .project-nav { display: inline-block; }\r\n.like-btn, .like-btn i, .like-btn span { color: #adadad; }\r\n.like-btn:hover, .like-btn:hover i, .like-btn:hover span { color: #dd3f19; }\r\n.like-btn.active, .like-btn.active i, .like-btn.active span { color: #dd3f19; }\r\n.page-template-page-blog-php .pagination { margin-left: 80px; padding-top: 30px; border-top: 1px solid #e5e5e5; font-size: 14px; }\r\n.pagination { margin: 0; text-align: center; }\r\n.pagination a, .pagination span { width: 35px; height: 35px; color: #666; text-align: center; text-decoration: none; line-height: 35px; }\r\n.pagination a:hover { color: #dd3f19; }\r\n.pagination .divider { margin: 0 5px; color: #adadad; }\r\n.pagination .prev, .pagination .next { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-size: 35px 35px; background-repeat: no-repeat; -webkit-box-shadow: inset 0 0 0 1px #d9d9d9; -moz-box-shadow: inset 0 0 0 1px #d9d9d9; box-shadow: inset 0 0 0 1px #d9d9d9; text-indent: -9999px; }\r\n.pagination .prev { float: left; background-image: url(..\/img\/pagination_prev.png); }\r\n.pagination .next { float: right; background-image: url(..\/img\/pagination_next.png); }\r\n.pagination a.prev:hover, .pagination a.next:hover { background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\n.pagination a.prev:hover { float: left; background-image: url(..\/img\/pagination_prev_inverse.png); }\r\n.pagination a.next:hover { float: right; background-image: url(..\/img\/pagination_next_inverse.png); }\r\n.pagination .current { color: #dd3f19; }\r\n.pagination .inactive { opacity: .5; filter: alpha(opacity=50); }\r\n.project-like { margin: 20px 0 0; text-align: center; }\r\n.project-like .like-btn, .project-like .like-btn i { font-size: 18px; }\r\n.modal { margin-left: -375px; width: 730px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #333; background: rgba(0, 0, 0, .85); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #cfcfcf; color: rgba(255, 255, 255, .8); }\r\n.modal-header { padding: 50px 70px 10px; border: none; text-align: center; }\r\n.modal-header .close { position: absolute; top: 10px; right: 15px; margin: 0; color: #fff; font-weight: 300; font-size: 30px; opacity: .4; }\r\n.modal-header .close:hover { opacity: 1; }\r\n.modal-header h3 { margin: 0 0 10px; color: #fff; font-size: 48px; line-height: normal; }\r\n.modal-header p { color: rgba(255, 255, 255, .4); }\r\n.modal-body { padding: 20px 70px 20px; }\r\n.modal-footer { padding: 0 70px 50px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; }\r\n.modal-backdrop { background: #fff; }\r\n.contacter button { margin-top: 15px; }\r\nselect, textarea, input[type=\"text\"], input[type=\"password\"], input[type=\"datetime\"], input[type=\"datetime-local\"], input[type=\"date\"], input[type=\"month\"], input[type=\"time\"], input[type=\"week\"], input[type=\"number\"], input[type=\"email\"], input[type=\"url\"], input[type=\"search\"], input[type=\"tel\"], input[type=\"color\"], .uneditable-input { padding: 7px 6px; height: auto; border: 1px solid #666; border: 1px solid rgba(0, 0, 0, .2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #666; vertical-align: middle; font-size: inherit; line-height: 18px; }\r\nselect.input-inverse, textarea.input-inverse, input[type=\"text\"].input-inverse, input[type=\"password\"].input-inverse, input[type=\"datetime\"], input[type=\"datetime-local\"].input-inverse, input[type=\"date\"].input-inverse, input[type=\"month\"].input-inverse, input[type=\"time\"].input-inverse, input[type=\"week\"].input-inverse, input[type=\"number\"].input-inverse, input[type=\"email\"].input-inverse, input[type=\"url\"], input[type=\"search\"].input-inverse, input[type=\"tel\"], input[type=\"color\"].input-inverse, .uneditable-input.input-inverse { border-color: #fff; border-color: rgba(255, 255, 255, .2); background-color: transparent; color: #fff; }\r\ntextarea:focus, input[type=\"text\"]:focus, input[type=\"password\"]:focus, input[type=\"datetime\"]:focus, input[type=\"datetime-local\"]:focus, input[type=\"date\"]:focus, input[type=\"month\"]:focus, input[type=\"time\"]:focus, input[type=\"week\"]:focus, input[type=\"number\"]:focus, input[type=\"email\"]:focus, input[type=\"url\"]:focus, input[type=\"search\"]:focus, input[type=\"tel\"]:focus, input[type=\"color\"]:focus, .uneditable-input:focus { outline: 0; outline: thin dotted \\9; border-color: #fff; border-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\n.input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }\r\n.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { z-index: 9999; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }\r\ninput.input-inverse:-moz-placeholder, textarea.input-inverse:-moz-placeholder {\r\n color: #fff;\r\n color: rgba(255, 255, 255, .4);\r\n}\r\ninput.input-inverse:-ms-input-placeholder, textarea.input-inverse:-ms-input-placeholder {\r\n color: #fff;\r\n color: rgba(255, 255, 255, .4);\r\n}\r\ninput.input-inverse::-webkit-input-placeholder, textarea.input-inverse::-webkit-input-placeholder {\r\n color: #fff;\r\n color: rgba(255, 255, 255, .4);\r\n}\r\nselect.error, textarea.error, input[type=\"text\"].error, input[type=\"password\"].error, input[type=\"datetime\"], input[type=\"datetime-local\"].error, input[type=\"date\"].error, input[type=\"month\"].error, input[type=\"time\"].error, input[type=\"week\"].error, input[type=\"number\"].error, input[type=\"email\"].error, input[type=\"url\"], input[type=\"search\"].error, input[type=\"tel\"], input[type=\"color\"].error, .uneditable-input.error { border-color: #ff0000; }\r\n.muted { color: #999999; }\r\na.muted:hover, a.muted:focus { color: #333; }\r\n.text-warning { color: #c09853; }\r\na.text-warning:hover, a.text-warning:focus { color: #333; }\r\n.text-error { color: #dd3f19; }\r\na.text-error:hover, a.text-error:focus { color: #333; }\r\n.text-info { color: #3a77c1; }\r\na.text-info:hover, a.text-info:focus { color: #333; }\r\n.text-success { color: #44a22d; }\r\na.text-success:hover, a.text-success:focus { color: #333; }\r\n.close { color: #000000; text-shadow: none; text-shadow: none; font-weight: normal; font-size: 20px; line-height: 20px; opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }\r\n.google-map img { max-width: inherit; }\r\n.error404 .content { margin: 0 !important; padding: 300px 0 110px; }\r\n.error404 h1.back404 { position: absolute; top: -300px; z-index: -1; width: 100%; color: #F5F5F5; font-size: 550px; }\r\n.error404 footer { display: none; }\r\n.search-results .content { padding: 200px 0 30px; }\r\n.search-no-results .content { padding: 0 0 30px; }\r\n.alert { border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fffcea; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04); color: #c09853; text-shadow: none; }\r\n.alert-info { background-color: #e6f7ff; color: #3a87ad; }\r\n.alert-danger, .alert-error { background-color: #ffecec; color: #b94a48; }\r\n.alert-success { background-color: #f1fcea; color: #468847; }\r\n.tooltip-inner { padding: 7px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }\r\nspan[data-toggle=\"tooltip\"] { color: #dd3f19; cursor: pointer; }\r\nspan[data-toggle=\"tooltip\"]:hover { color: #333333; }\r\n.backgrounded { padding: 80px 0 55px; -webkit-background-size: cover; -moz-backgrou1266nd-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; color: #fff; }\r\n.backgrounded h1, .backgrounded h2, .backgrounded h3, .backgrounded h4, .backgrounded h5, .backgrounded h6 { color: #666; }\r\n\/*.backgrounded p, .backgrounded .services p { color: rgba(255, 255, 255, 1); }*\/\r\n.backgrounded.inverse h1, .backgrounded.inverse h2, .backgrounded.inverse h3, .backgrounded.inverse h4, .backgrounded.inverse h5, .backgrounded.inverse h6 { color: #333; }\r\n.backgrounded.inverse, .backgrounded.inverse p { color: #666; }\r\n.backgrounded.inverse .headline { color: #7f7f7f; color: rgba(0, 0, 0, .5); }\r\n.backgrounded.inverse .services p { color: #7f7f7f; color: rgba(0, 0, 0, .5); }\r\n.backgrounded .b-img { margin-bottom: -75px; }\r\n.services { display: block; -webkit-backface-visibility: hidden; }\r\na.services:hover { opacity: .7; filter: alpha(opacity=70); }\r\n.services .service-box { position: relative; float: left; overflow: hidden; margin-right: 30px; width: 100%; height: 240px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; color: #fff; text-align: center; font-size: 34px; }\r\n.services .service-icon { position: absolute; width: 100%; height: 230px; line-height: 110px; }\r\n.services.text-center .service-box { display: inline-block; float: none; margin-right: 0; margin-bottom: 20px; }\r\n.whywork .service-box { background-position: 50% 50%; background-size: 100%; }\r\n.services h3 { margin-bottom: 10px; }\r\n.services p { color: #7f7f7f; color: rgba(0, 0, 0, .5); }\r\n.services.inverse { text-align: center; }\r\n.services.inverse h3 { color: #fff; }\r\n.services.inverse p { color: #fff; color: rgba(255, 255, 255, .5); }\r\n.services.inverse i { display: inline-block; margin-bottom: 20px; color: #fff; color: rgba(255, 255, 255, .5); font-size: 72px; }\r\n.client-logo { width: auto; height: auto; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, .3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }\r\n.accordion-group { margin-bottom: -1px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }\r\n.accordion-heading { position: relative; background: #eeeeee; z-index: 9999; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }\r\n.accordion-heading .accordion-toggle { padding: 8px 36px; }\r\n.accordion-heading.active .accordion-toggle { padding: 8px 35px; }\r\n.accordion-heading:hover .accordion-toggle { padding: 8px 35px; }\r\n.accordion-heading a { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-image: url(..\/img\/toggle_closed.png); background-position: 13px 48%; background-size: 13px; background-repeat: no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }\r\n.accordion-group:last-child .accordion-heading a { border-bottom: 1px solid #e5e5e5; }\r\n.accordion-group:last-child .accordion-heading.active a, .accordion-group:last-child .accordion-heading:hover a { border-bottom: 1px solid transparent; }\r\n.accordion-heading:hover { z-index: 99999; border-left: 1px solid #dd3f19; background-color: #E1E1E1; }\r\n.accordion-heading:hover a { border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-position: 12px 48%; }\r\n.accordion-heading.active { border-left: 1px solid #dd3f19; background: #E1E1E1; }\r\n.accordion-heading.active a { border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-image: url(..\/img\/toggle_opened.png); background-position: 12px 48%; }\r\n.accordion-inner { margin-top: -1px; padding: 25px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }\r\n.accordion-group:last-child .accordion-inner { border-bottom: 1px solid #e5e5e5; }\r\n.nav { margin-bottom: 0; }\r\n.nav-tabs { border-bottom: none; }\r\n.nav-tabs > li { -webkit-transition: border-color .2s; -moz-transition: border-color .2s; -o-transition: border-color .2s; transition: border-color .2s; }\r\n.nav-tabs > li > a { margin-right: 1px; padding: 8px 15px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1); -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }\r\n.nav-tabs > li:first-child > a { box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1), -1px 0 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1); }\r\n.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border: none; background-color: #ffffff; box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1), -1px 0 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 #dd3f19 !important; }\r\n.tabs-left > .nav-tabs { margin-right: 0; }\r\n.tabs-left > .nav-tabs > li > a { margin-bottom: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: -1px 0 0 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(0, 0, 0, .1); }\r\n.tabs-left > .nav-tabs > li:first-child > a { box-shadow: -1px 0 0 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1); }\r\n.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:hover, .tabs-left > .nav-tabs > .active > a:focus { border: none; box-shadow: -1px 0 0 0 #dd3f19, 0 1px 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1) !important; }\r\n.tabs-right > .nav-tabs { margin-left: 0; }\r\n.tabs-right > .nav-tabs > li > a { margin-bottom: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(0, 0, 0, .1); }\r\n.tabs-right > .nav-tabs > li:first-child > a { box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1); }\r\n.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > .active > a, .tabs-right > .nav-tabs > .active > a:hover, .tabs-right > .nav-tabs > .active > a:focus { border: none; box-shadow: 1px 0 0 0 #dd3f19, 0 1px 0 0 rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1) !important; }\r\n.tab-content { overflow: auto; margin-top: 1px; margin-bottom: 20px; padding: 20px 15px 0; border: none; background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); }\r\n.tabs-left .tab-content, .tabs-right .tab-content { margin-top: 0; }\r\n.btn, #commentform input[type=\"submit\"], .wpcf7-submit { position: relative; padding: 8px 25px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; font-weight: normal; font-size: 12px; }\r\n.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .wpcf7-submit:hover { background: #666; color: #fff; }\r\n.btn, .btn:hover, .btn:focus, #commentform input[type=\"submit\"], .wpcf7-submit { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }\r\n.btn-large { padding: 10px 35px; font-size: 16px; }\r\n.btn-large i { font-size: 14px; }\r\n.btn-small { padding: 6px 15px; font-size: 11px; }\r\n.btn-mini { padding: 2px 8px; font-size: 10px; }\r\n.btn-primary, #commentform input[type=\"submit\"], .wpcf7-submit { color: #fff; background: #ff7302; }\r\n.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], #commentform input[type=\"submit\"]:hover, #commentform input[type=\"submit\"]:focus, .wpcf7-submit:hover { background: #666; }\r\n.btn-warning { background: #ffd132; color: #fff; }\r\n.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background: #666; }\r\n.btn-danger { background: #dd3f19; color: #fff; }\r\n.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background: #815cb4; }\r\n.btn-success { background: #37ce77; color: #fff; }\r\n.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background: #666; }\r\n.btn-info { background: #59b1f6; color: #fff; }\r\n.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background: #666; }\r\n.btn-inverse { background: #363636; color: #fff; }\r\n.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background: #dd3f19; }\r\n.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }\r\n.btn-link:hover, .btn-link:focus { background-color: transparent; color: #005580; text-decoration: underline; }\r\n.btn-simple { background: transparent; color: #adadad; }\r\n.btn-simple:hover, .btn-simple.btn-inverse:hover { background: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; }\r\n.btn-simple i { color: #adadad; }\r\n.btn-simple:hover i { color: #fff; }\r\n.btn-simple.btn-inverse { -webkit-box-shadow: inset 0 0 0 1px #d9d9d9; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); -moz-box-shadow: inset 0 0 0 1px #d9d9d9; -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); box-shadow: inset 0 0 0 1px #d9d9d9; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); color: #fff; color: rgba(255, 255, 255, .7); }\r\n.btn-simple.btn-inverse i { color: #fff; color: rgba(255, 255, 255, .7); }\r\n.btn-simple.btn-inverse:hover i { color: #fff; }\r\n.widget { margin: 0 0 50px; font-size: 12px; }\r\n.widget h3 { margin: -5px 0 15px; }\r\n.widget_categories ul, .widget_archive ul, .widget_recent_entries ul { margin-left: 0; list-style: none; }\r\n.widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li { padding: 7px 0; border-bottom: 1px solid #e5e5e5; }\r\n.widget_categories ul li:last-child, .widget_archives ul li:last-child, .widget_recent_entries ul li:last-child { border: none; }\r\n.tparrows { opacity: .6 !important; -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)\" !important; -moz-opacity: .6 !important; -khtml-opacity: .6 !important; }\r\n.tparrows:hover { opacity: 1 !important; -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; }\r\n.tp-leftarrow.hidearrows, .tp-leftarrow.default.hidearrows {\r\n left: 0 !important !important; -webkit-transition: opacity ease .2s, left ease .2s !important; -moz-transition: opacity ease .2s, left ease .2s !important; -o-transition: opacity ease .2s, left ease .2s !important; transition: opacity ease .2s, left ease .2s !important; }\r\n.tp-rightarrow.hidearrows, .tp-rightarrow.default.hidearrows {\r\n right: 0 !important !important; -webkit-transition: opacity ease .2s, right ease .2s !important; -moz-transition: opacity ease .2s, right ease .2s !important; -o-transition: opacity ease .2s, right ease .2s !important; transition: opacity ease .2s, right ease .2s !important; }\r\n.tp-leftarrow, .tp-rightarrow, .tp-leftarrow.default, .tp-rightarrow.default { width: 75px !important; height: 150px !important; background-size: 75px 150px !important; background-repeat: no-repeat !important; }\r\n.tp-leftarrow, .tp-leftarrow.default {\r\n left: 30px !important !important; background-image: url(..\/img\/paddle_prev.png) !important;  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='..\/img\/paddle_prev.png', sizingMethod='scale') !important;\r\n-webkit-transition: opacity ease .2s, left ease .2s !important; -moz-transition: opacity ease .2s, left ease .2s !important; -o-transition: opacity ease .2s, left ease .2s !important; transition: opacity ease .2s, left ease .2s !important; }\r\n.tp-rightarrow, .tp-rightarrow.default {\r\n right: 30px !important !important; background-image: url(..\/img\/paddle_next.png) !important; -webkit-transition: opacity ease .2s, right ease .2s !important; -moz-transition: opacity ease .2s, right ease .2s !important; -o-transition: opacity ease .2s, right ease .2s !important; transition: opacity ease .2s, right ease .2s !important; }\r\n.tp-bullets.simplebullets.round .bullet, .tp-bullets.simplebullets.round .bullet:hover { position: relative !important; display: inline-block !important; float: left !important; margin-top: 2px !important; margin-right: 6px !important; margin-left: 6px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #fff !important; background: rgba(255, 255, 255, .7) !important; cursor: pointer !important; -webkit-transition: background-color 0.25s, border-color 0.25s !important; -moz-transition: background-color 0.25s, border-color 0.25s !important; transition: background-color 0.25s, border-color 0.25s !important; -webkit-transform: translateZ(0) !important; }\r\n.tp-bullets.simplebullets.round .bullet.selected { margin-top: 0 !important; margin-right: 4px !important; margin-left: 4px !important; width: 10px !important; height: 10px !important; border: 1px solid #fff !important; background: transparent !important; }\r\n.tp-caption a { padding: 15px 50px !important; color: #fff !important; font-size: 18px; }\r\n.tp-caption a:hover { color: #fff !important; }\r\n.home-header { text-align: center; font-family: Helvetica; font-size: 23px; display: block }\r\n.list { margin-bottom: 25px; }\r\n.list .row { font-size: 14px; line-height: 16px; }\r\n.list .row { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }\r\n.list .row span { display: table-cell; vertical-align: middle; }\r\n.list .row .num { font-size: 30px; font-style: italic; font-weight: bold; padding-right: 10px; }\r\n.list .row.first .num { color: #f15d2a; }\r\n.list .row.second .num { color: #fbad17; }\r\n.list .row.third .num { color: #2a8e91; }\r\n.divleft { float: left }\r\n.divright { float: right }\r\n.bodytextcolor { color: #666 !important; }\r\n.img-wrap { background: url(\"..\/img\/attesto-third-block-bg.png\") no-repeat center top; background-size: contain; padding: 6.5% 17% 7%; }\r\n.mqmty { line-height: 45px !important; font-size: 45px !important; }\r\n.grid-item { border: 1px solid #939598; box-shadow: 0 5px 0 #c5c5c6; min-height: 323px; }\r\n\/* .row-fluid a{text-transform:uppercase;}*\/\r\n\r\n.gray { color: #666 !important; }\r\n.md_product_raw { margin-top: 15px; }\r\n.span35 { width: 220px; height: 150px; margin: 0 20px 0 0; overflow: hidden; }\r\n.span35:hover { overflow: visible; }\r\n.ctitle { min-height: 75px; }\r\n.ctitle h2 { font-size: 17px; text-transform: uppercase; }\r\n.ctitle p { color: #f15d2a; }\r\n.cdesignation { color: #f15d2a !important; text-align: center; font-weight: bold; font-size: 15px; }\r\n.rev_slider_wrapper .s-21 .s-22 { font-size: 32px !important; }\r\n.news .row-fluid .span3 { width: 6%; }\r\n\/*.newsletters .row-fluid .span3{width:6%;}*\/\r\n\/* modified 4-8-2015 *\/\r\n\r\n.client-video-text p { color: #666; }\r\n.client-video-text span { float: left; margin-top: 20px; }\r\n\r\n.menu_mobile_button { margin: 0 0 30px 20px; }\r\n.w240 { width: 240px }\r\n.menu_award { display: block; margin: 0 auto; max-width: 10%; padding: 10px; }\r\n.qm_list { font-size: 120%; margin: 0; text-align: center; list-style-type: none; color: #fff }\r\n.text-justify { text-align: justify !important; }\r\n.pricecon { width: 250px; float: right; background: #E1E1E1; margin-left: 20px; padding: 10px; }\r\n.pricetable { margin: 0 auto; text-align: center; font-weight: bold; font-size: 17px; }\r\nul.headline.bodytextcolor { margin-bottom: 15px; }\r\na#slider-button-menu:hover { background: #f5f5f5 !important; color: #000 !important; }\r\na#slider-button-menu { background: #ff7302 !important; color: #fff !important; -webkit-text-stroke: 0.5px }\r\na#slider-button { background: #ff7302; color: #fff!important; }\r\na#slider-button:hover { opacity: 0.8; }\r\n.slider-button-active { background: #ff7302; color: #fff!important; }\r\n.slider-button-inactive { background: #e1e1e1 !important; color: #fff !important; }\r\n.span66 .ch_element.ch_wrapper { min-height: 165px; }\r\n.servicep p { min-height: 175px !important; }\r\na.fancybox.btn { background: none; }\r\n@media (max-width: 1024px) {\r\n.s41 { font-size: 55px !important; }\r\ncenter.s42 { top: -40px; position: relative; }\r\n.btn:first-child { position: relative; top: 0; }\r\ndiv#client-logo-list img { width: 5%; }\r\n.m11 { font-size: 42px !important; }\r\n\/*input, textarea, .uneditable-input{width:100% !important;}*\/\r\n#getstarted { margin-bottom: 30px; }\r\n\r\n}\r\n    \r\n.wpcf7 p { min-width: 100% !important; }\r\n}\r\n.last_whyus { margin: 0 auto; max-width: 500px; }\r\n.bgorange { background-color: rgb(251, 173, 66); }\r\n.accordion-inner ul { list-style-type: none; }\r\n.f130 { font-size: 130% !important; }\r\n.left-con-menu { float: left; font-size: 14px; border: 0 !important; padding: 10px !important; text-align: left; width: 100%; min-height: 50px; }\r\n.cname { text-align: center; font-weight: bold; }\r\n#wpcf7-f1104-o1 p { margin: 0 }\r\n.top-tier { display: none; }\r\nul.meleft { width: 100% !important; font-size: 15px; }\r\nul.meright { width: 100% !important; font-size: 15px; }\r\nul.meright li { width: 100% !important; font-size: 15px; text-align: right; }\r\n.teste .services.text-center .service-box { background-size: contain !important; width: 230px !important; }\r\n\r\n.backgrounded.fastFadeFromTop.home-enable { padding: 15px !important; }\r\n.home-enable p { margin: 0 !important; color: #666 !important; font-size: 40px; font-weight: bold; }\r\nfancybox.btn { background: none; }\r\n#tabh1, #tabh2, #tabh3, #tabh4 { background: transparent; }\r\nul.enterpriseqa_ul li { text-align: left; font-size: 14px; margin: 0 0 10px 0; }\r\n@media (max-width: 980px) {\r\n.last { margin-left: 0; }\r\n.testing-types { margin: 0 0 10px 0 !important; font-size: 26px; }\r\n}\r\n.services p { color: #7f7f7f !important; }\r\n.home-header { padding-bottom: 25px; }\r\n.list .row { margin-bottom: 20px !important; }\r\n.list .row .num { padding-top: 0; font-size: 36px; }\r\n.list .row span.text { font-weight: normal; text-transform: initial; }\r\nheader .navbar .nav > li > a, header .navbar .search-bar-btn i { color: #737a80; }\r\nheader .navbar .brand { max-width: 100%; }\r\n\r\n.mobile-strategy-list { margin: 0; }\r\n.mobile-strategy-list ul { margin: 0 auto; width: 100%; margin-top: 15px; }\r\n.mobile-strategy-list ul li { line-height: 25px; list-style: none; font-size: 17px }\r\n.mobile-strategy-list p.headline { color: #7f7f7f; color: rgba(0, 0, 0, .5); }\r\n.latest-blog-homepage p { color: #666; }\r\n.latest-blog-homepage .post-meta, hr, .latest-blog-homepage .categores { display: none !important; }\r\n.home .client-logo-homepage .container { width: auto; max-width: 100% !important; }\r\n.client-logo-homepage li { text-align: center; padding: 13px 0; }\r\n.client-logo-homepage li img { max-height: 50px; width: auto !important; }\r\n.home .client-logo-homepage .slider .bx-wrapper { max-width: 96% !important; }\r\n.home .client-logo-homepage .bx-wrapper a { margin-top: -22px !important; }\r\n.home .client-logo-homepage .bx-wrapper .bx-prev { left: 0 !important }\r\n.home .client-logo-homepage .bx-wrapper .bx-next { right: 0 !important }\r\n.backgrounded.fastFadeFromTop.client-logo-homepage { padding: 0 !important; height: 66px; }\r\n\r\n.backgrounded .headline { color: #fff; color: rgba(255, 255, 255, .8); margin-bottom: 20px; }\r\n.service-overview-page .backgrounded .headline { margin-bottom: 20px; }\r\ndiv#client-logo-list { padding: 0px 0px; text-align: center; }\r\ndiv#client-logo-list img { display: inline; margin: 10px 15px 0 25px; }\r\n\/*#fancybox-content { border-color: #e9e9e9; }*\/\r\n\/*form#pop-up-form { text-align: center; }*\/\r\n\r\ninput#cnt_phone { color: #666; border: 1px solid rgba(0, 0, 0, .2); }\r\n#cnt_other { display: none; }\r\n.landing_page h1 { margin-top: 245px; }\r\n.landing__right_form { border: 2px solid #666; padding: 4%; margin-bottom: 20px; clear: both; width: 92%; }\r\n.landing__right_form.hentry .cap { width: 20% !important; }\r\n.landing__right_form.hentry #reloadbtn { width: 45% !important; }\r\n.landing__right_form.hentry #download-form-submit { background-color: #FF7302; font-weight: bold; width: 100% !important; height: 35px; border: none; color: #fff; }\r\n@media screen and (max-width: 767px) {\r\n.testimonials .span3 { text-align: center; }\r\n.landing_page h1 { margin: 0; }\r\n.landing_page { text-align: center; }\r\n}\r\n@media screen and (min-width: 768px) {\r\n.landing__right_form.hentry #reloadbtn { width: 60% !important; }\r\n.closertocode .arrow_img { margin: 100px 0 0 0; }\r\n.closertocode .arrow_img .svg { max-height: 300px; }\r\n}\r\n\/*#fancybox-content { width:100% !important; }\r\n#fancybox-wrap { width:100%; max-width: 600px; margin: 0 auto; }\r\n#fancybox-wrap div { box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; -ms-box-sizing:border-box !important; -o-box-sizing:border-box !important; }\r\n#fancybox-outer {  }\r\n\r\n#fancybox-content { -webkit-overflow-scrolling: touch; overflow-y: auto; width:100%; max-width: 600px; }*\/\r\n\r\n.backgrounded.fastFadeFromTop.blue_strip.stick { top: 134px !important; }\r\n\r\n.hentry h2.popup-titile { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin: 5px 0; text-align: center; background-color: #FF7302; padding: 10px 0; }\r\n\/*.backgrounded.fastFadeFromTop.home-core-offering { padding: 10px 0 40px 0 !important; }*\/\r\n.backgrounded.fastFadeFromTop.home-core-offering h1.text-center, .backgrounded.fastFadeFromTop.home-core-offering h3 { color: #666; }\r\n#home-page-Offering .services.services-small.text-center > p { display: none; }\r\n.md_class4, .md_class5 { top: 50px; }\r\n.tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 60px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 30px !important; }\r\n.slider-top .revbutton a.btn { font-size: 22px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 50px !important; }\r\n@media (max-width: 980px) {\r\n.tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 23px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 40px !important; }\r\n}\r\n@media (max-width: 960px) {\r\n.suppaMenu_wrap.suppaMenu_wrap_wide_layout { margin-right: 0 !important; }\r\n}\r\n@media (max-width: 768px) {\r\n.tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 19px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 25px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 50px !important; }\r\n}\r\n@media (max-width: 600px) {\r\n.tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 18px !important; line-height: 20px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 12px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 40px !important; }\r\n}\r\n@media (max-width: 480px) {\r\n\r\n.tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 16px !important; line-height: 18px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 13px !important; }\r\n.tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 20px !important; }\r\n.slider-top .revbutton a.btn { font-size: 16px !important; }\r\n}\r\n@media (max-width: 800px) {\r\n.tp-caption.black_2_white { font-size: 30px !important }\r\n#rev_slider_5_1_wrapper { height: 600px !important; }\r\n}\r\n#Blog-post-for-homepage p { color: #666; font-size: 13px; }\r\n#Blog-post-for-homepage .post-meta, #Blog-post-for-homepage hr, #Blog-post-for-homepage .categores { display: none !important; }\r\n#Blog-post-for-homepage h4 { font-size: 18px; }\r\n.tp-caption.small_light_white_md.tp-fade.tp-resizeme.start { width: 100%; text-align: center; left: 0 !important; padding: 15px 0 !important; }\r\n.double_dot { border-left: 1px dotted #B8B8B8; border-right: 1px dotted #B8B8B8; margin: 0 !important; padding: 0 15px; }\r\n.dd { border-left: 1px dotted #B8B8B8; border-right: 1px dotted #B8B8B8; }\r\n.app_area .app_area_inner { background: #979797 !important; width: 76%; margin: 0 auto; color: #000; }\r\n.contain_detail_2 { width: 300px; float: left; }\r\n.app_area { background: #979797 !important; margin: 0px 0; }\r\n.overview_inner { display: inline-block; }\r\n.overview_inner h3, .overview_inner a.head_title { color: #fff; font-size: 22px; padding: 40px 0 0; }\r\n.contain_detail_2 a img { width: 90px; float: left; }\r\n.app_area .contain_detail_2 span.span1 { width: 100%; padding: 5px 0 10px 0; }\r\n.contain_detail_2 p { padding: 5px 0; display: inline-block; }\r\n#footer_event { float: right !important; }\r\n#footer_event .span3 { width: 200px; margin-left: 10px; }\r\n.home-core-offering .span3m { width: 20%; margin: 0 0 30px 0; }\r\n@media (max-width: 979px) {\r\n.md_vid1 .wp-video { width: 100% !important; margin-bottom: 15px !important; }\r\n.btn-navbar { background: #666 !important; }\r\n.btn-navbar:hover { background: #666 !important; }\r\n.menu_mobile a i {padding-right: 10px; }\r\n}\r\n@media (max-width: 768px) {\r\n.backgrounded.fastFadeFromTop.mo-quality-success .span4 { width: 215px; }\r\n.text-justify { width: 100%; }\r\n.gap100 { display: none; }\r\n.gap114 { height:110px;  \/*display: none;*\/ }\r\ndiv#product_footerlink .row .ftr_newsletter strong { width: 96% !important; }\r\n.span3 { width: 161px; }\r\n.span2 { width: 30%; }\r\n.contain_detail_2 { width: 30%; }\r\n#slider-gap { height: 0; }\r\n.navbar-fixed-top { position: relative !important; }\r\n.md_mobile_div { height: auto !important; }\r\n\r\n.double_dot { margin: 0; padding: 0; border: none; }\r\n.testing-blk { width: 100% !important; margin: 0 0 30px 0; }\r\n.mobile-qty-optimization .testing-blk { width: 70%!important; }\r\n.product_btn { margin: 0px !important; width: 100% !important; margin-bottom: 15px !important; }\r\n.product_btn_div { width: 100% !important; }\r\n.s11 { font-size: 50px !important; }\r\n.s31 { font-size: 40px !important; }\r\n.s41 { font-size: 44px !important; }\r\n.m11 { font-size: 33px !important; }\r\n.m12 { font-size: 25px !important; }\r\n.lefttext { text-align: center !important; }\r\n.mqmty { font-size: 33px !important; }\r\n.menu_mobile a i {padding-right: 10px; }\r\n}\r\n@media (max-width: 640px) {\r\nselect#cnt_country { width: 103%; }\r\n.at-a-glance { min-height: 0px !important; }\r\n.google-map { width: 92%; margin: 0 auto; }\r\n.sendmail,  .sendmail_text,  .our_direction,  .givingback_s1,  .lifeatinfo,  .at-a-glance-s1 { text-align: center; }\r\n.span_lifeinfo { float: left; width: 100%; margin-top: 15px; }\r\n.inside-qmetry .btn:first-child { top: 0 !important; }\r\n.pull-right { text-align: center; }\r\n.offshore { text-align: center; }\r\n.pricecon { width: 92%; float: none; padding: 2%; }\r\n.displayblock a { display: block; margin-bottom: 20px !important; }\r\n.span3,  .span2 { width: 100%; }\r\n.m133.text-center.displayblock { margin: 0 auto; width: 47%; }\r\n.qmetry-sl1 .md_if_font { margin: 0px !important; }\r\n.qmetry-sl1 .span6 { margin: 0px !important; }\r\n.qmetry-sl1 .md_vid1 { text-align: center; }\r\n.qmetry-sl1 .m133 { text-align: center; margin-bottom: 30px !important; }\r\n.testing-blk ul { width: 100%; }\r\n.backgrounded.fastFadeFromTop.mo-quality-success .span4 { width: 96%; margin: 0 auto; }\r\n.app_area .app_area_inner { text-align: center; }\r\n.md_product_btn { text-align: center !important; width: 100% !important; margin-bottom: 15px; }\r\n.md_product_btn_div { width: 100% !important; margin-bottom: 20px !important; }\r\nform.wpcf7-form { text-align: center; width: 80% !important; padding-left: 10% !important; }\r\ndiv#product_footerlink ul { margin-bottom: 20px !important; }\r\n.span41 { float: left !important; width: 100%; }\r\n.lefttext { text-align: center !important; }\r\n}\r\n@media (max-width: 600px) {\r\n#rev_slider_5_1_wrapper { height: 400px !important; }\r\n.tp-caption.black_2_white { top: 40px !important; }\r\n.tp-caption.medium_text_slider p { font-size: 16px !important; }\r\nbr.synchro-br { display: block !important; line-height: 30px !important; }\r\n.attesto-txt1 { font-size: 30px !important; }\r\n.tp-caption a.attesto-btn1,  .tp-caption a.attesto-btn2 { margin: 0 0 10px 0 !important; clear: both; width: 200px !important; font-size: 14px !important; }\r\n}\r\n@media (max-width: 400px) {\r\n.inside-qmetry a#slider-button { top: 0 !important; }\r\n.tp-caption .medium_text_slider { top: 120px !important; }\r\n\r\n.md_class2 { top: 225px !important; left: -25px !important; padding: 14px !important; }\r\n.md_class3 { top: 225px; padding: 0px !important; left: -3px; font-size: 19px !important; }\r\n.md_class4 { top: 80px !important; left: -50px !important; }\r\n.md_class5 { top: 60px !important; left: -50px !important; }\r\n.tp-caption.black_2_white { top: 25px !important; left: 0 !important; text-align: center !important; line-height: 30px !important; }\r\n.tp-caption.boxshadow { box-shadow: none !important; }\r\n.contain_detail_2 { width: 100%; }\r\n.contain_detail_2 a img { width: 100%; }\r\n}\r\n@media (max-width: 568px) {\r\ndiv#client-logo-list img { width: 7% !important; }\r\n.s11 { font-size: 37px !important; }\r\n.s21 { font-size: 41px !important; }\r\n.s41 { font-size: 30px !important; }\r\n\/*.btn:first-child { font-size: 13px !important; }*\/\r\n.m11 { font-size: 23px !important; }\r\n.m12 { font-size: 22px !important; }\r\n.m133 .qmerty-btn1,  .m133 .qmerty-btn2 { padding: 10px !important; font-size: 13px !important; }\r\n\r\n}\r\n.md_if_font p { font-weight: 400; min-height: 160px; -webkit-font-smoothing: antialiased; }\r\n.md_if_font .at-a-glance { min-height: 1px; }\r\n@media (max-width: 480px) {\r\ndiv#download_form_pop_ms { width: 84% !important; height: auto; margin: 0 auto; }\r\n.pricecon { float: none !important; margin: 0 auto; }\r\na#slider-button { margin: 10px; padding:14px 20px !important; font-size: 14px !important; }\r\ndiv#client-logo-list img { width: 7% !important; }\r\n.s31 { font-size: 30px !important; line-height: 30px !important; text-align: center; }\r\n.s41 { font-size: 24px !important; line-height: 30px !important; text-align: center; }\r\n.s11,  .s21 { font-size: 32px !important; line-height: 30px !important; text-align: center; }\r\ncenter.s42,  center.s32,  center.s12 { font-size: 16px !important; }\r\n\r\n.m11 { font-size: 21px !important; line-height: 22px !important; }\r\n.m12 { font-size: 20px !important; line-height: 22px !important; }\r\n.m11 br { display: block !important; }\r\n.m12 br { display: block !important; }\r\n.m13 br { display: block !important; }\r\n.double_dot { border-left: none; border-right: none; padding: 0; }\r\n.m133 .qmerty-btn1 { width: 80% !important; }\r\n.m133 .qmerty-btn2 { margin: 30px 0 0 0 !important; width: 80% !important; }\r\n.synchro-btn a br { display: none !important; }\r\n.tp-caption a.attesto-btn1 br,  .tp-caption a.attesto-btn2 br { display: none !important; }\r\n.attesto-btn1,  .attesto-btn2 { margin: 0 0 27px 0 !important; }\r\n}\r\n@media (max-width: 360px) {\r\nul#menu-footer-menu-in-bottom { text-align: center; }\r\n.home-enable p { font-size: 20px; line-height: 1.2em; }\r\ndiv#wpcf7-f4338-o1 { width: 92%; margin: 0 auto; padding: 0px; }\r\n.our_teamblk { display: inline-block; float: left; width: 69% !important; margin-bottom: 15px !important; }\r\n}\r\n@media (max-width: 320px) {\r\n.mobile-auto-service a#slider-button { display: block; }\r\n.alldevice a#slider-button { display: block; }\r\n.ul_headerlink { float: none; margin: 0 auto; }\r\n.navbar-fixed-top .navbar-inner { padding: 0; }\r\n.pricecon { float: none; }\r\n\r\n#mobile_quality_testing_block_div { margin: 0; }\r\n.mejs-container { width: 100% !important; }\r\n.video-responsive { margin-left: 0 ! important; max-width: 100% !important; }\r\n.product_btn_div { margin-bottom: 20px; }\r\ndiv#client-logo-list img { width: 7% !important; }\r\nbr.clsbr { display: block !important; }\r\n.m11 { font-size: 18px !important; line-height: 20px !important; }\r\n.m12 { font-size: 17px !important; margin: 10px 0 0 0 !important; }\r\n.lefttext { text-align: center !important; }\r\n.m133 .qmerty-btn1 { width: 80% !important; }\r\n.m133 .qmerty-btn2 { margin: 0 0 0 36px !important; width: 80% !important; }\r\n.ch_element,  .ch_wrapper { width: 100%; text-align: center; }\r\n.ch_normal,  .ch_hover { width: 100%; }\r\n}\r\n.md_product_btn { float: left; display: inline-block; margin-top: 15px; margin-right: 15px; }\r\n.product_btn_div { float: left; margin-top: 20px; text-align: center; }\r\n.product_btn { float: left; margin-left: 10px; }\r\n.md_product_raw { min-height: 425px; }\r\n.md_product_btn_div { float: left; }\r\n#product_service_div.service p { }\r\n#product_service_div.container.fastFadeFromTop br, .container.fastFadeFromTop p { display: none1; }\r\n#product_service_div.services p, .services h3, a h3 { text-align: center; }\r\n#product_service_div.backgrounded p { text-align: center; }\r\n.wpcf7 p { color: #666 !important; width: 100%; min-width: 210px; }\r\ndiv#product_footerlink strong { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }\r\ndiv#product_footerlink ul li { width: 100%; float: left; margin: 0 0 8px 0; }\r\ndiv#product_footerlink ul li a { line-height: 18px; font-size: 14px; }\r\ndiv#product_footerlink ul { list-style-type: none; margin: 0; width: 100%; float: left; }\r\ndiv#product_footerlink strong { margin-bottom: 10px; float: left; width: 100% !important; }\r\n.m11 br, .m12 br, .m13 br { display: none; }\r\n.md_mobile_div { float: left; margin-bottom: 30px; text-align: left; }\r\n.md_chart_bg { background-repeat: repeat; background-size: inherit; }\r\n.mobile_block2_span { line-height: 25px; }\r\n.mobile_block4_span { line-height: 25px; margin-bottom: 15px; }\r\n.md_mobileopt_div ul li { font-size: 20px; }\r\n.mqs { min-height: 1px !important; margin-bottom: 0; }\r\ndiv#testing_service_box { float:left; height: auto; }\r\ndiv#mobile_quality_testing_block_div h2 { font-size: 22px; letter-spacing: 1px; text-align: center; font-weight: bold; }\r\ndiv#mobile_quality_testing_block_div ul li { line-height: 22px; }\r\n.service-box.imgwidth60 { background-size: contain; }\r\n.lefttext { text-align: left; font-size: 12px; line-height: 20px; font-weight: 400; -webkit-font-smoothing: antialiased; }\r\n.smallfont { font-size: 16px; line-height: 120%; font-weight: 400; -webkit-font-smoothing: antialiased; font-family: inherit !important; }\r\n.mqmty br { display: block !important; }\r\n.mqmty br.qmbrn { display: none !important; }\r\n.md_product_btn a { font-size: 14px; -webkit-font-smoothing: antialiased; }\r\n.testing-types { text-align: left; margin: 0 0 10px 0; }\r\n.testing-blk { float: left; width:100%; padding-left: 50px; }\r\n.testing-blk h2 { text-align: left !important; }\r\n.testing-img { width: 40px; position: absolute; }\r\n.testing-img .service-box { width: 40px; }\r\n.testing-img img { max-width: 100%; vertical-align: top; margin-top: 5px; }\r\n.services.services-small.integration-img.text-center { min-height: 125px; }\r\nbr.clsbr { display: none !important; }\r\n@media (max-width: 320px) {\r\n.mejs-container { width: 100% !important; }\r\n.md_vid1 .wp-video { width: 100% !important; }\r\n.mejs-container { width: 100% !important; }\r\n.mqmty br.qmbrn { display: block !important; }\r\n}\r\n.tabs-hide { display: none; }\r\n.tabs-container { background: #fff; margin-top: 25px; }\r\n.tabs-nav { margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%; }\r\n#tabnav h3 { display: inline-block; width: 100%; float: left; font-size: 16px; }\r\n.tabs-nav li { display: inline-block; list-style-type: none; padding-right: 0px; margin-right: 20px; border-bottom: 2px solid #000; min-height: 120px; }\r\n.productpage_btn { width: 100%; }\r\n.product_btn_inner { margin: 0 auto; max-width: 310px; }\r\n.service_btn_inner { margin: 0 auto; max-width: 35%; }\r\n.box-show { position: relative; overflow: hidden; height: 300px; width: 100%; top: 0; }\r\n.box-show .glyph { margin-top: 50px; }\r\n.block_glyph { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }\r\n.block_text { position: absolute; padding-top: 40px; line-height: 20px; top: 1150px; height: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }\r\n.indust-text { padding-top: 60px; }\r\n.box-show:hover .block_glyph { top: 1252px; }\r\n.box-show:hover .block_text { top: 0; }\r\n.span1 { margin-left: 0px; }\r\n.maxwidth230 { max-width: 145px; }\r\n.maxwidth66 { max-width: 66% !important; }\r\n.mobile_devlopment_img .service-box { min-height: 260px; }\r\n.txt_justify { text-align: justify; }\r\n.designation { font-size: 13pt; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; margin-bottom: 15px; color: #f15d2a; }\r\n.contenthover { padding: 20px 20px 10px 20px; min-height: 238px; }\r\n.contenthover, .contenthover h3, contenthover a { color: #fff; }\r\n.contenthover h3, .contenthover p { margin: 0 0 10px 0; line-height: 1.4em; padding: 0; }\r\n.contenthover a.mybutton { display: block; float: left; padding: 5px 10px; background: #3c9632; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }\r\n.contenthover a.mybutton:hover { background: #34742d }\r\n.ch_element.ch_wrapper { min-height: 300px; }\r\n.ch_hover { min-height: 300px; }\r\n.span33:hover { overflow: visible; }\r\n.span33 { width: 220px; height: 215px; margin: 0 20px 0 0; overflow: hidden; }\r\n.span34:hover { overflow: visible; }\r\n.span34 { width: 220px; height: 150px; margin: 0 20px 0 0; overflow: hidden; }\r\n.backheight { min-height: 480px; }\r\n.md_mobile_testing .service-box { min-width: 460px !important; }\r\na.current { color: red; }\r\n.filters-set1 { margin-bottom: 20px; position: relative; top: -1px; display: none; padding: 15px 25px; height: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #ccc; }\r\n.floatleft.img_eqc { float: left; width: 15%; margin-right: 15px; margin-bottom: 15px; }\r\n.floatleft.outer_eqc { float: left; width: 100%; }\r\n.floatleft.txt_eqc { float: left; }\r\n.bx-wrapper .bx-viewport { padding-top: 14px; }\r\n.home-box { text-align: center; background: #fff; padding: 15px; color: #666; margin-bottom: 30px; }\r\n.home-box.gray { background: #BBBFBF; }\r\n.home-box1 { text-align: center; padding: 15px; background: #BBBFBF; color: #666; margin-bottom: 30px; }\r\n.tabs-container { background: none; }\r\n#tabh1 p, #tabh2 p, #tabh3 p, #tabh4 p { font-size: 16px; }\r\n.min-height85 { min-height: 85px; }\r\n.headline { font-size: 16px; }\r\n.liststylenone { list-style-type: none; }\r\n.liststylenone li { font-size: 20px; }\r\n.container_relative { position: relative; max-width: 1200px !important; width: 100% !important; }\r\nul.ul_headerlink li { float: left; margin: 0 0 0 30px; list-style-type: none; }\r\n.ul_headerlink li a { font-size: 12px; color:#737a80; }\r\n.ul_headerlink li a:hover { color:#ff7302; }\r\np.ftr_news_p { width: 100%; }\r\n.level-3 { font-weight: bold; font-size: 20px; color: #000; }\r\n.privacy-con p { font-size: 16px; }\r\n.sitemap-con h3 a { font-size: 20px; color: orange; font-weight: bold; }\r\n.sitemap-con ul { font-size: 15px; list-style-type: square; }\r\n.mingrid .grid-item { min-height: 150px; }\r\n.qslider .bx-viewport { background: none !important; height: 160px !important; -webkit-box-shadow: none !important; }\r\n.qslider ul li p { font-size: 20px; margin-top: 15px; text-align: center; }\r\n.greyheading { color: #666 !important; }\r\n.indented p { font-size: 16px; }\r\nol { color: #666; }\r\nul.bxslider3 li img { min-height: 90px; }\r\n.backgrounded { color: #666 !important; }\r\n.leftul { float: left; text-align: left; font-size: 14px; width:100%; }\r\nul.bxslider3 li img { min-height: 90px; text-align: center; margin: 0px auto; }\r\n.factory { min-height: 120px; margin-top: 40px; }\r\n.factory img { max-height: 100px; }\r\n.ul_headerlink { float: right; margin: 0; }\r\n.header_link { width: 100%; padding: 4px 10px; min-height: 32px; background: #f9f9f9; color: #737a80; }\r\n.hentry .checkbox-wrap { text-align: left; padding: 0 0 0 30px; margin: 10px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }\r\n.hentry #sign_up { margin-top: 5px; height: 60px; width: 35px; float: left; }\r\n.hentry #sign_up_lable { display: inline-block; width: 82%; padding-left: 25px; margin: 5px 0; }\r\n.hentry input[type=\"text\"] { width: 92%; border-radius: 5px; border: 1px solid #939598; margin: 5px 0; }\r\n.hentry #download-form-submit { text-align: center; width: 30% !important; height: 40px; background: #fff; border: 2px solid; margin: 10px 0; }\r\n.hentry #download-form-submit:hover { background: #FF7302; color: #fff; }\r\n\r\nul.mantras { list-style-type: none; color: #fff; margin: 10px 0 0 0; width: 100%; font-size: 108%; }\r\n.twebinars p { color: #666; text-align: justify; }\r\na.aorange { color: #dd3f19; }\r\n.clientquote p { color: #666; text-align: left; margin-bottom: 10px; }\r\n.span33.contenthover { border: 1px solid #fff; border-radius: 50%; }\r\nheader .navbar .brand { width: 160px; }\r\nli.tabs-selected { border-bottom: 2px solid #ff7302; }\r\n.events-single h2 { color: #999999; margin: 30px 0 15px 0; font-size: 250%; }\r\n.events-single .post-entry { color: #000; font-size: 115%; }\r\n.events-single .post-entry p { text-align: left !important; }\r\n.events-single .media-body img { margin: 30px 0 0 0; }\r\n.news-posts .post-entry p { text-align: left; padding: 0; margin: 0; }\r\n.news-posts .post-entry { margin-bottom: 15px; }\r\n.news-posts a { color: #dd3f19; padding: 0; margin: 0; }\r\n.news-posts .post-entry { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; text-align: left; }\r\n.news-posts h4 { margin: 0; padding: 0; font-size: 120%; text-align: left; }\r\n.gap150 { height: 160px; }\r\n.news-single h2 { color: #999999; margin: 30px 0 15px 0; font-size: 250%; text-align: justify; }\r\n.news-single .post-entry { color: #000; font-size: 115%; text-align: justify; }\r\n.news-single .post-entry p { text-align: left !important; }\r\n.news-single .media-body img { margin: 30px 0 0 0; }\r\n.newsletters-single h2 { color: #999999; margin: 30px 0 15px 0; font-size: 250%; }\r\n.newsletters-single .post-entry { color: #000; font-size: 115%; }\r\n.newsletters-posts .post-entry p { text-align: left; padding: 0; margin: 0; }\r\n.newsletters-posts a { color: #dd3f19; padding: 0; margin: 0; }\r\n.newsletters-posts .post-entry { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; text-align: left; }\r\n.newsletters-posts h4 { margin: 0; padding: 0; font-size: 120%; text-align: left; }\r\n.viewpdf { margin-top: 25px; }\r\n.viewpdf iframe { width: 100%; }\r\n.post-single { text-align: center; }\r\n.qmerty-btn2 { line-height: 20px Important; border-radius: 0; }\r\n.md_if_font.servicep p { text-align: justify; }\r\np.vid-msg { color: #ff9100; font-size: 14px !important; margin: 10px 0; }\r\np.vid-msg span { color: #000000; font-size: 14px !important; margin: 0px; display: block; line-height: 22px;}\r\n.gap125 { height: 125px; }\r\n@media (max-width: 1024px) {\r\ndiv#product_footerlink .ftr_newsletter strong { width: 76% !important; }\r\n.app_area_inner { width: 100% !important; }\r\n.services.inverse h3 { font-size: 16px; }\r\n}\r\ndiv.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { width: 180px; }\r\n@media (max-width: 640px) {\r\n.att .md_if_font p { min-height: 1px; }\r\n.sync .md_if_font p { min-height: 1px; }\r\n.att a#slider-button { display: block; width: 47%; margin: 0 auto !important; margin-top: 15px !important; }\r\n.sync a#slider-button { display: block; width: 47%; margin: 0 auto !important; margin-top: 15px !important; }\r\n.qmetry-integration a#slider-button { display: block; width: 47%; margin: 0 auto !important; margin-top: 10px; }\r\n.gap125 { height: 25px; }\r\n.md_if_font.servicep p { width: 100%; }\r\n.span3m,  .span33 { margin: 0 auto; }\r\n.contain_detail_2 { width: 96%; margin: 0 auto; display: block; float: none }\r\n.contain_detail_2#footer_event { float: none !important; }\r\n.span2 .ftr_newsletter { width: 100% !important; }\r\nspan.wpcf7-form-control-wrap.mail input { margin-top: 10px; }\r\n.tabs-nav li { width: 90%; margin-right: 0; min-height: 95px; }\r\n}\r\n.filters-set1 .row-fluid .span3 { width: 11% !important; }\r\n.videoborder { border: 2px solid #ccc !important }\r\n.client-video-text span a { color: #f15d2a; }\r\n.error { color: red; }\r\na.linkgreen { color: #457b00; text-decoration: none; font-weight: bold; font-style: italic; display: block; font-size: 80%; text-align: left; }\r\n.aprilnews img { margin: 0 !important; }\r\n.casetitle { text-align: center !important; margin: 10px; font-weight: bold; }\r\n.ourcap ul li p { padding: 0; text-align: left; }\r\n.newsletters-single .post-entry p { text-align: left; }\r\n.newsletters-posts .post-entry p { text-align: left; padding: 0; }\r\n.qas-minheight { min-height: 149px; }\r\n.newslatter1 .span6 { text-align: left; }\r\np.featured-webinar { color: #666; text-align: justify; }\r\n.social-links a { color: #fff !important; }\r\n.social-links a:hover { color: #fff !important; }\r\n@media (min-width: 768px) and (max-width: 979px) {\r\n\/*.services.services-small h3 { min-height: 72px; }*\/\r\n.span3 { width: 295px; }\r\n.att .md_if_font { margin: 25% auto !important; }\r\n.sync .md_if_font { margin: 25% auto !important; }\r\n}\r\n@media (max-width: 768px) {\r\n.black_mobile1 { white-space: normal !important; line-height: 35px !important; }\r\n.black_mobile1 .m11 { line-height: 35px !important; }\r\n.small_header { padding: 15px 0 !important; }\r\n.small_header h2 { text-align: center; }\r\n}\r\n@media (max-width: 320px) {\r\n.black_mobile1,  .black_mobile3 { left: 20px !important; }\r\n}\r\n.qas_ul ul { font-size: 115%; }\r\n.key_benifit p { font-size: 115%; }\r\n.qas_ul .factory { min-height: 185px; }\r\n.qas_ul img { max-width: 100%; }\r\nimg.alignnone.size-full.wp-image-4790 { width: 160px; height: 90px; }\r\nimg.alignnone.size-full.wp-image-4973 { width: auto; height: 90px; }\r\nimg.alignnone.size-full.wp-image-4789, img.alignnone.size-full.wp-image-4787 { width: auto; height: 90px; margin: 0px 0px 20px 0px; }\r\n.mobilematter-s1 .span4 { }\r\n.mobilematter-s2 p { min-height: 90px; }\r\ntable.tbl-Agenda td { border: 1px solid #ccc; padding: 12px; vertical-align: middle; font-size: 115%; }\r\ntd.td-time { background: #efefef; font-size: 115%; font-weight: bold; width: 25%; }\r\n.td-1, .td-8 { background: #efefef; }\r\ntable.tbl-Agenda { border: 1px solid #ccc; width: 100%; text-align: center; }\r\nspan.td-title a { font-weight: bold; }\r\n.mobilematter-update-s1 .span4 { text-align: center; }\r\n.socials img { margin: 20px 5px 0 0; }\r\n@media (max-width: 980px) {\r\n.service-box.minwidth230 { max-width: 230px !important; min-width: 230px !important; }\r\n}\r\n@media (max-width: 768px) {\r\n.whychooseus-background .span6 { float: left; width: 100%; }\r\n.whychooseus-background .md_mobile_div { text-align: center !important; }\r\n.last_whyus { margin: 0px; max-width: 100%; }\r\n.whychooseus-background .span6 .span6 { width: 94%; }\r\n.whychooseus-background .span6 .span6 .testing-blk { width: 70% !important; }\r\n}\r\n@media (max-width: 640px) {\r\n.backgrounded.fastFadeFromTop.mobile-testing-testingtype .span3 { width: 100%; }\r\n}\r\n.honeypot { display: none !important; }\r\n.jobhead { display: block; padding: 5px; background: #eeeeee; font-size: 15px; border-radius: 5px; letter-spacing: 1px; margin-bottom: 10px; color: #dd3f19; font-weight: bold; }\r\ninput#reloadbtn:hover { background: #FF7302; color: #fff; }\r\ninput#reloadbtn { float: left; margin-left: 10px; text-align: center; width: 25% !important; height: 30px; background: #fff; border: 2px solid; }\r\ninput#reloadbtn { float: left; margin-left: 10px; text-align: center; \/*width:25% !important;*\/\r\n    \r\nheight: 30px; background: #fff; border: 2px solid; }\r\n.accordion-body.in { border: 1px solid #ccc; }\r\n.ajax-loader { width: 16px; height: 16px; }\r\ndiv.wpcf7 img.ajax-loader { width: 16px !important; height: 16px !important; }\r\ninput.cap { width: 12% !important; float: left; border: 0 !important; background: #ff7302; color: #fff; border-radius: 0 !important; margin: 0 0 0 10px !important; font-weight: bold; letter-spacing: 2px; height: 15px; cursor: pointer; }\r\n.accordion-heading a { color: #F37123 !important; font-weight: bold; letter-spacing: 1px; }\r\n.hiring-block { padding-bottom: 0 !important; }\r\n.mmgallery .bx-viewport { height: auto !important; background: none !important; padding: 0; }\r\n.backgrounded.fastFadeFromTop.mmgallery { padding-bottom: 0 !important; }\r\n.yellow { color: #faa224 !important; }\r\n.orange { color: #ff7302 !important; }\r\n.orange b { color: #ff7302; }\r\n.mm-left { width: 35%; margin: 0; padding: 0; display: inline-block; float: left; }\r\n.mm-right { float: left; display: inline-block; width: 62%; margin: 15px 0 0 10px; padding: 0; font-size: 14px; }\r\n.mm-right span { color: #ff7302; text-align: left; display: block; }\r\n.mm-right h3 { color: #ff7302; margin-bottom: 0; text-align: left; font-size: 25px; }\r\n.mm-right p { padding-left: 0; margin-bottom: 5px; text-align: left; }\r\n.mm-news p { padding-left: 0; font-size: 15px; text-align: left; }\r\n.mm-news a { color: #ff7302 !important; font-weight: bold; float: left; font-size: 115% !important; font-style: normal !important; text-transform: none !important; }\r\n.mm-news { padding: 25px 0 0 0; }\r\n.backgrounded.fastFadeFromTop.mm-main-text, .backgrounded.fastFadeFromTop.mm-speaks, .backgrounded.fastFadeFromTop.mm-featured, .backgrounded.fastFadeFromTop.mm-trends { padding-bottom: 0 !important; }\r\n.backgrounded.fastFadeFromTop.mm-trends p { color: rgb(0, 0, 0); padding-bottom: 0 !important; font-size: 115%; }\r\n.backgrounded.fastFadeFromTop.mm-trends .text-left { text-align: left !important; }\r\n.backgrounded.fastFadeFromTop.mm-speaks p { font-size: 115%; }\r\n.backgrounded.fastFadeFromTop.mm-featured p { color: #000; padding: 0; margin: 0; text-align: left; font-size: 115%; }\r\n.backgrounded.fastFadeFromTop.mm-speaks .container .row, .backgrounded.fastFadeFromTop.mm-featured .container .row, .backgrounded.fastFadeFromTop.mm-trends .row { margin-left: 0; }\r\n.backgrounded.fastFadeFromTop.mm-trends p { font-size: 115%; margin: 0 0 14px 0; }\r\n.backgrounded.fastFadeFromTop.mm-trends h4 { text-transform: none; min-height: 42px; }\r\na.leader_more { display: block; color: #ff7302 !important; }\r\n\/* Mobile Force Page *\/\r\n\r\n.mobileforce-icon { width: 10%; float: left; text-align: center; }\r\n.mobileforce-icon-text { float: left; width: 90%; }\r\n.mobileforce-content h4 { margin-bottom: 5px; padding: 0; }\r\n.our-customers { border: 2px solid #666 !important; padding: 4%; width: 92%; }\r\n.mobileforce-page { padding-top: 15px; clear: both; }\r\nul#mobileforce { list-style: none; }\r\nul#mobileforce li { list-style-image: url('..\/images\/blue-bullet.png'); }\r\n.quote { margin: 0; padding: 15px 0 0 0; }\r\n.quote .chat { margin: 0; }\r\n.quote .chat .con { height: auto; float: left; display: inline-block; width: 100%; max-width: 589px; color: #111; }\r\n.quote .chat .con img { margin-top: -2px; display: block; padding: 0; float: right; margin-right: 20%; z-index: 111; position: relative; }\r\n.quote .chat .con p { font-size: 24px; border: 2px solid #3eb1e7; border-radius: 48px; display: inline-block; margin: 0; padding: 35px 2% 35px 8%; line-height: 30px; width: 89%; }\r\n.quote .chat .con span { font-size: 24px; text-align: center; float: right; display: block; clear: both; margin-top: 20px; margin-right: 20%; }\r\n@media screen and (max-width: 560px) {\r\n.quote .chat .con p { padding: 15px; box-sizing: border-box; width: 100%; font-size: 18px; line-height: 25px; border-radius: 25px; }\r\n.quote .chat .con span { margin-top: 15px; margin-right: 10%; font-size: 18px; }\r\n.landing__right_form.hentry #reloadbtn { width: 53% !important; }\r\n}\r\n@media (max-width: 768px) {\r\n.landing__right_form { margin: 0 auto; width: 50% !important; }\r\nimg.our-customers { width: 50%; margin: 0 auto; float: none; display: block; }\r\n}\r\n.mobileforce_form { margin-top: 20px; }\r\n\/* event page *\/\r\n\r\n.allevents h2 { font-size: 15px; color: #ff7302; letter-spacing: 1px; font-weight: bold; margin-bottom: 5px; }\r\n.allevents h1 { font-size: 35px; }\r\n.event-image { float: left; padding-right: 10px; }\r\n.allevents p { color: #000; }\r\n.event-text { float: left; }\r\n.webinar-main, .events-main { display: inline-block; width: 100%; }\r\n@media (max-width: 768px) {\r\n.event-text { float: left; width: 232px; }\r\n}\r\n@media (max-width: 767px) {\r\n.event-text { float: left; width: 232px; }\r\n.events-main { width: 55%; display: inline-block; margin: 0 auto; text-align: left; }\r\n.allevents .span6 { text-align: center; }\r\n}\r\n@media (max-width: 640px) {\r\n.webinar-main { width: 300px; margin: 0 auto; text-align: left; }\r\n}\r\n@media (max-width: 320px) {\r\n.events-main { width: 270px; margin: 0 auto; display: inline-flex; }\r\n}\r\n.mobile_devlopment_img .service-box { margin-bottom: 0 !important; background-size: contain; background-position: center bottom; }\r\n\/* 3-5-2015 *\/\r\n\r\n.two-blocks { text-align: center; margin: 0 auto; width: 100%; }\r\n.two-blocks .row { float: none; width: auto; text-align: center; display: inline-block; }\r\n.telecom-page p { margin-bottom: 30px; color: #666; text-align: justify; }\r\n.telecom-page h4 { color: #ff7302; padding: 20px 0; margin: 0; }\r\nul#telecomul { margin: 0 0 0 55px; }\r\nul#telecomul li { padding-left: 15px; }\r\n\/* 11-3-2015 *\/\r\n\r\niframe#contact_form { height: 500px !important; }\r\n@media (max-width: 979px) and (min-width: 768px) {\r\n.span81 { width: 490px; }\r\n}\r\n@media (max-width: 420px) {\r\n.span81 { width: 100%; }\r\niframe#contact_form { height: 670px !important; }\r\n#tabh1 p, #tabh2 p, #tabh3 p, #tabh4 p { text-align: center; }\r\n.black_mobile22 { left: 10px !important; }\r\n}\r\niframe#kony_form_iframe { height: 685px; border: 1px solid #000 !important; }\r\niframe#atos_form_iframe { height: 685px; border: 1px solid #000 !important; }\r\niframe#perfecto_form_iframe { height: 685px; border: 1px solid #000 !important; }\r\n@media screen and (max-width: 768px) {\r\niframe#kony_form_iframe { display: block; margin: 0 auto; width: auto !important; }\r\n}\r\n\/* 25-3 *\/\r\n\r\ni.icon-search { margin: 2px 0 0 0; padding: 0; background-size: 12px; }\r\nul.ul_headerlink li:nth-child(2) { margin-left: 15px !important; }\r\n.suppa_menu_6 .suppa_submenu.suppa_submenu_html {\r\n border-radius: 10px 0 10px 10px;\r\n}\r\n\/* 24-3-2015 *\/\r\n\r\np.left_image, p.right_image { text-align: right; }\r\np.left_image img, p.right_image img { margin: 0; }\r\n@media (max-width: 767px) {\r\np.left_image,  p.right_image { text-align: center; }\r\n}\r\n\/*10-04-2015*\/\r\n\r\n.filters-set1 .span2 { width: 14.28571428571429%; \/* modified 4-8-2015 *\/\r\n    \r\nmargin: 0; text-align: center; }\r\n.filters-set1 { background: #03517B; }\r\n.filters-set1 .span2 a { color: #fff; }\r\n.filters-set1 { display: table !important; width: 100% !important; }\r\n.filters-set1 .catinfo { display: table-cell; float: none; }\r\n.filters-set1 .catinfo a { margin: 0 4px; }\r\n@media (max-width: 767px) {\r\n.filters-set1 .span2 { width: 100%; }\r\n}\r\n.row-fluid .author { text-transform: uppercase; }\r\n.filters-set1 { padding: 15px 25px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; }\r\n\/* 15-4-2015 *\/\r\n\r\n.textwidget ul { margin-left: 0; list-style: none; }\r\n.textwidget ul li { padding: 7px 0; border-bottom: 1px solid #e5e5e5; }\r\nul.contact-social-links { list-style-type: none; margin: 0; }\r\nul.contact-social-links li { float: none; display: inline-block; padding: 0; width: 20%; vertical-align: middle; margin: 0 4% 0 0; }\r\nul.contact-social-links li a { font-size: 40px; margin: 0; color: #6D6D6D; }\r\nul.contact-social-links i { color: #6D6D6D; font-size: 50px; }\r\n.contact-box { display: inline-block; width: 45%; float: left; background: #fff; }\r\n.contact-box .box_title { display: block; background: #249DE8; color: #fff; font-size: 25px; padding: 10px 15px; }\r\n.contact-box { display: inline-block; width: 45%; float: left; background: #fff; height: 350px; margin-bottom: 60px; }\r\n.contact-box .box_title { display: block; background: #249DE8; color: #fff; font-size: 25px; padding: 12px 35px; }\r\n.contact-box.box-right { float: right; }\r\n.box_content { padding: 35px; }\r\n.box_content p { color: #333; font-size: 16px; float: left; width: 80%; }\r\n.contact_box_section h3 { color: #fff; text-align: center; margin: 60px 0; }\r\n.contact_small_img { width: 34px; float: left; margin: 0 10px 0 0; }\r\n.contact_box_content a { color: #249DE8; text-transform: uppercase; }\r\n@media (max-width: 767px) {\r\n.box_content { padding: 20px 0 0 35px; display: inline-block; width: 80%; }\r\n.contact-box { width: 80%; margin: 40px auto; display: block; float: none !important; clear: both; height: auto; }\r\n.contact-box .box_title { font-size: 19px; }\r\nul.contact-social-links { max-width: 320px; }\r\n}\r\n@media (max-width: 497px) {\r\niframe#contact_form { height: 670px !important; }\r\n.content iframe#contact_form { height: 700px !important; }\r\n}\r\n.partner_resources { display: inline-block; width: 100%; margin-bottom: 40px; }\r\n.partner_resources .partner_resources_item { width: 100%; display: inline-block; }\r\n.partner_resources .partner_resources_item .resource_icon { display: inline-block; margin: 0 5px 0 0; }\r\n.partner_resources .partner_resources_item a { vertical-align: middle; border-bottom: 1px solid #888; }\r\n.cs-usbank { padding: 15px; vertical-align: bottom; }\r\n.cs-usbank .case_usbank { vertical-align: bottom; display: inline-block; }\r\n.cs-usbank .case_usbank h3 { text-align: left; margin: 0; background: #005179; color: #fff; font-size: 22px; padding: 10px 20px; }\r\n.cs-usbank .case_usbank ul { margin: 0 0 25px 0; border: 1px solid #005179; padding: 20px; list-style: none; }\r\n.cs-usbank .case_usbank ul li { color: #333; font-size: 16px; margin: 0 0 10px 0; padding: 0 0 0 13px; background: url('..\/img\/li-bg.png') no-repeat 0 8px; }\r\n@media (max-width: 360px) {\r\n.partner_resources .partner_resources_item .resource_icon { display: inline-block; margin: 0 5px 0 0; float: left; }\r\n.partner_resources .partner_resources_item a { width: 63%; margin: 10px 0 0 0; float: left; }\r\n.cs-usbank { padding: 0; }\r\n.cs-usbank .case_usbank ul { padding: 10px; }\r\n.cs-usbank .case_usbank h3 { padding: 10px; }\r\n}\r\n.cs-usbank h3 { text-align: center; }\r\nli.sub_rss a { padding-left: 20px; background: url(..\/img\/icon-rss.gif) 0 50% no-repeat; }\r\n.page-template-page-blog_insights-php .post-entry p { font-size: 16px; }\r\n.textwidget a { font-size: 13px; }\r\n\/* 21-4-2015 *\/\r\n\r\n@media (max-width: 768px) {\r\n.contact_new .span4 { width: 320px; margin: 0 auto 40px; max-width: 90%; }\r\n\r\n}\r\n@media (max-width: 360px) {\r\n.contact-box .box_title { text-align: center; }\r\n.box_content { padding: 10px 0; float: none; width: 100%; text-align: center; }\r\n.box_content .contact_small_img { margin: 10px auto; float: none; }\r\n.box_content p { margin: 0 auto 20px; float: none; }\r\n}\r\n\/* 24-4-2015 *\/\r\n\r\n.m11.partner_banner { color: #fff; font-size: 60% !important; }\r\n.m11.partner_banner_white { color: #fff; }\r\n.p_choose_icon { text-align: center; min-height: 52px; }\r\n.p_choose_icon img { width: auto; }\r\n.partner-whychooseus .why-title { text-align: center; font-size: 30px; }\r\n.partner-whychooseus .md_mobile_div { color: #666; font-size: 115%; text-align: justify; }\r\n.partner-whychooseus .row .span66 { width: 360px; }\r\n.partner_2 .span3 img { width: auto; text-align: center; }\r\n.partner_2 .span3 { text-align: center; }\r\n.partner_2 .learnmore { text-align: center; }\r\n.partner_2 .learnmore a { color: rgb(47, 64, 154); text-decoration: underline; font-size: 16px; }\r\n.blue_strip .span3 { text-align: center; display: block; padding: 0; width: 170px; }\r\n.blue_strip .span3 a { color: #fff; text-transform: uppercase; }\r\n.backgrounded.fastFadeFromTop.blue_strip { margin: 0; padding: 20px 20px !important; }\r\n\/* 27-4-2015 *\/\r\n\r\n.info_des { padding: 0 20px; text-align: justify; }\r\n.partner_2 img { width: auto; }\r\n.partner_2 .span4 { text-align: center; }\r\n.partnerlogo { min-height: 100px; }\r\niframe#partner_form { height: 740px !important; }\r\n\/* 28-4-2015 *\/\r\n\r\n.span34 { float: left !important; margin-bottom: 14px !important; margin-left: 4px !important; margin-right: 74px !important; margin-top: 13px !important; width: auto !important; text-align: center; }\r\n.grid-item.featured { min-height: 160px !important; min-width: 148px !important; }\r\n.isotope .isotope-item { margin-bottom: -10px !important; transition-property: transform, opacity; }\r\n.info_blog { width: 224px !important; margin-left: 6px !important; }\r\n.insigts_meta .author, .insigts_meta .pdate, .insigts_meta .ccount { text-transform: uppercase; }\r\n\/* 29-4-2015 *\/\r\n\r\ndiv#rss-link { text-align: right; margin: 0; display: inline-block; vertical-align: top; }\r\ndiv#rss-link img { margin: 0 10px 0 0; }\r\n.article_dropdown { text-align: right; margin-top: -50px; }\r\n.featuredarticles .isotope-item { position: relative; }\r\n.featuredarticles .social_icons { background: rgba(0, 0, 0, 0.4); margin: 0; padding: 0; bottom: 0; position: absolute; width: 100% }\r\n.featuredarticles h3.title a { color: #fff; }\r\n.featuredarticles h3.title:hover a { text-decoration: underline; }\r\n.featuredarticles .social_icons .social_links img { max-width: 25px; max-height: 25px; }\r\n.featuredarticles .social_icons .social_links { text-align: left; padding: 10px 10px; background: #EEE; }\r\n.featuredarticles .social_icons h3.title { padding: 0 20px; margin: 15px 0; clear: both; }\r\n.featuredarticles .social_icons .social_links a { margin: 0 5px; }\r\n.featuredarticles .social_icons .social_links img.share_icon { float: right; max-width: 18px; max-height: 18px; }\r\n.featuredarticles .info_blog .social_icons .social_links .share_right { float: right; display: inline-block; }\r\n.featuredarticles .info_blog .social_icons .social_links .social_links_hover { width: 90px; display: none; }\r\n.featuredarticles .info_blog .social_icons .social_links:hover { width: 100%; }\r\n.featuredarticles .info_blog .social_icons .social_links:hover .social_links_hover { display: inline-block; }\r\n.featuredarticles .info_blog .social_icons .social_links { float: right; clear: both; position: relative; box-sizing: border-box; border-radius: 100px; margin-right: 10px; }\r\n.featuredarticles .info_blog .social_icons { background: none; }\r\n.featuredarticles .info_blog .social_icons h3.title { background: rgba(0, 0, 0, 0.4); margin: 0; padding: 10px; }\r\n.featuredarticles .info_blog .grid-item { min-height: 150px; }\r\n.featuredarticles .grid-item { min-height: 327px; }\r\n\/* 13-5-2015 *\/\r\n\r\n.row.nomar { margin: 0; }\r\n.articles-box-main { width: 32%; display: inline-block; margin-right: 2%; vertical-align: top; float: left; border: 1px solid #939598; box-sizing: border-box; box-shadow: 0 5px 0 #c5c5c6; -webkit-box-shadow: 0 5px 0 #c5c5c6; -moz-box-shadow: 0 5px 0 #c5c5c6; margin-bottom: 35px; }\r\n.articles-box-main.last { margin-right: 0; }\r\n.articles-box-main .articles-top { position: relative; height: 217px; overflow: hidden; }\r\n.articles-box-main .articles-top .hover-text { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .8); width: 100%; height: 100%; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }\r\n.articles-box-main .articles-top .hover-text a { position: absolute; top: 50%; left: 50%; color: #fff; background: #ff7302; width: 124px; height: 22px; text-align: center; padding: 6px 0; border-radius: 3px; border: 1px solid rgba(255, 255, 255, .5); margin: -18px 0 0 -63px; font-size: 13px; line-height: 22px; }\r\n.articles-box-main .articles-top .hover-text a:hover { border-color: transparent; }\r\n.articles-box-main .articles-top:hover .hover-text { opacity: 1; }\r\n.articles-box-main .articles-bot { padding: 10px 20px 0 20px; margin-bottom: 10px; border-bottom: 1px solid #dd3f19; }\r\n.articles-box-main .articles-bot h4 { text-align: center; margin-bottom: 20px; height: 42px; }\r\n.articles-box-main .articles-bot span { text-align: center; display: block; text-transform: uppercase; color: #adadad; margin-bottom: 3px; }\r\n.articles-box-main .articles-top img { width: 100%; height: 100%; }\r\n.articles-box-main .articles-bot p { height: 175px; }\r\n\/* 14-5-2015 *\/\r\n\r\n.inside-evaluate-management h1 { font-size: 32px; color: #fff; text-align: center; }\r\n.inside-evaluate-management p a { color: #fff; font-size: 18px; text-decoration: underline; }\r\n.inside-evaluate-management p span { display: inherit; padding: 5px 0; color: #fff; }\r\n.inside-evaluate-management p.evaluate-content { padding-left: 30px; padding-bottom: 40px; margin: 0; }\r\n.inside-evaluate-management p.evaluate-content_first { padding-top: 50px; }\r\n\/* end 14-5-2015 *\/\r\n\/* 20-5-2015 *\/\r\n\r\n.partnerlogo.partnertwo { float: right; width: 270px; }\r\n.learnmore a { color: rgb(47, 64, 154); text-decoration: underline; font-size: 18px; }\r\n@media (max-width: 980px) {\r\n.featuredarticles .isotope-item.spantop,  .featuredarticles .isotope-item.spanbottom { position: relative !important; width: 100%; margin: 0; transform: translate3d(0, 0px, 0px) !important; -webkit-transform: translate3d(0, 0px, 0px) !important; -moz-transform: translate3d(0, 0px, 0px) !important; }\r\n.filterable-items.featuredarticles .row.isotope { height: auto !important; }\r\n.info_blog { width: 23% !important; margin: 1% !important; }\r\n.articles-box-main,  .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }\r\n.blue_strip .span3 { width: 100%; }\r\n.centerimg .span3 { width: 166px; }\r\n}\r\n@media (max-width: 768px) {\r\n.filterable-items.featuredarticles { margin: 0 10px; }\r\n.info_blog { width: 48% !important; float: left; }\r\n.featuredarticles .info_blog .social_icons { width: 100%; }\r\n.filterable-items { margin: 0 10px; }\r\n.articles-box-main,  .articles-box-main.last { width: auto; }\r\n.partnerlogo.partnertwo { float: none !important; }\r\n.centerimg .span3,  .centerimg .span6 { width: 100%; text-align: center; }\r\n.partnerlogo.partnertwo { width: 100%; }\r\n\r\n}\r\n@media (max-width: 480px) {\r\n.info_blog { width: 100% !important; margin: 0 !important; }\r\n}\r\n@media screen and (max-width: 560px) {\r\n.article_dropdown { margin: 0; text-align: left; }\r\n}\r\n.menu-bot .menu_mobile_button.btncenter { display: inline-block; float: left; vertical-align: middle; margin-top: 20px; }\r\n.partner_menu_link { border-bottom: 1px solid #ccc; padding-bottom: 10px; width: 100%; float: left; margin-bottom: 10px; }\r\n\/*25-05-2015*\/\r\n\r\n.news-single .post-entry p { padding: 0px !important; }\r\n.catinfo { width: 12%; }\r\n\/* Wearable Infographics *\/\r\n\r\n.wearable-info a#slider-button { float: left; }\r\n.wearable-info p { text-align: left; color: #666; padding: 0; }\r\n.wearable-info p span, .wearable-info p a { color: #f67107; }\r\n.left-text { float: left; clear: both; }\r\n.left-text p { margin: 0; }\r\n.right-text { float: right; width: 93%; }\r\n.right-text p { margin: 0; padding: 0; }\r\n.predict { display: block; }\r\n.wearable-info h3 { font-size: 50px; font-weight: 500; text-align: left; margin: 20px 0 30px 20px; }\r\n.wearable-info .span3 p { font-size: 20px; text-align: left; margin: 0 0 20px 0; padding: 0 15px; }\r\n\/* Smartcar Infographic *\/\r\n\r\n.smart_car p { color: #000; font-size: 21px; font-weight: bold; text-align: left !important; }\r\n.eco_system p { font-size: 22px; font-weight: bold; text-align: left !important; }\r\n.info_driving p { color: #000; font-size: 21px; font-weight: bold; text-align: left !important; }\r\n.smart_car #slider-button { float: left; }\r\n@media (max-width: 980px) {\r\n.featuredarticles .isotope-item.spantop,  .featuredarticles .isotope-item.spanbottom { position: relative !important; width: 100%; margin: 0; transform: translate3d(0, 0px, 0px) !important; -webkit-transform: translate3d(0, 0px, 0px) !important; -moz-transform: translate3d(0, 0px, 0px) !important; }\r\n.filterable-items.featuredarticles .row.isotope { height: auto !important; }\r\n.info_blog { width: 23% !important; margin: 1% !important; }\r\n.articles-box-main,  .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }\r\n.blue_strip .span3 { width: 100%; }\r\n.centerimg .span3 { width: 166px; }\r\n.right-text { width: 90%; }\r\n}\r\n@media (max-width: 768px) {\r\n.filterable-items.featuredarticles { margin: 0 10px; }\r\n.info_blog { width: 48% !important; float: left; }\r\n.right-text { width: 86%; }\r\n.featuredarticles .info_blog .social_icons { width: 100%; }\r\n.filterable-items { margin: 0 10px; }\r\n.articles-box-main,  .articles-box-main.last { width: auto; }\r\n.partnerlogo.partnertwo { float: none !important; }\r\n.centerimg .span3,  .centerimg .span6 { width: 100%; text-align: center; }\r\n.partnerlogo.partnertwo { width: 100%; }\r\n.catinfo { width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n.info_blog { width: 100% !important; margin: 0 !important; }\r\n.right-text { width: 80%; }\r\n}\r\n@media screen and (max-width: 560px) {\r\n.article_dropdown { margin: 0; text-align: left; }\r\n}\r\n\/* 31-7-2015 *\/\r\n\r\n.media-body h2, .media-body .post-thumbnail { \/* modified on 4-8-2015 *\/\r\n    \r\ntext-align: center; }\r\n.hentry { \/*text-align: left;*\/\r\n    \/* modified 4-8-2015 *\/\r\n}\r\n.post-single { text-align: center; }\r\n.btn_download { margin-left: 50px; }\r\n@media (max-width: 980px) {\r\n.featuredarticles .isotope-item.spantop,  .featuredarticles .isotope-item.spanbottom { position: relative !important; width: 100%; margin: 0; transform: translate3d(0, 0px, 0px) !important; -webkit-transform: translate3d(0, 0px, 0px) !important; -moz-transform: translate3d(0, 0px, 0px) !important; }\r\n.filterable-items.featuredarticles .row.isotope { height: auto !important; }\r\n.info_blog { width: 23% !important; margin: 1% !important; }\r\n.articles-box-main,  .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }\r\n.centerimg .span3 { width: 166px; }\r\n}\r\n@media (max-width: 768px) {\r\n.filterable-items.featuredarticles { margin: 0 10px; }\r\n.info_blog { width: 48% !important; float: left; }\r\n.featuredarticles .info_blog .social_icons { width: 100%; }\r\n.filterable-items { margin: 0 10px; }\r\n.articles-box-main,  .articles-box-main.last { width: auto; }\r\n.partnerlogo.partnertwo { float: none !important; }\r\n.centerimg .span3,  .centerimg .span6 { width: 100%; text-align: center; }\r\n.partnerlogo.partnertwo { width: 100%; }\r\n.catinfo { width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n.info_blog { width: 100% !important; margin: 0 !important; }\r\n}\r\n@media screen and (max-width: 560px) {\r\n.article_dropdown { margin: 0; text-align: left; }\r\n}\r\n\/* 4-8-2015 *\/\r\n\r\n.newsletters-single p { color: #666; text-align: left; margin: 0 0 10px 0; padding: 0; font-size: 16px; }\r\n.newsletters-single h3 { text-align: left; margin: 20px 0; padding: 0; font-weight: 400; font-size: 23px; }\r\n.newsletters-single .backgrounded.fastFadeFromTop { padding: 45px 0 !important; border-bottom: 3px solid #CDCDCD; }\r\na.nl-btn { text-align: left; margin: 15px 0 0 0; border: 1px solid #095383; padding: 5px 8px; border-radius: 5px; color: #095383; display: inline-block; font-size: 16px !important; }\r\n.newsletters-single .col-even { float: right; }\r\n.backgrounded.fastFadeFromTop.nl-march-5, .backgrounded.fastFadeFromTop.nl-june-6 { border: none; text-align: center; }\r\n.backgrounded.fastFadeFromTop.nl-march-5 .span3, .backgrounded.fastFadeFromTop.nl-june-6 .span4 { text-align: center; float: none; display: inline-block; vertical-align: top; }\r\n.backgrounded.fastFadeFromTop.nl-march-5 h3, .backgrounded.fastFadeFromTop.nl-june-6 h3 { font-size: 30px; text-align: center; color: #f67107; margin: 0 0 100px 0; }\r\n.backgrounded.fastFadeFromTop.nl-march-5 h4, .backgrounded.fastFadeFromTop.nl-june-6 h4 { font-weight: 400; margin: 0 0 30px 0; font-size: 22px; }\r\n.backgrounded.fastFadeFromTop.nl-march-5 p, .backgrounded.fastFadeFromTop.nl-june-6 p { text-align: center; margin: 25px 0 0 0; color: #f67107; font-weight: bold; }\r\n.backgrounded.fastFadeFromTop.nl-march-5 p.text-booth { margin: 0; padding: 0; color: #666; }\r\n.backgrounded.fastFadeFromTop.nl-march-5 a.nl-btn, .backgrounded.fastFadeFromTop.nl-june-6 a.nl-btn { margin: 60px 0 0 0; }\r\n.backgrounded.fastFadeFromTop.nl-june-6 a.learn-link { color: #095383; }\r\nfooter .bottom-tier { position: relative; }\r\ndiv#cookie-popup-cont { background: #333331; top: 115px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }\r\n.cookie-popup-text { display: inline-block; width: 90%; vertical-align: middle; max-width: calc(100% - 100px); padding: 15px 0; }\r\n.cookie-popup-text p { color: #fff; text-align: left; font-size: 15px; margin: 0; display: inline-block; line-height: 20px; max-width: 92%; background-image: url(\"..\/img\/info.svg\"); background-position: center left; background-repeat: no-repeat; padding: 3px 3px 3px 55px; }\r\n.cookie-popup-text a { color: #f67107; text-decoration: underline; }\r\na#cookie-close { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 0; font-size: 14px; line-height: 1.42857143; border-radius: 2px; color: #fff; background-color: #f67107; text-decoration: none; width: 100px; border-radius: 5px; }\r\n@media (max-width: 980px) {\r\n.featuredarticles .isotope-item.spantop,  .featuredarticles .isotope-item.spanbottom { position: relative !important; width: 100%; margin: 0; transform: translate3d(0, 0px, 0px) !important; -webkit-transform: translate3d(0, 0px, 0px) !important; -moz-transform: translate3d(0, 0px, 0px) !important; }\r\n.filterable-items.featuredarticles .row.isotope { height: auto !important; }\r\n.info_blog { width: 23% !important; margin: 1% !important; }\r\n.articles-box-main,  .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }\r\n.centerimg .span3 { width: 166px; }\r\n}\r\n@media (max-width: 768px) {\r\n.filterable-items.featuredarticles { margin: 0 10px; }\r\n.info_blog { width: 48% !important; float: left; }\r\n.featuredarticles .info_blog .social_icons { width: 100%; }\r\n.filterable-items { margin: 0 10px; }\r\n.articles-box-main,  .articles-box-main.last { width: auto; }\r\n.partnerlogo.partnertwo { float: none !important; }\r\n.centerimg .span3,  .centerimg .span6 { width: 100%; text-align: center; }\r\n.partnerlogo.partnertwo { width: 100%; }\r\n.catinfo { width: 100%; }\r\n}\r\n@media (max-width: 767px) {\r\n.newsletters-single .backgrounded.fastFadeFromTop { padding: 45px 10px; }\r\n.newsletters-single .col-even { float: none; }\r\n.newsletters-single .span4,  .newsletters-single p,  .newsletters-single h3,  .newsletters-single .span8 { text-align: center; }\r\n}\r\n@media (max-width: 480px) {\r\n.info_blog { width: 100% !important; margin: 0 !important; }\r\n}\r\n@media screen and (max-width: 560px) {\r\n.article_dropdown { margin: 0; text-align: left; }\r\n}\r\n\/* Newsletter August and Novmber 2011 *\/\r\n\r\n.newsletters-single .nl-aug-2011?h2, .newsletters-single .nl-nov-2011?h2 {\r\n text-align: left;\r\n}\r\n.newsletters-single .nl-aug-2011 h2, .newsletters-single .nl-nov-2011 h2 { text-align: left; color: #000; margin: 0; font-weight: 400; }\r\n.nl-aug-2011, .nl-nov-2011-sub { font-size: 18px; }\r\n.nl-aug-2011 p { font-size: 18px; line-height: 22px; margin: 0 0 5px 0 }\r\n.newsletters-single .nl-nov-2011 p { font-size: 18px; line-height: 22px; margin: 0 0 5px 0; text-align: justify; }\r\n.newsletters-single .nl-nov-2011 p.hitting-ace { text-align: justify; }\r\n.newsletters-single .nl-nov-2011-sub p { text-align: left; }\r\n.nl-aug-2011 img, .nl-nov-2011 img { width: 100%; }\r\n.nl-aug-2011 a, .nl-nov-2011 a { color: #4fa5fc; }\r\na.nl-aug-link { border-bottom: 1px solid #4fa5fc; font-weight: 600; font-size: 16px; }\r\n.nl-aug-2011 h3, .nl-nov-2011 h3 { margin: 20px 0 10px 0; color: #000; font-weight: 600; font-size: 30px; }\r\nul.aug-ul { list-style-type: none; margin: 0 0 10px 0; }\r\nul.aug-ul li { line-height: 25px; }\r\n.thought_cont { margin-bottom: 20px; }\r\na.link-title { font-size: 18px; line-height: 25px; font-weight: 600; display: block; }\r\n.on-demand a.link-title { min-height: 75px; }\r\nul.aug-ul li { line-height: 25px; color: #666; }\r\n.upcoming-events { margin: 15px 0; display: inline-block; }\r\n.upcoming-events h4 { color: #666; margin: 0; font-weight: 600; }\r\n.upcoming-events span { color: #4fa5fc; margin: 0; padding: 0; display: block; line-height: 15px; font-weight: 600; }\r\na.nl-aug-watch-link { margin: 15px 0 0 0; display: inline-block; color: #666; }\r\n.nl-nov-2011 { font-size: 18px; }\r\na.nl-nov-link { display: inline-block; }\r\nul.latest-buzz-ul { margin: 0 0 18px 50px; color: #666; }\r\nul.latest-buzz-ul li { padding-bottom: 5px; }\r\nul.latest-buzz-ul li span { color: #4fa5fc; display: inline-block; border-bottom: 1px solid #4fa5fc; }\r\np.buzz-title { font-weight: 600; }\r\np.wdate { margin: 0; font-size: 18px; }\r\na.nl-aug-link:after { content: \"\"; border-width: 7px 0px 7px 7px; border-color: transparent transparent transparent #4fa5fc; display: inline-block; border-style: solid; margin: 8px 0 0 5px; }\r\n@media (max-width: 980px) {\r\n.featuredarticles .isotope-item.spantop,  .featuredarticles .isotope-item.spanbottom { position: relative !important; width: 100%; margin: 0; transform: translate3d(0, 0px, 0px) !important; -webkit-transform: translate3d(0, 0px, 0px) !important; -moz-transform: translate3d(0, 0px, 0px) !important; }\r\n.filterable-items.featuredarticles .row.isotope { height: auto !important; }\r\n.info_blog { width: 23% !important; margin: 1% !important; }\r\n.articles-box-main,  .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }\r\n.centerimg .span3 { width: 166px; }\r\n}\r\n@media (max-width: 768px) {\r\n.filterable-items.featuredarticles { margin: 0 10px; }\r\n.info_blog { width: 48% !important; float: left; }\r\n.featuredarticles .info_blog .social_icons { width: 100%; }\r\n.filterable-items { margin: 0 10px; }\r\n.articles-box-main,  .articles-box-main.last { width: auto; }\r\n.partnerlogo.partnertwo { float: none !important; }\r\n.centerimg .span3,  .centerimg .span6 { width: 100%; text-align: center; }\r\n.partnerlogo.partnertwo { width: 100%; }\r\n.catinfo { width: 100%; }\r\n}\r\n@media (max-width: 767px) {\r\n.newsletters-single .backgrounded.fastFadeFromTop { padding: 45px 10px; }\r\n.newsletters-single .col-even { float: none; }\r\n.newsletters-single .span4,  .newsletters-single .post-entry p,  .newsletters-single h3,  .newsletters-single .span8 { text-align: center; }\r\n.nl-aug-2011,  .nl-nov-2011-sub { text-align: center; }\r\nul.aug-ul { text-align: left; }\r\nul.latest-buzz-ul { text-align: left; margin: 0 0 18px 30px; }\r\nul.latest-buzz-ul li span { display: block; border: none; }\r\n.nl-aug-2011,  .nl-nov-2011-sub { width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n.info_blog { width: 100% !important; margin: 0 !important; }\r\n.right-text { width: 80%; }\r\n.cookie-popup-text { width: 100%; max-width: 100%; }\r\n.cookie-popup-text p { text-align: center; max-width: 100%; background-position: center top; padding: 55px 0 0 3px; }\r\n.cookie-popup-text a { color: #f67107; text-decoration: underline; }\r\na#cookie-close { display: block; margin: 0px auto 10px; }\r\n}\r\n@media screen and (max-width: 560px) {\r\n.article_dropdown { margin: 0; text-align: left; }\r\n}\r\n\/*\r\nfont-family: 'Lato', sans-serif;\r\nfont-family: 'Open Sans', sans-serif;\r\n*\/\r\n\r\n\r\n.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-sm-3, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }\r\n.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left }\r\n.col-xs-12 { width: 100% }\r\n.col-xs-11 { width: 91.66666667% }\r\n.col-xs-10 { width: 83.33333333% }\r\n.col-xs-9 { width: 75% }\r\n.col-xs-8 { width: 66.66666667% }\r\n.col-xs-7 { width: 58.33333333% }\r\n.col-xs-6 { width: 50% }\r\n.col-xs-5 { width: 41.66666667% }\r\n.col-xs-4 { width: 33.33333333% }\r\n.col-xs-3 { width: 25% }\r\n.col-xs-2 { width: 16.66666667% }\r\n.col-xs-1 { width: 8.33333333% }\r\n.col-xs-pull-12 { right: 100% }\r\n.col-xs-pull-11 { right: 91.66666667% }\r\n.col-xs-pull-10 { right: 83.33333333% }\r\n.col-xs-pull-9 { right: 75% }\r\n.col-xs-pull-8 { right: 66.66666667% }\r\n.col-xs-pull-7 { right: 58.33333333% }\r\n.col-xs-pull-6 { right: 50% }\r\n.col-xs-pull-5 { right: 41.66666667% }\r\n.col-xs-pull-4 { right: 33.33333333% }\r\n.col-xs-pull-3 { right: 25% }\r\n.col-xs-pull-2 { right: 16.66666667% }\r\n.col-xs-pull-1 { right: 8.33333333% }\r\n.col-xs-pull-0 { right: auto }\r\n.col-xs-push-12 { left: 100% }\r\n.col-xs-push-11 { left: 91.66666667% }\r\n.col-xs-push-10 { left: 83.33333333% }\r\n.col-xs-push-9 { left: 75% }\r\n.col-xs-push-8 { left: 66.66666667% }\r\n.col-xs-push-7 { left: 58.33333333% }\r\n.col-xs-push-6 { left: 50% }\r\n.col-xs-push-5 { left: 41.66666667% }\r\n.col-xs-push-4 { left: 33.33333333% }\r\n.col-xs-push-3 { left: 25% }\r\n.col-xs-push-2 { left: 16.66666667% }\r\n.col-xs-push-1 { left: 8.33333333% }\r\n.col-xs-push-0 { left: auto }\r\n.col-xs-offset-12 { margin-left: 100% }\r\n.col-xs-offset-11 { margin-left: 91.66666667% }\r\n.col-xs-offset-10 { margin-left: 83.33333333% }\r\n.col-xs-offset-9 { margin-left: 75% }\r\n.col-xs-offset-8 { margin-left: 66.66666667% }\r\n.col-xs-offset-7 { margin-left: 58.33333333% }\r\n.col-xs-offset-6 { margin-left: 50% }\r\n.col-xs-offset-5 { margin-left: 41.66666667% }\r\n.col-xs-offset-4 { margin-left: 33.33333333% }\r\n.col-xs-offset-3 { margin-left: 25% }\r\n.col-xs-offset-2 { margin-left: 16.66666667% }\r\n.col-xs-offset-1 { margin-left: 8.33333333% }\r\n.col-xs-offset-0 { margin-left: 0 }\r\n@media (min-width: 768px) {\r\n.col-sm-1,  .col-sm-10,  .col-sm-11,  .col-sm-12,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9 { float: left }\r\n.col-sm-12 { width: 100% }\r\n.col-sm-11 { width: 91.66666667% }\r\n.col-sm-10 { width: 83.33333333% }\r\n.col-sm-9 { width: 75% }\r\n.col-sm-8 { width: 66.66666667% }\r\n.col-sm-7 { width: 58.33333333% }\r\n.col-sm-6 { width: 50% }\r\n.col-sm-5 { width: 41.66666667% }\r\n.col-sm-4 { width: 33.33333333% }\r\n.col-sm-3 { width: 25% }\r\n.col-sm-2 { width: 16.66666667% }\r\n.col-sm-1 { width: 8.33333333% }\r\n.col-sm-pull-12 { right: 100% }\r\n.col-sm-pull-11 { right: 91.66666667% }\r\n.col-sm-pull-10 { right: 83.33333333% }\r\n.col-sm-pull-9 { right: 75% }\r\n.col-sm-pull-8 { right: 66.66666667% }\r\n.col-sm-pull-7 { right: 58.33333333% }\r\n.col-sm-pull-6 { right: 50% }\r\n.col-sm-pull-5 { right: 41.66666667% }\r\n.col-sm-pull-4 { right: 33.33333333% }\r\n.col-sm-pull-3 { right: 25% }\r\n.col-sm-pull-2 { right: 16.66666667% }\r\n.col-sm-pull-1 { right: 8.33333333% }\r\n.col-sm-pull-0 { right: auto }\r\n.col-sm-push-12 { left: 100% }\r\n.col-sm-push-11 { left: 91.66666667% }\r\n.col-sm-push-10 { left: 83.33333333% }\r\n.col-sm-push-9 { left: 75% }\r\n.col-sm-push-8 { left: 66.66666667% }\r\n.col-sm-push-7 { left: 58.33333333% }\r\n.col-sm-push-6 { left: 50% }\r\n.col-sm-push-5 { left: 41.66666667% }\r\n.col-sm-push-4 { left: 33.33333333% }\r\n.col-sm-push-3 { left: 25% }\r\n.col-sm-push-2 { left: 16.66666667% }\r\n.col-sm-push-1 { left: 8.33333333% }\r\n.col-sm-push-0 { left: auto }\r\n.col-sm-offset-12 { margin-left: 100% }\r\n.col-sm-offset-11 { margin-left: 91.66666667% }\r\n.col-sm-offset-10 { margin-left: 83.33333333% }\r\n.col-sm-offset-9 { margin-left: 75% }\r\n.col-sm-offset-8 { margin-left: 66.66666667% }\r\n.col-sm-offset-7 { margin-left: 58.33333333% }\r\n.col-sm-offset-6 { margin-left: 50% }\r\n.col-sm-offset-5 { margin-left: 41.66666667% }\r\n.col-sm-offset-4 { margin-left: 33.33333333% }\r\n.col-sm-offset-3 { margin-left: 25% }\r\n.col-sm-offset-2 { margin-left: 16.66666667% }\r\n.col-sm-offset-1 { margin-left: 8.33333333% }\r\n.col-sm-offset-0 { margin-left: 0 }\r\n}\r\n@media (min-width: 992px) {\r\n.col-md-1,  .col-md-10,  .col-md-11,  .col-md-12,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9 { float: left }\r\n.col-md-12 { width: 100% }\r\n.col-md-11 { width: 91.66666667% }\r\n.col-md-10 { width: 83.33333333% }\r\n.col-md-9 { width: 75% }\r\n.col-md-8 { width: 66.66666667% }\r\n.col-md-7 { width: 58.33333333% }\r\n.col-md-6 { width: 50% }\r\n.col-md-5 { width: 41.66666667% }\r\n.col-md-4 { width: 33.33333333% }\r\n.col-md-3 { width: 25% }\r\n.col-md-2 { width: 16.66666667% }\r\n.col-md-1 { width: 8.33333333% }\r\n.col-md-pull-12 { right: 100% }\r\n.col-md-pull-11 { right: 91.66666667% }\r\n.col-md-pull-10 { right: 83.33333333% }\r\n.col-md-pull-9 { right: 75% }\r\n.col-md-pull-8 { right: 66.66666667% }\r\n.col-md-pull-7 { right: 58.33333333% }\r\n.col-md-pull-6 { right: 50% }\r\n.col-md-pull-5 { right: 41.66666667% }\r\n.col-md-pull-4 { right: 33.33333333% }\r\n.col-md-pull-3 { right: 25% }\r\n.col-md-pull-2 { right: 16.66666667% }\r\n.col-md-pull-1 { right: 8.33333333% }\r\n.col-md-pull-0 { right: auto }\r\n.col-md-push-12 { left: 100% }\r\n.col-md-push-11 { left: 91.66666667% }\r\n.col-md-push-10 { left: 83.33333333% }\r\n.col-md-push-9 { left: 75% }\r\n.col-md-push-8 { left: 66.66666667% }\r\n.col-md-push-7 { left: 58.33333333% }\r\n.col-md-push-6 { left: 50% }\r\n.col-md-push-5 { left: 41.66666667% }\r\n.col-md-push-4 { left: 33.33333333% }\r\n.col-md-push-3 { left: 25% }\r\n.col-md-push-2 { left: 16.66666667% }\r\n.col-md-push-1 { left: 8.33333333% }\r\n.col-md-push-0 { left: auto }\r\n.col-md-offset-12 { margin-left: 100% }\r\n.col-md-offset-11 { margin-left: 91.66666667% }\r\n.col-md-offset-10 { margin-left: 83.33333333% }\r\n.col-md-offset-9 { margin-left: 75% }\r\n.col-md-offset-8 { margin-left: 66.66666667% }\r\n.col-md-offset-7 { margin-left: 58.33333333% }\r\n.col-md-offset-6 { margin-left: 50% }\r\n.col-md-offset-5 { margin-left: 41.66666667% }\r\n.col-md-offset-4 { margin-left: 33.33333333% }\r\n.col-md-offset-3 { margin-left: 25% }\r\n.col-md-offset-2 { margin-left: 16.66666667% }\r\n.col-md-offset-1 { margin-left: 8.33333333% }\r\n.col-md-offset-0 { margin-left: 0 }\r\n}\r\n@media (min-width: 1200px) {\r\n.col-lg-1,  .col-lg-10,  .col-lg-11,  .col-lg-12,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,  .col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9 { float: left }\r\n.col-lg-12 { width: 100% }\r\n.col-lg-11 { width: 91.66666667% }\r\n.col-lg-10 { width: 83.33333333% }\r\n.col-lg-9 { width: 75% }\r\n.col-lg-8 { width: 66.66666667% }\r\n.col-lg-7 { width: 58.33333333% }\r\n.col-lg-6 { width: 50% }\r\n.col-lg-5 { width: 41.66666667% }\r\n.col-lg-4 { width: 33.33333333% }\r\n.col-lg-3 { width: 25% }\r\n.col-lg-2 { width: 16.66666667% }\r\n.col-lg-1 { width: 8.33333333% }\r\n.col-lg-pull-12 { right: 100% }\r\n.col-lg-pull-11 { right: 91.66666667% }\r\n.col-lg-pull-10 { right: 83.33333333% }\r\n.col-lg-pull-9 { right: 75% }\r\n.col-lg-pull-8 { right: 66.66666667% }\r\n.col-lg-pull-7 { right: 58.33333333% }\r\n.col-lg-pull-6 { right: 50% }\r\n.col-lg-pull-5 { right: 41.66666667% }\r\n.col-lg-pull-4 { right: 33.33333333% }\r\n.col-lg-pull-3 { right: 25% }\r\n.col-lg-pull-2 { right: 16.66666667% }\r\n.col-lg-pull-1 { right: 8.33333333% }\r\n.col-lg-pull-0 { right: auto }\r\n.col-lg-push-12 { left: 100% }\r\n.col-lg-push-11 { left: 91.66666667% }\r\n.col-lg-push-10 { left: 83.33333333% }\r\n.col-lg-push-9 { left: 75% }\r\n.col-lg-push-8 { left: 66.66666667% }\r\n.col-lg-push-7 { left: 58.33333333% }\r\n.col-lg-push-6 { left: 50% }\r\n.col-lg-push-5 { left: 41.66666667% }\r\n.col-lg-push-4 { left: 33.33333333% }\r\n.col-lg-push-3 { left: 25% }\r\n.col-lg-push-2 { left: 16.66666667% }\r\n.col-lg-push-1 { left: 8.33333333% }\r\n.col-lg-push-0 { left: auto }\r\n.col-lg-offset-12 { margin-left: 100% }\r\n.col-lg-offset-11 { margin-left: 91.66666667% }\r\n.col-lg-offset-10 { margin-left: 83.33333333% }\r\n.col-lg-offset-9 { margin-left: 75% }\r\n.col-lg-offset-8 { margin-left: 66.66666667% }\r\n.col-lg-offset-7 { margin-left: 58.33333333% }\r\n.col-lg-offset-6 { margin-left: 50% }\r\n.col-lg-offset-5 { margin-left: 41.66666667% }\r\n.col-lg-offset-4 { margin-left: 33.33333333% }\r\n.col-lg-offset-3 { margin-left: 25% }\r\n.col-lg-offset-2 { margin-left: 16.66666667% }\r\n.col-lg-offset-1 { margin-left: 8.33333333% }\r\n.col-lg-offset-0 { margin-left: 0; }\r\n}\r\n.pl0 { padding-left: 0 !important; }\r\n.pr0 { padding-right: 0 !important; }\r\n.oh:hover { opacity: 0.8 !important; }\r\n.anim { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }\r\n.home .container { max-width: 1200px !important; width: 100% !important; }\r\n.navbar-inner { background: #ffffff; }\r\n.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1200px; }\r\n.backgrounded.fastFadeFromTop { padding: 30px 0; }\r\n.synchro_new { width: 100%; float: left; }\r\n.synchro_new .homeslider.backgrounded { padding: 0 !important; }\r\n.homeslider .bx-clone { \/*transform: translate3d(0px, -50px, 0px); -webkit-transform: translate3d(0px, -50px, 0px); -moz-transform: translate3d(0px, -50px, 0px); -o-transform: translate3d(0px, -50px, 0px); -ms-transform: translate3d(0px, -50px, 0px);*\/ }\r\n\r\n.homeslider .container { max-width: 100% !important; width: 100% !important; }\r\n\/*.sbanner .slide.bx-clone { margin-top: -71px !important; }*\/\r\n.sbanner { width: 100%; height: 500px; overflow: hidden; background: #eee; \/*float:left;*\/ -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); position: relative; }\r\n.sbanner .slide { width: 100%; height: 500px; float: left; position: relative; background-attachment: fixed; background-size: cover !important; background-position: 50% 0; margin-top: -00px; \/*transform:translateY(0) !important; -webkit-transform:translateY(0) !important; -moz-transform:translateY(0) !important; -ms-transform:translateY(0) !important; -o-transform:translateY(0) !important;*\/ }\r\n.sbanner .slide.s1 { background: url(..\/img\/homebanner01.png) no-repeat 50% 000px; }\r\n.sbanner .slide img { width: 100%; float: left; margin: 0; padding: 0; }\r\n.sbanner .slide .desc { position: absolute; text-align: center; max-width: 800px; width: 80%; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }\r\n.sbanner .slide .desc a { display: inline-block; background: #f67107; color: #fff; text-align: center; font-size: 16px; padding: 12px; min-width: 140px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.sbanner .slide .desc h2 { font-size:40px; line-height: 120% !important; margin: 0 0 10px 0 !important; color:#fff !important; font-weight: 400 !important; }\r\n.sbanner .slide .desc p { font-size:22px; line-height: 120% !important; margin-bottom: 20px; font-style: italic; color:#fff !important; }\r\n.sbanner .slide .desc .more { font-size: 14px; }\r\n\r\n.sbanner .feather { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); }\r\n.static_banner .feather { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 40%, rgba(0,0,0, 0) 100%); background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 40%, rgba(0,0,0, 0) 100%); background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 40%, rgba(0,0,0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 40%, rgba(0,0,0, 0) 100%);  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); }\r\n.homesliders .bx-wrapper .bx-pager { bottom: 10px; }\r\n.homesliders .bx-viewport { height:500px !important; }\r\n.homesliders .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; margin-top: -19px; background: url('..\/img\/homebanner_arrows.png') no-repeat 0px 0; }\r\n.homesliders .bx-wrapper .bx-prev:hover { background-position: -0px -40px !important; }\r\n.homesliders .bx-wrapper .bx-next { background-position: -40px -0px !important; }\r\n.homesliders .bx-wrapper .bx-next:hover { background-position: -40px -40px !important; }\r\n\r\n.home-2-page .bx-wrapper .bx-pager.bx-default-pager a { background:#fff; opacity: 0.6; }\r\n.home-2-page .bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1; }\r\n.homeslider .bx-wrapper .bx-pager { width: auto; position: absolute; z-index: 1; bottom: 30px !important; background: rgba(255, 255, 255, 0.4); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; padding: 14px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }\r\n.homeslider .bx-wrapper .bx-controls-direction a { width: 38px; height: 38px; margin-top: -19px; background: url('..\/img\/slider_nav_arrows.png') no-repeat -1px 0; }\r\n.homeslider .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }\r\n.homeslider .bx-wrapper .bx-next { background-position: -52px -1px !important; }\r\n.homeslider .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }\r\n.homeslider .bx-wrapper .bx-pager .bx-pager-item { float: left; }\r\n.homeslider .bx-wrapper .bx-pager .bx-pager-item a { background: #8f999e; }\r\n.homeslider .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }\r\n.pg { width: 100%; \/*float:left;*\/ padding: 40px 10px !important; }\r\n.pg p { color: #666; }\r\n.dtitle { color: #000; font-size: 40px !important; font-weight: 100; margin-bottom: 25px; line-height: 1.2em !important; width: 100%; float: left; text-align: center; }\r\nh3.dtitle { color: #000; font-size: 30px !important; font-weight: 100; margin-bottom: 15px; line-height: 1.2em !important; width: 100%; float: left; text-align: center; }\r\n.dtitle span { color: #ff7302; }\r\n.dtitle.tleft { text-align: left; }\r\n.dtitle.tcenter { text-align: center; }\r\n.mleadership { width: 100%; }\r\n.mleadership p { font-size: 20px !important; line-height: 140% !important; font-weight: 300; }\r\n.mleadership .box { width: 100%; float: left; text-align: center; }\r\n.mleadership .box .img { width: 100%; float: left; text-align: center; margin: 0 0 30px 0; }\r\n.mleadership .box .img img { }\r\n.mleadership .box h3 { width: 100%; float: left; text-align: center; font-size: 14px; font-weight: 700; color: #000; }\r\n.mleadership .box a { color: #f67107; }\r\n.mleadership .box.pb:after { content: \"\"; top: 50px; right: 0; width: 11px; height: 11px; position: absolute; background: url(..\/img\/plus.png) no-repeat 100% 50%; }\r\n.app_area.border-btm-none { width: 100%; float: left; background: #e9e9e9 !important; position: relative; z-index: 1; padding: 40px 0 !important; margin-top: 0 !important; }\r\n.app_area h3 { padding-top: 0 !important; }\r\n.app_area h3 a { color: #F37022 !important; padding-top: 0; }\r\n.row { margin-left: -15px; margin-right: -15px; }\r\n.footermar { width: 100%; float: left; z-index: 0; }\r\n.footermar.backgrounded { padding: 30px 0; }\r\n#biframe { width: 100%; float: left; }\r\n#biframe #lpeCDiv_4431 { width: 100%; float: left; }\r\n\r\n.cust_results_slider, .cust_saying_slider { -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); }\r\n.cust_3 { text-align: center; }\r\n.cust_3 .bx-viewport { max-width: 980px !important; margin: 0 auto; }\r\n.cust_3 .slide { text-align: center; }\r\n.cust_3 .bx-wrapper img { display: inline-block; }\r\n.cust_3 .bx-wrapper .bx-controls-direction a { width: 38px; height: 38px; margin-top: -19px; background: url('..\/img\/slider_nav_arrows.png') no-repeat -1px 0; }\r\n.cust_3 .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }\r\n.cust_3 .bx-wrapper .bx-next { background-position: -52px -1px !important; }\r\n.cust_3 .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }\r\n.cust_3 .bx-wrapper .bx-pager { bottom: -48px; }\r\n.cust_3 .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }\r\n.cust_3 .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }\r\n.cust_2 .bx-wrapper .bx-controls-direction a { width: 38px; height: 38px; margin-top: -19px; background: url('..\/img\/slider_nav_arrows.png') no-repeat -1px 0; }\r\n.cust_2 .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }\r\n.cust_2 .bx-wrapper .bx-next { background-position: -52px -1px !important; }\r\n.cust_2 .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }\r\n.cust_2 .bx-wrapper .bx-pager { bottom: -50px; }\r\n.cust_2 .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }\r\n.cust_2 .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }\r\n.cust_2 { text-align: center; background: url(\"..\/img\/what_our_customers_saying_img.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }\r\n.cust_2 ._cite { font-size: 16px; font-weight: normal; margin: 0 auto; text-align: left; width: 690px; }\r\n.cust_2 ._cite img { display: inline-block; vertical-align: top; padding-right: 20px; }\r\n.cust_2 ._cite-content { display: inline-block; vertical-align: top; line-height: 1.6em; padding-top: 10px; text-align: left; }\r\n.cust_2 ._cite-content strong { color: #000; font-size: 18px; }\r\na.cust-more-btn { display: inline-block; margin: 40px 0 0 0 !important; background-color: transparent; border: 1px solid #f67107; width: 200px; padding: 13.5px 0; border-radius: 3px; color: #f67107; font-size: 18px; }\r\n.home-2-page .aboutpg { background: url(..\/img\/home_about_bg2.jpg) no-repeat 50% 0px; }\r\n.aboutpg { text-align: center; background: url(\"..\/img\/home_about_bg.png\"); background-attachment: fixed !important; background-repeat: no-repeat; background-position: 50% -2500px; background-size: cover; position: relative; }\r\n.aboutpg p { text-align: center; font-size: 28px !important; line-height: 120% !important; color: #fff !important; }\r\n.aboutpg .dtitle { margin: 0 0 10px 0; color: #fff; }\r\n.aboutpg .row-fluid { margin-top: 50px; }\r\n.aboutpg .row-fluid h4 { text-align: left !important; color: #fff; margin-bottom: 10px; }\r\n.aboutpg .row-fluid p { font-size: 16px !important; line-height: 22px !important; text-align: left !important; color: #fff; }\r\n.aboutpg .ul_container1 { padding: 0 30px; }\r\n.aboutpg .ul_container2 { padding: 0 30px; }\r\n.aboutpg .ul_container3 { padding: 0 30px; }\r\n.synchro_new .backgrounded.mjourney { padding-bottom: 0 !important; }\r\n.mjourney .container { padding-bottom: 0px; background: url(..\/img\/mjourney_bg.png) no-repeat 50% 100px; background-size: 100%; }\r\n.mjourney .box { width: 100%; float: left; }\r\n.mjourney .box h3 { font-size: 18px; font-weight: 400; text-align: center; float: left; clear: both; width: 200px; }\r\n.mjourney .box .ic { width: 86px; height: 86px; float: left; margin: 0 0 10px 0; text-align: center; background: #eee; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; position: relative; clear: both; z-index: 1; margin-left: 55px; }\r\n.mjourney .box .ic img { text-align: center; padding: 18px 0; }\r\n.mjourney .box ul { float: left; position: relative; margin: 0px 0 0 114px; padding: 0; }\r\n.mjourney .box ul li { width: 100%; float: left; font-size: 16px; margin: 0 0 10px 0; }\r\n.mjourney .box ul li span { color: #666666; }\r\n.mjourney .box ul:after { position: absolute; top: -10%; left: -16px; height: 115%; content: \"\"; border-left: 1px dashed #d9d9d9; z-index: -1; }\r\n.mjourney .box .nodesktop h3 { margin-top: 25px; text-align: left; }\r\n.mjourney .box.aug { margin-top: 260px; margin-bottom: 30px; }\r\n.mjourney .box.aug h3 span { color: #f67107; }\r\n.mjourney .box.aug .ic { background: #f67107; }\r\n.mjourney .box.aug li { color: #f67107; }\r\n.mjourney .box.mob { margin-top: 160px; }\r\n.mjourney .box.mob h3 span { color: #faa325; }\r\n.mjourney .box.mob .ic { background: #faa325; }\r\n.mjourney .box.mob li { color: #faa325; }\r\n.mjourney .box.eff { margin-top: 60px; }\r\n.mjourney .box.eff h3 span { color: #698dc8; }\r\n.mjourney .box.eff .ic { background: #698dc8; }\r\n.mjourney .box.eff li { color: #698dc8; }\r\n.mjourney .box.exc { margin-top: 0; }\r\n.mjourney .box.exc h3 span { color: #54bcba; }\r\n.mjourney .box.exc .ic { background: #54bcba; }\r\n.mjourney .box.exc li { color: #54bcba; }\r\n.newsnevent { width: 100%; float: left; }\r\n.newsnevent .box { width: 100%; float: left; }\r\n.newsnevent .box .img { width: 100%; height: 215px; border: 4px solid #fff; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto 20px auto; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px #E4E4E1; -webkit-box-shadow: 0 0 0 1px #E4E4E1; -ms-box-shadow: 0 0 0 1px #E4E4E1; -moz-box-shadow: 0 0 0 1px #E4E4E1; -o-box-shadow: 0 0 0 1px #E4E4E1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n.newsnevent .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.newsnevent .box a.title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.newsnevent .box a.title:hover { color:#F67107; }\r\n.newsnevent .box .desc { width: 100%; float: left; }\r\n.newsnevent .box .desc p { margin: 0; }\r\n.newsnevent .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }\r\n.newsnevent .box .desc a:hover { text-decoration: underline; }\r\n.newsnevent .box .seemore { display: inline-block; margin: 0; color: #F67107; font-size: 14px; background: url(..\/img\/rarrw.png) no-repeat 0 3px; padding: 0 0 0 22px; \/*text-transform: uppercase; *\/}\r\n.newsnevent .box .seemore:hover { text-decoration: underline; }\r\n\r\n.newsletters-page .gap100 { height: 0px; }\r\n.newsletters-page .gap60 { height: 30px; }\r\n.newsletters:last-child .post-entry { border: 0; }\r\n\r\n.cust_logos, .info_get_ruselt, .pg_events, .requesttrial, .c_list, .single-events .content, .newsletters-page, .privacy-policy-page, .terms-of-use-page, .qmint_2, .qmetry_9, .testimonials, .case-studies-page, .video-resources-page, .news-press-page, .view-all-resource-page, .fact-sheets-page,\r\n .white-papers-page, .webcasts-page, .cust_5, .ourmetho, .spotlight, .mbopt, .tools_5, .cspot { background: #fff url(..\/img\/newsnevent_bg.png) repeat-x 50% 100% !important; }\r\n\r\n.pg_saperator { background: #fff url(..\/img\/newsnevent_bg.png) repeat-x 50% 100% !important; }\r\n\r\n.lrow { width:100%; float:left; }\r\n\r\n.lblog { width: 100%; float: left; background: #fff url(..\/img\/newsnevent_bg.png) repeat-x 50% 100% !important; }\r\n.lblog .box { width: 100%; float: left; }\r\n.lblog .box .img { width: 100%; height: 215px; border: 4px solid #fff; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto 20px auto; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px #E4E4E1; -webkit-box-shadow: 0 0 0 1px #E4E4E1; -ms-box-shadow: 0 0 0 1px #E4E4E1; -moz-box-shadow: 0 0 0 1px #E4E4E1; -o-box-shadow: 0 0 0 1px #E4E4E1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n\/*.lblog .box .img img { width:auto; max-height:100%; display: inline-block; padding: 5px; }*\/\r\n\r\n.lblog .box .desc { width: 100%; float: left; }\r\n.lblog .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.lblog .box .title:hover { color:#F67107; }\r\n.lblog .box .desc .date { width: 100%; float: left; margin-bottom: 30px; color: #666; }\r\n.lblog .box .desc .date p { margin:0; }\r\n.lblog .box .desc .text { width: 100%; float: left; color: #666; }\r\n.lblog .box .readmore { color: #F67107; font-size: 14px; float: left; }\r\n.lblog .box .readmore:hover { text-decoration: underline; }\r\n.ftr_newsletter iframe { max-width: 220px; width: 100% !important; min-height: 195px; display: inline-block; }\r\n.ftr_newsletter iframe .richTextSpan * { font-size: 14px !important; }\r\n.footermenu { float: left; }\r\nfooter div.container div.row div.footermenu { width: 100%; float: left; }\r\nfooter .copyright { margin: 0; float: left; width: 100%; }\r\n.socialright { float: right; }\r\n.socialright span { margin-right: 10px; }\r\n.copytext { color: #666; }\r\n.footer_copyright { width: 100%; float: left; padding-left: 5px; margin-top: 5px; text-align: left; }\r\n.qmetry_7 { width: 100%; float: left; }\r\n.home-core-offering .md_if_font { margin-bottom: 30px; }\r\n\r\n.services-contain_top { padding:40px 0; }\r\n.privacy-policy-page { padding:40px 0 0 0; }\r\n.privacy-con { padding:0 0 40px 0; }\r\n\r\n\/*.ftr_newsletter { overflow-x: hidden !important; }*\/\r\n.markchal { text-align: center; }\r\n.markchal .span3m { width: 20%; margin: 0; display: inline-block; }\r\n.markchal .span3m .box-show { height: auto !important; }\r\n.markchal .span3m .box-show img { max-height: 190px; }\r\n.markchal .span3m .contenthover { display: none; }\r\n\r\n.div_table { display: table; }\r\n.div_table_cell { display: table-cell; vertical-align: middle; }\r\n\r\n.testexp .box { width:100%; float:left; text-align: center; margin: 0 0 30px 0; }\r\n.testexp .box h3 { width:100%; float:left; margin:0 0 10px 0; color: #666; }\r\n.testexp .box p { width:100%; float:left; margin:0 0 10px 0; color:#666; font-size: 16px; line-height: 1.6em; }\r\n.testexp .box a { display: inline-block; background: #ff7302; color: #fff; }\r\n\r\n.soimg { width:49.7%; vertical-align: middle; float: none; display: inline-block; text-align: center; }\r\n.socnt { width:49.7%; vertical-align: middle; float: none; display: inline-block; }\r\n\r\n.whywork .video { width:100%; float:left; margin: 0 0 40px 0; text-align: center; }\r\n.span_lifeinfo { float: left; width: 100%; margin:10px 0; }\r\n\r\n.tabs { width:100%; float:left; display: table; }\r\n.tabs .t { display: table-cell; text-align: center; }\r\n.tabs .t div { text-align: center; margin: 0 3px; }\r\n.tabs .t a { color:#fff; }\r\n.tabs .t a:hover { text-decoration: underline; }\r\n\r\n.testimonials .col-md-6 { margin-bottom: 40px; }\r\n\r\n.m11 { line-height:120% !important; }\r\n.m12 { padding-top: 10px !important; line-height:120% !important; }\r\n.m133 { display: inline-block; width: 100%; }\r\n.m133 a { display: inline-block; margin: 10px 0; }\r\n\r\n.mbopt .soimg { width:29%; }\r\n.mbopt .soimg img { width: 250px; }\r\n.mbopt .socnt { width:70%; }\r\n\r\n.vs-box-data .img { width:95%; } \r\n\r\n.mobile-qty-optimization .testing-blk { min-height: 120px; }\r\n\r\n.tp-caption.black_mobile3 {  width: 100%; }\r\n.rev_slider .m133 { display: block; }\r\n\r\n.rev_slider .btn-large { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }\r\n\r\n.ddd .box { height: auto !important; min-height: 281px; }\r\n\r\n.customers-page .cust_5 .col-md-2 { margin:20px 0; }\r\n.mobile-enablement-page .f.headline { font-size: 24px; }\r\n\r\n.small_header { width:100%; padding: 25px 0; background-size: cover !important; }\r\n.small_header .socnt.l { width:34%; }\r\n.small_header .socnt.r { width:65%; }\r\n\r\n.small_header h2 { color:#fff !important; margin: 0 !important; line-height: 120% !important; font-weight: 400; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }\r\n.small_header p { font-size: 26px; line-height: 120%; color:#fff; margin:0; text-align: right; font-weight: 300; }\r\n\r\n.small_header.events .socnt.l { width:28%; }\r\n.small_header.events .socnt.r { width:71%; }\r\n.small_header.events .socnt p { font-size: 20px; }\r\n\r\n.small_header.partners { background:url(..\/images\/sh_partners.jpg) no-repeat 50% 0; }\r\n.small_header.testi { background:url(..\/images\/sh_testimonials.jpg) no-repeat 50% 0; }\r\n.small_header.events { background:url(..\/images\/sh_events.jpg) no-repeat 50% 0; }\r\n.small_header.awards { background:url(..\/images\/sh_awards.png) no-repeat 50% 0; }\r\n.small_header.about { background:url(..\/images\/sh_about.jpg) no-repeat 50% 0; }\r\n.small_header.culture { background:url(..\/images\/sh_culture.jpg) no-repeat 50% 0; }\r\n.small_header.news { background:url(..\/images\/sh_news.jpg) no-repeat 50% 0; }\r\n\r\n.videomsg { width: 100%; float:left; margin: 0 0 15px 0; }\r\n.videomsg .video { width:50%; float:left; text-align: center;}\r\n.videomsg .video .img { width: 200px; height: 200px; display: inline-block; margin:20px auto 0 auto; position: relative; }\r\n.videomsg .video .img .imgin { width: 200px; height: 200px; display: inline-block; overflow: hidden; background-size: cover !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; position: relative;-o-border-radius: 50%; }\r\n\r\n.videomsg .video .img a { width: 52px; height: 52px; background:#f67107; border:4px solid #fff; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute;bottom: 0;right: 10px;}\r\n.videomsg .video .img a .fa { position: relative; left: 2px; line-height: 44px; }\r\n.videomsg .video .img a:hover { background:#E26501; }\r\n.videomsg .quote { width:50%; float:left; }\r\n.videomsg blockquote { border:0; padding: 15px 0 0 0; font-size: 16px; font-weight: 300; font-style: italic; color:#000; line-height: 22px; }\r\n.videomsg blockquote:before { background: url(\"..\/images\/video_quote.png\") no-repeat; content: \"\"; left: -30px; overflow: hidden; position: absolute; top: 0px; width: 21px; height: 17px; }\r\n.videomsg blockquote:after { background: url(\"..\/images\/video_quote.png\") no-repeat -26px -31px; content: \"\"; right: -10px; overflow: hidden; position: absolute; bottom: 0px; width: 22px; height: 17px; }\r\n.videomsg .quote h3 { text-transform: uppercase; color:#000; font-size: 16px; font-weight: 400; margin: 0; }\r\n.videomsg .quote p { font-size: 14px; margin:0; }\r\n.videomsg .quote a { font-style: italic; color:#f67107; font-size: 16px; margin:0; }\r\n.videomsg .quote a:hover { text-decoration: underline; }\r\n\r\n.testi_slider { background: url(..\/img\/what_our_customers_saying_img.jpg) no-repeat; background-attachment: fixed;background-repeat: no-repeat;background-position: 50% 0;background-size: cover; }\r\n.testi_slider .video { width:35%; float:left; text-align: center;}\r\n.testi_slider .video .img { width: 275px; height: 275px; display: inline-block; margin:20px auto 0 auto; position: relative; }\r\n.testi_slider .video .img .imgin { width: 275px; height: 275px; display: inline-block; overflow: hidden; background-size: cover !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; position: relative;-o-border-radius: 50%; }\r\n.testi_slider .video .img a { width: 72px; height: 72px; background:#f67107; border:4px solid #fff; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute;bottom: 0;right: 10px;}\r\n.testi_slider .video .img a .fa { position: relative; left: 2px; line-height: 64px; font-size: 30px; }\r\n.testi_slider .video .img a:hover { background:#E26501; }\r\n.testi_slider .quote { width:60%; float:left; text-align: center; }\r\n.testi_slider blockquote { width:90%; float:left; border:0; padding: 15px 0 0 0; font-size: 22px; font-weight: 300; font-style: italic; color:#000; line-height: 36px; margin: 0 5% 20px 5%; }\r\n.testi_slider blockquote:before { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat; content: \"\"; left: -50px; overflow: hidden; position: absolute; top: -10px; width: 42px; height: 33px; }\r\n.testi_slider blockquote:after { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat -10px -67px; content: \"\"; right: -50px; overflow: hidden; position: absolute; bottom: -10px; width: 50px; height: 33px; }\r\n.testi_slider .quote .clogo { width:100%; float:left; text-align: center; }\r\n.testi_slider .quote .clogo img { max-height:80px; width:auto; display: inline-block; }\r\n.testi_slider .quote h3 { text-transform: uppercase; color:#000; font-size: 16px; font-weight: 400; margin: 0; }\r\n.testi_slider .quote .desg { font-size: 14px; margin:0; text-align: center; }\r\n.testi_slider .quote .cname { font-style: italic; color:#f67107; font-size: 16px; text-align: center; font-weight: 400; margin:0; }\r\n.testi_slider .bx-controls { margin-top: 30px; }\r\n.testi_slider .bx-controls .bx-pager { position: relative; bottom: 0; width:70%; float:right; }\r\n.testi_slider .bx-wrapper .bx-pager.bx-default-pager a { width:10px; height: 10px; background:#dfdfdf; }\r\n.testi_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f67107 !important; }\r\n.testi_slider .bx-wrapper .bx-prev { background: url(\"..\/img\/bxcontrols-gray.png\") no-repeat 1px 0 !important; width: 40px; height: 40px; transition: none; left:0; z-index: 99; }\r\n.testi_slider .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.testi_slider .bx-wrapper .bx-next { background: url(\"..\/img\/bxcontrols-gray.png\") no-repeat -39px 0 !important; width: 40px; height: 40px; transition: none; right:0; z-index: 99; }\r\n.testi_slider .bx-wrapper .bx-next:hover { background-position: -134px 0 !important; }\r\n\r\n.cust_slider_cont.testi_slider { background: none !important; }\r\n\r\n.custom_slider { width:100%; float:left; background-color: #fff; background: none; background-attachment: fixed; background-repeat: no-repeat;background-position: 50% 0;background-size: cover; }\r\n.custom_slider .cust-head-text{font-size: 20px; color: #666666; font-weight: 300; margin-top: 30px; text-align:left;}\r\n.custom_slider .cust-head-text a{ color: #f67107; text-decoration: underline; }\r\n.custom_slider .video { width:35%; float:left; text-align: center;}\r\n.custom_slider .video .img { width: 275px; height: 275px; display: inline-block; margin:20px auto 0 auto; position: relative; }\r\n.custom_slider .video .img .imgin { width: 275px; height: 275px; display: inline-block; overflow: hidden; background-size: cover !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; position: relative;-o-border-radius: 50%; }\r\n\r\n.custom_slider .video .img a { width: 72px; height: 72px; background:#f67107; border:4px solid #fff; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute;bottom: 0;right: 10px;}\r\n.custom_slider .video .img a .fa { position: relative; left: 2px; line-height: 64px; font-size: 30px; }\r\n.custom_slider .video .img a:hover { opacity: 0.8; }\r\n.custom_slider .quote { width:60%; float:left; text-align: center; }\r\n.custom_slider blockquote { width:75%; float:left; border:0; padding: 15px 0 0 0; font-size: 18px; font-weight: 300; font-style: italic; color:#000; line-height: 25px; margin: 0 5% 20px 17%; }\r\n.custom_slider blockquote:before { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat; background-size: 30px;  content: \"\"; left: -33px; overflow: hidden; position: absolute; top: 0px; width: 42px; height: 33px; }\r\n.custom_slider blockquote:after { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat 0px -32px; content: \"\"; right: -50px; background-size: 30px; overflow: hidden; position: absolute; bottom: -10px; width: 50px; height: 33px; }\r\n.custom_slider .quote .clogo { width:100%; float:left; text-align: center; }\r\n.custom_slider .quote .clogo img { max-height:80px; width:auto; display: inline-block; }\r\n.custom_slider .quote h3 { text-transform: uppercase; color:#000; font-size: 16px; font-weight: 400; margin: 0; }\r\n.custom_slider .quote .desg { font-size: 14px; margin:0; }\r\n.custom_slider .quote .cname { font-style: italic; color:#f67107; font-size: 16px; font-weight: 400; margin:0; }\r\n.custom_slider .bx-controls { margin-top: 0px; float: left; width: 100%; position: relative; margin-top:10px;}\r\n.custom_slider .bx-controls .bx-pager { position: relative; bottom: 0; width:100%; float:right; margin-top:0px; padding-top:0px; }\r\n.custom_slider .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height: 12px; background:#cecdcd; }\r\n.custom_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f67107 !important; }\r\n.custom_slider .bx-wrapper .bx-prev { background: url(\"..\/img\/bxcontrols-gray.png\") no-repeat 1px 0 !important; width: 40px; height: 40px; transition: none; left:0; z-index: 99; top:100%; margin-top:-34px; }\r\n.custom_slider .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.custom_slider .bx-wrapper .bx-next { background: url(\"..\/img\/bxcontrols-gray.png\") no-repeat -39px 0 !important; width: 40px; height: 40px; transition: none; right:0; z-index: 99; top:100%; margin-top:-34px; }\r\n.custom_slider .bx-wrapper .bx-next:hover { background-position: -134px 0 !important; }\r\n\r\n.client-list{border:1px solid transparent;}\r\n.client-list:hover { border:1px solid #f2f2f2; -webkit-box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); -o-moz-box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); -ms--moz-box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); }  \r\n.client-list .detail-cont{opacity:0; width:100%; height:45px; background-color:#f9f9f9; padding:0px;  }\r\n.client-list:hover .detail-cont{ opacity:1;  }\r\n.client-list .detail-cont a  { color:#01c6ff; }\r\n\r\n.wl-cat-caption{ color:#f57106; font-size:18px;}\r\n.client-list .detail-cont a i{ width:30px; height:30px; display:inline-block; border:1px solid #f57106; border-radius:50%; color:#f57106;  padding-top: 6px;  text-align: center; font-size:18px;}\r\n.client-list .detail-cont a:hover i { width:30px; height:30px; border:1px solid #f57106f57106; border-radius:50%; color:#fff;  padding-top: 6px;  text-align: center; background-color:#f57106; }\r\n.disply-none{ display:none;}\r\n.disply-one{ display:block;}\r\n.client-list .logo-box  .detail-dot{ height:5px; width:5px; border-radius:50%; background-color: #f57106;margin: 0px auto 0px;}\r\n.client-list .logo-box:hover .detail-dot{ background-color: #fff;}\r\n.client-list .logo_box .logo_cont { padding:10px 0px; height: 93px;}\r\n.client-list .logo-box img{ width:auto; height:55px;}\r\n.client-list-detail-none .logo-box img{ width:auto; height:55px; margin-bottom:50px;}\r\n\r\n.client-list .logo-box img.grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%);filter: gray; -webkit-transition: all .6s ease; filter: url(\"data:image\/svg+xml;utf8,<svg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'><filter id=\\'grayscale\\'><feColorMatrix type=\\'matrix\\' values=\\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\\'\/><\/filter><\/svg>#grayscale\"); opacity: 0.55; }\r\n.client-list:hover .logo-box img.grayscale { filter: grayscale(0%); -webkit-filter: grayscale(0%); .info_get_ruselt  filter: none; opacity:1; }\r\n.client-list-detail-none .logo-box img.grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; filter: url(\"data:image\/svg+xml;utf8,<svg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'><filter id=\\'grayscale\\'><feColorMatrix type=\\'matrix\\' values=\\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\\'\/><\/filter><\/svg>#grayscale\"); opacity: 0.55; }\r\n.client-list-detail-none:hover .logo-box img.grayscale { filter: grayscale(0%); -webkit-filter: grayscale(0%); .info_get_ruselt  filter: none; opacity:1; }\r\n\r\n.cust_2 .testimonial-modal { border: none; z-index: 1; box-sizing: border-box; color: #000; font-size: 19px; font-weight: 300; letter-spacing: -.04em; line-height: 1.5em; margin: 0 auto 15px; position: relative; text-align: center; width: 80%; padding:0px; }\r\n.cust_2 .testimonial-modal:before { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat; content: \"\"; left: -50px; overflow: hidden; position: absolute; top: 5px; width: 50px; height: 50px; }\r\n.cust_2 .testimonial-modal:after { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat 0 -50px; content: \"\"; bottom: 0px; height: 50px; overflow: hidden; position: absolute; right: -50px; width: 50px; }\r\n\r\n.person-name{ font-size:16 px; color:#000000; }\r\n.designationtxt{ font-size:14 px; color:#666666; }\r\n.get-started-imp{ font-size: 12px; color: #999; padding-top:5px; }\r\n.cust_saying_slider_wrap .bx-wrapper .bx-prev { background: url(\"..\/img\/bxcontrols-gray.png\") no-repeat 1px 0 !important; width: 40px; height: 40px;}\r\n.cust_saying_slider_wrap .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important;} \r\n.cust_saying_slider_wrap .bx-wrapper .bx-next { background: url(\"..\/img\/bxcontrols-gray.png\") no-repeat -39px 0 !important;  width: 40px;  height: 40px;}\r\n.cust_saying_slider_wrap .bx-wrapper .bx-next:hover { background-position: -134px 0 !important;}\r\n\r\ndiv.tabbed { position:relative; top: 40px; left: 40px; text-align: left; margin-bottom: 100px; float: left; }\r\ndiv.tabs a { font-size: 18px; color: #f57106; margin-right: 2px; padding: 0px 4.49%; -moz-border-radius: 5px 5px 0px 0px; }\r\ndiv.tab_data { display: none; height: 250px; -moz-border-radius: 0px 0px 5px 5px; text-align: center; }\r\ndiv.tab_data:target { display: block; }\r\n\r\n:target div.tab_data { display: block; }\r\n:target div.tab_data + div.tab_data { display: none; }\r\n\r\n.c_list { width:100%; float:left; }\r\n.c_list .box { width:100%; height: 550px; margin: 0 0 30px 0; float:left; border: 1px solid #d8d8d8; border-radius: 3px; padding:20px; position: relative; }\r\n.c_list .box .cl { width:100%; height: 100px; float:left; text-align: center; white-space: nowrap; }\r\n.c_list .box .cl .helper { display: inline-block; height: 100%; vertical-align: middle; }\r\n.c_list .box .cl img { vertical-align: middle; max-height: 80px; max-width: 100%; }\r\n.c_list .box .desc { width:100%; float:left; }\r\n.c_list .box .desc p { width:100%; float:left; font-size: 16px; line-height: 24px; }\r\n.c_list .box .info { position: absolute; bottom: 20px; right:20px; text-align: right; }\r\n.c_list .box .info h3 { text-transform: uppercase; color:#000; font-size: 14px; line-height: 130%; font-weight: 700; margin: 0; }\r\n.c_list .box .info .desg { font-size: 14px; margin:0; color:#9e9e9e; line-height: 130%; }\r\n.c_list .box .info .cname { font-style: italic; color:#f67107; font-size: 14px; line-height: 130%; margin:0; font-weight: 400; text-align: right; }\r\n.c_list .box .name { width:100%; float:left; margin:0 0 20px 0; font-size: 18px; font-weight: 700; }\r\n.c_list .box .name .orange { width:100%; float:left; color:#f67107; }\r\n.c_list .box .name .gray { width:100%; float:left; color:#666666; }\r\n\r\n.tabbable { width:100%; float:left; }\r\n.pg_events { width:100%; float:left; }\r\n.events { width:100%; float:left; }\r\n.events .box { width: 100%; float: left; text-align: left; padding:0 15px; }\r\n.events .box .img { width: 100%; height: 200px; border: 1px solid #E4E4E1; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto 10px auto; overflow: hidden; background: #fff; box-shadow:0 0 0 4px #fff inset; -webkit-box-shadow:0 0 0 4px #fff inset; -moz-box-shadow:0 0 0 4px #fff inset; -ms-box-shadow:0 0 0 4px #fff inset; -o-box-shadow:0 0 0 4px #fff inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n.events .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.events .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }\r\n.events .box .desc { width: 100%; float: left; font-size: 14px; }\r\n.events .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }\r\n.events .box .desc a:hover { text-decoration: underline; }\r\n.events .box .seemore { display: inline-block; margin: 15px 0 0 0; color: #F67107; font-size: 14px; background: url(..\/img\/rarrw.png) no-repeat 0 3px; padding: 0 0 0 22px; text-transform: uppercase; }\r\n.events .box .seemore:hover { text-decoration: underline; }\r\n\r\n.events-tabs .tab-content { width:100%; float:left; background: none;text-align: center;margin: 0 auto;padding: 15px 0 0 0;box-shadow: none;overflow: hidden;}\r\n.events-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px;}\r\n.events-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }\r\n.events-tabs .nav-tabs li{border: 1px solid #d7d7d7;padding: 0;min-height: 1px;margin: 0;border-left: none;float: none;display: inline-block;min-width: 95px; display: table-cell; }\r\n.events-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}\r\n.events-tabs .nav-tabs li a:hover, .events-tabs .nav-tabs li a:focus, .events-tabs .nav-tabs li a:active{transition:none;box-shadow: none !important;background-color: transparent;}\r\n.events-tabs .nav-tabs li  a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}\r\n.events-tabs .nav-tabs li  a i{color: #9da1a5; font-size: 16px; }\r\n.events-tabs .nav-tabs li.active {background-color: #fafafa;}\r\n.events-tabs .nav-tabs li.active  a span{color:#f67107;}\r\n.events-tabs .nav-tabs li.active  a i{color:#f67107;}\r\n.events-tabs .nav-tabs li a:hover span {color: #f67107;}\r\n.events-tabs .nav-tabs li a:hover i {color: #f67107;}\r\n.events-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}\r\n.events-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}\r\n.events-tabs .tab-content .resp_title.activelink span{color: #f67107;font-weight: 600;}\r\n.events-tabs .tab-content .resp_title.activelink .fa{ color: #f67107; }\r\n.events-tabs .tab-content .resp_title.activelink .fa-chevron-down:before { content: \"\\f077\"; }\r\n.events-tabs .tab-content .resp_title a{text-align:left;}\r\n.events-tabs .tab-content .resp_title a span {margin-left: 15px;}\r\n.events-tabs .resp_title i.fa {color: #ccc; position: relative; float: left; }\r\n.events-tabs .resp_title i.fa.pull-right { float: right; }\r\n\r\n.events-tabs .tab-content > .active { width:100%; float:left; margin: 20px 0 40px 0; position: relative; }\r\n.events-tabs .bx-wrapper { max-width: 930px !important; }\r\n.events-tabs .tab-content .resp_title {padding: 0 20px;border: 2px solid #d7d7d7;margin-bottom: 10px;}\r\n.events-tabs .bx-viewport { width:100% !important; }\r\n.events-tabs .box { width: 100%; float: left; text-align: left; padding:0 15px; }\r\n.events-tabs .box .img { width: 100%; height: 160px; border: 1px solid #E4E4E1; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto 10px auto; overflow: hidden; background: #fff; box-shadow:0 0 0 4px #fff inset; -webkit-box-shadow:0 0 0 4px #fff inset; -moz-box-shadow:0 0 0 4px #fff inset; -ms-box-shadow:0 0 0 4px #fff inset; -o-box-shadow:0 0 0 4px #fff inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n.events-tabs .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.events-tabs .box .title:hover { color:#F67107; }\r\n.events-tabs .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }\r\n.events-tabs .box .desc { width: 100%; float: left; font-size: 14px; }\r\n.events-tabs .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }\r\n.events-tabs .box .desc a:hover { text-decoration: underline; }\r\n.events-tabs .box .seemore { display: inline-block; margin: 15px 0 0 0; color: #F67107; font-size: 14px; background: url(..\/img\/rarrw.png) no-repeat 0 3px; padding: 0 0 0 22px; text-transform: uppercase; }\r\n.events-tabs .box .seemore:hover { text-decoration: underline; }\r\n\r\n\/****** start - code for infostretch get results tab design (by namrata)*************\/\r\n.cust-tabs .tab-content { width:100%; float:left; background: none;text-align: center;margin: 0 auto;padding: 15px 0 0 0;box-shadow: none;overflow: hidden;}\r\n.cust-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px;     height: 68px;    overflow: hidden;}\r\n.cust-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }\r\n.cust-tabs .nav-tabs li{border: 1px solid #d7d7d7;padding: 0;min-height: 1px;margin: 0;border-left: none;float: none;display: inline-block;min-width: 95px; display: table-cell; }\r\n.cust-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}\r\n.cust-tabs .nav-tabs li a:hover, .cust-tabs .nav-tabs li a:focus, .cust-tabs .nav-tabs li a:active{transition:none;box-shadow: none !important;background-color: transparent;}\r\n.cust-tabs .nav-tabs li  a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}\r\n.cust-tabs .nav-tabs li  a i{color: #9da1a5; font-size: 16px; }\r\n.cust-tabs .nav-tabs li.active {background-color: #fafafa;}\r\n.cust-tabs .nav-tabs li.active  a span{color:#f67107;}\r\n.cust-tabs .nav-tabs li.active  a i{color:#f67107;}\r\n.cust-tabs .nav-tabs li a:hover span {color: #f67107;}\r\n.cust-tabs .nav-tabs li a:hover i {color: #f67107;}\r\n.cust-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}\r\n.cust-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}\r\n.cust-tabs .tab-content .resp_title.activelink span{color: #f67107;font-weight: 600;}\r\n.cust-tabs .tab-content .resp_title.activelink .fa{ color: #f67107; }\r\n.cust-tabs .tab-content .resp_title.activelink .fa-chevron-down:before { content: \"\\f077\"; }\r\n.cust-tabs .tab-content .resp_title a{text-align:left; }\r\n.cust-tabs .tab-content .resp_title a span {margin-left: 15px;}\r\n.cust-tabs .resp_title i.fa {color: #ccc; position: relative; float: left; }\r\n.cust-tabs .resp_title i.fa.pull-right { float: right; }\r\n\r\n.cust-tabs .tab-content > .active { width:100%; float:left; margin: 20px 0 40px 0; position: relative; }\r\n.cust-tabs .tab-content .resp_title {padding: 0 20px;border: 2px solid #d7d7d7;margin-bottom: 10px;}\r\n.cust-tabs .bx-viewport { width:100% !important; }\r\n.cust-tabs .box { width: 100%; float: left; text-align: left; padding:0 15px; }\r\n.cust-tabs .box .img { width: 100%; height: 160px; border: 1px solid #E4E4E1; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto 10px auto; overflow: hidden; background: #fff; box-shadow:0 0 0 4px #fff inset; -webkit-box-shadow:0 0 0 4px #fff inset; -moz-box-shadow:0 0 0 4px #fff inset; -ms-box-shadow:0 0 0 4px #fff inset; -o-box-shadow:0 0 0 4px #fff inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n.cust-tabs .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.cust-tabs .box .title:hover { color:#F67107; }\r\n.cust-tabs .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }\r\n.cust-tabs .box .desc { width: 100%; float: left; font-size: 14px; }\r\n.cust-tabs .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }\r\n.cust-tabs .box .desc a:hover { text-decoration: underline; }\r\n.cust-tabs .box .seemore { display: inline-block; margin: 15px 0 0 0; color: #F67107; font-size: 14px; background: url(..\/img\/rarrw.png) no-repeat 0 3px; padding: 0 0 0 22px; text-transform: uppercase; }\r\n.cust-tabs .box .seemore:hover { text-decoration: underline; }\r\n\r\n.cust-tabs .bx-wrapper { max-width: 930px !important; }\r\n.cust-tabs .box { margin: 0 0 10px 0; }\r\n.cust-tabs .nav-tabs li a i { font-size: 14px; }\r\n.cust-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }\r\n\/****** end-- code for infostretch get results tab design (by namrata)*************\/\r\n\r\n\/****** start - code for infostretch get results tab design (by namrata)*************\/\r\n.gets-tabs .tab-content { width:100%; float:left; background: none;text-align: center;margin: 0 auto;padding: 15px 0 0 0;box-shadow: none;overflow: hidden;}\r\n.gets-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px;     height: 68px;    overflow: hidden;}\r\n.gets-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }\r\n.gets-tabs .nav-tabs li{border: 1px solid #d7d7d7;padding: 0;min-height: 1px;margin: 0;border-left: none;float: none;display: inline-block;min-width: 95px; display: table-cell; }\r\n.gets-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}\r\n.gets-tabs .nav-tabs li a:hover, .gets-tabs .nav-tabs li a:focus, .gets-tabs .nav-tabs li a:active{transition:none;box-shadow: none !important;background-color: transparent;}\r\n.gets-tabs .nav-tabs li  a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}\r\n.gets-tabs .nav-tabs li  a i{color: #9da1a5; font-size: 16px; }\r\n.gets-tabs .nav-tabs li.active {background-color: #fafafa;}\r\n.gets-tabs .nav-tabs li.active  a span{color:#f67107;}\r\n.gets-tabs .nav-tabs li.active  a i{color:#f67107;}\r\n.gets-tabs .nav-tabs li a:hover span {color: #f67107;}\r\n.gets-tabs .nav-tabs li a:hover i {color: #f67107;}\r\n.gets-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}\r\n.gets-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}\r\n.gets-tabs .tab-content .resp_title.activelink span{color: #f67107;font-weight: 600;}\r\n.gets-tabs .tab-content .resp_title.activelink .fa{ color: #f67107; }\r\n.gets-tabs .tab-content .resp_title.activelink .fa-chevron-down:before { content: \"\\f077\"; }\r\n.gets-tabs .tab-content .resp_title a{text-align:left; }\r\n.gets-tabs .tab-content .resp_title a span {margin-left: 15px;}\r\n.gets-tabs .resp_title i.fa {color: #ccc; position: relative; float: left; }\r\n.gets-tabs .resp_title i.fa.pull-right { float: right; }\r\n\r\n.gets-tabs .tab-content > .active { width:100%; float:left; margin: 20px 0 60px 0; position: relative; }\r\n.gets-tabs .tab-content .resp_title {padding: 0 20px;border: 2px solid #d7d7d7;margin-bottom: 10px;}\r\n.gets-tabs .bx-viewport { width:100% !important; }\r\n.gets-tabs .box { width: 100%; float: left; text-align: left; padding:0 15px; }\r\n.gets-tabs .box .img { width: 100%; height: 160px; border: 1px solid #E4E4E1; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto 10px auto; overflow: hidden; background: #fff; box-shadow:0 0 0 4px #fff inset; -webkit-box-shadow:0 0 0 4px #fff inset; -moz-box-shadow:0 0 0 4px #fff inset; -ms-box-shadow:0 0 0 4px #fff inset; -o-box-shadow:0 0 0 4px #fff inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n.gets-tabs .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }\r\n.gets-tabs .box .title:hover { color:#F67107; }\r\n.gets-tabs .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }\r\n.gets-tabs .box .desc { width: 100%; float: left; font-size: 14px; }\r\n.gets-tabs .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }\r\n.gets-tabs .box .desc a:hover { text-decoration: underline; }\r\n.gets-tabs .box .seemore { display: inline-block; margin: 15px 0 0 0; color: #F67107; font-size: 14px; background: url(..\/img\/rarrw.png) no-repeat 0 3px; padding: 0 0 0 22px; text-transform: uppercase; }\r\n.gets-tabs .box .seemore:hover { text-decoration: underline; }\r\n\r\n.gets-tabs .bx-wrapper { max-width: 930px !important; }\r\n.gets-tabs .box { margin: 0 0 10px 0; }\r\n.gets-tabs .nav-tabs li a i { font-size: 14px; }\r\n.gets-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }\r\n\/****** end-- code for infostretch get results tab design (by namrata)*************\/\r\n\r\n.subtext { font-size: 22px; }\r\n.freecons { background: url(..\/images\/getstarted_bg.jpg) no-repeat 50% 0; background-size: cover; }\r\n.freecons .box { width:100%; float:left; background:#fcfcfc; padding: 15px; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }\r\n.freecons .box .dtitle { text-align: left; margin: 0 0 10px 0; }\r\n.freecons .box ul { list-style: none; margin: 0 0 10px 0; }\r\n.freecons .box ul li { font-size: 12px; }\r\n.freecons .box ul li i { padding-right: 10px; font-size: 12px; color:#cdcdcd; }\r\n.freecons .box .call { margin-top: 10px; width:100%; display: inline-block; }\r\n.freecons .box .call h3 { font-size: 18px; color:#000; }\r\n.freecons .box .small { font-size: 11px; margin-bottom: 10px; color:#999; }\r\n.freecons .box .small a { font-size: 11px; color:#666; text-decoration: underline; }\r\n.freecons .box .small a:hover { text-decoration: none; }\r\n\r\n.mb0 { margin-bottom: 0 !important; }\r\n.pb0 { padding-bottom: 0 !important; }\r\n\r\n.requesttrial .box { width:100%; float:left; background:#fefefe; position:relative; z-index: 10; border:2px solid #f2f2f2; padding:0 0 15px 0; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }\r\n.requesttrial .box.active, .requesttrial .box:hover { box-shadow: 0 0 10px 3px #ededed; }\r\n.requesttrial .box.active .icon, .requesttrial .box:hover .icon { opacity: 1; filter: gray; filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); -webkit-filter: grayscale(0); }\r\n.requesttrial .box .icon { opacity: 0.5; margin:20px 0; filter: gray; filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); }\r\n.requesttrial .box .icon .svg.logo { max-height: 120px; margin: 0; }\r\n.requesttrial .box .desc { width:100%; float:left; border-bottom: 2px solid #f2f2f2; margin: 0 0 10px 0; background: #fafafa; }\r\n.requesttrial .box.active .desc, .requesttrial .box:hover .desc { background: #fff; }\r\n.requesttrial .box .desc p { padding: 0 15px; margin: 10px 0; font-size: 16px; }\r\n.requesttrial .box .info { width:100%; float:left; padding:0 15px; }\r\n.requesttrial .box .info p { padding: 0; margin: 10px 0; font-size: 14px; }\r\n.requesttrial .box .info a { margin: 0 0 10px 0; display: inline-block; color:#f67107; }\r\n.requesttrial .box .info a:hover { text-decoration: underline; }\r\n.requesttrial .box .info .btn { padding: 15px 5px; width:100%; margin: 0; background:#f67107; color:#fff; font-weight: 700; font-size: 12px; }\r\n.requesttrial .box .info .btn:hover { opacity: 0.8; text-decoration: none; }\r\n.requesttrial .box .info sup { color:#fff; font-size: 14px; }\r\n\r\n#getstarted { width:481px; height:470px; }\r\n#getstarted .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }\r\n#getstarted .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }\r\n\r\n#frm_contact { width:100%; height:490px; }\r\n#frm_contact .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }\r\n#frm_contact .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }\r\n\r\n#frm_product { width:100%; max-width:485px; margin:0 auto; height:445px; }\r\n#frm_product .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }\r\n#frm_product .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }\r\n\r\n#frm_product_a { width:100%; max-width:485px; margin:0 auto; height:450px; }\r\n#frm_product_a .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }\r\n#frm_product_a .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }\r\n\r\n.events_2 { width:100%; float:left; padding: 30px 0; }\r\n\r\n\/*.fancybox-iframe { width:100%; height: 200px; overflow: auto; }\r\n#fancybox-frame{ width:100%; height: 200px; overflow: auto; }*\/\r\n\r\n.hiddendate { display:none; }\r\n\r\n.footermar .col { width: 14.2%; float: left; margin: 0 0 10px 0; padding: 0 10px; }\r\n\r\n.static_banner { width:100%; height: 500px; position: relative; }\r\n.static_banner.mobiledev { text-align: center; background: url(\"..\/img\/mobiledev_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 15% -15px; \/*background-size: cover;*\/ position: relative; }\r\n.static_banner .desc { position: absolute; text-align: center; max-width: 900px; width: 80%; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }\r\n.static_banner .desc a { display: inline-block; background: #f67107; color: #fff; text-align: center; font-size: 16px; padding: 12px; min-width: 140px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.static_banner .desc h2 { font-size:40px; line-height: 120% !important; margin: 0 auto 5px auto !important; color:#fff !important; font-weight: 400 !important; }\r\n.static_banner .desc p { font-size:22px; line-height: 120% !important; margin-bottom: 20px; font-style: italic; color:#fff !important; }\r\n.static_banner .desc .more { font-size: 14px; }\r\n\r\n.static_banner.cicd { text-align: center; background: url(\"..\/img\/cicd_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 110px; background-size: cover; position: relative; }\r\n.static_banner.cicd .desc { max-width: 1100px; }\r\n.static_banner.cicd .desc h2 { max-width: 900px; }\r\n\r\n.static_banner.mobile_test { text-align: center; background: url(\"..\/img\/mobileqa_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% -20px; background-size: 100% !important; position: relative; }\r\n\r\n.static_banner.acc_mob { text-align: center; background: url(\"..\/img\/Accelerating_Banner.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 40px; \/*background-size: cover;*\/ position: relative; }\r\n.static_banner .desc.full { max-width: 1200px; }\r\n.static_banner .desc .soimg { width:49.4%; }\r\n.static_banner .desc .socnt { width:49.4%; }\r\n\r\n.static_banner.mob_opt { text-align: center; background: url(\"..\/img\/Banner_IMG_1.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 90px; background-size:100% !important; position: relative; }\r\n.static_banner.mob_strat { text-align: center; background: url(\"..\/img\/m_strategy_banner.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 90px; background-size:100% !important; position: relative; }\r\n.static_banner.mob_automation { text-align: center; background: url(\"..\/img\/m_test_automation_banner.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% -10px; background-size:100% !important; position: relative; }\r\n.static_banner.bnabout { height: 550px; text-align: center; background: url(\"..\/img\/banner_about_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 110px; background-size:cover !important; position: relative; }\r\n.static_banner.bnabout .desc { width:100%; max-width: 1200px; }\r\n.static_banner.bnabout .desc p { max-width: 1000px; float: none; display: inline-block; font-style: normal; font-weight: normal; font-size: 20px; line-height: 170% !important; }\r\n\r\n.static_banner.toolsandplatform { text-align: center; background: url(\"..\/img\/toolsnplatform_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 90px; background-size:100% !important; position: relative; }\r\n.static_banner.toolsandplatform .desc { width:100%; max-width: 1200px; display: table; }\r\n.static_banner.toolsandplatform .desc .mid { display: table-cell; vertical-align: middle; float: none; }\r\n.static_banner.toolsandplatform .desc h2 { font-size: 34px; }\r\n\r\n.static_banner.qas { text-align: center; background: url(\"..\/img\/qas_banner_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 90px; background-size:100% !important; position: relative; }\r\n.static_banner.qmetrymobile { text-align: center; background: url(\"..\/img\/qmetrymobile_banner_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% -90px; background-size:100% !important; position: relative; }\r\n\r\n.static_banner.attesto { text-align: center; background: url(\"..\/img\/attesto_banner_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 90px; background-size:100% !important; position: relative; }\r\n.static_banner.qmetrttestmanager { text-align: center; background: url(\"..\/img\/qmetrytestmanager_banner_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 90px; background-size:100% !important; position: relative; }\r\n\r\n.methodology .box { width:100%; float:left; padding:0 40px; text-align: center; }\r\n.methodology .box .ic { width:100%; float:left; text-align: center; margin:0 0 10px 0; }\r\n.methodology .box .title { width: 100%; display: inline-block; color: #000; font-weight: 400; font-size: 22px; }\r\n\r\n.entstack { text-align: center; background: url(\"..\/img\/stack_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 110px; background-size: cover; position: relative; }\r\n\r\n.moresuccess { text-align: center; background: url(\"..\/img\/more_success_bg.jpg\"); background-attachment: fixed; background-repeat: repeat; background-position: 50% 0; background-size: cover; position: relative; }\r\n.moresuccess .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }\r\n.moresuccess .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }\r\n.moresuccess .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(..\/img\/bxcontrols-gray.png) no-repeat; }\r\n.moresuccess .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }\r\n.moresuccess .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.moresuccess .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }\r\n.moresuccess .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }\r\n.moresuccess .slide .box { width:100%; float:left; padding: 0 20px; }\r\n.moresuccess .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }\r\n.moresuccess .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }\r\n.moresuccess .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.moresuccess .slide .box .img img { max-width: 160px; max-height: 90px; }\r\n.moresuccess .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }\r\n\r\n.mobi_init { text-align: center; background: url(\"..\/img\/more_success_bg.jpg\"); background-attachment: fixed; background-repeat: repeat; background-position: 50% 0; background-size: cover; position: relative; }\r\n.mobi_init .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }\r\n.mobi_init .bx-wrapper .bx-viewport { margin:0; }\r\n.mobi_init .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(..\/img\/bxcontrols-gray.png) no-repeat; }\r\n.mobi_init .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }\r\n.mobi_init .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.mobi_init .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }\r\n.mobi_init .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }\r\n.mobi_init .slide .box { width:100%; float:left; padding: 0 20px; }\r\n.mobi_init .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }\r\n.mobi_init .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }\r\n.mobi_init .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.mobi_init .slide .box .img img { max-width: 160px; max-height: 90px; }\r\n.mobi_init .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }\r\n\r\n.marketleaders { text-align: center; background:#f5f5f5; position: relative; }\r\n.marketleaders .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }\r\n.marketleaders .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }\r\n.marketleaders .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(..\/img\/bxcontrols-gray.png) no-repeat; }\r\n.marketleaders .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }\r\n.marketleaders .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.marketleaders .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }\r\n.marketleaders .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }\r\n.marketleaders .slide .box { width:100%; float:left; padding: 0 20px; }\r\n.marketleaders .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }\r\n.marketleaders .slide .box p { font-size: 18px; line-height: 26px; color:#000; }\r\n.marketleaders .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }\r\n.marketleaders .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.marketleaders .slide .box .img img { max-width: 160px; max-height: 90px; }\r\n.marketleaders .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }\r\n\r\n.mobispec { color:#fff; text-align: center; background: url(\"..\/img\/mobi_spec_bg1.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 110px; background-size: cover; position: relative; }\r\n.mobispec .dtitle { color:#fff; }\r\n.mobispec .subtext { color:#fff; }\r\n.mobispec .exppoints { width:100%; float:left; margin: 20px 0 0 0; }\r\n.mobispec .exppoints .col { width:19.6%; float: left; padding:0 15px;  margin:0.0%; }\r\n.mobispec .exppoints .col .img { width:100%; height: 90px; display: table; margin: 0 0 20px 0; } \r\n.mobispec .exppoints .col.last { padding-right: 0; }\r\n.mobispec .exppoints .col .img .t { width: 100%; height:100%; display: table-cell; vertical-align: middle; }\r\n.mobispec .exppoints .col h3 { width:100%; display: inline-block; font-weight: 400; color:#fff; margin:0 0 10px 0; font-size: 21px; text-align: center; }\r\n.mobispec .exppoints .col p { width:100%; display: inline-block; color:#fff; margin:0 0 10px 0; text-align: center; }\r\n\r\n.admin-bar header .navbar-fixed-top, .admin-bar header .search-bar, .admin-bar header .contact-bar { margin-top: 32px !important; }\r\n\r\n.lnk { display: inline-block; color:#333; border:1px solid #dfdfdf; padding:12px 20px; text-align: center; font-weight: 400; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }\r\n.lnk i { color:#333; font-size: 18px; color:#f67107; margin: 0 5px 0 0; }\r\n\r\n.strat_mobi { width:100%; float:left; text-align: center; }\r\n.strat_mobi .strat { width:24.7%; display: inline-block; vertical-align: top; margin: 0 0 20px 0; }\r\n.strat_mobi .strat .box { width:100%; float:left; padding:0 10px; margin: 0 0 30px 0; }\r\n.strat_mobi .strat .decs { width:100%; float:left; padding: 0px; }\r\n.strat_mobi .strat .img { width:100%; display: table; margin: 0 0 10px 0; }\r\n.strat_mobi .strat .img .t { width:100%; display: table-cell; vertical-align: middle; }\r\n.strat_mobi .strat .title { width: 100%; font-size:18px; display: inline-block; color: #000; font-weight: 400; }\r\n\r\n.cap_list { width:100%; float:left; text-align: center; }\r\n.cap_list .box { width:18.7%; display: inline-block; vertical-align: top; padding:35px 10px; margin: 0 0.5% 10px 0.5%; background: #fff; text-align: center; box-shadow: 0 0 10px #eee; -webkit-box-shadow: 0 0 10px #eee; -moz-box-shadow: 0 0 10px #eee; -ms-box-shadow: 0 0 10px #eee; -o-box-shadow: 0 0 10px #eee; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }\r\n.cap_list .box.first { margin-left: 0; }\r\n.cap_list .box.last { margin-right: 0; }\r\n.cap_list .box .decs { width:100%; float:left; padding: 0px; }\r\n.cap_list .box .img { width:100%; display: table; margin: 0 0 20px 0; }\r\n.cap_list .box .img .t { width:100%; height: 70px; display: table-cell; vertical-align: middle; }\r\n\r\n.global_testing_list { width:100%; float:left; text-align: center; }\r\n.global_testing_list .box { width:100%; display: inline-block; vertical-align: top; padding:35px 0; margin: 0; text-align: center; }\r\n.global_testing_list .box .img { width:100%; display: table; margin: 0 0 20px 0; }\r\n.global_testing_list .box .img .t { width:100%; height: 70px; display: table-cell; vertical-align: middle; }\r\n.global_testing_list .box .desc { width:100%; float:left; padding: 0px; font-size: 18px; font-weight: 600; }\r\n\r\n.cont_integration { color:#fff; text-align: left; background: url(\"..\/img\/cont_integration_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.cont_integration .dtitle { color:#fff; }\r\n.cont_integration .subtext { color:#fff; } \r\n\r\n.jump_start_top { width:100%; float:left; text-align: center; margin: 0 0 20px 0; }\r\n.jump_start_top .img { width:100%; margin: 0 0 10px 0; display: table; }\r\n.jump_start_top .img .t { width:100%; display: table-cell; vertical-align: top; }\r\n.jump_start_top .head { width: 100%; float:left; font-size: 26px; margin: 0 0 5px 0; }\r\n.jump_start_top .subhead { width: 100%; float:left; font-size: 20px; color:#f07125; }\r\n\r\n.listboxx { width:100%; float:left; margin: 0 0 20px 0; }\r\n.listboxx ul { width:96%; float:left; list-style-position: inside; text-indent: -17px;  padding: 0; \/*-webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;*\/ }\r\n.listboxx ul li { width:100%; float:left; margin: 0 0 15px 0; }\r\n.listboxx ul.orange { color:#000; }\r\n.listboxx ul.orange span { color:#666; }\r\n.listboxx ul.yellow { color:#faa224; }\r\n.listboxx ul.yellow span { color:#666; }\r\n\r\n.fancy_title { width:100%; float:left; background:url(..\/img\/fancy_title_lines.png) repeat-x 50% 47%; text-align: center; margin: 20px 0 30px 0; }\r\n.fancy_title .title { display: inline-block; background: transparent; color:#fff; padding: 5px 10px; }\r\n.fancy_title .title .box { float:left; padding:5px 10px; position: relative; }\r\n\r\n.fancy_title .title .box:before { border-left-color: transparent !important; content: ''; display: block; position: absolute; width: 0; height: 0; border: 16px solid #d4b491; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; left: -23px !important; border-right: 7px solid #d4b491; }\r\n.fancy_title .title .box:after { border-right-color: transparent !important; content: ''; display: block; position: absolute; width: 0; height: 0; border: 16px solid #d4b491; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; right: -23px !important; border-left: 7px solid #d4b491; }\r\n\r\n.fancy_title.orange .box:before { border-left-color: transparent !important; border: 16px solid #F67107; top: 0; border-right: 7px solid #F67107; }\r\n.fancy_title.orange .box:after { border-right-color: transparent !important; border: 16px solid #F67107; top: 0; border-left: 7px solid #F67107; }\r\n\r\n.fancy_title.yellow .box:before { border-left-color: transparent !important; border: 16px solid #faa224; top: 0; border-right: 7px solid #faa224; }\r\n.fancy_title.yellow .box:after { border-right-color: transparent !important; border: 16px solid #faa224; top: 0; border-left: 7px solid #faa224; }\r\n\r\n.fancy_title.orange .box { background: #F67107; }\r\n.fancy_title.yellow .box { background: #faa224; }\r\n\r\n.nice_title { width:100%; float:left; text-align: center; margin: 20px 0; }\r\n.nice_title .box { width:90%; display: inline-block; text-align: center; padding: 6px 0; position: relative; color:#fff; font-weight: bold; font-size: 16px; }\r\n.nice_title .box:before { border-left-color: transparent !important; content: ''; display: block; position: absolute; width: 0; height: 0; border: 18px solid #d4b491; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; left: -23px !important; border-right: 7px solid #d4b491; }\r\n.nice_title .box:after { border-right-color: transparent !important; content: ''; display: block; position: absolute; width: 0; height: 0; border: 18px solid #d4b491; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; right: -23px !important; border-left: 7px solid #d4b491; }\r\n.nice_title.orange .box:before { border-left-color: transparent !important; border: 17px solid #F67107; top: 0; border-right: 7px solid #F67107; }\r\n.nice_title.orange .box:after { border-right-color: transparent !important; border: 17px solid #F67107; top: 0; border-left: 7px solid #F67107; }\r\n.nice_title.yellow .box:before { border-left-color: transparent !important; border: 17px solid #faa224; top: 0; border-right: 7px solid #faa224; }\r\n.nice_title.yellow .box:after { border-right-color: transparent !important; border: 17px solid #faa224; top: 0; border-left: 7px solid #faa224; }\r\n.nice_title.green .box:before { border-left-color: transparent !important; border: 17px solid #b4c860; top: 0; border-right: 7px solid #b4c860; }\r\n.nice_title.green .box:after { border-right-color: transparent !important; border: 17px solid #b4c860; top: 0; border-left: 7px solid #b4c860; }\r\n.nice_title.orange .box { background: #F67107; }\r\n.nice_title.yellow .box { background: #faa224; }\r\n.nice_title.green .box { background: #b4c860; }\r\n\r\n.nice_title.big { width:100%; float:left; text-align: center; margin: 20px 0; }\r\n.nice_title.big .box { width:96%; display: inline-block; text-align: center; padding: 10px 0 9px 0; position: relative; color:#fff; font-weight: bold; font-size: 18px; }\r\n.nice_title.big .box:before { border-left-color: transparent !important; content: ''; display: block; position: absolute; width: 0; height: 0; border: 18px solid #d4b491; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; left: -23px !important; border-right: 7px solid #d4b491; }\r\n.nice_title.big .box:after { border-right-color: transparent !important; content: ''; display: block; position: absolute; width: 0; height: 0; border: 18px solid #d4b491; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; right: -23px !important; border-left: 7px solid #d4b491; }\r\n.nice_title.big.green .box:before { border-left-color: transparent !important; border: 22px solid #b4c860; top: 0; border-right: 7px solid #b4c860; }\r\n.nice_title.big.green .box:after { border-right-color: transparent !important; border: 22px solid #b4c860; top: 0; border-left: 7px solid #b4c860; }\r\n\r\n.popover { min-width:260px; }\r\n.popover h2 { text-align:left; font-weight: 400 !important; margin: 0 0 10px 0 !important; font-size: 20px !important; }\r\n.popover .orange { color:#f37121; }\r\n.popover .yellow { color:#faa325; }\r\n.popover .blue { color:#688dc8; }\r\n.popover .green { color:#51bdbb; }\r\n.popover .celery { color:#b5cb61; }\r\n.popover ul { width:100%; max-width: 290px; margin: 0 0 0 0; list-style: none; }\r\n.popover ul li { background: url(..\/img\/tooltip_bullet.png) no-repeat 0 4px; margin-bottom: 3px; font-size: 14px; padding-left: 20px; }\r\n\r\n.contact_pg { text-align: left; background: url(\"..\/img\/contactus_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.contact_pg .container { max-width: 1080px; padding: 20px; background: #fcfcfc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.contact_pg .cdetails { width:100%; float:left; }\r\n.contact_pg .dtitle { margin-bottom: 15px; }\r\n.contact_pg .cdetails .details { width:100%; float:left; margin:0 0 50px 0; }\r\n.contact_pg .cdetails .details .address { width:100%; float:left; padding:0 0 0 30px; background: url(..\/img\/ic_locations.png) no-repeat 0 5px; }\r\n.contact_pg .cdetails .details .address h3 { font-size: 18px; color: #000; margin:0; font-weight: 400; } \r\n.contact_pg .cdetails .details .phone { width:100%; float:left; color: #000; margin:0; font-weight: 400; padding:5px 0 5px 30px; margin:0 0 10px 0; background: url(..\/img\/ic_mobile.png) no-repeat 0 50%; }\r\n.contact_pg .cdetails .details .fax { width:100%; float:left; color: #000; margin:0; font-weight: 400; padding:5px 0 5px 30px; margin:0 0 10px 0; background: url(..\/img\/ic_phone.png) no-repeat 0 50%; }\r\n.contact_pg .cdetails .details .mail { width:100%; float:left; padding:5px 0 5px 40px; color: #000; margin:0; font-weight: 400; text-decoration: underline; background: url(..\/img\/ic_mail.png) no-repeat 0 50%; }\r\n.contact_pg .cdetails .details .social { width:100%; float:left; list-style: none; padding: 0; margin: 0; }\r\n.contact_pg .cdetails .details .social li { margin: 0 6px; display: inline-block; }\r\n.contact_pg .cdetails .details .social li a { width:40px; height: 40px; text-align: center; display: block; border:1px solid #e8e8e8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }\r\n.contact_pg .cdetails .details .social li a:hover { border:1px solid #ff7302; }\r\n.contact_pg .cdetails .details .social li.fb a { background:#fff url(..\/img\/ic_fb.png) no-repeat 50% 50%; }\r\n.contact_pg .cdetails .details .social li.in a { background:#fff url(..\/img\/ic_in.png) no-repeat 50% 50%; }\r\n.contact_pg .cdetails .details .social li.tw a { background:#fff url(..\/img\/ic_tw.png) no-repeat 50% 50%; }\r\n.contact_pg .cdetails .details .social li.gp a { background:#fff url(..\/img\/ic_gp.png) no-repeat 50% 50%; }\r\n.contact_pg .cdetails .details .social li.yt a { background:#fff url(..\/img\/ic_yt.png) no-repeat 50% 50%; }\r\n\r\n.frm_getInTouch { width:100%; float:left; padding:10px; padding-top: 0; text-align: center; \/*background: #fff; border:1px solid #e8e8e8;*\/ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.frm_getInTouch .tag { margin:0; font-size: 12px; text-align:left; }\r\n.frm_getInTouch #getstarted { width:100%; }\r\n\r\n.o_locations { width:100%; float:left; }\r\n.o_locations .box { width:100%; float:left; border:2px solid #f2f2f2; margin: 0 0 30px 0; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.o_locations .box .img { width: 100%; height: 210px; float:left; background: #fbfbfb; border-bottom:2px solid #f2f2f2; }\r\n.o_locations .box .img.l1 { background: #fbfbfb url(..\/img\/lo_pennsylvania.png)no-repeat 50% 50%; }\r\n.o_locations .box .img.l2 { background: #fbfbfb url(..\/img\/lo_england.png)no-repeat 50% 50%; }\r\n.o_locations .box .img.l3 { background: #fbfbfb url(..\/img\/lo_ahmedabad.png)no-repeat 50% 50%; }\r\n.o_locations .box .img.l4 { background: #fbfbfb url(..\/img\/lo_pune.png)no-repeat 50% 50%; }\r\n.o_locations .box .img.l5 { background: #fbfbfb url(..\/img\/lo_newyork.png)no-repeat 50% 50%; }\r\n.o_locations .box .img.l6 { background: #fbfbfb url(..\/img\/lo_santaclara.png)no-repeat 50% 50%; }\r\n\r\n.o_locations .box .details { width: 100%; float:left; padding: 30px 30px 50px 30px; position: relative; }\r\n.o_locations .box .details .head { width: 100%; float:left; font-size: 18px; font-weight: 400; color:#000; margin: 0 0 10px 0; }\r\n.o_locations .box .details .desc { width: 100%; float:left; margin: 0 0 20px 0; }\r\n\r\n.o_locations .box .details .phoneout { width:95%; float:left; position: absolute; bottom: 10px; left: 10px; padding: 0 20px; }\r\n.o_locations .box .details .phone { width: 100%; float:left; \/*background: url(..\/img\/ic_mobile.png) no-repeat 0 50%; padding: 5px 0 5px 40px;*\/ }\r\n.o_locations .box .details .phone img { display: inline-block; vertical-align: middle; }\r\n.o_locations .box .details .phone .n { display: inline-block; vertical-align: middle; padding: 0 0 0 10px; }\r\n.o_locations .box .details .phone p { margin: 0; color:#000; font-weight: 400; }\r\n\r\n.o_locations .dtitle.t2 { display: none; }\r\n\r\n.tier_one { text-align: left; background: url(\"..\/img\/tier_one_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.tier_one .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }\r\n.tier_one .dtitle span { color:#f67107; }\r\n.tier_one .num { text-align: center; }\r\n.tier_one .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }\r\n.tier_one .btns { text-align: left; }\r\n.tier_one .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px; }\r\n.tier_one .btn:hover { background: #f67107; color:#fff; }\r\n.tier_one .img { text-align: center; }\r\n.tier_one .img.nodesktop { margin:30px 0; }\r\n\r\n.tier_two { text-align: left; background: url(\"..\/img\/tier_two_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.tier_two .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }\r\n.tier_two .dtitle span { color:#faa325; }\r\n.tier_two .num { text-align: center; }\r\n.tier_two .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }\r\n.tier_two .btns { text-align: left; }\r\n.tier_two .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #faa325; color:#faa325; margin: 0 10px 10px 0; padding:15px; }\r\n.tier_two .btn:hover { background: #faa325; color:#fff; }\r\n.tier_two .img { text-align: center; padding-top: 80px; }\r\n.tier_two .img.nodesktop { margin:30px 0; }\r\n\r\n.tier_three { text-align: left; background: url(\"..\/img\/tier_three_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.tier_three .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }\r\n.tier_three .dtitle span { color:#688dc8; }\r\n.tier_three .num { text-align: center; }\r\n.tier_three .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }\r\n.tier_three .btns { text-align: left; }\r\n.tier_three .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #688dc8; color:#688dc8; margin: 0 10px 10px 0; padding:15px; }\r\n.tier_three .btn:hover { background: #688dc8; color:#fff; }\r\n.tier_three .img { text-align: center; }\r\n.tier_three .img img { max-width: 100%; }\r\n.tier_three .img.nodesktop { margin:30px 0; }\r\n\r\n.tier_four { text-align: left; background: url(\"..\/img\/tier_four_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.tier_four .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }\r\n.tier_four .dtitle span { color:#51bdbb; }\r\n.tier_four .num { text-align: center; }\r\n.tier_four .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }\r\n.tier_four .btns { text-align: left; }\r\n.tier_four .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #51bdbb; color:#51bdbb; margin: 0 10px 10px 0; padding:15px; }\r\n.tier_four .btn:hover { background: #51bdbb; color:#fff; }\r\n.tier_four .img { text-align: center; }\r\n.tier_four .img.nodesktop { margin:30px 0; }\r\n\r\n.tier_five { text-align: left; background: url(\"..\/img\/tier_five_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.tier_five .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }\r\n.tier_five .dtitle span { color:#b5cb61; }\r\n.tier_five .num { text-align: center; }\r\n.tier_five .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }\r\n.tier_five .btns { text-align: left; }\r\n.tier_five .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #b5cb61; color:#b5cb61; margin: 0 10px 10px 0; padding:15px; }\r\n.tier_five .btn:hover { background: #b5cb61; color:#fff; }\r\n.tier_five .img { text-align: center; }\r\n.tier_five .img.nodesktop { margin:30px 0; }\r\n\r\n.pg_serv_mob { background: #f6f6f6; }\r\n.mob_serv_list { width:100%; float:left; }\r\n.mob_serv_list .box { width:18.8%; display: inline-block; vertical-align: top; padding:35px 10px; margin: 0 0.5% 10px 0.5%; background: #fff; text-align: center; }\r\n.mob_serv_list .box.first { margin-left: 0; }\r\n.mob_serv_list .box.last { margin-right: 0; }\r\n.mob_serv_list .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }\r\n.mob_serv_list .box .img .t { display: table-cell; vertical-align: middle; }\r\n\r\n.pg_mob_features .box { width:100%; float:left; text-align: center; padding: 0 15px; }\r\n.pg_mob_features .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }\r\n.pg_mob_features .box .img .t { display: table-cell; vertical-align: middle; }\r\n.pg_mob_features .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; font-weight: 400; }\r\n.pg_mob_features .box .desc { width:100%; float:left; }\r\n\r\n.global_testing_services .btns { text-align: center; }\r\n.global_testing_services .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.global_testing_services .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.iot_features { margin: 30px 0 0 0; }\r\n.iot_features .box { width:100%; float:left; text-align: center; padding: 0 15px; margin:0 0 20px 0; }\r\n.iot_features .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }\r\n.iot_features .box .img .t { height:110px; display: table-cell; vertical-align: middle; }\r\n.iot_features .box .desc { width:100%; float:left; }\r\n\r\n.pg_frictionless { text-align: left; background: url(\"..\/img\/frictionless_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n\r\n.pg_rtattesto { text-align: left; background: url(\"..\/img\/rt_attesto_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n\r\n.pg_rtattesto .btns { text-align: center; }\r\n.pg_rtattesto .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.pg_rtattesto .btn:hover { background: #f67107; color:#fff; }\r\n.pg_rtattesto .list { width:100%; float:left; margin:0; padding: 0 0 10px 25px; }\r\n.pg_rtattesto .list li { width:100%; float:left; margin:0 0 20px 0; color:#ff7302; font-size: 18px; line-height: 140%; }\r\n.pg_rtattesto .list li span { color:#666; }\r\n.pg_rtattesto h3.dtitle { font-size: 22px !important; line-height: 120% !important; font-weight: 400; color:#000; margin:0 0 20px 0; }\r\n\r\n.int_map { background: #f6f6f6; padding-bottom: 0 !important; }\r\n.int_map .dtitle { position: relative; z-index: 100; }\r\n.int_map .qualities { width:100%; float:left; margin:-230px 0 30px 0; position: relative; z-index: 100; }\r\n.int_map .qualities .box { width:100%; float:left; text-align:center; background: #fff; border-bottom:2px solid #f67107; padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.int_map .qualities .box .img { width:100%; height:90px; float:left; display: table; text-align: center; margin: 0 0 10px 0; }\r\n.int_map .qualities .box .img .t { width:100%; display: table-cell; vertical-align: middle; height: 100%; }\r\n.int_map .qualities .box .name { width:100%; float:left; }\r\n.int_map .int_loc_map { width:100%; float:left; margin:-100px 0 0 0; position: relative; z-index: 1; }\r\n.int_map .int_loc_map .img { width:100%; float:left; position: relative; }\r\n.int_map .int_loc_map .loc { width:11px; height: 11px; background: #999; border:2px solid #fff; box-shadow: 0 0 0 1px #999; -webkit-box-shadow: 0 0 0 1px #999; -moz-box-shadow: 0 0 0 1px #999; -ms-box-shadow: 0 0 0 1px #999; -o-box-shadow: 0 0 0 1px #999; border-radius: 50%; position: absolute; z-index: 100; }\r\n.int_map .int_loc_map .loc:hover { background: #ff7302; border:2px solid #ff7302; box-shadow: 0 0 0 1px #ff7302; -webkit-box-shadow: 0 0 0 1px #ff7302; -moz-box-shadow: 0 0 0 1px #ff7302; -ms-box-shadow: 0 0 0 1px #ff7302; -o-box-shadow: 0 0 0 1px #ff7302; }\r\n.int_map .int_loc_map .loc.loc1 { top: 32%; left: 13.7%; }\r\n.int_map .int_loc_map .loc.loc2 { top: 32%; left: 24.7%; }\r\n.int_map .int_loc_map .loc.loc3 { top: 29.5%; left: 25.1%; }\r\n.int_map .int_loc_map .loc.loc4 { top: 19%; left: 46.3%; }\r\n.int_map .int_loc_map .loc.loc5 { top: 41.4%; left: 66.4%; }\r\n.int_map .int_loc_map .loc.loc6 { top: 44.4%; left: 67.6%; }\r\n.int_map .int_loc_map .popover { min-width:120px; text-align: center; background:#ff7302; border:0; color:#fff; }\r\n.int_map .int_loc_map .popover>.arrow:after { border-top-color: #ff7302; box-shadow:0 0 0; }\r\n\r\n.anm .pulse1, .anm .pulse2, .anm .pulse3, .anm .pulse4 { z-index: -1; border-radius:50%; position:absolute; height: 110px; width: 110px; top:50%; left:50%; border: 2px solid #ff7302; transition: opacity 500 ease-in-out; -webkit-animation: pulsate 3s infinite; animation: pulsate 3s infinite; -moz-animation: pulsate 3s infinite; -ms-animation: pulsate 3s infinite; -o-animation: pulsate 3s infinite; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); }\r\n.anm .pulse2 { -webkit-animation: pulsate 3s -.6s infinite; animation: pulsate 3s -.6s infinite; -moz-animation: pulsate 3s -.6s infinite; -ms-animation: pulsate 3s -.6s infinite; -o-animation: pulsate 3s -.6s infinite; }\r\n.anm .pulse3 { -webkit-animation: pulsate 3s -1.2s infinite; animation: pulsate 3s -1.2s infinite; -moz-animation: pulsate 3s -1.2s infinite; -ms-animation: pulsate 3s -1.2s infinite; -o-animation: pulsate 3s -1.2s infinite; }\r\n.anm .pulse4 { -webkit-animation: pulsate 3s -1.8s infinite; animation: pulsate 3s -1.8s infinite; -moz-animation: pulsate 3s -1.8s infinite; -ms-animation: pulsate 3s -1.8s infinite; -o-animation: pulsate 3s -1.8s infinite; }\r\n@-webkit-keyframes pulsate {\r\n    0%,100% { width:10px; height:10px; opacity:0; }\r\n    1% { opacity:1; }\r\n    50% { opacity:0.5; }\r\n    99.999% { width:110px; height:110px; opacity:0; }\r\n}\r\n@-moz-keyframes pulsate {\r\n    0%,100% { width:10px; height:10px; opacity:0; }\r\n    1% { opacity:1; }\r\n    50% { opacity:0.5; }\r\n    99.999% { width:110px; height:110px; opacity:0; }\r\n}\r\n@-ms-keyframes pulsate {\r\n    0%,100% { width:10px; height:10px; opacity:0; }\r\n    1% { opacity:1; }\r\n    50% { opacity:0.5; }\r\n    99.999% { width:110px; height:110px; opacity:0; }\r\n}\r\n@-o-keyframes pulsate {\r\n    0%,100% { width:10px; height:10px; opacity:0; }\r\n    1% { opacity:1; }\r\n    50% { opacity:0.5; }\r\n    99.999% { width:110px; height:110px; opacity:0; }\r\n}\r\n@keyframes pulsate {\r\n    0%,100% { width:10px; height:10px; opacity:0; }\r\n    1% { opacity:1; }\r\n    50% { opacity:0.5; }\r\n    99.999% { width:110px; height:110px; opacity:0; }\r\n}\r\n.proven_tools .requesttrial { background: none !important; }\r\n\r\n.exp_mobi { text-align: center; background: url(\"..\/img\/home_about_bg2.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover !important; position: relative; }\r\n.exp_mobi .dtitle { color:#fff; }\r\n.exp_mobi .experties { width:100%; float:left; text-align: center; }\r\n.exp_mobi .experties .col { width:18.8%; display: inline-block; vertical-align: top; padding: 0 30px; }\r\n.exp_mobi .experties .col .img { width:100%; float:left; display: table; margin:0 0 20px 0; }\r\n.exp_mobi .experties .col .img .t { width:100%; float:left; display: table-cell; }\r\n.exp_mobi .experties .col .name { width:100%; float:left; color:#fff; }\r\n\r\n.conn_devices .requesttrial { background: none !important; }\r\n.conn_devices .box { width:100%; float:left; padding:0 0 15px 0; }\r\n.conn_devices .img { width:100%; float:left; display: table; margin:0 0 20px 0; text-align: center; }\r\n.conn_devices .img .t { width:100%; float:left; display: table-cell; }\r\n.conn_devices .name { width:100%; float:left; text-align: center; }\r\n\r\n.checkmarks { width:100%; float:left; text-align: center; margin:30px 0; }\r\n.checkmarks .box { width:100%; float:left; padding: 20px; border:1px solid #e2e2e2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.checkmarks .box .tick { margin: -45px auto 20px auto; display:table; }\r\n.checkmarks .box .desc { width:100%; float:left; }\r\n\r\n.hpy_cust { text-align: center; background: url(\"..\/img\/happy_customers_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover !important; position: relative; }\r\n.hpy_cust .img { width:100%; float:left; margin:20px 0 40px 0; }\r\n.hpy_cust .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.hpy_cust .btn:hover { background: #f67107; color:#fff; }\r\n.apps_tested .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.apps_tested .btn:hover { background: #f67107; color:#fff; }\r\n\/*.btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.btn:hover { background: #f67107; color:#fff; }*\/\r\n\r\n.apps_tested { text-align: center; background: url(\"..\/img\/apps_tested_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover !important; position: relative; }\r\n.apps_tested .app_features { width:100%; float:left; margin:40px 0; }\r\n.apps_tested .app_features .box { width:100%; float:left; background: #fff; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; box-shadow:0 0 10px 0px #ddd; }\r\n.apps_tested .app_features .box .img { width:100%; float:left; display: table; margin:0 0 20px 0; text-align: center; }\r\n.apps_tested .app_features .box .img .t { width:100%; float:left; display: table-cell; }\r\n.apps_tested .app_features .box .name { width:100%; float:left; }\r\n\r\n.forrester { text-align: center; background: url(\"..\/img\/forrester_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover !important; position: relative; }\r\n.iSOSwebinar { text-align: center; background: url(\"..\/img\/wbinar-banner45-jan2016.png\"); background-repeat: no-repeat; background-position: 50% 0 !important; background-size: cover !important;}\r\n\r\n.graybg { background:#f5f5f5; }\r\n\r\n.better_quality { width:100%; }\r\n.better_quality .container { max-width:1000px; } \r\n.better_quality h3 { width:100%; float:left; font-weight:400; color:#000; }\r\n.better_quality ul { width:100%; display: inline-block; list-style: none; margin:0 0 10px 0; }\r\n.better_quality ul li { width: 100%; float: left; padding:0; margin: 0 0 20px 0; }\r\n.better_quality ul li img { display: inline-block;}\r\n.better_quality ul li span { display: inline-block;width: 80%;vertical-align: middle;line-height: 150%;}\r\n.better_quality ul li i { margin-right: 5px; color:#ff7302; font-size: xx-large; }\r\n\r\n.hcust { text-align: center; }\r\n.hcust img { max-width:140px; max-height: 90px; margin: 0 0 20px 0; }\r\n\r\n.forrest_form { width:100%; float:left; background:#fcfcfc; padding: 20px; border: 1px solid #ccc; }\r\n.iSOSwebinar_form { width:100%; float:left; background:#fcfcfc; padding: 20px; border: 1px solid #ccc; }\r\n.iSOSwebinar_form #checklist_iframe { width:100%; height:690px; }\r\n.forrest_form .dtitle { font-size:40px !important; font-weight: 400; margin-bottom: 15px; text-align: left; }\r\n.forrest_form .sub { font-size: 11px; color:#000; margin:0 0 5px 0; }\r\n.forrest_form #checklist_iframe { width:100%; height: 760px; }\r\n\r\n.menuopt { display: none; }\r\n.circle, .circle:before, .circle:after { border-radius: 50%; }\r\n.sexy_wheel { position: relative; margin: 80px auto; min-width: 280px; width: 50%; max-width: 360px; background:rgba(255,255,255,0.8); border-radius: 50%; box-shadow: 0 0 0 12px rgba(255,255,255,0.2), 0 0 0 22px rgba(255,255,255,0.2); }\r\n.sexy_wheel ul { position: relative; padding: 50%; margin: 0; max-width: 0; max-height: 0; border: 1px solid #fff; box-shadow: 0 0 0; list-style: none; background: white; \/*transform:rotate(18deg);*\/ }\r\n.sexy_wheel li { position: absolute; }\r\n.slice { overflow: hidden; position: absolute; top: 0; left: 0; width: 50%; height: 50%; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; \/*transition:all 0.4s ease;*\/ }\r\n.mobstra { transform: skewX(18deg); -webkit-transform: skewX(18deg); -moz-transform: skewX(18deg); -ms-transform: skewX(18deg); -o-transform: skewX(18deg); }\r\n.mobdev { transform: rotate(72deg) skewX(18deg); -webkit-transform: rotate(72deg) skewX(18deg); -ms-transform: rotate(72deg) skewX(18deg); -moz-transform: rotate(72deg) skewX(18deg); -o-transform: rotate(72deg) skewX(18deg); }\r\n.mobtest { transform: rotate(144deg) skewX(18deg); -webkit-transform: rotate(144deg) skewX(18deg); -moz-transform: rotate(144deg) skewX(18deg); -ms-transform: rotate(144deg) skewX(18deg); -o-transform: rotate(144deg) skewX(18deg); }\r\n.mobauto { transform: rotate(216deg) skewX(18deg); -webkit-transform: rotate(216deg) skewX(18deg); -ms-transform: rotate(216deg) skewX(18deg); -moz-transform: rotate(216deg) skewX(18deg); -o-transform: rotate(216deg) skewX(18deg); }\r\n.mobopt { transform: rotate(288deg) skewX(18deg); -webkit-transform: rotate(288deg) skewX(18deg); -moz-transform: rotate(288deg) skewX(18deg); -ms-transform: rotate(288deg) skewX(18deg); -o-transform: rotate(288deg) skewX(18deg); }\r\n.magnifiable { height: 100%; }\r\n.sexy_wheel label { cursor: pointer; }\r\n\r\n.slice label { display: block; width: 200%; height: 200%; font-size: 12px; font-weight: 700; line-height: 4; position: relative; transform: skew(-18deg) rotate(-54deg); -webkit-transform: skew(-18deg) rotate(-54deg); -moz-transform: skew(-18deg) rotate(-54deg); -ms-transform: skew(-18deg) rotate(-54deg); -o-transform: skew(-18deg) rotate(-54deg); box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -ms-box-shadow: 0 0 0; -o-box-shadow: 0 0 0; opacity: 1; color: transparent; text-align: center; text-decoration: none; \/*transition:all 0.4s ease;*\/ }\r\n.slice label:before { position: absolute; top: 12%; left: 12%; width: 76%; height: 76%; border-radius: 50%; background-position: 50% 0; background-repeat: no-repeat; background-size: 35% 35%; content: ''; }\r\n.slice label:hover { opacity: 1; }\r\n.slice .name { text-transform: uppercase; }\r\n\r\n.slice #ms_name .svg { width: 100%; height:20px; transform: translate(-50%,-250%) rotate(0deg); -webkit-transform: translate(-50%,-250%) rotate(0deg); -moz-transform: translate(-50%,-250%) rotate(0deg); -ms-transform: translate(-50%,-250%) rotate(0deg); -o-transform: translate(-50%,-250%) rotate(0deg); }\r\n.slice #ms_name .svg * { fill:#f37121; }\r\n.slice.current #ms_name .svg { height: 22px; transform: translate(-50%,-200%) rotate(0deg); -webkit-transform: translate(-50%,-200%) rotate(0deg); -moz-transform: translate(-50%,-200%) rotate(0deg); -ms-transform: translate(-50%,-200%) rotate(0deg); -o-transform: translate(-50%,-200%) rotate(0deg); }\r\n.slice.current #ms_name .svg * { fill:#fff; }\r\n\r\n.slice #ms_dev .svg { width: 100%; height:24px; transform: translate(-50%,-215%) rotate(0deg); -webkit-transform: translate(-50%,-215%) rotate(0deg); -moz-transform: translate(-50%,-215%) rotate(0deg); -ms-transform: translate(-50%,-215%) rotate(0deg); -o-transform: translate(-50%,-215%) rotate(0deg); }\r\n.slice #ms_dev .svg * { fill:#faa325; }\r\n.slice.current #ms_dev .svg { height: 26px; transform: translate(-50%,-170%) rotate(0deg); -webkit-transform: translate(-50%,-170%) rotate(0deg); -moz-transform: translate(-50%,-170%) rotate(0deg); -ms-transform: translate(-50%,-170%) rotate(0deg); -o-transform: translate(-50%,-170%) rotate(0deg); }\r\n.slice.current #ms_dev .svg * { fill:#fff; }\r\n\r\n.slice #ms_test .svg { width: 100%; height:20px; transform: translate(-50%,-180%) rotate(2deg); -webkit-transform: translate(-50%,-180%) rotate(2deg); -moz-transform: translate(-50%,-180%) rotate(2deg); -ms-transform: translate(-50%,-180%) rotate(2deg); -o-transform: translate(-50%,-180%) rotate(2deg); }\r\n.slice #ms_test .svg * { fill:#688dc8; }\r\n.slice.current #ms_test .svg { height: 22px; transform: translate(-50%,-200%) rotate(0deg); -webkit-transform: translate(-50%,-200%) rotate(0deg); -moz-transform: translate(-50%,-200%) rotate(0deg); -ms-transform: translate(-50%,-200%) rotate(0deg); -o-transform: translate(-50%,-200%) rotate(0deg); }\r\n.slice.current #ms_test .svg * { fill:#fff; }\r\n\r\n.slice #ms_auto .svg { width: 100%; height:16px; transform: translate(-50%,-215%) rotate(0deg); -webkit-transform: translate(-50%,-215%) rotate(0deg); -moz-transform: translate(-50%,-215%) rotate(0deg); -ms-transform: translate(-50%,-215%) rotate(0deg); -o-transform: translate(-50%,-215%) rotate(0deg); }\r\n.slice #ms_auto .svg * { fill:#51bdbb; }\r\n.slice.current #ms_auto .svg { height: 18px; transform: translate(-50%,-200%) rotate(0deg); -webkit-transform: translate(-50%,-200%) rotate(0deg); -moz-transform: translate(-50%,-200%) rotate(0deg); -ms-transform: translate(-50%,-200%) rotate(0deg); -o-transform: translate(-50%,-200%) rotate(0deg); }\r\n.slice.current #ms_auto .svg * { fill:#fff; }\r\n\r\n.slice #ms_opti .svg { width: 100%; height:16px; transform: translate(-50%,-190%) rotate(0deg); -webkit-transform: translate(-50%,-190%) rotate(0deg); -moz-transform: translate(-50%,-190%) rotate(0deg); -ms-transform: translate(-50%,-190%) rotate(0deg); -o-transform: translate(-50%,-190%) rotate(0deg); }\r\n.slice #ms_opti .svg * { fill:#b5cb61; }\r\n.slice.current #ms_opti .svg { height: 18px; transform: translate(-50%,-200%) rotate(0deg); -webkit-transform: translate(-50%,-190%) rotate(0deg); -moz-transform: translate(-50%,-190%) rotate(0deg); -ms-transform: translate(-50%,-190%) rotate(0deg); -o-transform: translate(-50%,-190%) rotate(0deg); }\r\n.slice.current #ms_opti .svg * { fill:#fff; }\r\n\r\n\r\n.slice .svg { width:36px; height: 36px; z-index: 10; position: absolute; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); -o-transform: translate(-50%,0%); z-index: 100; left:50%; top: 19%; }\r\n.slice .svg svg { max-width:36px !important; max-height: 36px !important; }\r\n.slice .svg svg * { fill:#fff; }\r\n\r\n.unsel { top: 34%; left: 34%; width: 32%; height: 32%; background: #fff; }\r\n.unsel label { display: block; height: 100%; background: #fff url(..\/images\/mobility_logo.png) no-repeat 50% 50%; border-radius: 50%; }\r\n\r\n.mobopt .svg {  }\r\n.mobopt.current .svg { width:50px; }\r\n\r\n.current .svg { width:50px; top:18%; }\r\n.current .svg svg { width:50px !important; }\r\n\r\n.mobstra .svg { transform:translate(-50%,0%) rotate(52deg); -webkit-transform:translate(-50%,0%) rotate(52deg); -moz-transform:translate(-50%,0%) rotate(52deg); -ms-transform:translate(-50%,0%) rotate(52deg); -o-transform:translate(-50%,0%) rotate(52deg); }\r\n.mobdev .svg { transform:translate(-60%,-4%) rotate(-20deg); -webkit-transform:translate(-60%,-4%) rotate(-20deg); -moz-transform:translate(-60%,-4%) rotate(-20deg); -ms-transform:translate(-60%,-4%) rotate(-20deg); -o-transform:translate(-60%,-4%) rotate(-20deg); }\r\n.mobtest .svg { transform:translate(-53%,-5%) rotate(-90deg); -webkit-transform:translate(-53%,-5%) rotate(-90deg); -moz-transform:translate(-53%,-5%) rotate(-90deg); -ms-transform:translate(-53%,-5%) rotate(-90deg); -o-transform:translate(-53%,-5%) rotate(-90deg); }\r\n.mobauto .svg { transform:translate(-61%,0%) rotate(-164deg); -webkit-transform:translate(-61%,0%) rotate(-164deg); -ms-transform:translate(-61%,0%) rotate(-164deg); -moz-transform:translate(-61%,0%) rotate(-164deg); -o-transform:translate(-61%,0%) rotate(-164deg); }\r\n.mobopt .svg { transform:translate(-50%,0%) rotate(124deg); -webkit-transform:translate(-50%,0%) rotate(124deg); -moz-transform:translate(-50%,0%) rotate(124deg); -ms-transform:translate(-50%,0%) rotate(124deg); -o-transform:translate(-50%,0%) rotate(124deg); }\r\n\r\n.mobstra.current label { background: #f37121; }\r\n.mobdev.current label { background: #faa325; }\r\n.mobtest.current label { background: #688dc8; }\r\n.mobauto.current label { background: #51bdbb; }\r\n.mobopt.current label { background: #b5cb61; }\r\n\r\n.mobstra label { color: #f37121; }\r\n.mobdev label { color: #faa325; }\r\n.mobtest label { color: #688dc8; }\r\n.mobauto label { color: #51bdbb; }\r\n.mobopt label { color: #b5cb61; }\r\n\r\n.mobstra label:before { background: #f37121; }\r\n.mobdev label:before { background: #faa325; }\r\n.mobtest label:before { background: #688dc8; }\r\n.mobauto label:before { background: #51bdbb; }\r\n.mobopt label:before { background: #b5cb61; }\r\n.slide label { background: #fff; }\r\n\r\n.slice label:hover:after { opacity: 0; }\r\n\r\n.current.mobstra { transform: skewX(18deg) scale(1.2); -webkit-transform: skewX(18deg) scale(1.2); -ms-transform: skewX(18deg) scale(1.2); -moz-transform: skewX(18deg) scale(1.2); -o-transform: skewX(18deg) scale(1.2); }\r\n.current.mobdev { transform: rotate(72deg) skewX(18deg) scale(1.2); -webkit-transform: rotate(72deg) skewX(18deg) scale(1.2); -moz-transform: rotate(72deg) skewX(18deg) scale(1.2); -ms-transform: rotate(72deg) skewX(18deg) scale(1.2); -o-transform: rotate(72deg) skewX(18deg) scale(1.2); }\r\n.current.mobtest { transform: rotate(144deg) skewX(18deg) scale(1.2); -webkit-transform: rotate(144deg) skewX(18deg) scale(1.2); -moz-transform: rotate(144deg) skewX(18deg) scale(1.2); -ms-transform: rotate(144deg) skewX(18deg) scale(1.2); -o-transform: rotate(144deg) skewX(18deg) scale(1.2); }\r\n.current.mobauto { transform: rotate(216deg) skewX(18deg) scale(1.2); -webkit-transform: rotate(216deg) skewX(18deg) scale(1.2); -moz-transform: rotate(216deg) skewX(18deg) scale(1.2); -ms-transform: rotate(216deg) skewX(18deg) scale(1.2); -o-transform: rotate(216deg) skewX(18deg) scale(1.2); }\r\n.current.mobopt { transform: rotate(288deg) skewX(18deg) scale(1.2); -webkit-transform: rotate(288deg) skewX(18deg) scale(1.2); -moz-transform: rotate(288deg) skewX(18deg) scale(1.2); -ms-transform: rotate(288deg) skewX(18deg) scale(1.2); -o-transform: rotate(288deg) skewX(18deg) scale(1.2); }\r\n\r\n.current .name { font-size: 14px; }\r\n\r\n.current.mobstra label, \r\n.current.mobdev label, \r\n.current.mobtest label, \r\n.current.mobauto label, \r\n.current.mobopt label { box-shadow: 0 0 .45em rgba(0,0,0,.5); opacity: 1; color: #fff; }\r\n\r\n#ms_test { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }\r\n#ms_auto { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }\r\n#ms_opti { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }\r\n\r\n* { tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0); }\r\n\r\n.moreinfo { width: 100%; max-width: 300px; color:#fff; position: absolute; }\r\n.moreinfo.top { top:-40px; }\r\n.moreinfo.left { left:-300px; }\r\n.moreinfo.right { right:-330px; }\r\n.moreinfo.bottom { bottom:-40px; }\r\n.moreinfo .box { display: none; width:100%; float:left; padding: 10px; }\r\n.moreinfo .box.active { display: block; }\r\n.moreinfo .title { margin:0 0 10px 0; padding: 0 2px; float:left; font-size: 16px; color:#fff !important; text-transform: uppercase; font-weight: 400; letter-spacing: 0; }\r\n.moreinfo ul { max-width: 100%; max-height:inherit !important; width:100%; float:left; background: transparent; border:0; padding: 0; }\r\n.moreinfo ul li { width:100%; text-align: left; background: url(..\/images\/sexy_wheel_bullet.png) no-repeat 0 4px; padding: 0 0 0 25px; margin: 0 0 5px 0; line-height: 140%; float:left; position: relative; font-size: 14px; font-weight: 400; }\r\n.moreinfo .title.orange { border-bottom: 2px solid #f37121; }\r\n.moreinfo .title.yellow { border-bottom: 2px solid #faa325; }\r\n.moreinfo .title.purple { border-bottom: 2px solid #688dc8; }\r\n.moreinfo .title.green { border-bottom: 2px solid #51bdbb; }\r\n.moreinfo .title.lightgreen { border-bottom: 2px solid #b5cb61; }\r\n\r\n\/*.circle { width:100%; position: absolute; height: 100%; border-radius: 50%; z-index: 1; }*\/\r\n.circle .arrow { width:50px; height:50px; position: absolute; background-size: 100% !important; }\r\n.circle .arrow1 {top: 2.5%; left: 28%; background: url(..\/images\/arrow1.png) no-repeat 50% 50%; transform: rotate(-19deg); -webkit-transform: rotate(-19deg); -moz-transform: rotate(-19deg); -ms-transform: rotate(-19deg); -o-transform: rotate(-19deg); }\r\n.circle .arrow2 {top: 19%; right: 6.5%; background: url(..\/images\/arrow2.png) no-repeat 50% 50%; transform: rotate(58deg); -webkit-transform: rotate(58deg); -moz-transform: rotate(58deg); -ms-transform: rotate(58deg); -o-transform: rotate(58deg); }\r\n.circle .arrow3 {top: 69%; right: 8%; background: url(..\/images\/arrow3.png) no-repeat 50% 50%; transform: rotate(129deg); -webkit-transform: rotate(129deg); -moz-transform: rotate(129deg); -ms-transform: rotate(129deg); -o-transform: rotate(129deg); }\r\n.circle .arrow4 {top: 84%; left: 29%; background: url(..\/images\/arrow4.png) no-repeat 50% 50%; transform: rotate(201deg); -webkit-transform: rotate(201deg); -moz-transform: rotate(201deg); -ms-transform: rotate(201deg); -o-transform: rotate(201deg); }\r\n.circle .arrow5 {top: 44%; left: -1%; background: url(..\/images\/arrow5.png) no-repeat 50% 50%; transform: rotate(-91deg); -webkit-transform: rotate(-91deg); -moz-transform: rotate(-91deg); -ms-transform: rotate(-91deg); -o-transform: rotate(-91deg); }\r\n\r\n.automate_testing .subtext { margin: 0 0 20px 0; }\r\n.automate_testing .img { width:100%; display:inline-block; text-align: center; margin:30px 0; }\r\n.automate_testing .bttn { width:100%; float:left; text-align: center; }\r\n.automate_testing .bttn .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.automate_testing .bttn .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.testing_iot { text-align: center; background: url(\"..\/img\/testing_iot_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover !important; position: relative; }\r\n\r\n.testing_needs { text-align: center; background: url(\"..\/img\/mobile_testing_qa_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover !important; position: relative; }\r\n\r\n.circular_nav { position: relative; margin: 80px auto 20px auto; min-width: 280px; width: 100%; max-width: 490px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; }\r\n.circular_nav .nav { position: relative; padding: 50%; max-width: 0; max-height: 0; box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; border:1px solid transparent; list-style: none; margin:0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }\r\n.circular_nav .nav .center { z-index: 1; max-width:120px; max-height: 120px; width:100%; height: 100%; color:#fff; position: absolute; top:50%; left: 50%; background:#f67107 url(..\/img\/ig_center_bg.png) no-repeat 50% 50%; background-size: 100; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }\r\n.circular_nav .nav .center .to { width:100%; height:100%; display: table; }\r\n.circular_nav .nav .center .t { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n\r\n.circular_nav .nav .center .sm { font-size: 14px; line-height: 100%; font-weight: 700; }\r\n.circular_nav .nav .center .lg { font-size: 20px; line-height: 100%; font-weight: 700; }\r\n\r\n.circular_nav .nav .node { width:50%; height: 100px; position: absolute; transform-origin:left; -webkit-transform-origin:left; -moz-transform-origin:left; -ms-transform-origin:left; -o-transform-origin:left; }\r\n.circular_nav .nav .node:after { content:\"\"; width: 25%; border:1px dashed #aeaeae; top:50%; right: 45%; position: absolute; z-index: 0; }\r\n.circular_nav .nav .node .cnav { width:100px; height: 100px; background: #fff; border:2px solid transparent; position: absolute; right:0; text-align: center; box-shadow:0 0 10px #ccc; z-index: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }\r\n.circular_nav .nav .node .cnav.active { border:2px solid #f67107; }\r\n.circular_nav .nav .node .cnav .to { width:100%; height:100%; display: table; }\r\n.circular_nav .nav .node .cnav .t { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n\r\n.circular_nav .nav .one { transform:translate(0, -50%) rotate(32.72deg); -webkit-transform:translate(0, -50%) rotate(32.72deg); -moz-transform:translate(0, -50%) rotate(32.72deg); -o-transform:translate(0, -50%) rotate(32.72deg); -ms-transform:translate(0, -50%) rotate(32.72deg); }\r\n.circular_nav .nav .one > * { transform:rotate(-32.72deg); -webkit-transform:rotate(-32.72deg); -moz-transform:rotate(-32.72deg); -o-transform:rotate(-32.72deg); -ms-transform:rotate(-32.72deg); }\r\n.circular_nav .nav .two { transform:translate(0, -50%) rotate(65.44deg); -webkit-transform:translate(0, -50%) rotate(65.44deg); -moz-transform:translate(0, -50%) rotate(65.44deg); -ms-transform:translate(0, -50%) rotate(65.44deg); -o-transform:translate(0, -50%) rotate(65.44deg); }\r\n.circular_nav .nav .two > * { transform:rotate(-65.44deg); -webkit-transform:rotate(-65.44deg); -moz-transform:rotate(-65.44deg); -ms-transform:rotate(-65.44deg); -o-transform:rotate(-65.44deg); }\r\n.circular_nav .nav .three { transform:translate(0, -50%) rotate(98.16deg); -webkit-transform:translate(0, -50%) rotate(98.16deg); -moz-transform:translate(0, -50%) rotate(98.16deg); -ms-transform:translate(0, -50%) rotate(98.16deg); -o-transform:translate(0, -50%) rotate(98.16deg); }\r\n.circular_nav .nav .three > * { transform:rotate(-98.16deg); -webkit-transform:rotate(-98.16deg); -o-transform:rotate(-98.16deg); -ms-transform:rotate(-98.16deg); -moz-transform:rotate(-98.16deg); }\r\n.circular_nav .nav .four { transform:translate(0, -50%) rotate(130.88deg); -webkit-transform:translate(0, -50%) rotate(130.88deg); -moz-transform:translate(0, -50%) rotate(130.88deg); -o-transform:translate(0, -50%) rotate(130.88deg); -ms-transform:translate(0, -50%) rotate(130.88deg); }\r\n.circular_nav .nav .four > * { transform:rotate(-130.88deg); -webkit-transform:rotate(-130.88deg); -moz-transform:rotate(-130.88deg); -ms-transform:rotate(-130.88deg); -o-transform:rotate(-130.88deg); }\r\n.circular_nav .nav .five { transform:translate(0, -50%) rotate(163.6deg); -webkit-transform:translate(0, -50%) rotate(163.6deg); -moz-transform:translate(0, -50%) rotate(163.6deg); -o-transform:translate(0, -50%) rotate(163.6deg); -ms-transform:translate(0, -50%) rotate(163.6deg); }\r\n.circular_nav .nav .five > * { transform:rotate(-163.6deg); -webkit-transform:rotate(-163.6deg); -moz-transform:rotate(-163.6deg); -o-transform:rotate(-163.6deg); -ms-transform:rotate(-163.6deg); }\r\n.circular_nav .nav .six { transform:translate(0, -50%) rotate(196.32deg); -webkit-transform:translate(0, -50%) rotate(196.32deg); -moz-transform:translate(0, -50%) rotate(196.32deg); -ms-transform:translate(0, -50%) rotate(196.32deg); -o-transform:translate(0, -50%) rotate(196.32deg); }\r\n.circular_nav .nav .six > * { transform:rotate(-196.32deg); -webkit-transform:rotate(-196.32deg); -moz-transform:rotate(-196.32deg); -ms-transform:rotate(-196.32deg); -o-transform:rotate(-196.32deg); }\r\n.circular_nav .nav .seven { transform:translate(0, -50%) rotate(229.04deg); -webkit-transform:translate(0, -50%) rotate(229.04deg); -moz-transform:translate(0, -50%) rotate(229.04deg); -o-transform:translate(0, -50%) rotate(229.04deg); -ms-transform:translate(0, -50%) rotate(229.04deg); }\r\n.circular_nav .nav .seven > * { transform:rotate(-229.04deg); -webkit-transform:rotate(-229.04deg); -moz-transform:rotate(-229.04deg); -ms-transform:rotate(-229.04deg); -o-transform:rotate(-229.04deg); }\r\n.circular_nav .nav .eight { transform:translate(0, -50%) rotate(261.76deg); -webkit-transform:translate(0, -50%) rotate(261.76deg); -moz-transform:translate(0, -50%) rotate(261.76deg); -ms-transform:translate(0, -50%) rotate(261.76deg); -o-transform:translate(0, -50%) rotate(261.76deg); }\r\n.circular_nav .nav .eight > * { transform:rotate(-261.76deg); -webkit-transform:rotate(-261.76deg); -moz-transform:rotate(-261.76deg); -ms-transform:rotate(-261.76deg); -o-transform:rotate(-261.76deg); }\r\n.circular_nav .nav .nine { transform:translate(0, -50%) rotate(294.48deg); -webkit-transform:translate(0, -50%) rotate(294.48deg); -moz-transform:translate(0, -50%) rotate(294.48deg); -ms-transform:translate(0, -50%) rotate(294.48deg); -o-transform:translate(0, -50%) rotate(294.48deg); }\r\n.circular_nav .nav .nine > * { transform:rotate(-294.48deg); -webkit-transform:rotate(-294.48deg); -moz-transform:rotate(-294.48deg); -ms-transform:rotate(-294.48deg); -o-transform:rotate(-294.48deg); }\r\n.circular_nav .nav .ten { transform:translate(0, -50%) rotate(327.2deg); -webkit-transform:translate(0, -50%) rotate(327.2deg); -moz-transform:translate(0, -50%) rotate(327.2deg); -o-transform:translate(0, -50%) rotate(327.2deg); -ms-transform:translate(0, -50%) rotate(327.2deg); }\r\n.circular_nav .nav .ten > * { transform:rotate(-327.2deg); -webkit-transform:rotate(-327.2deg); -moz-transform:rotate(-327.2deg); -ms-transform:rotate(-327.2deg); -o-transform:rotate(-327.2deg); }\r\n.circular_nav .nav .eleven { transform:translate(0, -50%) rotate(360deg); -webkit-transform:translate(0, -50%) rotate(360deg); -moz-transform:translate(0, -50%) rotate(360deg); -ms-transform:translate(0, -50%) rotate(360deg); -o-transform:translate(0, -50%) rotate(360deg); }\r\n.circular_nav .nav .eleven > * { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); -o-transform:rotate(-360deg); }\r\n\r\n.cnav.active svg.svg path { fill:#f67107; }\r\n.cnav.active svg.svg * { fill:#f67107; }\r\n.cnav.active .name { color:#f67107 !important; }\r\n\r\n.circular_nav .nav .cnav .svg { margin-bottom:5px; }\r\n.circular_nav .nav .cnav .name { width:100%; float:left; font-size: 12px; font-weight: 700; color:#999999; line-height: 100%; position: relative; margin:0; text-transform: inherit !important; }\r\n.circular_nav .nav .cnav a { display: block;height: 100%; width: 100%; }\r\n\r\n.circular_nav .popover { min-width:170px; max-width: 190px !important; padding: 0px; }\r\n.circular_nav .popover-title { display: none; }\r\n.circular_nav .popover h2 { color:#f37121; text-align:left; font-weight: 400 !important; margin: 0 0 5px 0 !important; font-size: 16px !important; line-height: 120%; }\r\n.circular_nav .popover ul { width:100%; max-width: 290px; margin: 0 0 0 0; list-style: none; }\r\n.circular_nav .popover ul li { background: url(..\/img\/cir_nav_bullet.png) no-repeat 0 8px; margin-bottom: 3px; font-size: 14px; line-height: 120%; padding-left: 15px; }\r\n\r\n.circular_nav .one + .popover { top:58% !important; left: 94% !important; }\r\n.circular_nav .two + .popover { top:74% !important; left: 77% !important; }\r\n.circular_nav .three + .popover { top:79.5% !important; left: -5% !important; }\r\n.circular_nav .four + .popover { top:67% !important; left: -25.5% !important; }\r\n.circular_nav .five + .popover { top:48% !important; left: -38% !important; }\r\n.circular_nav .six + .popover { top:26% !important; left: -38% !important; }\r\n.circular_nav .seven + .popover { top:8.5% !important; left: -26% !important; }\r\n.circular_nav .eight + .popover { top:-5% !important; left: -5% !important; }\r\n.circular_nav .nine + .popover { top:1% !important; left: 77% !important; }\r\n.circular_nav .ten + .popover { top:16% !important; left: 94.2% !important; }\r\n.circular_nav .eleven + .popover { top:38% !important; left: 100% !important; }\r\n\r\n.nac_content { display: none; width:100%; margin:20px 0; float:left; }\r\n.nac_content .cont { display: none; width:100%; max-width: 300px; background: #fff; padding: 20px; margin:0 auto; box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; -ms-box-shadow:0 0 10px #ccc; -o-box-shadow:0 0 10px #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.nac_content .cont h2 { color:#f37121; text-align:left; font-weight: 400 !important; margin: 0 0 5px 0 !important; font-size: 18px !important; line-height: 120%; }\r\n.nac_content .cont ul { width:100%; max-width: 290px; margin: 0 0 0 0; list-style: none; text-align: left; }\r\n.nac_content .cont ul li { background: url(..\/img\/cir_nav_bullet.png) no-repeat 0 8px; margin-bottom: 3px; font-size: 14px; padding-left: 15px; }\r\n\r\n.partners-page .part_img { width:100%; float:left; margin: 0; text-align: center; }\r\n.partners-page .part_img li { display: inline-block; text-align: center; margin: 0 0 20px 0; }\r\n.partners-page .part_img li .t { padding: 0 10px; text-align: center; }\r\n.partners-page .part_img li .t a { width:100%; float:left; }\r\n.partners-page .part_img li .t .b { width:100%; float:left; cursor: default; }\r\n\r\n.xam_logo { width:100%; max-width: 200px !important; margin: 20px 0; display: inline-block; }\r\n.xam_studio { width:100%; max-width: 600px !important; margin: 20px 0; display: inline-block; }\r\n\r\n.awardnote { height:200px; text-align: center; background: url(\"..\/img\/awards_bg.jpg\"); background-repeat: no-repeat; background-position: 50% 100px; background-attachment: fixed; background-size: 100% !important; position: relative; }\r\n.awardnote .desc p { font-size: 22px; color:#666 !important; font-style: normal; }\r\n.aw_list { width:100%; float:left; }\r\n.aw_list .box { width:100%; height: 530px; margin: 0 0 30px 0; float:left; border: 1px solid #d8d8d8; border-radius: 3px; padding:20px; position: relative; }\r\n.aw_list .box .cl { width:100%; height: 140px; float:left; text-align: center; white-space: nowrap; }\r\n.aw_list .box .cl .helper { display: inline-block; height: 100%; vertical-align: middle; }\r\n.aw_list .box .cl img { vertical-align: middle; max-height: 120px; max-width: 100%; }\r\n.aw_list .box .desc { width:100%; float:left; }\r\n.aw_list .box .desc p { width:100%; float:left; font-size: 16px; text-align: center; line-height: 24px; }\r\n.aw_list .box .info { position: absolute; bottom: 20px; right:20px; text-align: right; }\r\n.aw_list .box .info h3 { text-transform: uppercase; color:#000; font-size: 14px; line-height: 130%; font-weight: 700; margin: 0; }\r\n.aw_list .box .info .desg { font-size: 14px; margin:0; color:#9e9e9e; line-height: 130%; }\r\n.aw_list .box .info .cname { font-style: italic; color:#f67107; font-size: 14px; line-height: 130%; margin:0; font-weight: 400; text-align: right; }\r\n.aw_list .box .name { width:100%; float:left; margin:0 0 20px 0; text-align: center; font-size: 18px; font-weight: 400; text-transform: inherit; }\r\n.aw_list .box .name .orange { width:100%; float:left; color:#f67107; }\r\n.aw_list .box .name .gray { width:100%; float:left; color:#666666; }\r\n\r\n.yourefforts { color:#fff; text-align: center; background: url(\"..\/img\/home_about_bg2.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative; }\r\n.yourefforts.backgrounded { padding-bottom: 0 !important; }\r\n.yourefforts .dtitle { width:100%; float:left; color:#fff; }\r\n.yourefforts .subtext { width:100%; float:left; color:#fff; margin:0 0 10px 0; }\r\n.yourefforts .effortareas { width:100%; float:left; margin:30px 0; }\r\n.yourefforts .effortareas .box { width:100%; float:left; padding: 0 30px; }\r\n.yourefforts .effortareas .img { width:100%; float:left; display: table; height: 70px; margin: 0 0 30px 0; }\r\n.yourefforts .effortareas .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.yourefforts .effortareas .title { width:100%; float:left; color:#fff; font-size: 18px; font-weight: 700; margin: 0 0 10px 0; }\r\n.yourefforts .effortareas .desc { width:100%; float:left; color:#fff; margin: 0 0 20px 0; }\r\n.yourefforts .effortareas .more { color:#f67107; }\r\n.yourefforts .effortareas .more:hover { text-decoration: underline; }\r\n\r\n.yourefforts .platforms { width:100%; background:rgba(0,0,0,0.3); padding:30px 0; }\r\n.yourefforts .platforms .clients { width:100%; float:left; text-align: center; }\r\n.yourefforts .platforms .clients .col { width:18.5%; display: inline-block; text-align: center; margin:20px 0 0 0; }\r\n.yourefforts .platforms .clients .col .img { width:100%; float:left; display: table; height: 50px; text-align: center; }\r\n.yourefforts .platforms .clients .col .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.yourefforts .platforms .clients .col .img .t img { max-width: 170px; }\r\n\r\n.post-single .post-entry { text-align: center !important; }\r\n\r\n.person { width:100%; float:left; }\r\n.person h3 { width:100%; float:left; font-size: 20px; margin: 0 0 10px 0; }\r\n.person .row { width:100%; float:left; }\r\n.person .box { width:100%; float:left; margin-bottom:20px; }\r\n.person .box .img { width:40%; float:left; padding: 0 10px 0 0; }\r\n.person .box .desc { width:60%; float:left; }\r\n.person .box .desc h3 { width:100%; float:left; font-size:18px; margin: 0 0 5px 0; text-align: left; }\r\n.person .box .desc p { width:100%; float:left; font-size:14px; color:#666; text-align: left; }\r\n\r\n.strat_mobi_pg { background: #fff;\r\nbackground: -moz-linear-gradient(top, #fff 0%, #fafafa 100%);\r\nbackground: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fafafa));\r\nbackground: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);\r\nbackground: -o-linear-gradient(top, #fff 0%, #fafafa 100%);\r\nbackground: -ms-linear-gradient(top, #fff 0%, #fafafa 100%);\r\nbackground: linear-gradient(to bottom, #fff 0%, #fafafa 100%);\r\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 ); }\r\n\r\n.whitepaper { width:100%; float:left; }\r\n.whitepaper .img { max-width: 260px; width:100%; display: inline-block; border:1px solid #ebebeb; background: #faf9f9; padding: 10px; }\r\n.whitepaper .img img { width:100%; float:left; }\r\n.whitepaper .desc { width:100%; float:left; }\r\n.whitepaper .dtitle { text-align: left !important; font-size: 28px !important; margin: 0 0 10px 0; }\r\n#whitepaper_1 { width:100%; max-width:490px; height: 275px; }\r\n\r\n.btn.orange { color:#fff !important; background: #F67107; font-size: 16px; padding: 15px 20px; }\r\n.btn.orange:hover { opacity: 0.8; background: #F67107; text-decoration: none; }\r\n\r\n\/*.fancybox-bg { background: none #fff !important; }*\/\r\n#fancybox-title { left: 0 !important; display: block; top: -50px !important; border-bottom: 1px solid #e5e5e5; height: 60px; border-radius: 6px 6px 0 0; width:100%; \r\nbackground: #fff;\r\nbackground: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);\r\nbackground: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0));\r\nbackground: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);\r\nbackground: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);\r\nbackground: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);\r\nbackground: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);\r\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );\r\n}\r\n#fancybox-title-float-left { display:none; background: none; }\r\n#fancybox-title-float-right { display:none; background: none; }\r\n#fancybox-title-float-main { width: 95% !important; background: none !important; color:#666666 !important; font-weight: normal !important; padding: 15px 20px !important; font-size: 18px; }\r\n\/*#fancybox-close { top:-15px !important; right:-15px !important; display: none !important; }*\/\r\n\r\n.mobijourney { text-align: center; position: relative; }\r\n.mobijourney .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }\r\n.mobijourney .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }\r\n.mobijourney .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(..\/img\/bxcontrols-gray.png) no-repeat; }\r\n.mobijourney .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }\r\n.mobijourney .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.mobijourney .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }\r\n.mobijourney .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }\r\n.mobijourney .slide .box { width:100%; float:left; padding: 0 20px; }\r\n.mobijourney .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }\r\n.mobijourney .slide .box p { font-size: 16px; line-height: 26px; color:#666; }\r\n.mobijourney .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }\r\n.mobijourney .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.mobijourney .slide .box .img img { max-width: 160px; max-height: 90px; }\r\n.mobijourney .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }\r\n\r\n.helpindus { text-align: center; position: relative; }\r\n.helpindus .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }\r\n.helpindus .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }\r\n.helpindus .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(..\/img\/bxcontrols-gray.png) no-repeat; }\r\n.helpindus .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }\r\n.helpindus .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }\r\n.helpindus .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }\r\n.helpindus .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }\r\n.helpindus .slide .box { width:100%; float:left; padding: 0 20px; }\r\n.helpindus .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }\r\n.helpindus .slide .box p { font-size: 16px; line-height: 26px; color:#666; }\r\n.helpindus .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }\r\n.helpindus .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.helpindus .slide .box .img img { max-width: 160px; max-height: 90px; }\r\n.helpindus .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }\r\n\r\n.pg_landscape { background:#f6f6f6; }\r\n.pg_landscape .btns { text-align: center; }\r\n.pg_landscape .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.pg_landscape .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.mob_landscape { width:100%; float:left; }\r\n.mob_landscape .box { width:100%; display: inline-block; vertical-align: top; padding:35px 10px; margin: 0 0 20px 0; background: #fff; text-align: center; }\r\n.mob_landscape .box.first { margin-left: 0; }\r\n.mob_landscape .box.last { margin-right: 0; }\r\n.mob_landscape .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }\r\n.mob_landscape .box .img .t { display: table-cell; vertical-align: middle; }\r\n.mob_landscape .box .svg { width:100%; max-width:1000px; padding: 0; height: 60px; }\r\n.mob_landscape .box .svg.graph { width:90%; max-width: 1000px; float:right; padding: 0; height: auto; }\r\n\r\n.pg_conun { text-align: left; background: url(\"..\/img\/bg_conun.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.pg_conun .btns { text-align: center; }\r\n.pg_conun .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.pg_conun .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.pg_complexauto .btns { text-align: center; }\r\n.pg_complexauto .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.pg_complexauto .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.sml_text { font-size: 14px; color:#d1d1d1; padding: 5px 0 0 0; }\r\n.sml_text.btnforrester { margin-right: 30px; }\r\n\r\n.pg_qas { background: #f6f6f6; }\r\n.pg_qas .btns { text-align: center; }\r\n.pg_qas .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.pg_qas .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.graph_pair { width:100%; float:left; }\r\n.graph_pair .arrow_img { width:100%; height:100%; display: table; margin:0; }\r\n.graph_pair .arrow_img .t { width:100%; height: 100%; vertical-align: middle; display: table-cell; }\r\n.closertocode { width:100%; float:left; }\r\n.closertocode .svg { width:100%; height: auto; }\r\n\r\n.leaderteam { width:100%; max-width: 1000px; display: inline-block; }\r\n.leaderteam .box { width:100%; display: inline-block; overflow: hidden; position: relative; margin: 0 0 30px 0; }\r\n.leaderteam .box a { width:100%; float: left; }\r\n.leaderteam .box .img { width:100%; float:left; }\r\n.leaderteam .box .img img { width:100%; }\r\n.leaderteam .box .details { width:100%; float:left; z-index: 1; position: absolute; bottom:0; padding: 10px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 60%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(60%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 60%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 60%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 60%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }\r\n.leaderteam .box .name { width:100%; text-align: left; float:left; color:#fff; margin: 0; font-size: 14px; font-weight: bold; }\r\n.leaderteam .box .designation { width:100%; float:left; text-align: left; color:#fff; font-size: 12px; margin:0; overflow: hidden; }\r\n.leaderteam .box a .overlay { width:100%; height: 100%; opacity: 0; content:''; background:rgba(0,0,0,0.6); position: absolute; top:0; left: 0; z-index: 102; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; }\r\n.leaderteam .box a .overlay:hover { opacity: 1; }\r\n.leaderteam .box a .overlay:before { content:\"\\f002\"; height: 50px; width: 50px; line-height: 50px; font-size: 30px !important; top:50%; left: 50%; position: absolute; z-index: 101; color:#fff; border-radius: 50%; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); font: normal normal normal 14px\/1 FontAwesome; font-size: inherit; text-rendering: auto; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; }\r\n\r\n\r\n.pg_globalinfra { color:#fff; text-align: center; background: url(\"..\/img\/globalinfra_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 90px; background-size: cover; position: relative; }\r\n.pg_globalinfra .dtitle { color:#fff; }\r\n.pg_globalinfra .threepoints { width:100%; float:left; margin:30px 0; }\r\n.pg_globalinfra .threepoints .box { width:100%; float:left; padding:20px 10px; background: rgba(0,0,0,0.3); color:#fff; font-size: 22px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }\r\n\r\n.pg_globalinfra .fivepoints { width:100%; float:left; text-align: center; margin:30px 0 0 0; }\r\n.pg_globalinfra .fivepoints .box { width:19.7%; min-width: 150px; vertical-align: top; margin: 0 0 30px 0; display: inline-block; text-align: center; }\r\n.pg_globalinfra .fivepoints .box .img { max-width:150px; height: 150px; width:100%; margin: 0 0 10px 0; display:inline-block; padding:10px; background: rgba(0,0,0,0.3); color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; } \r\n.pg_globalinfra .fivepoints .box .img .tt { width:100%; height: 100%; display:table; vertical-align: middle; }\r\n.pg_globalinfra .fivepoints .box .img .tt .t { width:100%; height: 100%; display:table-cell; vertical-align: middle; }\r\n.pg_globalinfra .fivepoints .box .desc { width:97%; float:left; text-align: center; color:#fff; }\r\n\r\n.pg_form { text-align: left; background: url(\"..\/img\/form_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.pg_form .title { margin: 0 0 20px 0; }\r\n.pg_form .img {padding: 0 20px 0 0; text-align: center; }\r\n.pg_form p a { color:#f67107; text-decoration: underline; }\r\n.pg_form p a:hover { text-decoration: none; }\r\n\r\n.pg_celebration .btns { width:100%; float:left; text-align: center; margin: 0; }\r\n.pg_celebration .btns .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 0 10px 0; padding:15px 20px; }\r\n.pg_celebration .btns .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.celebration { width:100%; float:left; }\r\n.celebration .box {  width:100%; position: relative; float:left; background: #eee; margin: 0 0 10px 0; }\r\n.celebration .box:after { padding-top: 100%; display: block; content: \"\"; }\r\n.celebration .box.type2:after { padding-top: 66.2%; display: block; content: \"\"; }\r\n.celebration .box.type3:after { padding-top: 48.7%; display: block; content: \"\"; }\r\n.celebration .box .img {  width:100%; height: 100%; float:left; position: absolute; z-index: 1; }\r\n.celebration .col-md-3, .celebration .col-sm-6, .celebration .col-xs-12 { padding:0 5px; }\r\n\r\n.pg_personalmobility { text-align: left; background: url(\"..\/img\/personalmobility_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.pg_personalmobility .dtitle { color:#fff; }\r\n.personalmobility .box { width:100%; float:left; }\r\n.personalmobility .box .img { width:100%; height: 130px; display: table; text-align: center; }\r\n.personalmobility .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle;  }\r\n.personalmobility .title { width:100%; float: left; color:#fff; text-align: center; font-size: 18px; font-weight: bold; }\r\n.personalmobility .desc { width:100%; float: left; color:#bbb; text-align: center; }\r\n.pg_personalmobility .btns { width:100%; text-align: center; margin: 0; }\r\n.pg_personalmobility .btns .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 0 10px 0; padding:15px 20px; }\r\n.pg_personalmobility .btns .btn:hover { background: #f67107; color:#fff; }\r\n\r\n\r\n.pg_connect .btns { width:100%; text-align: center; margin: 0; }\r\n.pg_connect .btns .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 0 10px 0; padding:15px 20px; }\r\n.pg_connect .btns .btn:hover { background: #f67107; color:#fff; }\r\n.pg_connect .socialicons { width:100%; float:left; list-style: none; text-align: center; padding: 0; margin: 0 0 30px 0; }\r\n.pg_connect .socialicons li { margin: 0 15px; display: inline-block; }\r\n.pg_connect .socialicons li a { width:80px; height: 80px; text-align: center; display: block; border:1px solid #e8e8e8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }\r\n.pg_connect .socialicons li a:hover { border:1px solid #ff7302; }\r\n.pg_connect .socialicons li.fb a { background:#fff url(..\/img\/ic_fb2.png) no-repeat 50% 50%; }\r\n.pg_connect .socialicons li.in a { background:#fff url(..\/img\/ic_in2.png) no-repeat 50% 50%; }\r\n.pg_connect .socialicons li.tw a { background:#fff url(..\/img\/ic_tw2.png) no-repeat 50% 50%; }\r\n.pg_connect .socialicons li.gp a { background:#fff url(..\/img\/ic_gp2.png) no-repeat 50% 50%; }\r\n.pg_connect .socialicons li.yt a { background:#fff url(..\/img\/ic_yt2.png) no-repeat 50% 50%; }\r\n\r\n.ourpeers { width:100%; float:left; margin: 30px 0 0 0; }\r\n.ourpeers .box { width:100%; height: 530px; margin: 0 0 30px 0; float:left; border: 1px solid #d8d8d8; border-radius: 3px; padding:20px; position: relative; }\r\n.ourpeers .box .cl { width:100%; height: 140px; float:left; text-align: center; white-space: nowrap; }\r\n.ourpeers .box .cl .helper { display: inline-block; height: 100%; vertical-align: middle; }\r\n.ourpeers .box .cl img { vertical-align: middle; max-height: 120px; max-width: 100%; }\r\n.ourpeers .box .desc { width:100%; float:left; }\r\n.ourpeers .box .desc p { width:100%; float:left; font-size: 16px; text-align: center; line-height: 24px; }\r\n.ourpeers .box .info { position: absolute; bottom: 20px; right:20px; text-align: right; }\r\n.ourpeers .box .info h3 { text-transform: uppercase; color:#000; font-size: 14px; line-height: 130%; font-weight: 700; margin: 0; }\r\n.ourpeers .box .info .desg { font-size: 14px; margin:0; color:#9e9e9e; line-height: 130%; }\r\n.ourpeers .box .info .cname { font-style: italic; color:#f67107; font-size: 14px; line-height: 130%; margin:0; font-weight: 400; text-align: right; }\r\n.ourpeers .box .name { width:100%; float:left; margin:0 0 20px 0; text-align: center; font-size: 18px; font-weight: 400; text-transform: inherit; }\r\n.ourpeers .box .name .orange { width:100%; float:left; color:#f67107; }\r\n.ourpeers .box .name .gray { width:100%; float:left; color:#666666; }\r\n.pg_ourpeers .btns { width:100%; text-align: center; margin: 0; }\r\n.pg_ourpeers .btns .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }\r\n.pg_ourpeers .btns .btn:hover { background: #f67107; color:#fff; }\r\n\r\n@-webkit-keyframes radiate{\r\n\t0%{ -webkit-transform:scale(0.8); opacity:0; }\r\n\t50%{ opacity:1; }\r\n\t100%{ -webkit-transform:scale(1);opacity:0; }\r\n}\r\n@keyframes radiate{\r\n\t0%{ -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); opacity:0; }\r\n\t50%{ opacity:1; }\r\n\t100%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:0 }\r\n}\r\n@-webkit-keyframes grow {\r\n    0% { -webkit-transform: scale(0.7); opacity: 0; }\r\n    50% { opacity: 0.8 }\r\n    100% { -webkit-transform: scale(1.2); opacity: 0; }\r\n}\r\n@keyframes grow {\r\n    0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; }\r\n    50% { opacity: 0.8; }\r\n    100% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2); opacity: 0; }\r\n}\r\n\r\n.pg_mapbox { text-align: left; background: url(\"..\/img\/map_bg.jpg\"); overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.pg_mapbox .dtitle { color:#fff; position: relative; z-index: 0; }\r\n.pg_mapbox .mapbox  { width:100%; float:left; position: relative; margin: -100px 0 0 0; }\r\n.pg_mapbox .mapbox .loc_map { width:100%; float:left; }\r\n.pg_mapbox .mapbox .loc_map img { margin:-102px 0 0 0; }\r\n.pg_mapbox .mapbox { width:100%; float:left; margin:-100px 0 -250px 0; position: relative; z-index: 1; }\r\n.pg_mapbox .mapbox .img { width:100%; float:left; position: relative; z-index: 1; }\r\n.pg_mapbox .mapbox .loc { position: absolute; display: block;width: 14px; height: 14px; border-radius: 8px;background-color: #ffffff; cursor: pointer; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-timing-function: cubic-bezier(0.11, 0.67, 0.2, 1); transition-timing-function: cubic-bezier(0.11, 0.67, 0.2, 1); -webkit-transition-delay: 100ms; transition-delay: 100ms;b;border: 3px solid #5c676f;ox-shadow: 0 0 0 1px #fff;-webkit-box-shadow: 0 0 0 1px #fff;-moz-box-shadow: 0 0 0 2px #fff;-ms-box-shadow: 0 0 0 2px #fff;-o-box-shadow: 0 0 0 2px #fff; border-radius: 50%; position: absolute; z-index: 100;}\r\n.pg_mapbox .mapbox .loc.active { background-color: #fff }\r\n.pg_mapbox .mapbox .loc:hover:before, .pg_mapbox .mapbox .loc.active:before,\r\n.pg_mapbox .mapbox .loc:hover:after, .pg_mapbox .mapbox .loc.active:after { content: '' }\r\n.pg_mapbox .mapbox .loc:hover:before, .pg_mapbox .mapbox .loc.active:before { pointer-events: none; position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; display: block; width: 64px; height: 64px; border-radius: 32px; border: 1px solid #fff; background-color: transparent; -webkit-animation-name: grow; animation-name: grow; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }\r\n.pg_mapbox .mapbox .loc:hover:after, .pg_mapbox .mapbox .loc.active:after { pointer-events: none; position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; display: block; width: 44px; height: 44px; border-radius: 22px; border: 1px solid #fff; -webkit-animation-name: radiate; animation-name: radiate; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }\r\n.pg_mapbox .mapbox .loc.loc1 { top: 32%; left: 13.7%; }\r\n.pg_mapbox .mapbox .loc.loc2 { top: 32%; left: 24.7%; }\r\n.pg_mapbox .mapbox .loc.loc3 { top: 29.5%; left: 25.1%; }\r\n.pg_mapbox .mapbox .loc.loc4 { top: 19%; left: 46.3%; }\r\n.pg_mapbox .mapbox .loc.loc5 { top: 41.4%; left: 66.4%; }\r\n.pg_mapbox .mapbox .loc.loc6 { top: 44.4%; left: 67.6%; }\r\n.pg_mapbox .btns { width:100%; text-align: center; margin: 0; position: relative; z-index: 100; display: inline-block; }\r\n.pg_mapbox .btns .btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 0 10px 0; padding:15px 20px; }\r\n.pg_mapbox .btns .btn:hover { background: #f67107; color:#fff; }\r\n\r\n.loc_map_details { display: none; width:100%; max-width:780px; position: absolute; bottom:20px; left: 20px; }\r\n.loc_map_details .infobox { display: none; width:100%; background: #fff; float:left; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }\r\n.loc_map_details .infobox.active { display: block; }\r\n.loc_map_details .infobox .row { width:100%; float:left; padding:20px; margin: 0; }\r\n.loc_map_details .infobox .img { width:100%; float:left; }\r\n.loc_map_details .infobox .img img { width:100%; float:left; }\r\n.loc_map_details .infobox .detail { width:100%; float:left; }\r\n.loc_map_details .infobox .detail .title { width:100%; float:left; color:#ef7024; font-size: 22px; font-weight: 400; margin: 0 0 5px 0; }\r\n.loc_map_details .infobox .detail .role { width:100%; float:left; margin: 0 0 5px 0; font-weight: 400; color:#000; }\r\n.loc_map_details .infobox .detail .desc { width:100%; float:left; font-size: 16px; }\r\n.loc_map_details .infobox .redirect { width:100%; float:left; padding:10px 20px; background: #f5f5f5; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }\r\n.loc_map_details .infobox .redirect a { margin: 0 0 0 20px; }\r\n.loc_map_details .infobox .redirect a i { font-size: 40px; color:#adadad; }\r\n.loc_map_details .infobox .redirect a:hover i { color:#f67107; }\r\n\r\n.s_locations { display: none; }\r\n\r\n.pg_historytimeline { background: #f6f6f6; }\r\n.pg_historytimeline .container { overflow:hidden; }\r\n\r\n\/*#fancybox-content { height: auto !important; }*\/\r\n\r\n.info_popup { width:100%; text-align: center;  }\r\n.info_popup .img { width:200px; height: 200px; display: inline-block; margin:0 auto 10px auto; border-radius: 50%; overflow: hidden; border:5px solid #f0f0f0; background-position: 50% 20% !important; background-size: cover !important; }\r\n.info_popup .details { width:100%; display: inline-block; }\r\n.info_popup .details .name { width:100%; float:left; font-size: 22px; line-height: 22px; }\r\n.info_popup .details .desc { font-size: 14px; }\r\n\r\n.pg_mapbox .popover { min-width:120px; text-align: center; background:#ff7302; border:0; color:#fff; }\r\n.pg_mapbox .popover>.arrow:after { border-top-color: #ff7302; box-shadow:0 0 0; }\r\n.pg_mapbox .popover-title { display: none; }\r\n\r\n#about{position:relative; margin: 30px 0 0 0;}\r\n#about .hr{border:0;margin:0;position:absolute;height:12px;width:100%;margin-top:-1px;background-position:top center;background-repeat:no-repeat;z-index:3}\r\n#about .hr #da4{background-image:url(\"http:\/\/rodania.com\/images\/layout\/da4.gif\")}\r\n#about .hr #da5{background-image:url(\"http:\/\/rodania.com\/images\/layout\/da5.gif\")}\r\n#about #slider{background:#f6f6f6;position:relative;height:100px}\r\n#about #slider .container{overflow:hidden}\r\n#about #slider ul{position:absolute; top:0; padding-left:390px; width:3000px;z-index:100}\r\n#about #slider ul li{list-style:none;display:inline}\r\n#about #slider ul li a{text-decoration:none;color:#646464;display:block;float:left;margin:0px 40px;margin-bottom:-4px;text-align:center;font-size:24px;padding-bottom:20px; width: 300px; max-width: 510px; }\r\n#about #slider ul li a:hover{color:#bfbfbf}\r\n#about #slider ul li a.a{color:#fff;\/*margin-top:-24px;*\/font-size:48px}\r\n#about #slider ul li a .year { display: inline-block; margin: 0 0 10px 0px; color:#999; border-bottom: 4px solid transparent;line-height: 44px;font-size: 36px; }\r\n#about #slider ul li a .tag { width:100%; opacity: 0; display:inline-block; font-size: 20px; }\r\n#about #slider ul li a.a .year { border-bottom: 4px solid #ef7024; color:#000; background: #f6f6f6; position: relative; z-index: 1; padding: 0 20px; }\r\n#about #slider ul li a.a .tag { opacity: 1; }\r\n\r\n#about #slider:after { width:100%; height: 2px; border-bottom:1px dashed #b7b6b6; content: \"\"; position: absolute; top:25px; left: 0; }\r\n\r\n#about #slider i{position:absolute;z-index:100;top:0;bottom:0;width:324px;height:100%}\r\n#about #slider i#r{background-image:url(\"..\/img\/about-overlay-r.png\");right:0}\r\n#about #slider i#l{background-image:url(\"..\/img\/about-overlay-l.png\");left:0}\r\n#about #sliderDetail{height:360px;position:relative;}\r\n#about #sliderDetail.container{width:785px;margin:0 auto;overflow:hidden;height:280px}\r\n#about #sliderDetail .container .mNav{position:absolute;float:right;z-index:9;top:40%; display:block;width:40px;height:40px;background-position:center left; background: url('..\/img\/slider_nav_arrows.png') no-repeat -10em 0; transition:0s all ease; }\r\n#about #sliderDetail .container .mNav:hover{background-position:bottom left}\r\n#about #sliderDetail .container .d{background-position:-10em 1px !important;}\r\n#about #sliderDetail .container .d:hover{cursor:default;background-position:top left}\r\n#about #sliderDetail .container #mLeft{left:2px; background-position: -1px 0;}\r\n#about #sliderDetail .container #mLeft:hover{left:2px; background-position: -1px -51px;}\r\n#about #sliderDetail .container #mRight{right:2px; background-position:-52px 0px; }\r\n#about #sliderDetail .container #mRight:hover{right:2px; background-position:-52px -51px; }\r\n\r\n#about #sliderDetail .container #detailHolder{position:absolute;width:90000px;left:0px;top:0}\r\n#about #sliderDetail .container #detailHolder .detail{width:100%; text-align: center; padding: 30px 0; left: 210px; max-width:785px;height:280px;position:relative;display:inline-block;opacity:0; background: #fff; margin: 50px 0 0 0; box-shadow: 0 0 10px 0 #ccc; }\r\n#about #sliderDetail .container #detailHolder .detail .thumb{width:371px;height:228px;background-image:url(\"http:\/\/rodania.com\/images\/layout\/ad-bg.png\");position:absolute;left:0;bottom:0}\r\n#about #sliderDetail .container #detailHolder .detail .thumb img{position:absolute;top:8px;left:115px}\r\n#about #sliderDetail .container #detailHolder .detail h1{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:40px;text-transform:uppercase;color:#3e3f3f;position:absolute;top:55px;left:290px}\r\n#about #sliderDetail .container #detailHolder .detail .detailBody{position:absolute;width:400px;top:100px;left:296px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#5c5c5c;line-height:20px;text-align:left}\r\n#about #sliderDetail .container #detailHolder .detail .detailBody p{margin-bottom:10px}\r\n#about #sliderDetail .container #detailHolder #d1{opacity:1}\r\n#about #divider{height:60px;border-bottom:1px dotted #c7c7c7}\r\n#about #aboutContent{width:690px;margin:0 auto;border-left:1px dotted #c7c7c7;border-right:1px dotted #c7c7c7}\r\n#about #aboutContent .container{padding:40px;width:auto;text-align:left;color:#828282;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:20px}\r\n#about #aboutContent .container h5{font-family:Arial,Helvetica,sans-serif;font-size:11px;text-transform:uppercase;color:#000;font-weight:normal;margin-bottom:20px}\r\n.hr{border:0;margin:0;position:absolute;height:12px;width:100%;margin-top:-1px;background-position:top center;background-repeat:no-repeat;z-index:3}\r\n.hr#da1{background-image:url(\"http:\/\/rodania.com\/images\/layout\/da1.gif\")}\r\n.hr#da2{background-image:url(\"http:\/\/rodania.com\/images\/layout\/da2.gif\")}\r\n.hr#da3{height:19px;background-image:url(\"http:\/\/rodania.com\/images\/layout\/da3.gif\")}\r\n.hr#da6{background-image:url(\"http:\/\/rodania.com\/images\/layout\/da6.gif\")}\r\n.hr#da5{background-image:url(\"http:\/\/rodania.com\/images\/layout\/da5.gif\")}\r\n#about #sliderDetail .container #detailHolder .detail .listt { width:100%; max-width:222px; margin:20px auto 0 auto; float: none; text-align: left; display: inline-block; }\r\n#about #sliderDetail .container #detailHolder .detail .listt li { width: 100%; float:left; margin: 0 0 5px 0; list-style: none; background: url(..\/img\/nice_bullet.png) no-repeat 0 5px; text-indent: 0; padding: 0 0 0 20px; }\r\n#about #sliderDetail .container #detailHolder .detail .line { border-right:1px solid #ebeaea; }\r\n#about #sliderDetail .container #detailHolder .detail .name { font-size: 16px; font-weight: bold; color:#000; }\r\n\r\n\/*.fancybox-bg { display: none !important; }*\/\r\n\r\n.city_names { width:90%; float:left; position: absolute; top:90px; left: 5%; }\r\n.city_names ul { width:100%; float:left; list-style: none; margin: 0; padding: 0; }\r\n.city_names ul li { width:100%; float:left; list-style: none; margin: 0 0 5px 0; padding: 15px 10px; background:rgba(255,255,255,0.2); color:#fff; }\r\n \r\n.pg_career .personalmobility .title { color:#000; }\r\n.pg_career .personalmobility .desc { color:#666; }\r\n\r\n.pg_career_benefits { text-align: left; background: url(\"..\/img\/benefits_bg.jpg\"); overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.pg_career_benefits .benefits { width:100%; float:left; }\r\n.pg_career_benefits .benefits .box { width:100%; float:left; margin: 0 0 20px 0; }\r\n.pg_career_benefits .benefits .box .img { width:100%; float:left; display: table; height: 70px; margin: 0 0 20px 0; text-align: center; }\r\n.pg_career_benefits .benefits .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.pg_career_benefits .benefits .box .desc { width:100%; float: left; text-align: center; }\r\n\r\n.joinus-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }\r\n.joinus-tabs .nav-tabs li{border: 1px solid #d7d7d7;padding: 0;min-height: 1px;margin: 0;border-left: none;float: none;display: inline-block;min-width: 95px; display: table-cell; }\r\n.joinus-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}\r\n.joinus-tabs .nav-tabs li a:hover, .joinus-tabs .nav-tabs li a:focus, .joinus-tabs .nav-tabs li a:active{transition:none;box-shadow: none !important;background-color: transparent;}\r\n.joinus-tabs .nav-tabs li  a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}\r\n.joinus-tabs .nav-tabs li  a i{color: #9da1a5; font-size: 16px; }\r\n.joinus-tabs .nav-tabs li.active {background-color: #fafafa;}\r\n.joinus-tabs .nav-tabs li.active  a span{color:#f67107;}\r\n.joinus-tabs .nav-tabs li.active  a i{color:#f67107;}\r\n.joinus-tabs .nav-tabs li a:hover span {color: #f67107;}\r\n.joinus-tabs .nav-tabs li a:hover i {color: #f67107;}\r\n.joinus-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}\r\n.joinus-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}\r\n.joinus-tabs .tab-content { width:100%; background: none;text-align: center;margin: 0 auto; padding: 30px 0 0 0;box-shadow: none; }\r\n.joinus-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px;}\r\n\r\n.joinus-tabs .panel-group { width:100%; float:left; }\r\n\r\n.joinus-tabs .bylocation { max-width: 1160px; margin: 0 auto; }\r\n.joinus-tabs .bylocation .box { width:100%; float:left; background: #fbfbfb; border:1px solid #e2e2e2; margin:0 0 30px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }\r\n.joinus-tabs .bylocation .box .img { width: 100%; height: 150px; float:left; }\r\n.joinus-tabs .bylocation .box .img.abad { background: url(..\/img\/lo_ahmedabad.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.pune { background: url(..\/img\/lo_pune.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.london { background: url(..\/img\/lo_england.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.sc { background: url(..\/img\/lo_santaclara.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.nyc { background: url(..\/img\/lo_newyork.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.sf { background: url(..\/img\/lo_sanfrancisco.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.pa { background: url(..\/img\/lo_pennsylvania.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.sl { background: url(..\/img\/lo_southlake.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .img.stf { background: url(..\/img\/lo_stamford.png)no-repeat 50% 50%; }\r\n.joinus-tabs .bylocation .box .title { width:100%; float:left; font-weight: bold; font-size: 18px; color:#000; margin: 0 0 5px 0; }\r\n.joinus-tabs .bylocation .box .openings { display: inline-block; background: none; border:1px solid #f67107; color:#f67107; font-size: 14px; text-align: center; padding: 5px 15px; font-weight: bold; margin: 0 0 15px 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }\r\n.joinus-tabs .bylocation .box:hover { background: #fff; box-shadow: 0 0 15px 3px #eee; }\r\n.joinus-tabs .bylocation .box:hover .openings { background: #f67107; color:#fff; }\r\n\r\n.joinus-tabs .bycategory { width:100%; }\r\n.joinus-tabs .bycategory .panel { width:100%; float:left; margin: 0 0 10px 0; }\r\n.joinus-tabs .bycategory .panel-heading { width:100%; float:left; background:#fff; border:1px solid #e2e2e2; border-radius:5px 5px 0 0; padding:5px 10px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .ic { float: left; width:40px; height: 40px; margin-right: 5px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .ic svg { width:40px; height: 40px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .name { float: left;text-align: left; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .title { width:100%; float: left; font-size: 16px; line-height: 140%; font-weight: bold; color:#000; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .pos { width:100%; float: left; font-size: 14px; color:#f67107; line-height: 120%; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .arrow { float:right; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .arrow .fa { font-size:30px; line-height: 36px; color:#f67107; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a.collapsed .arrow .fa:before { color:#bbbbbb; content:\"\\f107\"; }\r\n.joinus-tabs .bycategory .panel-collapse { width:100%; float:left; }\r\n.joinus-tabs .bycategory .panel-body { width:100%; float:left; background:#fafafa; border:1px solid #e2e2e2; border-top: 0; padding: 20px; color:#333; border-radius: 0 0 5px 5px;\t }\r\n.joinus-tabs .bycategory .panel-body .joblist { width:100%; float:left; margin: 0; padding: 0; list-style: none; }\r\n.joinus-tabs .bycategory .panel-body .joblist li { width:100%; float: left; text-align: left; padding: 15px 0; margin: 0 0 10px 0; border-bottom:1px solid #e2e2e2; }\r\n.joinus-tabs .bycategory .panel-body .joblist li a:hover .vacancy { color:#f67107; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .vacancy { width:60%; float: left; font-weight:bold; color:#666; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .vacancy span { font-weight: normal; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .location { float: right; text-align: right; font-size: 14px; color:#999; padding: 0 0 0 30px; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .location span { display:inline-block; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .location.ind { background: url(..\/img\/flag_india.png) no-repeat 0 50%; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .location.usa { background: url(..\/img\/flag_usa.png) no-repeat 0 50%; }\r\n.joinus-tabs .bycategory .panel-body .joblist li .location.uk { background: url(..\/img\/flag_uk.png) no-repeat 0 50%; }\r\n.joinus-tabs .bycategory .panel-body .joblist li.noborder { border:0; padding-bottom: 0; }\r\n\r\n.inspirepoints { width:100%; float:left; margin: 30px 0; text-align: center; }\r\n.inspirepoints .activity { width:19.6%; display: inline-block; vertical-align: top; padding:0 30px; }\r\n.inspirepoints .activity .img { width:100%; display: table; height: 120px;  }\r\n.inspirepoints .activity .img .t { width:100%; display: table-cell; vertical-align: middle; }\r\n.inspirepoints .activity .title { width:100%; float:left; font-size: 20px; font-weight: 400; color:#000; margin: 0 0 10px 0; }\r\n\r\n.givinback { width:100%; float:left; margin: 30px 0 0 0; }\r\n.givinback .box { width:100%; height: 530px; margin: 0 0 30px 0; float:left; border: 1px solid #d8d8d8; border-radius: 3px; padding:20px; position: relative; }\r\n.givinback .box .img { width:100%; height: 120px; float:left; display:table; text-align: center; }\r\n.givinback .box .img .t { display:table-cell; width:100%; height: 100%; vertical-align: middle; }\r\n\r\n.givinback .box .name {  width:100%; float:left; text-align: center; }\r\n.givinback .box .name .orange { width:100%; float:left; color:#f67107; font-size: 14px; }\r\n.givinback .box .name .black { width:100%; float:left; color:#000; font-size: 16px; font-weight: bold; line-height: 120%; }\r\n.givinback .box .desc { width:100%; float:left; text-align: center; }\r\n\r\n.pg_gopalces { text-align: left; background: url(\"..\/img\/goplaces_bg.jpg\"); overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.goplacemenu { max-width: 400px; margin: 0 auto; text-align: center; }\r\n.goplacemenu .btn { width:100%; margin: 0 0 20px 0; border:1px solid #f67107; color:#f67107; background: none; padding: 15px; font-size: 16px; }\r\n.goplacemenu .btn:hover { background:#f67107; color:#fff; }\r\n.goplacemenu .btn-large { background:#f67107; border:1px solid transparent; color:#fff; }\r\n.goplacemenu .btn-large:hover { background: none; border-color: #f67107; color:#f67107; }\r\n\r\n.glassdoor { text-align: center; margin:40px 0 0 0; }\r\n\r\n.celebration.codeon .box .img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; transition:all 0.2s ease; }\r\n.celebration.lifeonfriday .box .img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; transition:all 0.2s ease; }\r\n\r\n.zimg { -webkit-transform: scale(1.08) !important; -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); z-index: 5; }\r\n\r\n.svg.logo { max-width: 300px; max-height: 100px; margin: 0 0 10px 0;  }\r\n\r\n.qas_4 { text-align: left; background: url(\"..\/img\/integration_bg.png\"); overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n\r\n.product_form { width:100%; background: url(\"..\/img\/product_form_bg.jpg\"); overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 100px; background-size: cover; }\r\n.product_form h3 { font-weight: 400; color:#000; }\r\n.product_form p { color:#000; font-size:18px; }\r\n.product_form p a, .product_form h3 a { color:#F67107; text-decoration: underline; padding:0;  }\r\n.product_form p a:hover, .product_form h3 a:hover { text-decoration: none; }\r\n\r\n.listofjobs { width: 100%; float: left; padding:30px 0 0 0; }\r\n.listofjobs ul { width:100%; float:left; list-style:none; }\r\n.listofjobs ul li { width:100%; float:left; }\r\n.listofjobs ul li h3 { width:100%; float:left; margin: 0 0 5px 0; font-size: 16px; font-weight: 600; }\r\n.listofjobs ul ul { width:100%; float:left; margin: 0 0 20px 0; list-style: disc; list-style-position:inside; }\r\n.listofjobs ul ul li { width:100%; float:left; margin: 0 0 5px 0; }\r\n.listofjobs .dtitle::lastword { color:#f00; }\r\n\r\n.corevalues { width:100%; float:left; }\r\n.corevalues .img { width: 100%; height: 215px; border: 4px solid #fff; background-size: cover !important; background-position: 50% 50% !important; display: inline-block; text-align: center; margin: 0 auto; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px #E4E4E1; -webkit-box-shadow: 0 0 0 1px #E4E4E1; -ms-box-shadow: 0 0 0 1px #E4E4E1; -moz-box-shadow: 0 0 0 1px #E4E4E1; -o-box-shadow: 0 0 0 1px #E4E4E1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; }\r\n\r\n.div1 { width:20% !important; float:left; }\r\n.div2 { width:40% !important; float:left; }\r\n.div3 { width:40% !important; float:left; }\r\n.div4 { width:16.7% !important; float:left; }\r\n.div5 { width:33.3% !important; float:left; }\r\n.div6 { width:33.3% !important; float:left; }\r\n.div7 { width:16.7% !important; float:left; }\r\n\r\n.div1 .ri-grid ul li a { border:10px solid #fff; }\r\n.div2 .ri-grid ul li a { border:10px solid #fff; }\r\n.div3 .ri-grid ul li a { border:10px solid #fff; }\r\n.div4 .ri-grid ul li a { border:10px solid #fff; }\r\n.div5 .ri-grid ul li a { border:10px solid #fff; }\r\n.div6 .ri-grid ul li a { border:10px solid #fff; }\r\n.div7 .ri-grid ul li a { border:10px solid #fff; }\r\n\r\n.qa_efficiency .resp_title { padding: 0 20px; border: 2px solid #d7d7d7; width:100%; float:left; margin-bottom: 10px; }\r\n.qa_efficiency .resp_title.activelink .fa-chevron-down:before { content: \"\\f076\"; }\r\n.qa_efficiency .resp_title a { font-size: 16px; color: #000; display: block; padding: 4px 0; float:left; width:100%; }\r\n.qa_efficiency .resp_title a svg { max-width: 40px; max-height: 40px; margin: 10px 0 0 10px; }\r\n.qa_efficiency .resp_title a.activelink { color:#f67107; }\r\n.qa_efficiency .resp_title a.activelink span { color:#f67107; }\r\n.qa_efficiency .resp_title i.fa { color: #ccc; position: relative; float: left; line-height:40px; }\r\n.qa_efficiency .resp_title a span { margin-left: 15px; text-align: left; }\r\n.qa_efficiency .resp_title a.activelink .fa-chevron-down:before { content: \"\\f077\";}\r\n.qa_efficiency .resp_title { background: #fff; border: 1px solid #eeeeee; border-radius: 30px; }\r\n.qa_efficiency  .resp_title  a div.img img { width:30px; height:30px; margin-top: 5px; }\r\n.qa_efficiency .lnk { border:1px solid #f67107; color:#f67107; }\r\n.qa_efficiency .lnk:hover { background: #f67107; color:#fff !important; }\r\n\r\n.p-0{ padding:0px !important;}\r\n.p-b-0{ padding-bottom:0px !important;}\r\n.m-0{ margin:0px !important;}\r\n.p-l-r-5{padding:0px 5px !important;}\r\n.m-b-10{ margin-bottom:10px;}\r\n.m-t-8{ margin-top:8px;}\r\n.font18 .lnk { font-size: 18px; }\r\n.font18 { font-size: 18px; }\r\n\r\n.tabscontainer { width: 100%; float:left; }\r\n.tabscontainer .tabnav { width: 100%; float:left; }\r\n.tabscontainer .tabnav .t { width: 100%; float:left; padding:10px 20px; margin: 0 0 10px 0; border:2px solid transparent; border-radius: 30px;}\r\n.tabscontainer .tabnav .t:hover, .tabscontainer .tabnav .t.active { background: #fff; border:2px solid #eeeeee; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-box-shadow: 0px 0px 7px 0px rgba(220,220,220,0.45); -moz-box-shadow: 0px 0px 7px 0px rgba(220,220,220,0.45); box-shadow: 0px 0px 7px 0px rgba(220,220,220,0.45);}\r\n.tabscontainer .tabnav .t:hover a span, .tabscontainer .tabnav .t.active a span { color:#f67107; }\r\n.tabscontainer .tabnav .t a { width: 100%; float:left; }\r\n.tabscontainer .tabnav .t a:hover { text-decoration: none; }\r\n.tabscontainer .tabnav .t a .img { width:51px; padding-right: 10px; display: inline-block; vertical-align: middle; height: 41px; text-align: center; }\r\n.tabscontainer .tabnav .t a .img svg { max-width: 100%; max-height: 100%; }\r\n.tabscontainer .tabnav .t a span { width: 77%; display: inline-block; vertical-align: middle; font-size: 16px; line-height:120%; font-weight: 400; }\r\n\r\n.tabscontainer .tabscont { width:100%; float:left; }\r\n.tabscontainer .tabscont .tb { display: none; width:100%; float:left; margin:0 0 10px 0; }\r\n.tabscontainer .tabscont .tb.active { display: block; }\r\n.tabscontainer .tabscont .tb .imgbox { width:100%; float:left; margin: 0 0 10px 0; position: relative; }\r\n.tabscontainer .tabscont .tb .btn_center { margin-top: 30px; display: inline-block; }\r\n.pin { width: 37px; height: 37px; background: url(..\/img\/pin.png) no-repeat 50% 50%; background-size: 100%; position: absolute; z-index: 1; }\r\n\r\n#entgrade .pin.pin1 { left:35%; top:18%; }\r\n#entgrade .pin.pin2 { left:37%; top:38%; }\r\n\r\n#impprod .pin1 { left:61%; top:51%; }\r\n#impprod .pin2 { left:25%; top:35%; }\r\n#impprod .pin3 { left:19%; top:14%; }\r\n\r\n#indlead .pin1 { left:22%; top:21%; }\r\n#indlead .pin2 { left:39%; top:18%; }\r\n#indlead .pin3 { left:40%; top:40%; }\r\n\r\n#custrep .pin1 { left:37%; top:34%; }\r\n#custrep .pin2 { left:53%; top:58%; }\r\n#custrep .pin3 { left:56%; top:34%; }\r\n\r\n#custcap .pin1 { left:59%; top:12%; }\r\n#custcap .pin2 { left:20%; top:42%; }\r\n#custcap .pin3 { left:31%; top:18%; }\r\n\r\n#restapi .pin1 { left:59%; top:41%; }\r\n#restapi .pin2 { left:50%; top:42%; }\r\n#restapi .pin3 { left:23%; top:21%; }\r\n\r\n.qmetry_9 .svg { max-width: 110px; max-height: 110px; width:110px; height: 110px; }\r\n\r\n.job-popup { width:100%; max-height:550px; padding: 10px; overflow-x: scroll; }\r\n.job-popup .header { width:100%; float:left; border-bottom:1px solid #ececea; padding-bottom:5px; margin:0 0 10px 0; }\r\n.job-popup .header .left { width:50%; display: inline-block; vertical-align: top; }\r\n.job-popup .header .right { width:49%; display: inline-block; vertical-align: top; }\r\n.job-popup .header .right .btn { float: right; }\r\n.jobdetails { width:100%; float:left; margin: 0 0 30px 0; }\r\n.jobdetails .jobtitle { width:100%; float:left; font-size: 28px; color:#000; margin:0; }\r\n.jobdetails .jobcode { width:100%; float:left; font-weight: bold; }\r\n.jobdetails .jobcode span { color:#F67107; }\r\n.jobdetails .joblocation { float:left; text-align: right; font-size: 14px; color:#999; padding: 0 0 0 30px; }\r\n.jobdetails .joblocation span { display:inline-block; }\r\n.jobdetails .joblocation.ind { background: url(..\/img\/flag_india.png) no-repeat 0 50%; }\r\n.jobdetails .joblocation.usa { background: url(..\/img\/flag_usa.png) no-repeat 0 50%; }\r\n.jobdetails .joblocation.uk { background: url(..\/img\/flag_uk.png) no-repeat 0 50%; }\r\n.jobcontent { width:100%; float:left; }\r\n.jobcontent span a { margin: 10px 0 0 0; float:right; color: #fff !important; background: #F67107; font-size: 16px; padding: 15px 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }\r\n.jobcontent span a:hover { opacity: 0.8; }\r\n.jobfooter { width:100%; float:left; margin:20px 0 0 0; padding: 10px 0 0 0; border-top:1px solid #ececea; }\r\n.jobfooter .left {width: 25%; display: inline-block;vertical-align: top;}\r\n.jobfooter .right {width: 74%; display: inline-block;}\r\n.jobfooter .jobs_social_links { list-style: none; display: inline-block; padding: 0; margin: 0; }\r\n.jobfooter .jobs_social_links li { float:left; padding: 0 10px 0 0; }\r\n.jobfooter .menu-footer-menu-in-bottom-container { float: right; }\r\n.jobfooter .menu-footer-menu-in-bottom-container ul { float: left; list-style: none; margin:0; padding:0; }\r\n.jobfooter .menu-footer-menu-in-bottom-container ul li { display: inline-block; padding: 0 10px; }\r\n.jobfooter .menu-footer-menu-in-bottom-container ul li a { font-size: 12px; }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* Media Query from 1st Sep 2015 *\/\r\n@media (min-width: 1200px) and (max-width: 1230px) {\r\n.container { width: 1200px; padding: 0 15px; }\r\n}\r\n\r\n\/*  for mobile  *\/\r\n@media (max-width:900px){\r\n.circular_nav .popover { opacity: 1 !important; position: fixed; float: left; top:-999em !important; }\r\n.nac_content { display: block; }\r\n.node + .popover { opacity: 0 !important; background: red !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.nomobile { display: none !important; }\r\n.container { width: 100% !important; padding: 0 15px; }\r\n.search-bar .container { padding: 15px 0; }\r\n.contact-bar .close, .search-bar .close { top: 24px; }\r\n.search-bar input[type=\"text\"].input-inverse { font-size: 14px; }\r\n.container.container_relative { padding: 10px 0px !important; }\r\n.container.container_relative.container_social { padding: 0 !important; }\r\n.homeslider .container { padding: 0 !important; }\r\n.synchro_new .homeslider.backgrounded { padding: 0 !important; }\r\n.sbanner { height: 370px; }\r\n.homesliders .bx-viewport { height: 330px !important; }\r\n.sbanner .slide { height: 370px; margin-top: 0 !important; background-position: 63% 0 !important; transform:translate3d(0px, 0, 0px) !important; }\r\n.sbanner .slide .desc { max-width: 90%; top: 30%; left: 50%; transform: translate(-50%, -30%); -webkit-transform: translate(-50%, -30%); -moz-transform: translate(-50%, -30%); -o-transform: translate(-50%, -30%); -ms-transform: translate(-50%, -30%); text-align: center; }\r\n.sbanner .slide .desc h2 { font-size: 20px; text-align: center; margin-bottom: 10px !important; color: #fff; }\r\n.sbanner .slide .desc p { font-size: 16px; margin-bottom: 10px; text-align: center; color: #fff; }\r\n.sbanner .slide .desc a { font-size: 14px; float: none; }\r\n.homeslider .bx-clone { transform: translate3d(0px, 0, 0px); -webkit-transform: translate3d(0px, 0, 0px); -moz-transform: translate3d(0px, 0, 0px); -o-transform: translate3d(0px, 0, 0px); -ms-transform: translate3d(0px, 0, 0px); }\r\n\/*.sbanner .slide.bx-clone { margin: 0 !important; }*\/\r\n.points .pb:after { display: none; }\r\n.points { width: 100%; float: left; background: url(..\/img\/plus_icn_1.png) no-repeat 50% 50%; background-size: 40px; }\r\n.points .box { margin-bottom: 30px; }\r\n.cust_3 .slide p { font-size: 14px !important; line-height: 140% !important; text-align: center !important; }\r\n.cust_3 a.cust-more-btn { font-size: 14px; padding: 10px 0; min-width: 130px; }\r\n.home-2-page .aboutpg { background: url(..\/img\/home_about_bg2.jpg) no-repeat; background-position: 50% 0 !important; }\r\n.aboutpg { background: url(..\/img\/abt_bg_ipad.jpg) no-repeat 50% 0; }\r\n.aboutpg p { font-size: 14px !important; }\r\n.aboutpg .ul_container1,  .aboutpg .ul_container2,  .aboutpg .ul_container3 { padding: 0; }\r\n.aboutpg .row-fluid { margin: 0; }\r\n.aboutpg .row-fluid h4 { text-align: center !important; min-height: 1px; margin-top: 10px; }\r\n.aboutpg .row-fluid p { font-size: 14px !important; text-align: center !important; }\r\n.aboutpg .ul_container1,  .aboutpg .ul_container2,  .aboutpg .ul_container3 { margin: 20px 0 0 0; }\r\n.mleadership p { font-size: 14px !important; }\r\n.cust_2 { background-position: 50% -1000px; }\r\n.mjourney .box.aug,  .mjourney .box.mob,  .mjourney .box.eff,  .mjourney .box.exc { margin: 0; }\r\n.mjourney .box { margin-bottom: 30px; }\r\n.mjourney .box h3 { width: 100%; }\r\n.mjourney .box .ic { float: none; margin: 0 auto 20px auto; }\r\n.mjourney .box ul { margin: 0 0 20px 20px; }\r\n.mjourney .box ul:after { border: 0; }\r\n.dd { border: 0; }\r\n.synchro_new .backgrounded { padding: 20px 0 !important; }\r\n.yourefforts.backgrounded { padding-bottom: 0 !important; }\r\n.dtitle { font-size: 24px !important; line-height: 120% !important; }\r\n.subtext { font-size: 16px; }\r\n.cust_2 .testimonial { padding: 0 !important; font-size: 14px !important; }\r\n.cust_2 ._cite-content strong { font-size: 16px !important; }\r\n.cust_2 ._cite-content span { font-size: 14px !important; }\r\n.cust_2 .cust-more-btn { font-size: 14px; padding: 10px 0; min-width: 130px; }\r\n.mjourney .box .nodesktop .ic { width: 66px; height: 66px; }\r\n.mjourney .box .nodesktop .ic img { padding: 13px 0; max-width: 40px; }\r\n.mjourney .box.mob .nodesktop .ic img { margin-left: 5px; }\r\n.mjourney .box .nodesktop h3 { margin-top: 10px; text-align: left; font-size: 17px; }\r\n.mjourney .box .nodesktop .col-xs-4,  .mjourney .box .nodesktop .col-xs-8 { padding-left: 0; }\r\n.newsnevent { top: 0 !important; }\r\n.newsnevent .box { margin: 0 0 20px 0; text-align: center; padding-bottom: 20px; }\r\n.newsnevent .box .title { height: auto !important; }\r\n.newsnevent .box .img { max-width:300px; max-height: 170px; margin-bottom: 10px !important; }\r\n.newsnevent .box .seemore { text-align: center; }\r\n.lblog .box { margin: 0 0 20px 0; text-align: center; }\r\n.lblog .box .title { height: auto !important; }\r\n.lblog .box .img { height: 230px; margin-bottom: 10px !important; }\r\n.lblog .box .desc .date { margin: 0 0 10px 0; }\r\n.lblog .box .desc .text { margin-bottom: 10px; }\r\n.backgrounded.fastFadeFromTop.newsnevent { padding-bottom: inherit !important; }\r\n.footer_copyright { width: 100%; text-align: center; }\r\n.markchal .span3m { width: 100% !important; margin-bottom: 30px; }\r\n.menu-video-img { display: none; }\r\ndiv#product_footerlink { text-align: center; }\r\nfooter .copyright li { float: none; display: inline-block; }\r\n.socialright { width: 100%; margin-top: 20px; }\r\n.backgrounded.fastFadeFromTop { padding: 30px 0; }\r\n.home-core-offering .span3m { width:100%; margin: 0 0 30px 0 !important; }\r\n\r\n.tabs .t { width:50%; float:left; margin: 0 0 15px 0; }\r\n.soimg { width:100% !important; margin-bottom: 20px; }\r\n.socnt { width:100% !important; }\r\n.static_banner .desc .soimg { width:100% !important; margin: 0; }\r\n.static_banner .desc .soimg .img { width: 100%; text-align: center !important; }\r\n.static_banner .desc .soimg .img img { max-width: 120px; }\r\n.static_banner .desc .socnt { width:100% !important; margin: 0; }\r\n.static_banner .desc .socnt h2 { font-size: 22px; text-align: center; }\r\n.static_banner .desc .socnt p { font-size:16px; line-height: 140% !important; }\r\n\r\ndiv#product_footerlink ul { margin: 0 0 30px 0; }\r\n.md_mobile_div { height: auto !important; }\r\n.md_if_font p { min-height: 1px !important; }\r\n\r\n.small_header { padding: 10px 0; }\r\n.small_header h2 { font-size: 30px !important; margin: 0 0 10px 0 !important; text-align: center; }\r\n.small_header .pull-right { max-width: 50%; }\r\n.small_header p { font-size: 16px !important; text-align: center !important; }\r\n\r\n.videomsg .video { width:100%; }\r\n.videomsg .quote { width:100%; margin: 0 0 30px 0; }\r\n.videomsg .quote h3 { text-align: center; }\r\n.videomsg .quote p { text-align: center !important; }\r\n.videomsg .quote a { text-align: center; display: block; }\r\n.videomsg blockquote { padding: 15px 15px 0 15px; text-align: center; }\r\n.videomsg blockquote:before { left: 0; }\r\n\r\n.testi_slider .video { width: 100%; }\r\n.testi_slider .quote { width:96%; margin: 0 2% 30px 2%; }\r\n.testi_slider .quote h3 { text-align: center; }\r\n.testi_slider .quote p { text-align: center !important; }\r\n.testi_slider .quote a { text-align: center; display: block; }\r\n.testi_slider blockquote { padding: 15px 15px 0 15px; text-align: center; }\r\n.testi_slider blockquote:before { left: 0; }\r\n\r\n.c_list .box { height: auto !important; padding: 15px 15px 80px 15px; }\r\n.c_list .box .cl { height: 80px; }\r\n.c_list .box .cl img { max-height: 70px; }\r\n.testi_slider .bx-controls { margin: 0; }\r\n.testi_slider .bx-controls .bx-pager { width:100%; margin-top: 0; }\r\n.testi_slider blockquote:after { right:-30px; }\r\n.events-tabs .bx-wrapper { max-width: 320px !important; }\r\n.moresuccess .bx-wrapper { max-width: 320px !important; }\r\n.moresuccess .bx-wrapper .bx-prev { left: 0px; }\r\n.moresuccess .bx-wrapper .bx-next { right:0px; }\r\n\r\n.mobi_init .bx-wrapper { max-width: 320px !important; }\r\n.mobi_init .bx-wrapper .bx-prev { left: 0px; }\r\n.mobi_init .bx-wrapper .bx-next { right:0px; }\r\n\r\n.marketleaders .bx-wrapper { max-width: 320px !important; }\r\n.marketleaders .bx-wrapper .bx-prev { left: 0px; }\r\n.marketleaders .bx-wrapper .bx-next { right:0px; }\r\n\r\n.mobijourney .bx-wrapper { max-width: 320px !important; }\r\n.mobijourney .bx-wrapper .bx-prev { left: 0px !important; }\r\n.mobijourney .bx-wrapper .bx-next { right:0px !important; }\r\n\r\n.helpindus .bx-wrapper { max-width: 320px !important; }\r\n.helpindus .bx-wrapper .bx-prev { left: 0px !important; }\r\n.helpindus .bx-wrapper .bx-next { right:0px !important; }\r\n\r\n.cust-tabs .bx-wrapper { max-width: 320px !important; }\r\n.gets-tabs .bx-wrapper { max-width: 320px !important; }\r\n.gets-tabs .tab-content .resp_title { display: none !important; }\r\n.events_1 h2, .events_2 h2 { font-size: 24px !important; }\r\n.event_map iframe { height: 420px; }\r\n\r\n.events-tabs .box { margin: 0 0 10px 0; }\r\n.events-tabs .nav-tabs li a i { font-size: 14px; }\r\n.events-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }\r\n.custom_slider .cust-head-text{ text-align:center;}\r\n#thebodyshop1 p{ text-align:center; padding:10px 0px; }\r\n#isos1 p{ text-align:center; padding:10px 0px; }\r\n#globeone1 p{ text-align:center; padding:10px 0px; }\r\n#urgently1 p{ text-align:center; padding:10px 0px; }\r\n#aravo1 p{ text-align:center; padding:10px 0px; }\r\n#starwood1 p{ text-align:center; padding:10px 0px; }\r\n.admin-bar header .navbar-fixed-top, .admin-bar header .search-bar, .admin-bar header .contact-bar { margin-top: 0px !important; }\r\n.footermar .col{ width: 100% !important; height:auto !important; }\r\n\r\n#getstarted { width:100%; height:735px; }\r\n\r\n#frm_contact { width:100%; height:770px; }\r\n#frm_product { width:100%; height:870px; }\r\n#frm_product_a { width:100%; height:780px; }\r\n\r\n.contact_pg .dtitle.tleft { text-align: center !important; }\r\n.contact_pg .cdetails .details .social { text-align: center; }\r\n\r\n.mktoForm select#More_Information__c.mktoField { width:100% !important; }\r\n\r\n.cust_slider_cont .cust-head-text { font-size: 16px !important; }\r\n.cust_slider_cont .video .img { width:160px; height: 160px; }\r\n.cust_slider_cont .video .img .imgin { width:160px; height: 160px; }\r\n.cust_slider_cont .video .img a { width: 50px; height: 50px; }\r\n.cust_slider_cont .video .img a .fa { line-height: 44px; font-size: 20px; }\r\n\r\n.methodology .box .title { height: auto !important; }\r\n.methodology .box .title { font-size: 20px; text-align: center; }\r\n\r\n.mobispec { background-position: 50% 0px !important; background-attachment: inherit; }\r\n.mobispec .exppoints .col { width:100%; margin: 0 0 20px 0; height: auto !important; text-align: center; }\r\n.mobispec .exppoints .col h3 { text-align: center; }\r\n.mobispec .exppoints .col p { text-align: center; }\r\n\r\n.entstack { background-position: 50% 0px !important; background-attachment: inherit; }\r\n.moresuccess { background-position: 50% 0px !important; background-attachment: inherit; }\r\n.mobi_init { background-position: 50% 0px !important; background-attachment: inherit; }\r\n.marketleaders { background-position: 50% 0px !important; background-attachment: inherit; }\r\n\r\n.static_banner { height: 200px; }\r\n.static_banner .desc h2 { font-size: 24px; }\r\n.static_banner .desc p { text-align: center !important; font-size: 16px; margin: 0 !important; }\r\n\r\n.static_banner.toolsandplatform .desc h2 { font-size: 24px; }\r\n.static_banner.toolsandplatform .desc p { text-align: center !important; font-size: 16px; margin: 0 0 5px 0 !important; }\r\n\r\n.static_banner.qmetrymobile { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n.static_banner.qmetrttestmanager { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n.static_banner.qas { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n.static_banner.attesto { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n\r\n.qmetry_6 { background-position: 50% 0 !important; }\r\n.product_form { background-position: 50% 0 !important; }\r\n.strat_mobi .strat { width:100%; }\r\n\r\n.static_banner.cicd { background-attachment: inherit; background-position: 50% 0 !important; height: 230px; }\r\n\r\n.cust_sayings .testimonial { font-size: 18px !important; }\r\n\r\n.jump_start_top .head { font-size: 20px; }\r\n.jump_start_top .subhead { font-size: 16px; margin: 0 0 20px 0; }\r\n\r\n.capabilitypg { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.capabilitypg .container { overflow-x:hidden; }\r\n.home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit !important; }\r\n.home-2-page .backgrounded.cust_sayings { background-position: 50% 0 !important; background-attachment: inherit; }\r\n\r\n.contact_pg .cdetails { margin: 20px 0 40px 0 !important; }\r\n.o_locations .box .details .head { text-align: center; height: auto !important; }\r\n.o_locations .box .details .desc { text-align: center; height: auto !important; }\r\n.o_locations .box .details .phoneout { text-align: center; }\r\n\r\n.tier_one .dtitle { text-align: left; }\r\n.tier_one .num { margin: 5px 0 0 0; }\r\n.tier_one .num img { max-width: 40px; }\r\n.tier_one .desc { text-align: center; }\r\n.tier_one .btns { text-align: center; }\r\n.tier_one .btns .btn { font-size: 14px; padding: 12px 16px; }\r\n\r\n.tier_two .dtitle { text-align: left; }\r\n.tier_two .num { margin: 5px 0 0 0; }\r\n.tier_two .num img { max-width: 40px; }\r\n.tier_two .desc { text-align: center; }\r\n.tier_two .btns { text-align: center; }\r\n.tier_two .btns .btn { font-size: 14px; padding: 12px 16px; }\r\n\r\n.tier_three .dtitle { text-align: left; }\r\n.tier_three .num { margin: 5px 0 0 0; }\r\n.tier_three .num img { max-width: 40px; }\r\n.tier_three .desc { text-align: center; }\r\n.tier_three .btns { text-align: center; }\r\n.tier_three .btns .btn { font-size: 14px; padding: 12px 16px; }\r\n\r\n.tier_four .dtitle { text-align: left; }\r\n.tier_four .num { margin: 5px 0 0 0; }\r\n.tier_four .num img { max-width: 40px; }\r\n.tier_four .desc { text-align: center; }\r\n.tier_four .btns { text-align: center; }\r\n.tier_four .btns .btn { font-size: 14px; padding: 12px 16px; }\r\n\r\n.tier_five .dtitle { text-align: left; }\r\n.tier_five .num { margin: 5px 0 0 0; }\r\n.tier_five .num img { max-width: 40px; }\r\n.tier_five .desc { text-align: center; }\r\n.tier_five .btns { text-align: center; }\r\n.tier_five .btns .btn { font-size: 14px; padding: 12px 16px; }\r\n\r\n.noparallax { background-attachment: inherit !important; background-size: cover !important; background-position-y: 0 !important; }\r\n\r\n.mob_serv_list .box { width:94%; margin:0 3% 10px 3% !important; }\r\n.mob_serv_list .box .img { height: auto !important; }\r\n.mob_serv_list .box .desc { height: auto !important; }\r\n\r\n.cap_list .box { width:94%; margin:0 3% 10px 3% !important; }\r\n.cap_list .box .img { height: auto !important; }\r\n.cap_list .box .desc { height: auto !important; }\r\n\r\n.pg_mob_features .box { margin:0 0 40px 0; }\r\n\r\n.pg_rtattesto .list li { font-size: 16px; margin:0 0 10px 0; }\r\n.mobi_init .slide .box p, .mobi_init .slide { height: auto !important; }\r\n\r\n.frm_getInTouch { padding: 0; }\r\n\r\n.exp_mobi .experties .col { width:100%; margin:0 0 30px 0; }\r\n\r\n.checkmarks { margin:20px 0 0 0; }\r\n.checkmarks .box { margin: 0 0 40px 0; }\r\n\r\n.int_map .int_loc_map { margin: -70px 0 0 0; }\r\n.int_map .int_loc_map .loc { width:6px; height: 6px; border:1px solid #fff; }\r\n.int_map .qualities { margin:-80px 0 0 0; }\r\n.int_map .qualities .box { margin:20px 0 0 0; }\r\n.int_map .int_loc_map .loc { display: none; }\r\n.int_map .qualities .box .name { height: auto !important; }\r\n\r\n.apps_tested .app_features { margin:20px 0; }\r\n.apps_tested .app_features .box { margin: 0 0 20px 0; }\r\n\r\n.cont_integration { background: url(\"..\/img\/cont_integration_mobile_bg.jpg\"); background-attachment: inherit; background-position: 50% 50%; }\r\n\r\n.forrest_form .dtitle { font-size: 24px !important; text-align: center; }\r\n.forrest_form .sub { text-align: center; }\r\n.better_quality .dtitle { text-align: center; }\r\n.better_quality h3 { text-align: center; }\r\n.better_quality p { text-align: center; }\r\n\r\n.sexy_wheel { box-shadow: 0 0 0 6px rgba(255,255,255,0.2), 0 0 0 12px rgba(255,255,255,0.2); }\r\n.slice label { font-size: 10px; line-height: 3.3; }\r\n.svg svg { width: 26px !important; }\r\n.unsel label { background-size: 87%; }\r\n\r\n.mobstra .svg { transform: translate(-51%,-10%) rotate(51deg); -webkit-transform: translate(-51%,-10%) rotate(51deg); -moz-transform: translate(-51%,-10%) rotate(51deg); -ms-transform: translate(-51%,-10%) rotate(51deg); -o-transform: translate(-51%,-10%) rotate(51deg); }\r\n.mobtest .svg { transform: translate(-40%,-24%) rotate(-90deg); -webkit-transform: translate(-40%,-24%) rotate(-90deg); -moz-transform: translate(-40%,-24%) rotate(-90deg); -ms-transform: translate(-40%,-24%) rotate(-90deg); -o-transform: translate(-40%,-24%) rotate(-90deg); }\r\n.mobauto .svg { transform: translate(-50%,-10%) rotate(-164deg); -webkit-transform: translate(-50%,-10%) rotate(-164deg); -moz-transform: translate(-50%,-10%) rotate(-164deg); -ms-transform: translate(-50%,-10%) rotate(-164deg); -o-transform: translate(-50%,-10%) rotate(-164deg); }\r\n.mobopt .svg { transform:translate(-50%,25%) rotate(124deg); -webkit-transform:translate(-50%,25%) rotate(124deg); -moz-transform:translate(-50%,25%) rotate(124deg); -ms-transform:translate(-50%,25%) rotate(124deg); -o-transform:translate(-50%,25%) rotate(124deg); }\r\n\r\n.current.mobstra .svg { transform: translate(-50%,20%) rotate(51deg); -webkit-transform: translate(-50%,20%) rotate(51deg); -moz-transform: translate(-50%,20%) rotate(51deg); -ms-transform: translate(-50%,20%) rotate(51deg); -o-transform: translate(-50%,20%) rotate(51deg); }\r\n.current.mobdev .svg { transform:translate(-60%,20%) rotate(-20deg); -webkit-transform:translate(-60%,20%) rotate(-20deg); -moz-transform:translate(-60%,20%) rotate(-20deg); -ms-transform:translate(-60%,20%) rotate(-20deg); -o-transform:translate(-60%,20%) rotate(-20deg); }\r\n.current.mobtest .svg { transform: translate(-50%,20%) rotate(-90deg); -webkit-transform: translate(-50%,20%) rotate(-90deg); -moz-transform: translate(-50%,20%) rotate(-90deg); -ms-transform: translate(-50%,20%) rotate(-90deg); -o-transform: translate(-50%,20%) rotate(-90deg); }\r\n.current.mobauto .svg { transform: translate(-53%,20%) rotate(-164deg); -webkit-transform: translate(-53%,20%) rotate(-164deg); -moz-transform: translate(-53%,20%) rotate(-164deg); -ms-transform: translate(-53%,20%) rotate(-164deg); -o-transform: translate(-53%,20%) rotate(-164deg); }\r\n.current.mobopt .svg { transform:translate(-50%,40%) rotate(124deg); -webkit-transform:translate(-50%,40%) rotate(124deg); -moz-transform:translate(-50%,40%) rotate(124deg); -ms-transform:translate(-50%,40%) rotate(124deg); -o-transform:translate(-50%,40%) rotate(124deg); }\r\n\r\n.slice #ms_name .svg { height:16px; }\r\n.slice #ms_dev .svg { height:20px; }\r\n.slice #ms_test .svg { height:16px; }\r\n.slice #ms_auto .svg { height:13px; }\r\n.slice #ms_opti .svg { height:13px; }\r\n\r\n.slice.current #ms_name .svg { height:18px; transform: translate(-50%,-130%) rotate(0deg); -webkit-transform: translate(-50%,-130%) rotate(0deg); -moz-transform: translate(-50%,-130%) rotate(0deg); -ms-transform: translate(-50%,-130%) rotate(0deg); -o-transform: translate(-50%,-130%) rotate(0deg); }\r\n.slice.current #ms_dev .svg { height:22px; transform: translate(-50%,-110%) rotate(0deg); -webkit-transform: translate(-50%,-110%) rotate(0deg); -moz-transform: translate(-50%,-110%) rotate(0deg); -ms-transform: translate(-50%,-110%) rotate(0deg); -o-transform: translate(-50%,-110%) rotate(0deg); }\r\n.slice.current #ms_test .svg { height:18px; transform: translate(-50%,-180%) rotate(0deg); -webkit-transform: translate(-50%,-180%) rotate(0deg); -moz-transform: translate(-50%,-180%) rotate(0deg); -ms-transform: translate(-50%,-180%) rotate(0deg); -o-transform: translate(-50%,-180%) rotate(0deg); }\r\n.slice.current #ms_auto .svg { height:15px; transform: translate(-50%,-180%) rotate(0deg); -webkit-transform: translate(-50%,-180%) rotate(0deg); -moz-transform: translate(-50%,-180%) rotate(0deg); -ms-transform: translate(-50%,-180%) rotate(0deg); -o-transform: translate(-50%,-180%) rotate(0deg); }\r\n.slice.current #ms_opti .svg { height:15px; transform: translate(-50%,-180%) rotate(0deg); -webkit-transform: translate(-50%,-180%) rotate(0deg); -moz-transform: translate(-50%,-180%) rotate(0deg); -ms-transform: translate(-50%,-180%) rotate(0deg); -o-transform: translate(-50%,-180%) rotate(0deg); }\r\n\r\n.mobopt .svg { top:14%; }\r\n.current.mobopt .svg { top:12%; }\r\n.slice .svg { width:26px; }\r\n.current .svg { width:26px; top:14%; }\r\n.current .svg svg { width:30px !important; }\r\n\r\n.moreinfo { display: none; }\r\n\r\n.mobopt.current .svg { width:26px; }\r\n\r\n.circle .arrow { width:28px; height:17px; }\r\n.circle .arrow1 { top: 5%; left: 31%; transform: rotate(-21deg); -webkit-transform: rotate(-21deg); -moz-transform: rotate(-21deg); -ms-transform: rotate(-21deg); -o-transform: rotate(-21deg); }\r\n.circle .arrow2 { top:22% ; right: 8%; transform: rotate(57deg); -webkit-transform: rotate(57deg); -moz-transform: rotate(57deg); -ms-transform: rotate(57deg); -o-transform: rotate(57deg); }\r\n.circle .arrow3 {top: 73%; right: 10%; transform: rotate(129deg); -webkit-transform: rotate(129deg); -moz-transform: rotate(129deg); -ms-transform: rotate(129deg); -o-transform: rotate(129deg); }\r\n.circle .arrow4 {top: 89%; left: 32%; transform: rotate(197deg); -webkit-transform: rotate(197deg); -moz-transform: rotate(197deg); -ms-transform: rotate(197deg); -o-transform: rotate(197deg); }\r\n.circle .arrow5 {top: 47%; left: 2%; transform: rotate(-92deg); -webkit-transform: rotate(-92deg); -moz-transform: rotate(-92deg); -ms-transform: rotate(-92deg); -o-transform: rotate(-92deg); }\r\n\r\n.innovators { margin:0 !important; }\r\n.innovators .box { margin: 0 0 20px 0; }\r\n\r\n.circular_nav { max-width: 300px; }\r\n.circular_nav .nav .center { width:80px; height: 80px; }\r\n.circular_nav .nav .node { height: 60px; }\r\n.circular_nav .nav .node:after { width:100%; right: 0; }\r\n.circular_nav .nav .node .cnav { width:60px; height: 60px; }\r\n\r\n.circular_nav .nav .center .sm { font-size: 12px; }\r\n.circular_nav .nav .center .lg { font-size: 16px; }\r\n\r\n.circular_nav .popover { max-width: 170px !important; min-width: 150px; width:100%; }\r\n.circular_nav .nav .cnav .svg { margin: 0; width:30px; height:30px; }\r\n.circular_nav .nav .cnav .name { display: none; }\r\n\r\n.awardnote { background-position:94% 0; }\r\n.aw_list .box { height: auto !important; }\r\n\r\n#whitepaper_1 { width: 260px; height: 475px; }\r\n.whitepaper { text-align: center !important; }\r\n.whitepaper .dtitle { text-align: center !important; }\r\n.whitepaper .img { max-width: 200px; display: none; }\r\n\r\n.nice_title .box { font-size: 15px; min-height: 1px; }\r\n.nice_title.orange .box:before { border:16px solid #F67107; }\r\n.nice_title.orange .box:after { border:16px solid #F67107; }\r\n.nice_title.yellow .box:before { border:16px solid #faa224; }\r\n.nice_title.yellow .box:after { border:16px solid #faa224; }\r\n.nice_title.green .box:before { border:16px solid #b4c860; }\r\n.nice_title.green .box:after { border:16px solid #b4c860; }\r\n\r\n.nice_title.big.green .box { width:85%; font-size: 14px; padding: 10px 5px; }\r\n.nice_title.big.green .box:before { border: 30px solid #b4c860; border-right:2px solid #b4c860; left: -32px !important; }\r\n.nice_title.big.green .box:after { border: 30px solid #b4c860; border-left:2px solid #b4c860; right:-32px !important; }\r\n\r\n.isapproach .subtext { font-size: 16px !important; text-align: center !important; margin: 0 0 30px 0; }\r\n\r\n.static_banner.mob_automation { background:url(\"..\/img\/m_test_automation_banner_mobile.jpg\") !important; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 90px; background-size: 100% !important; }\r\n\r\n.closertocode .graph_pair .svg.graph { height:230px; }\r\n\r\n.static_banner.bnabout { background-size: cover !important; }\r\n\r\n.static_banner.bnabout { height: 320px; }\r\n.static_banner.bnabout .desc img { display:none; }\r\n.static_banner.bnabout .desc .gap30 { display:none; }\r\n.static_banner.bnabout .desc p { max-width: 79%; font-size: 14px; line-height: 140% !important; font-style: normal; }\r\n\r\n.pg_globalinfra .threepoints { margin: 0; }\r\n.pg_globalinfra .threepoints .box { margin:0 0 20px 0; height: auto !important; font-size: 16px; }\r\n\r\n.pg_globalinfra .fivepoints { margin: 0; }\r\n.pg_globalinfra .fivepoints .box { width:100%; }\r\n\r\n.pg_form { background-position: 50% 0 !important; }\r\n.pg_form .title { text-align: center; }\r\n.pg_form p { text-align: center; }\r\n\r\n.m-text-center { text-align: center; }\r\n\r\n#fancybox-close { display: block !important; }\r\n\r\n.leaderteam .box { max-width: 220px !important; }\r\n\r\n.pg_mapbox .mapbox { margin:0 0 90px 0; display: block; }\r\n.pg_mapbox .mapbox .loc_map img { margin:0 0 90px 0; }\r\n.pg_mapbox .mapbox .loc { display: none; width: 4px; height: 4px; border: 0; box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 1px #ffffff; -moz-box-shadow: 0 0 1px #fff; -ms-box-shadow: 0 0 1px #fff; -o-box-shadow: 0 0 1px #fff; background: #fff; }\r\n\r\n.s_locations { display: none; width: 100%; float: left; z-index: 100; position: relative; margin: -120px 0 -80px 0; background: url(..\/img\/img_map.png) no-repeat 50% 0%; background-size: 100%; height: 450px; }\r\n.s_locations .panel { display: none; width:100%; float:left; margin: 0 0 10px 0; }\r\n.s_locations .panel-heading { width:100%; float:left; background: rgba(255,255,255,0.1); }\r\n.s_locations .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }\r\n.s_locations .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }\r\n.s_locations .panel-heading .panel-title a .arrow { float:right; }\r\n.s_locations .panel-heading .panel-title a .arrow .fa { font-size:30px; color:#fff; }\r\n.s_locations .panel-heading .panel-title a.collapsed .arrow .fa:before { content:\"\\f107\"; }\r\n\r\n.s_locations .panel-collapse { width:100%; float:left; }\r\n.s_locations .panel-body { width:100%; float:left; background:rgba(255,255,255,1); padding: 10px; color:#333; }\r\n\r\n.joinus-tabs .bycategory .panel-heading { padding: 10px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title { padding: 0; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .ic { width:30px; height: 30px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .ic svg { width:30px; height: 30px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .name { max-width: 200px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .title { width:100%; font-size: 14px; line-height: 16px; text-oveflow:ellipses; overflow: hidden; white-space: nowrap; }\r\n\r\n.joinus-tabs .bycategory .panel-body .joblist li .vacancy { width:100%; }\r\n\r\n.inspirepoints .activity { width:100%; margin: 0 0 40px 0; }\r\n.inspirepoints .activity .img { height: 80px; }\r\n\r\n.givinback .box { height: auto !important; }\r\n\r\n.pg_gopalces { background-position: 50% 0 !important; background-size: cover !important; background-attachment: inherit !important; }\r\n\r\n.goplacemenu .pl0, .goplacemenu .pr0 { padding:0 !important; }\r\n.goplacemenu { padding: 0 15px; }\r\n\r\n.zimg { -webkit-transform: scale(1.02) !important; -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); z-index: 5; }\r\n\r\n.static_banner.toolsandplatform .desc .mid { display: inline-block; max-width: 90%; text-align: center; }\r\n\r\n.corevalues .img { max-width:300px; max-height: 170px; }\r\n\r\n.div1 .ri-grid ul li a { border:2px solid #fff; }\r\n.div2 .ri-grid ul li a { border:2px solid #fff; }\r\n.div3 .ri-grid ul li a { border:2px solid #fff; }\r\n.div4 .ri-grid ul li a { border:2px solid #fff; }\r\n.div5 .ri-grid ul li a { border:2px solid #fff; }\r\n.div6 .ri-grid ul li a { border:2px solid #fff; }\r\n.div7 .ri-grid ul li a { border:2px solid #fff; }\r\n\r\n.tabscontainer .tabscont .tb .btn_center { margin-top: 10px; display: inline-block; }\r\n\r\n.synchro_new .backgrounded.qmetry_7 { padding:20px 0 40px 0 !important; }\r\n.qmetry_7 .bx-wrapper .bx-pager { bottom:-30px !important; }\r\n.customer_slider .testimonial { font-size: 20px !important; }\r\n\r\n.product_form .col-xs-12 { text-align: center; }\r\n\r\n.corevalues { text-align:center; }\r\n\r\n.attesto_1 .col-xs-12 { text-align: center; }\r\n.qas_2 .col-xs-12 { text-align: center; }\r\n\r\n.job-popup .header { text-align: center; }\r\n.job-popup .header .left { width:100%; display: inline-block; margin: 0 0 20px 0; }\r\n.job-popup .header .right { width:100%; display: inline-block; margin:0 0 20px 0; }\r\n.job-popup .header .right .btn { float: none; }\r\n.jobdetails .jobtitle { text-align: center; font-size: 20px; }\r\n.jobdetails .jobcode { text-align: center; }\r\n.jobdetails .joblocation { float: right; }\r\n.jobfooter .left {width: 100%; display: inline-block;vertical-align: top;}\r\n.jobfooter .left ul { text-align: center; width:100%; }\r\n.jobfooter .left ul li { display: inline-block; float: none; }\r\n.jobfooter .right { width: 100%; display: inline-block; }\r\n.jobfooter .menu-footer-menu-in-bottom-container { float: none; display: inline-block; }\r\n.jobfooter .menu-footer-menu-in-bottom-container ul { float: none; display: inline-block; text-align: center; }\r\n\r\n.static_banner.attesto { background-size: cover !important; }\r\n\r\n.home-sec-one .pl0 { padding-left: 15px !important; }\r\n\r\n.o_locations .box .img { height: 160px; }\r\n}\r\n\r\n@media (min-width:310px) and (max-width: 360px) {\r\n.sexy_wheel { position: relative; margin: 80px auto; min-width: 250px; }\r\n.lblog .box .img { height: 170px; }\r\n.cust_sayings .testimonial:before { left:-25px !important; }\r\n.cust_sayings .testimonial:after { right:-25px !important; }\r\n.cust_sayings .testimonial { font-size:16px !important; }\r\n.gets-tabs .tab-content > .active { margin: 0; }\r\n}\r\n\r\n@media (max-width: 767px){\r\n.static_banner.mob_automation { background:url(\"..\/img\/m_test_automation_banner_mobile.jpg\") !important; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 90px; background-size: 100% !important; }\r\n.menu-video-img { display: none; }\r\n\r\n.footermar .col{ width: 100% !important; height:auto !important; }\r\n\r\n.requesttrial .box { margin-bottom: 20px; }\r\n.methodology .box .title { font-size: 20px; text-align: center; }\r\n\r\n.home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit !important; }\r\n\r\n.o_locations .box .details .head { text-align: center; height: auto !important; }\r\n.o_locations .box .details .desc { text-align: center; height: auto !important; }\r\n.o_locations .box .details .phoneout { text-align: center; }\r\n\r\n.contact_pg .cdetails { margin: 0 0 20px 0; }\r\n.contact_pg .cdetails .details { margin: 0 0 20px 0; }\r\n\r\n.noparallax { background-attachment: inherit !important; background-size: cover !important; background-position-y: 0 !important; }\r\n\r\n.mob_serv_list .box { width:94% !important; margin:0 3% 10px 3% !important; }\r\n.mob_serv_list .box .img { height: auto !important; }\r\n.mob_serv_list .box .desc { height: auto !important; }\r\n\r\n.cap_list .box { width:94% !important; margin:0 3% 30px 3% !important; }\r\n.cap_list .box .img { height: auto !important; }\r\n.cap_list .box .desc { height: auto !important; }\r\n\r\n.checkmarks .box { margin: 0 0 40px 0; }\r\n\r\n.forrest_form .dtitle { font-size: 24px !important; text-align: center; }\r\n.forrest_form .sub { text-align: center; }\r\n.better_quality .dtitle { text-align: center; }\r\n.better_quality h3 { text-align: center; }\r\n.better_quality p { text-align: center; }\r\n\r\n.yourefforts .platforms .clients .col { width:100% !important; }\r\n.yourefforts .platforms .clients .col .img { height: 60px !important; }\r\n\r\n.yourefforts .effortareas .title { height: auto !important; }\r\n.yourefforts .effortareas .desc { height: auto !important; }\r\n.yourefforts .effortareas .box { margin: 0 0 40px 0; }\r\n\r\n#whitepaper_1 { width: 260px; height: 475px; }\r\n.whitepaper { text-align: center !important; }\r\n.whitepaper .dtitle { text-align: center !important; }\r\n.whitepaper .img { max-width: 200px; display: none; }\r\n\r\n.nice_title .box { padding: 5px 0 6px 0; }\r\n\r\n.closertocode .arrow_img { display: table; }\r\n.closertocode .arrow_img .svg { height: auto; max-height: 380px !important; }\r\n.closertocode .arrow_img .t { display: table-cell; vertical-align: middle; }\r\n\r\n.ourpeers .box { height: auto !important; }\r\n.pg_ourpeers .btns .btn { margin: 0 0 10px 0; }\r\n.pg_ourpeers .btns { margin: 0; }\r\n\r\n.pg_celebration .btns { margin: 0 0 10px 0; }\r\n.pg_celebration .btns .btn { margin: 0 0 10px 0; }\r\n\r\n.pg_personalmobility .btns { margin: 0 0 10px 0; }\r\n.pg_personalmobility .btns .btn { margin: 0 0 10px 0; }\r\n\r\n.pg_mapbox .btns { margin: 0 0 10px 0; }\r\n.pg_mapbox .btns .btn { margin: 0 0 10px 0; }\r\n\r\n.m-text-center { text-align: center; }\r\n\r\n.leaderteam .box { max-width: 300px; }\r\n\r\n.pg_historytimeline { display: none; }\r\n\r\n.goplacemenu .pl0, .goplacemenu .pr0 { padding:0 !important; }\r\n\r\n.qas_3 { text-align: center; }\r\n.qas_3 .features-text { text-align: left; }\r\n}\r\n\r\n@media (min-width: 481px) and (max-width: 768px) {\r\nheader .navbar .brand { margin-left: 15px; }\r\n.nomobile { display: none !important; }\r\n.container { width: 100% !important; padding: 0 15px; }\r\n.search-bar .container { padding: 20px 0; }\r\n.contact-bar .close, .search-bar .close { top: 30px; }\r\n.container.container_relative { padding: 10px 0px 10px 0px !important; }\r\n.container.container_relative.container_social { padding: 0 !important; }\r\n.homeslider .container { padding: 0 !important; }\r\n.synchro_new .homeslider.backgrounded { padding-bottom: 0 !important; }\r\n.sbanner { height: 360px; }\r\n.sbanner .slide { height: 360px; margin-top:0; }\r\n\/*.sbanner .slide.bx-clone { margin-top: -49px !important; }*\/\r\n.sbanner .slide .desc { max-width: 600px; width:90%; }\r\n.sbanner .slide .desc h2 { font-size: 24px; text-align: center; }\r\n.sbanner .slide .desc p { font-size: 16px; text-align: center; }\r\n.sbanner .slide .desc a { font-size: 16px; }\r\n.homeslider .bx-clone { transform: translate3d(0px, -52px, 0px); -webkit-transform: translate3d(0px, -52px, 0px); -moz-transform: translate3d(0px, -52px, 0px); -o-transform: translate3d(0px, -52px, 0px); -ms-transform: translate3d(0px, -52px, 0px); }\r\n.points .pb:after { display: none; }\r\n.points { width: 100%; float: left; background: url(..\/img\/plus_icn_1.png) no-repeat 50% 50%; }\r\n.points .box { margin-bottom: 30px; }\r\n.cust_3 .slide p { font-size: 16px !important; line-height: 140% !important; text-align: center !important; }\r\n.cust_3 a.cust-more-btn { font-size: 16px; padding: 10px 0; min-width: 130px; }\r\n.home-2-page .aboutpg { background: url(..\/img\/home_about_bg2.jpg) no-repeat 50% -3000px; }\r\n.home-2-page .aboutpg p { font-size:18px !important; }\r\n.aboutpg { background: url(..\/img\/abt_bg_ipad.jpg) no-repeat 50% -500px; }\r\n.aboutpg .row-fluid h4 { text-align: center !important; min-height: 1px; margin-top: 10px; }\r\n.aboutpg .row-fluid p { font-size: 16px !important; text-align: center !important; }\r\n.aboutpg .ul_container1,  .aboutpg .ul_container2,  .aboutpg .ul_container3 { padding: 0; }\r\n.aboutpg .row-fluid { margin: 0; }\r\n.aboutpg .row-fluid p { font-size: 16px !important; }\r\n.aboutpg .ul_container1,  .aboutpg .ul_container2,  .aboutpg .ul_container3 { margin: 20px 0 0 0; }\r\n.cust_2 { background-position: 50% -750px; }\r\n.mleadership p { font-size: 16px !important; }\r\n.mjourney .box.aug,  .mjourney .box.mob,  .mjourney .box.eff,  .mjourney .box.exc { margin: 0; }\r\n.mjourney .box { margin-bottom: 30px; }\r\n.mjourney .box h3 { width: 100%; }\r\n.mjourney .box .ic { float: none; margin: 0 auto 20px auto; }\r\n.mjourney .box ul { margin: 0 0 20px 30px; }\r\n.mjourney .box ul:after { border: 0; }\r\n.dd { border: 0; }\r\n.synchro_new .backgrounded { padding: 20px 0 !important; }\r\n.dtitle { font-size: 26px !important; line-height: 120% !important; }\r\n.subtext { font-size: 20px !important; line-height: 120% !important; }\r\n.cust_2 .testimonial { padding: 0 !important; font-size: 14px !important; }\r\n.cust_2 ._cite-content strong { font-size: 18px !important; }\r\n.cust_2 ._cite-content span { font-size: 16px !important; }\r\n.cust_2 .cust-more-btn { font-size: 16px; padding: 10px 0; min-width: 130px; }\r\n.newsnevent .box { margin: 0 0 30px 0; text-align: center; padding-bottom: 20px; }\r\n.newsnevent .box .img { max-width: 360px; max-height: 200px; }\r\n.newsnevent .box .seemore { text-align: center; }\r\n.lblog .box { margin: 0 0 30px 0; text-align: center; }\r\n.lblog .box .title { height: auto; }\r\n.lblog .box .img { max-width: 360px; max-height: 145px; margin-bottom: 10px; }\r\n.lblog .box .desc .date { margin: 0 0 10px 0; }\r\n.lblog .box .desc .text { height: auto; margin-bottom: 10px; }\r\n.lblog .box .readmore { width: 100%; }\r\n.footer_copyright { width: 100%; }\r\n.markchal .span3m { width: 32% !important; margin-bottom: 30px; }\r\n\r\nfooter .copyright li { float: none; margin: 0 4px 10px 4px; display: inline-block; }\r\ndiv#product_footerlink { text-align: center; }\r\ndiv#product_footerlink ul { margin: 0 0 30px 0; }\r\n.footer_copyright { text-align: center; }\r\n.socialright { width: 100%; margin-top: 0px; }\r\n.home-core-offering { text-align: center; }\r\n.home-core-offering .span3m { width: 49%; display: inline-block; margin: 0 0 30px 0; }\r\n.tabs .t { width:33%; float:left; margin: 0 0 15px 0; }\r\n.soimg { width:100% !important; margin-bottom: 20px; }\r\n.socnt { width:100% !important; }\r\n\r\n.jump_start_top .subhead { font-size: 16px; margin: 0 0 20px 0; }\r\n\r\n.small_header h2 { font-size: 30px !important; margin: 0 0 10px 0 !important; }\r\n.small_header .pull-right { max-width: 50%; }\r\n.small_header p { font-size: 16px !important; text-align: center !important; }\r\n\r\n.videomsg { margin-bottom: 30px; }\r\n.testi_slider { margin-bottom: 30px; }\r\n.testi_slider .video { width:100%; }\r\n.testi_slider .video .img { width:180px; height: 180px; }\r\n.testi_slider .video .img .imgin { width:180px; height: 180px; }\r\n.testi_slider .quote { width:80%; margin:0 10%; }\r\n.testi_slider .bx-controls .bx-pager { width:100%; }\r\n\r\n.events-tabs .bx-wrapper { max-width: 320px !important; }\r\n.events-tabs .nav-tabs li a i { font-size: 14px; }\r\n.events-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }\r\n\r\n.cust-tabs .bx-wrapper { max-width: 320px !important; }\r\n.cust-tabs .nav-tabs li a i { font-size: 14px; }\r\n.cust-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }\r\n\r\n.gets-tabs .tab-content .resp_title { display: none !important; }\r\n.gets-tabs .bx-wrapper { max-width: 320px !important; }\r\n.gets-tabs .nav-tabs li a i { font-size: 14px; }\r\n.gets-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }\r\n\r\n.footermar .col { width: 100%; }\r\n\r\n.mobispec .exppoints .col { width:32.5%; display: inline-block; float: none; vertical-align: top; }\r\n\r\n.admin-bar header .navbar-fixed-top, .admin-bar header .search-bar, .admin-bar header .contact-bar { margin-top: 0px !important; }\r\n\r\n.static_banner { height: 280px; }\r\n.static_banner .desc h2 { font-size: 28px; }\r\n.static_banner .desc p { text-align: center; font-size: 20px; }\r\n.static_banner .desc .socnt h2 { text-align: center; }\r\n.static_banner .desc .socnt p { text-align: center; }\r\n\r\n.static_banner.toolsandplatform .desc h2 { font-size: 28px; }\r\n.static_banner.toolsandplatform .desc p { text-align: center !important; font-size: 20px; }\r\n\r\n.qmetry_6 { background-position: 50% 0 !important; }\r\n.product_form { background-position: 50% 0 !important; }\r\n\r\n.entstack { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.mobispec { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.moresuccess { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.moresuccess .bx-wrapper { max-width: 320px !important; }\r\n\r\n.mobi_init { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.mobi_init .bx-wrapper { max-width: 320px !important; }\r\n\r\n.marketleaders { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.marketleaders .bx-wrapper { max-width: 320px !important; }\r\n.mobijourney .bx-wrapper { max-width: 320px !important; }\r\n\r\n.helpindus .bx-wrapper { max-width: 320px !important; }\r\n\r\n.methodology .box .title { font-size: 20px; }\r\n\r\n.strat_mobi .strat { width:49.6%; }\r\n.strat_mobi .strat .decs { width:100%; float:left; padding: 0 30px; }\r\n\r\n.capabilitypg { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.home-2-page .backgrounded.cust_sayings { background-position: 50% 0 !important; background-attachment: inherit; }\r\n\r\n.contact_pg .cdetails { margin: 0 0 20px 0; }\r\n.contact_pg .cdetails .details { margin: 0 0 20px 0; }\r\n\r\n.tier_one .dtitle { text-align: left; }\r\n.tier_one .num img { max-width: 45px; }\r\n.tier_one .desc { text-align: center; }\r\n.tier_one .btns { text-align: center; }\r\n.tier_one .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }\r\n\r\n.tier_two .dtitle { text-align: left; }\r\n.tier_two .num img { max-width: 45px; }\r\n.tier_two .desc { text-align: center; }\r\n.tier_two .btns { text-align: center; }\r\n.tier_two .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }\r\n\r\n.tier_three .dtitle { text-align: left; }\r\n.tier_three .num img { max-width: 45px; }\r\n.tier_three .desc { text-align: center; }\r\n.tier_three .btns { text-align: center; }\r\n.tier_three .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }\r\n\r\n.tier_four .dtitle { text-align: left; }\r\n.tier_four .num img { max-width: 45px; }\r\n.tier_four .desc { text-align: center; }\r\n.tier_four .btns { text-align: center; }\r\n.tier_four .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }\r\n\r\n.tier_five .dtitle { text-align: left; }\r\n.tier_five .num img { max-width: 45px; }\r\n.tier_five .desc { text-align: center; }\r\n.tier_five .btns { text-align: center; }\r\n.tier_five .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }\r\n\r\n.noparallax { background-attachment: inherit !important; background-size: cover !important; background-position-y: 0 !important; }\r\n\r\n.mob_serv_list { width:98%; margin:0 1%; text-align: center; }\r\n.mob_serv_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }\r\n\r\n.cap_list { width:98%; margin:0 1%; text-align: center; }\r\n.cap_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }\r\n\r\n.int_map .int_loc_map .loc { display: none; }\r\n.int_map .qualities { margin: -110px 0 0 0; }\r\n.int_map .qualities .box { margin:20px 0 0 0; }\r\n\r\n.pg_mob_features .box { margin:0 0 30px 0; }\r\n\r\n.exp_mobi .experties .col { width:49.3%; margin:0 0 30px 0; }\r\n\r\n.cont_integration { background: url(\"..\/img\/cont_integration_mobile_bg.jpg\"); background-attachment: inherit; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }\r\n\r\n.forrest_form .dtitle { font-size: 30px !important; }\r\n\r\n.sexy_wheel { box-shadow: 0 0 0 8px rgba(255,255,255,0.2), 0 0 0 16px rgba(255,255,255,0.2); }\r\n\r\n.slice label { font-size: 10px; line-height: 4.5; }\r\n.unsel label { background-size: 87%; }\r\n\r\n.current .name { font-size: 12px; line-height: 3; }\r\n\r\n.mobopt .svg { top:15%; }\r\n.current.mobopt .svg { top:11%; }\r\n.current .svg { width:45px; top:14%; }\r\n.current .svg svg { width:45px !important; }\r\n\r\n.moreinfo { display: none; }\r\n\r\n.circle .arrow { width:28px; height:17px; }\r\n.circle .arrow1 { top: 5%; left: 31%; transform: rotate(-21deg); -webkit-transform: rotate(-21deg); -moz-transform: rotate(-21deg); -ms-transform: rotate(-21deg); -o-transform: rotate(-21deg); }\r\n.circle .arrow2 { top:22% ; right: 8%; transform: rotate(57deg); -webkit-transform: rotate(57deg); -moz-transform: rotate(57deg); -ms-transform: rotate(57deg); -o-transform: rotate(57deg); }\r\n.circle .arrow3 {top: 73%; right: 10%; transform: rotate(129deg); -webkit-transform: rotate(129deg); -moz-transform: rotate(129deg); -ms-transform: rotate(129deg); -o-transform: rotate(129deg); }\r\n.circle .arrow4 {top: 89%; left: 32%; transform: rotate(197deg); -webkit-transform: rotate(197deg); -moz-transform: rotate(197deg); -ms-transform: rotate(197deg); -o-transform: rotate(197deg); }\r\n.circle .arrow5 {top: 47%; left: 2%; transform: rotate(-92deg); -webkit-transform: rotate(-92deg); -moz-transform: rotate(-92deg); -ms-transform: rotate(-92deg); -o-transform: rotate(-92deg); }\r\n\r\n.yourefforts.backgrounded { padding-bottom: 0 !important; }\r\n.yourefforts .platforms .clients .col { width:49% !important }\r\n.yourefforts .platforms .clients .col .img { height: 60px; }\r\n\r\n.innovators { margin:0 !important; }\r\n.innovators .box { margin: 0 0 40px 0; }\r\n\r\n.circular_nav { max-width: 340px; }\r\n.circular_nav .nav .center { width:100px; height:100px; }\r\n.circular_nav .node { height: 60px !important; }\r\n.circular_nav .nav .node:after { width:22%; right:40%; }\r\n.circular_nav .node .cnav { width:60px !important; height:60px !important; }\r\n.circular_nav .node .cnav .svg { margin: 0; }\r\n.circular_nav .node .cnav .name { display: none; } \r\n\r\n.circular_nav .nav .center .sm { font-size: 12px; }\r\n.circular_nav .nav .center .lg { font-size: 16px; }\r\n\r\n.circular_nav .popover { max-width: 170px !important; min-width: 150px; width:100%; }\r\n\r\n.awardnote { background-position:100% 0; }\r\n\r\n.mobstra .svg { transform: translate(-51%,-10%) rotate(51deg); -webkit-transform: translate(-51%,-10%) rotate(51deg); -moz-transform: translate(-51%,-10%) rotate(51deg); -ms-transform: translate(-51%,-10%) rotate(51deg); -o-transform: translate(-51%,-10%) rotate(51deg); }\r\n.mobtest .svg { transform: translate(-40%,-24%) rotate(-90deg); -webkit-transform: translate(-40%,-24%) rotate(-90deg); -moz-transform: translate(-40%,-24%) rotate(-90deg); -ms-transform: translate(-40%,-24%) rotate(-90deg); -o-transform: translate(-40%,-24%) rotate(-90deg); }\r\n.mobauto .svg { transform: translate(-50%,-10%) rotate(-164deg); -webkit-transform: translate(-50%,-10%) rotate(-164deg); -moz-transform: translate(-50%,-10%) rotate(-164deg); -ms-transform: translate(-50%,-10%) rotate(-164deg); -o-transform: translate(-50%,-10%) rotate(-164deg); }\r\n.mobopt .svg { transform:translate(-50%,25%) rotate(124deg); -webkit-transform:translate(-50%,25%) rotate(124deg); -moz-transform:translate(-50%,25%) rotate(124deg); -ms-transform:translate(-50%,25%) rotate(124deg); -o-transform:translate(-50%,25%) rotate(124deg); }\r\n\r\n.current.mobstra .svg { transform: translate(-50%,20%) rotate(51deg); -webkit-transform: translate(-50%,20%) rotate(51deg); -moz-transform: translate(-50%,20%) rotate(51deg); -ms-transform: translate(-50%,20%) rotate(51deg); -o-transform: translate(-50%,20%) rotate(51deg); }\r\n.current.mobdev .svg { transform:translate(-60%,20%) rotate(-20deg); -webkit-transform:translate(-60%,20%) rotate(-20deg); -moz-transform:translate(-60%,20%) rotate(-20deg); -ms-transform:translate(-60%,20%) rotate(-20deg); -o-transform:translate(-60%,20%) rotate(-20deg); }\r\n.current.mobtest .svg { transform: translate(-50%,20%) rotate(-90deg); -webkit-transform: translate(-50%,20%) rotate(-90deg); -moz-transform: translate(-50%,20%) rotate(-90deg); -ms-transform: translate(-50%,20%) rotate(-90deg); -o-transform: translate(-50%,20%) rotate(-90deg); }\r\n.current.mobauto .svg { transform: translate(-53%,20%) rotate(-164deg); -webkit-transform: translate(-53%,20%) rotate(-164deg); -moz-transform: translate(-53%,20%) rotate(-164deg); -ms-transform: translate(-53%,20%) rotate(-164deg); -o-transform: translate(-53%,20%) rotate(-164deg); }\r\n.current.mobopt .svg { transform:translate(-50%,40%) rotate(124deg); -webkit-transform:translate(-50%,40%) rotate(124deg); -moz-transform:translate(-50%,40%) rotate(124deg); -ms-transform:translate(-50%,40%) rotate(124deg); -o-transform:translate(-50%,40%) rotate(124deg); }\r\n\r\n.slice #ms_name .svg { height:20px; }\r\n.slice #ms_dev .svg { height:24px; }\r\n.slice #ms_test .svg { height:18px; }\r\n.slice #ms_auto .svg { height:16px; }\r\n.slice #ms_opti .svg { height:16px; }\r\n\r\n.slice.current #ms_name .svg { height:18px; transform: translate(-50%,-130%) rotate(0deg); -webkit-transform: translate(-50%,-130%) rotate(0deg); -moz-transform: translate(-50%,-130%) rotate(0deg); -ms-transform: translate(-50%,-130%) rotate(0deg); -o-transform: translate(-50%,-130%) rotate(0deg); }\r\n.slice.current #ms_dev .svg { height:22px; transform: translate(-50%,-110%) rotate(0deg); -webkit-transform: translate(-50%,-110%) rotate(0deg); -moz-transform: translate(-50%,-110%) rotate(0deg); -ms-transform: translate(-50%,-110%) rotate(0deg); -o-transform: translate(-50%,-110%) rotate(0deg); }\r\n.slice.current #ms_test .svg { height:20px; transform: translate(-50%,-180%) rotate(0deg); -webkit-transform: translate(-50%,-180%) rotate(0deg); -moz-transform: translate(-50%,-180%) rotate(0deg); -ms-transform: translate(-50%,-180%) rotate(0deg); -o-transform: translate(-50%,-180%) rotate(0deg); }\r\n.slice.current #ms_auto .svg { height:15px; transform: translate(-50%,-180%) rotate(0deg); -webkit-transform: translate(-50%,-180%) rotate(0deg); -moz-transform: translate(-50%,-180%) rotate(0deg); -ms-transform: translate(-50%,-180%) rotate(0deg); -o-transform: translate(-50%,-180%) rotate(0deg); }\r\n.slice.current #ms_opti .svg { height:15px; transform: translate(-50%,-180%) rotate(0deg); -webkit-transform: translate(-50%,-180%) rotate(0deg); -moz-transform: translate(-50%,-180%) rotate(0deg); -ms-transform: translate(-50%,-180%) rotate(0deg); -o-transform: translate(-50%,-180%) rotate(0deg); }\r\n\r\n.nice_title .box { font-size: 15px; }\r\n.nice_title.orange .box:before { border:16px solid #F67107; }\r\n.nice_title.orange .box:after { border:16px solid #F67107; }\r\n.nice_title.yellow .box:before { border:16px solid #faa224; }\r\n.nice_title.yellow .box:after { border:16px solid #faa224; }\r\n.nice_title.green .box:before { border:16px solid #b4c860; }\r\n.nice_title.green .box:after { border:16px solid #b4c860; }\r\n\r\n.isapproach .subtext { font-size: 18px !important; line-height: 140% !important; text-align: center !important; margin: 0 0 30px 0; }\r\n\r\n.static_banner.bnabout .desc img { max-height: 80px; }\r\n.static_banner.bnabout .desc p { font-size: 16px; line-height: 140%; }\r\n\r\n.pg_globalinfra .threepoints { margin: 0; }\r\n.pg_globalinfra .threepoints .box { margin:0 0 20px 0; font-size: 18px; }\r\n\r\n.pg_globalinfra .fivepoints { margin: 0; }\r\n.pg_globalinfra .fivepoints .box { width:32%; }\r\n\r\n.pg_mapbox .mapbox { margin:0; display: block; }\r\n.pg_mapbox .mapbox .loc_map img { margin:0 0 70px 0; }\r\n.pg_mapbox .mapbox .loc { display: none; width: 4px; height: 4px; border: 0; box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 1px #ffffff; -moz-box-shadow: 0 0 1px #fff; -ms-box-shadow: 0 0 1px #fff; -o-box-shadow: 0 0 1px #fff; background: #fff; }\r\n\r\n.s_locations { display: none; width: 100%; float: left; z-index: 100; position: relative; margin: -120px 0 -80px 0; background: url(..\/img\/img_map.png) no-repeat 50% 0%; background-size: 100%; height: 450px; }\r\n.s_locations .panel { display: none; width:100%; float:left; margin: 0 0 10px 0; }\r\n.s_locations .panel-heading { width:100%; float:left; background: rgba(255,255,255,0.1); }\r\n.s_locations .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }\r\n.s_locations .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }\r\n.s_locations .panel-heading .panel-title a .arrow { float:right; }\r\n.s_locations .panel-heading .panel-title a .arrow .fa { font-size:30px; color:#fff; }\r\n.s_locations .panel-heading .panel-title a.collapsed .arrow .fa:before { content:\"\\f107\"; }\r\n\r\n.s_locations .panel-collapse { width:100%; float:left; }\r\n.s_locations .panel-body { width:100%; float:left; background:rgba(255,255,255,1); padding: 10px; color:#333; }\r\n\r\n.celebration .box { width:100%; margin:0 0 10px 0; }\r\n.celebration .box .img { width:100%; background-size: cover !important; }\r\n.celebration .box.type2 { width:98%; margin: 1%; }\r\n\r\n.pg_form { background-position: 50% 0 !important; }\r\n.pg_form .title { text-align: center; }\r\n.pg_form p { text-align: center; }\r\n\r\n.m-text-center { text-align: center; }\r\n\r\n\/*#fancybox-wrap{ max-width:80% !important; }*\/\r\n#fancybox-close { display: block !important; }\r\n\r\n.pg_historytimeline { display: none; }\r\n\r\n.joinus-tabs .bycategory .panel-heading { padding: 10px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title { padding: 0; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .ic { width:30px; height: 30px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .ic svg { width:30px; height: 30px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .name { max-width: 200px; }\r\n.joinus-tabs .bycategory .panel-heading .panel-title a .title { width:100%; font-size: 14px; line-height: 16px; text-oveflow:ellipses; overflow: hidden; white-space: nowrap; }\r\n\r\n.joinus-tabs .bycategory .panel-body .joblist li .vacancy { width:100%; margin: 0 0 5px 0; }\r\n\r\n.inspirepoints .activity { width:49.5%; margin: 0 0 40px 0; }\r\n.inspirepoints .activity .img { height: 80px; }\r\n\r\n.static_banner.toolsandplatform .desc .mid { display: inline-block; max-width: 90%; text-align: center; }\r\n.static_banner.toolsandplatform .desc h2 { font-size: 34px; }\r\n\r\n.corevalues .img { max-width:360px; max-height: 200px; }\r\n\r\n.div1 .ri-grid ul li a { border:5px solid #fff; }\r\n.div2 .ri-grid ul li a { border:5px solid #fff; }\r\n.div3 .ri-grid ul li a { border:5px solid #fff; }\r\n.div4 .ri-grid ul li a { border:5px solid #fff; }\r\n.div5 .ri-grid ul li a { border:5px solid #fff; }\r\n.div6 .ri-grid ul li a { border:5px solid #fff; }\r\n.div7 .ri-grid ul li a { border:5px solid #fff; }\r\n\r\n.tabscontainer .tabscont .tb .btn_center { margin-top: 20px; display: inline-block; }\r\n\r\n.synchro_new .backgrounded.qmetry_7 { padding:20px 0 40px 0 !important; }\r\n.qmetry_7 .bx-wrapper .bx-pager { bottom:10px !important; }\r\n.qmetry_7 ._cite { width:100% !important; }\r\n.customer_slider .testimonial { font-size: 20px !important; }\r\n\r\n.product_form .col-xs-12 { text-align: center; }\r\n\r\n.corevalues { text-align:center; }\r\n\r\n.job-popup .header { text-align: center; }\r\n.job-popup .header .left { width:100%; display: inline-block; margin: 0 0 20px 0; }\r\n.job-popup .header .right { width:100%; display: inline-block; margin:0 0 20px 0; }\r\n.job-popup .header .right .btn { float: none; }\r\n.jobdetails .jobtitle { text-align: center; font-size: 20px; }\r\n.jobdetails .jobcode { text-align: center; }\r\n.jobdetails .joblocation { float: right; }\r\n.jobfooter .left {width: 100%; display: inline-block;vertical-align: top;}\r\n.jobfooter .left ul { text-align: center; width:100%; }\r\n.jobfooter .left ul li { display: inline-block; float: none; }\r\n.jobfooter .right { width: 100%; display: inline-block; }\r\n.jobfooter .menu-footer-menu-in-bottom-container { float: none; display: inline-block; }\r\n.jobfooter .menu-footer-menu-in-bottom-container ul { float: none; display: inline-block; text-align: center; }\r\n\r\n.frm_getInTouch { text-align: center; }\r\n#frm_contact { max-width: 485px; }\r\n\r\n.static_banner.qmetrymobile { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n.static_banner.qmetrttestmanager { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n.static_banner.qas { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n.static_banner.attesto { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }\r\n\r\n.home-sec-one .pl0 { padding-left: 15px !important; }\r\n\r\n.o_locations .box .img { height: 180px; background-size: 96%; }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n.nodesktop { display: none !important; }\r\nheader .navbar .brand { margin-left: 15px; }\r\n.menu_mobile { padding-left: 15px !important; }\r\n.left-con-menu { padding:10px 10px 10px 25px !important; }\r\n\r\n.events-tabs .bx-wrapper { max-width: 620px !important; }\r\n\/*.moresuccess .bx-wrapper { max-width: 620px !important; }*\/\r\n.cust-tabs .bx-wrapper { max-width: 620px !important; }\r\n.gets-tabs .bx-wrapper { max-width: 620px !important; }\r\n\r\n.navbar-fixed-top { margin-bottom: 0 !important; }\r\n.container { width: 100% !important; padding: 0 15px; }\r\n.search-bar .container { padding: 50px 0; }\r\n.container.container_relative { padding: 10px 0px 10px 0px !important; }\r\n.container.container_relative.container_social { padding: 0 !important; }\r\n.homeslider .container { padding: 0 !important; }\r\n.homesliders .bx-viewport { height: 380px !important; }\r\n.sbanner { height: 380px; }\r\n.sbanner .slide { height: 380px; margin-top:0; }\r\n\/*.sbanner .slide.bx-clone { margin-top: -71px !important; }*\/\r\n.sbanner .slide .desc { width: 500px; }\r\n.synchro_new .homeslider.backgrounded { padding: 0 !important; }\r\n\r\n.cust_3 .slide p { text-align: center !important; }\r\n.home-2-page .aboutpg p { font-size:24px !important; }\r\n.aboutpg p { font-size: 16px !important; }\r\n.aboutpg .ul_container1,  .aboutpg .ul_container2,  .aboutpg .ul_container3 { padding: 0; }\r\n.aboutpg .row-fluid { margin: 0; }\r\n.aboutpg .row-fluid p { font-size: 16px !important; }\r\n.home-2-page .aboutpg { background: url(..\/img\/home_about_bg2.jpg) no-repeat 50% -2500px; }\r\n.aboutpg { background: url(..\/img\/abt_bg_ipad.jpg) no-repeat 50% -300px; }\r\n.cust_2 { background-position: 50% -750px; }\r\n.mjourney .box h3 { width: 100%; font-size: 16px; }\r\n.mjourney .box .ic { float: none; margin: 0 auto; }\r\n.mjourney .box.aug { margin-top: 0; }\r\n.mjourney .box.mob { margin-top: 0; }\r\n.mjourney .box.eff { margin-top: 0; }\r\n.mjourney .box.exc { margin-top: 0; }\r\n.mjourney .box ul { margin: 10px 0 40px 20px; }\r\n.synchro_new .backgrounded { padding: 30px 0 !important; }\r\n.dtitle { font-size: 30px !important; line-height: 120% !important; }\r\nfooter .copyright li { margin: 0 4px; }\r\n.home-core-offering { text-align: center; }\r\n.home-core-offering .span3m { width: 49%; float: none; display: inline-block; margin: 0 0 30px 0; }\r\n\r\ndiv#product_footerlink h3 { margin:30px 0 0 0; }\r\ndiv#product_footerlink ul { margin: 0; }\r\n\r\n.services .service-box { height: 160px; }\r\n.services h3 { font-size: 20px; }\r\n.home-core-offering .md_if_font { margin-bottom: 0; }\r\n.md_if_font p { min-height: 1px; }\r\n.small_header h2 { font-size: 30px !important; text-align: center; }\r\n.small_header p { font-size: 20px; }\r\n\r\n.videomsg .video .img { width: 170px; height: 170px; }\r\n.videomsg .video .img .imgin { width: 170px; height: 170px; }\r\n\r\n.testi_slider .video { width:40%; }\r\n.testi_slider .quote { width:54%; margin:0; }\r\n.testi_slider .video .img { width: 220px; height: 220px; margin-top: 70px; }\r\n.testi_slider .video .img .imgin { width: 220px; height: 220px; }\r\n\r\n.newsnevent .box .img { max-height: 145px; }\r\n\r\n.ftr_newsletter { overflow: hidden; width:100%; float:left; }\r\n.ftr_newsletter iframe { max-width: 220px; width: 220px; }\r\niframe#partner_form { height: 740px !important; }\r\n\/*.new_part_four div.row-fluid .box { height: auto !important; }*\/\r\n.footermar .col { width: 25%; }\r\n\r\n.requesttrial .box { margin-top: 30px; }\r\n.checkmarks { margin-bottom: 0; }\r\nul.qvsexcel { max-width: 64%; }\r\n\r\n.sbanner .slide .desc h2 { font-size: 28px; }\r\n.sbanner .slide.slide2 { background-position: 50% 0; }\r\n\r\n.moresuccess .bx-wrapper { max-width: 620px !important; }\r\n.mobi_init .bx-wrapper { max-width: 620px !important; }\r\n.marketleaders .bx-wrapper { max-width: 620px !important; }\r\n.mobijourney .bx-wrapper { max-width: 620px !important; }\r\n\r\n.helpindus .bx-wrapper { max-width: 620px !important; }\r\n\r\n.mobispec .exppoints .col { width:32.5%; display: inline-block; float: none; vertical-align: top; margin: 0 0 20px 0; }\r\n\r\n.static_banner { height: 300px; }\r\n.static_banner .desc h2 { font-size: 32px; }\r\n.awardnote { height: 200px; }\r\n.static_banner.qmetrymobile { background-position:50% 0px !important; background-size: cover !important; }\r\n\r\n.capabilitypg { background-position: 50% 0 !important; background-attachment: inherit; }\r\n.home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit !important; }\r\n.home-2-page .backgrounded.cust_sayings { background-position: 50% 0 !important; background-attachment: inherit; }\r\n\r\n.methodology .box { padding:0; }\r\n\r\n.contact_pg .cdetails { margin: 0 0 40px 0; }\r\n.contact_pg .cdetails .details { margin: 0; }\r\n\r\n.yourefforts.backgrounded { padding-bottom: 0 !important; }\r\n\r\n.tier_one .btn { font-size: 16px; }\r\n.tier_two .btn { font-size: 16px; }\r\n.tier_three .btn { font-size: 16px; }\r\n.tier_four .btn { font-size: 16px; }\r\n.tier_five .btn { font-size: 16px; }\r\n\r\n.bestpractice .box .title { font-size: 18px; }\r\n.aboutpg .row-fluid h4 { font-size: 18px; }\r\n.cust_sayings .testimonial { font-size: 18px !important; }\r\n\r\n.mob_serv_list { width:98%; margin:0 1%; text-align: center; }\r\n.mob_serv_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }\r\n\r\n.cap_list { width:98%; margin:0 1%; text-align: center; }\r\n.cap_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }\r\n\r\n.yourefforts .platforms .clients .col { width:31% !important; }\r\n\r\n.exp_mobi .experties .col { width:32.3%; margin:0 0 30px 0; }\r\n\r\n.int_map .qualities { margin: -150px 0 0 0; }\r\n.int_map .qualities .box { margin:20px 0 0 0; }\r\n\r\n.strat_mobi .strat .decs { padding: 0 10px; }\r\n\r\n.moreinfo { display: none; }\r\n\r\n.innovators { margin:0 !important; }\r\n.innovators .box { margin: 0 0 40px 0; }\r\n\r\n.int_map .int_loc_map { margin:-90px 0 0 0; }\r\n.int_map .int_loc_map .loc { display: block; width: 4px; height: 4px; border: 0; box-shadow: 0 0 0 #f67107; -webkit-box-shadow: 0 0 1px #f67107; -moz-box-shadow: 0 0 1px #f67107; -ms-box-shadow: 0 0 1px #f67107; -o-box-shadow: 0 0 1px #f67107; background: #f67107;  }\r\n\r\n.static_banner.bnabout { height: 400px !important; }\r\n.static_banner.bnabout .desc img { max-height: 80px; }\r\n.static_banner.bnabout .desc p { max-width: 630px !important; font-size: 16px; }\r\n\r\n.leaderteam .box { margin: 0 0 30px 0; }\r\n.leaderteam .box .name { font-size: 16px; }\r\n.leaderteam .box .designation { font-size: 14px; }\r\n\r\n.pg_globalinfra .threepoints { margin: 30px 0; }\r\n.pg_globalinfra .threepoints .box { font-size: 18px; }\r\n\r\n.pg_globalinfra .fivepoints { margin: 0; }\r\n.pg_globalinfra .fivepoints .box { width:31%; }\r\n\r\n.loc_map_details { display: none; }\r\n.pg_mapbox .mapbox .loc { display: none; }\r\n\r\n\/*.mapbox { display: none; }*\/\r\n.pg_mapbox .mapbox { margin:10px 0 -80px 0; display: block; }\r\n.pg_mapbox .mapbox .loc_map img { margin:0; }\r\n.pg_mapbox .mapbox .loc { display: none; width: 4px; height: 4px; border: 0; box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 1px #ffffff; -moz-box-shadow: 0 0 1px #fff; -ms-box-shadow: 0 0 1px #fff; -o-box-shadow: 0 0 1px #fff; background: #fff; }\r\n\r\n.s_locations { display: none; width: 100%; float: left; z-index: 100; position: relative; margin: -120px 0 -80px 0; background: url(..\/img\/img_map.png) no-repeat 50% 0%; background-size: 100%; height: 450px; }\r\n.s_locations .panel { display: none; width:100%; float:left; margin: 0 0 10px 0; }\r\n.s_locations .panel-heading { width:100%; float:left; background: rgba(255,255,255,0.1); }\r\n.s_locations .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }\r\n.s_locations .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }\r\n.s_locations .panel-heading .panel-title a .arrow { float:right; }\r\n.s_locations .panel-heading .panel-title a .arrow .fa { font-size:30px; color:#fff; }\r\n.s_locations .panel-heading .panel-title a.collapsed .arrow .fa:before { content:\"\\f107\"; }\r\n\r\n.s_locations .panel-collapse { width:100%; float:left; }\r\n.s_locations .panel-body { width:100%; float:left; background:rgba(255,255,255,1); padding: 10px; color:#333; }\r\n\r\n.celebration .box { width:100%; margin:0 0 10px 0; }\r\n.celebration .box .img { width:100%; background-size: cover !important; }\r\n.celebration .box.type2 { width:98%; margin: 1%; }\r\n\r\n.m-text-center { text-align: center; }\r\n\r\n.pg_historytimeline { display: none; }\r\n.pg_career_benefits { background-position: 50% 0 !important; }\r\n\r\n.inspirepoints .activity { width:32%; margin: 0 0 40px 0; }\r\n.inspirepoints .activity .img { height: 80px; }\r\n\r\n.pg_gopalces { background-position: 50% 0 !important; background-size: cover !important; background-attachment: inherit !important; }    \r\n\r\n.corevalues .img { max-height: 145px; }\r\n\r\n.tabscontainer .tabnav .t { padding:10px 15px; }\r\n.tabscontainer .tabnav .t a span { font-size: 16px; width: 75%; }\r\n\r\n#whitepaper_1 { height: 375px; }\r\n\r\n.qas_3 { text-align: center; }\r\n.qas_3 .features-text { text-align: left; }\r\n\r\n.o_locations .box .img { height: 200px; background-size: 96%; }\r\n\r\n}\r\n@media (min-width:768px) and (max-width: 768px){\r\n.nomobile { display: none !important; }\r\n.nodesktop { display: block !important; }\r\n\r\n.resp_title { display: none !important; }\r\n.get-result-tab { display: table !important; }\r\n\r\n.nice_title .box { padding: 5px 0 6px 0; }\r\n.closertocode .arrow_img .svg { max-height: 380px !important; }\r\n.closertocode .graph_pair .svg.graph { width:100%; max-height: 500px; }\r\n}\r\n@media (min-width: 1025px) and (max-width: 1220px) {\r\n.nodesktop { display: none !important; }\r\n.container { width: 100% !important; padding: 0 15px; }\r\n.search-bar .container { padding: 50px 0; }\r\nheader .navbar .brand { margin-left: 15px; }\r\n.container.container_relative { padding: 10px 0px 10px 0px !important; }\r\n.container.container_relative.container_social { padding: 0 !important; }\r\n.homesliders .container { padding: 0 !important; }\r\n.homesliders .bx-viewport { \/*height: 410px !important;*\/ }\r\n.homesliders .sbanner .slide { height: 500px; }\r\n.synchro_new .homeslider.backgrounded { padding: 0 !important; }\r\n\r\n.tier_one .btn { font-size: 16px; }\r\n.tier_two .btn { font-size: 16px; }\r\n.tier_three .btn { font-size: 16px; }\r\n.tier_four .btn { font-size: 16px; }\r\n.tier_five .btn { font-size: 16px; }\r\n\r\n.loc_map_details { max-width:600px; }\r\n.loc_map_details .infobox .detail .title { font-size: 18px; }\r\n.loc_map_details .infobox .detail .role { font-size: 14px; }\r\n.loc_map_details .infobox .detail .desc { font-size: 14px; }\r\n\r\n.loc_map_details .infobox .redirect a i { font-size: 20px; }\r\n\r\n}\r\n@media (min-width: 1200px) {\r\n.nodesktop { display: none !important; }\r\n\r\n}\r\n@media (min-width: 1400px) {\r\n\/*.sbanner .slide.bx-clone { margin-top: -55px !important; }*\/\r\n\r\n.sbanner .slide.slide2 { background-position: 50% 0 !important; }\r\n.sbanner .slide.slide2 { background-position: 50% -200px !important; }\r\n.sbanner .slide.slide3 { background-position: 50% -50px !important; }\r\n}\r\n@media (min-width: 1025px) and (max-width: 1400px) {\r\n.sbanner .slide { background-position: 60% 0 !important; }\r\n.static_banner.qmetrymobile { background-position:50% 90px !important; }\r\n}\r\n\r\n@media (min-width: 480px) and (max-width: 767px){\r\n.newsnevent .box .desc { height: auto !important; }\r\n.mobile-application-development-page .defaultimg { background-position: 65% 0 !important; }\r\n.mobile-testing-page .defaultimg { background-position: 65% 0 !important; }\r\n.mobile-business-optimization-page .defaultimg { background-position: 65% 0 !important; }\r\n.enterprise-qa-page .defaultimg { background-position: 65% 0 !important; }\r\n.wearable-technologies-page .defaultimg { background-position: 65% 0 !important; }\r\n\r\n.tp-caption.black_mobile1 .we_title { font-size: 26px !important; }\r\n.homesliders .bx-viewport { height: 360px !important; }\r\n\r\n.entstack { background-position: 50% 400px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n.home-enable .headline { font-size: 24px !important; text-align: center !important; }\r\n.lblog .box .readmore { float: none; }\r\n.newsnevent .box .desc { height: auto !important; }\r\n.mobile-enablement-page .f.headline { font-size: 20px; }\r\n.factory { min-height: 80px; }\r\n.factory img { max-height: 70px; }\r\n.mobile-application-development-page .defaultimg { background-position: 70% 0 !important; }\r\n.mobile-testing-page .defaultimg { background-position: 70% 0 !important; }\r\n.mobile-business-optimization-page .defaultimg { background-position: 70% 0 !important; }\r\n.enterprise-qa-page .defaultimg { background-position: 70% 0 !important; }\r\n.wearable-technologies-page .defaultimg { background-position: 70% 0 !important; }\r\n\r\n.tp-caption.black_mobile1 { left: 10px !important; }\r\n.tp-caption.black_mobile3 { left: 10px !important; }\r\n\r\n.tp-caption.black_mobile1 .we_title { font-size: 20px !important; }\r\n\r\na.tools_orange, a.tools_white { width:100%; text-align: center; margin:10px 0 !important; }\r\n.tools_2 a.tools_orange, .tools_3 a.tools_orange { width:100%; text-align: center; margin:10px 0 !important; }\r\n.tools_2 a.tools_white, .tools_3 a.tools_white { width:100%; text-align: center; margin:10px 0 !important; }\r\n\r\n.ftr_newsletter iframe { max-width: 220px; float: none; display: inline-block; }\r\nheader .navbar .brand { margin-left: 15px; }\r\n\r\n.entstack { background-position: 50% 400px; }\r\n}\r\n\r\n.webinar .fluid-width-video-wrapper { display: none; }\r\n\r\n.backgrounded.fastFadeFromTop.cust_sayings { background: url(\"http:\/\/demo.weborion.in\/infostretch\/wp-content\/uploads\/2015\/08\/what_our_customers_saying_img.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% -1000px; background-size: cover; } \r\n.customers-page .backgrounded.fastFadeFromTop.cust_sayings1 { background: url(\"http:\/\/demo.weborion.in\/infostretch\/wp-content\/uploads\/2015\/08\/what_our_customers_saying_img.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0px; background-size: cover; }\r\n.cust_sayings .client_logo { text-align:center; }\r\n.cust_sayings1 .client_logo { text-align:center; }\r\n\r\na.cust-more-btn-new { display:block;  text-align:center; margin: 70px auto 0;  background-color: transparent; border: 1px solid #f67107; width: 200px; padding: 13.5px 0; border-radius: 3px; color: #f67107; font-size: 18px;  }\r\na:hover.cust-more-btn-new{     background-color: #f67107; color:#fff;}\r\na:hover.cust-more-btn{background-color: #f67107; color:#fff;}\r\na.cust-more-btn-new1 { display:inline-block; text-align:center; margin: 70px auto 0;  background-color: transparent; border: 1px solid #f67107; width: 200px; padding: 13.5px 0; border-radius: 3px; color: #f67107; font-size: 18px;  }\r\na:hover.cust-more-btn-new1{ background-color: #f67107; color:#fff;}\r\n\r\n.cust_sayings .testimonial {border: none;z-index: 1;box-sizing: border-box; color: #000;font-size:22px;font-weight: 300;letter-spacing: -.04em;line-height: 1.5em;margin: 0 auto 15px;position: relative;text-align: center;width: 80%; padding:10px;}\r\n.cust_sayings .testimonial:after {background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat 0 -50px;content:\"\";bottom: 0px;height: 50px;overflow: hidden;position: absolute;right: -33px;width: 50px;}\r\n.cust_sayings .testimonial:before {background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat;content:\"\";left: -35px;overflow: hidden;position: absolute;top: 5px;width: 50px;height: 50px;}\r\n.cust_sayings ._cite { width:100%; float:left; }\r\n\r\n.cust_sayings1 .testimonial {border: none;z-index: 1;box-sizing: border-box; color: #000;font-size:22px;font-weight: 300;letter-spacing: -.04em;line-height: 1.5em;margin: 0 auto 15px;position: relative;text-align: center;width: 80%; padding:10px;}\r\n.cust_sayings1 .testimonial:after {background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat 0 -50px;content:\"\";bottom: 0px;height: 50px;overflow: hidden;position: absolute;right: -33px;width: 50px;}\r\n.cust_sayings1 .testimonial:before {background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat;content:\"\";left: -35px;overflow: hidden;position: absolute;top: 5px;width: 50px;height: 50px;}\r\n.cust_sayings1 ._cite { width:100%; float:left; }\r\n\r\n.qmetry_7 { padding: 30px 0 60px 0 !important; }\r\n.qmetry_7 .bx-wrapper { width:100%; float:left; }\r\n\/*.qmetry_7 .bx-wrapper .bx-pager { left:0; bottom: 30px; }*\/\r\n.customer_slider .testimonial {border: none;z-index: 1;box-sizing: border-box; color: #000;font-size:26px;font-weight: 300;letter-spacing: -.04em;line-height: 1.5em;margin: 0 auto 15px;position: relative;text-align: center;width: 80%; padding:10px;}\r\n.customer_slider .testimonial:after {background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat 0 -50px;content:\"\";bottom: 0px;height: 50px;overflow: hidden;position: absolute;right: -33px;width: 50px;}\r\n.customer_slider .testimonial:before {background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat;content:\"\";left: -35px;overflow: hidden;position: absolute;top: 5px;width: 50px;height: 50px;}\r\n.customer_slider ._cite { width:100%; float:left; }\r\n.customer_slider .person-name{ font-size:16px; color:#000000; }\r\n.customer_slider .designationtxt{ font-size:14px; color:#666666; }\r\n.customer_slider .get-started-imp{ font-size: 12px; color: #999; padding-top:5px; }\r\n.customer_slider .cname { font-style: italic; color: #f67107; font-size: 14px; line-height: 130%; margin: 0; font-weight: 400; text-align: center; }\r\n\r\n.para-title{ font-size: 31.5px; text-align:center; margin-top:57px;}\r\n.para-title h2{ color:#666;}\r\n.para-title span{ color:#ff7302;}\r\n.hover_icon_fsize{ font-size:28px;}\r\n.info_get_ruselt{ padding: 30px 0px;}\r\n.info_get_ruselt h2{ color:#666;}\r\n.info_get_ruselt span{ color:#ff7302;}\r\n.cust_sayings .bx-wrapper .bx-pager.bx-default-pager a{ background:#dfdfdf;}\r\n.cust_sayings1 .bx-wrapper .bx-pager.bx-default-pager a{ background:#dfdfdf;}\r\n.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {     background: #f67107 !important;}\r\n\r\n.p-0{ padding:0px !important; }\r\n\r\n#infostretchgetsResults ul.get-result-tab{ text-align: center; margin: 0 auto; width: 100%; max-width: 800px !important; display: table; }\r\n#infostretchgetsResults ul.get-result-tab { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }\r\n#infostretchgetsResults ul{background-color:#fafafa; border-radius:16px; padding: 0px 15px;}\r\n#infostretchgetsResults ul.get-result-tab li {border:none;padding: 0;min-height: 1px;margin: 0;border-left: none;float: none;display: inline-block;min-width: 95px; display: table-cell;  }\r\n#infostretchgetsResults ul.get-result-tab li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}\r\n#infostretchgetsResults ul.get-result-tab li a:hover, .cust-tabs .nav-tabs li a:focus, .cust-tabs .nav-tabs li a.ui-tabs-active{transition:none;box-shadow: none !important;background-color: transparent;}\r\n#infostretchgetsResults ul.get-result-tab li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}\r\n#infostretchgetsResults ul.get-result-tab li a i{color: #9da1a5; font-size: 16px; }\r\n#infostretchgetsResults ul.get-result-tab li.ui-tabs-active {background-color: #fafafa;}\r\n#infostretchgetsResults ul.get-result-tab li.ui-tabs-active  a span{color:#f67107;}\r\n#infostretchgetsResults ul.get-result-tab li.ui-tabs-active  a i{color:#f67107;}\r\n#infostretchgetsResults ul.get-result-tabli a:hover span {color: #f67107;}\r\n#infostretchgetsResults ul.get-result-tab li a:hover i {color: #f67107;}\r\n#infostretchgetsResults ul.get-result-tab li.first{}\r\n#infostretchgetsResults ul.get-result-tab li.last{border-radius: 0 5px 5px 0;}\r\n#infostretchgetsResults .slide .box {text-align:center;}\r\n#infostretchgetsResults .slide .box img{ text-align:center; width:auto; height:90px; margin-bottom:20px; } \r\n#infostretchgetsResults .slide .box a{ color:#f67107;} \r\n#infostretchgetsResults .bx-wrapper .bx-next {    right: -50px !important;}\r\n#infostretchgetsResults .bx-wrapper .bx-prev { left: -50px !important; }\r\n#infostretchgetsResults .resp_title a { width:100%; float:left; }\r\n#infostretchgetsResults .resp_title a.activelink i:before { content:\"\\f077\"; }\r\n\r\n#tabs_new ul.get-result-tab{ text-align: center; margin: 0 auto; width: 100%; max-width: 800px !important; display: table; }\r\n#tabs_new ul.get-result-tab { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }\r\n#tabs_new ul{background-color:#fafafa; border-radius:16px; padding: 0px 15px;}\r\n#tabs_new ul.get-result-tab li {border:none;padding: 0;min-height: 1px;margin: 0;border-left: none;float: none;display: inline-block;min-width: 95px; display: table-cell;  }\r\n#tabs_new ul.get-result-tab li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}\r\n#tabs_new ul.get-result-tab li a:hover, .gets-tabs .nav-tabs li a:focus, .gets-tabs .nav-tabs li a.ui-tabs-active{transition:none;box-shadow: none !important;background-color: transparent;}\r\n#tabs_new ul.get-result-tab li  a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}\r\n#tabs_new ul.get-result-tab li  a i{color: #9da1a5; font-size: 16px; }\r\n#tabs_new ul.get-result-tab li.ui-tabs-active {background-color: #fafafa;}\r\n#tabs_new ul.get-result-tab li.ui-tabs-active  a span{color:#f67107;}\r\n#tabs_new ul.get-result-tab li.ui-tabs-active  a i{color:#f67107;}\r\n#tabs_new ul.get-result-tabli a:hover span {color: #f67107;}\r\n#tabs_new ul.get-result-tab li a:hover i {color: #f67107;}\r\n#tabs_new ul.get-result-tab li.first{}\r\n#tabs_new ul.get-result-tab li.last{border-radius: 0 5px 5px 0;}\r\n#tabs_new .slide .box {text-align:center;}\r\n#tabs_new .slide .box img{ text-align:center; width:auto; height:90px; margin-bottom:20px; } \r\n#tabs_new .slide .box a{ color:#f67107;} \r\n#tabs_new .bx-wrapper .bx-next {    right: -50px !important;}\r\n#tabs_new .bx-wrapper .bx-prev { left: -50px !important; }\r\n\r\n.cust-quote-popup { display:none;}\r\n.fancybox-content p{ text-align: center; width: 80%; margin: 10px auto;}\r\n.info_get_ruselt .cust-tabs .tab-content .resp_title {padding: 10px 20px; background-color:#fafafa; margin:5px 0px; border-radius:20px; border:1px solid #f3f2f2; }\r\n.info_get_ruselt .gets-tabs .tab-content .resp_title {padding: 10px 20px; background-color:#fafafa; margin:5px 0px; border-radius:20px; border:1px solid #f3f2f2; }\r\n.cust_saying_slider_wrap .cname { font-style: italic; color: #f67107; font-size: 14px; line-height: 130%; margin: 0; font-weight: 400; text-align: center; }\r\na.cust-more-btn-more { display:block;  text-align:center; margin: 50px auto 0;  background-color: transparent; border: 1px solid #f67107; width: 200px; padding: 13.5px 0; border-radius: 3px; color: #f67107; font-size: 18px;  }\r\na.cust-more-btn2 { display: inline-block; margin: 40px 0 0 0; background-color: transparent; border: 1px solid #f67107; width: 200px; padding: 13.5px 0; border-radius: 3px; color: #f67107; font-size: 18px; }\r\n\r\n#header { z-index:1501; position:fixed; width:100%;  }\r\n.overlay{ position:fixed; width:100%; height:100%; background-color:#333; opacity:0.5; z-index:1500;}  \r\n.display-one{ display:block;}\r\n\r\n.display-none{ display:none;}\r\n.pull-left{ float:left !important;}\r\n.pull-right{ float:right !important;}\r\n.suppa_submenu { border-radius: 0px !important ; border-left:none !important; border-right:none !important; border-bottom:3px solid #f67107 !important; -webkit-box-shadow:inset 0 10px 10px -10px rgba(212, 212, 212, 0.8) !important; -moz-box-shadow: inset 0 10px 10px -10px rgba(212, 212, 212, 0.8) !important; box-shadow: inset 0 10px 10px -10px rgba(212, 212, 212, 0.8) !important; background:#fff !important; }\r\n.suppa_submenu .col-md-6 {  box-shadow:0 0px 0px rgba(0, 0, 0, 0.055) !important; -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.055) !important; -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.055) !important; -ms-box-shadow:0 0px 0px rgba(0, 0, 0, 0.055) !important; -o-box-shadow:0 0px 0px rgba(0, 0, 0, 0.055) !important; }\r\n.suppa_menu_4 .suppa_submenu,  .suppa_menu_5 .suppa_submenu,  .suppa_menu_6 .suppa_submenu, { border-radius: 0px !important ; border-left:none !important; border-right:none !important; border-bottom:3px solid #f67107 !important; }\r\n.suppa_menu_7 .suppa_submenu{border-radius: 10px 0 10px 10px !important;}\r\ndiv.menu-left-buton{ width: 90%; height: 52px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; border: solid 1px #dfdfdf; margin: 0px auto 15px; display: table; text-align: center; padding-top: 10px; }\r\ndiv.menu-right-buton{ width: 280px; height: 52px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f67107; font-size:14px; color:#fff; margin: 0px auto; border:none; display: table; text-align: center; line-height: 52px; }\r\ndiv.menu-right-buton:hover{ opacity: 0.8; }\r\n.button-a{ float:left; width:100%;}\r\ndiv.menu-left-buton i{ font-size:32px; vertical-align:middle; margin-right:10px; color:#f67107; }\r\ndiv.menu-left-buton span{ font-size:14px; vertical-align:middle; margin:0px; color:#000000; }\r\ndiv.menu-right-buton span{ font-size:14px; vertical-align:middle; margin:10px; color:#fff; }\r\n\r\n.menubg-service{ background: #f9f9f9 url(..\/img\/menu-bg-service.jpg) no-repeat 0px 0px;  background-position: center; background-size: 90%; border-right: 1px solid #e7e7e7 !important; height:305px; margin-top:4px;}\r\n.menubg-tool-platform{ background: #f9f9f9 url(..\/img\/menu-bg-tool-platform.jpg) no-repeat 0px 0px;  background-position: center; background-size: 90%; border-right: 1px solid #e7e7e7 !important;  height:305px; margin-top:4px;}\r\n.menubg-tool-customers{ background: #f9f9f9 url(..\/img\/menu-bg-customers.jpg) no-repeat 0px 0px;  background-position: center; background-size: 90%; border-right: 1px solid #e7e7e7 !important;  height:305px; margin-top:4px;}\r\n.menubg-partners{ background: #f9f9f9 url(..\/img\/menu-partner-bg.jpg) no-repeat 0px 0px;  background-position: center; background-size: 90%; border-right: 1px solid #e7e7e7 !important;  height:305px; margin-top:4px;}\r\n.menubg-resource{ background: #f9f9f9 url(..\/img\/menu_resource-bg.jpg) no-repeat 0px 0px;  background-position: center; background-size: 90%; border-right: 1px solid #e7e7e7 !important;  height:305px; margin-top:4px;}\r\n.menubg-about{ background: #f9f9f9 url(..\/img\/about-menu-bg.jpg) no-repeat 0px 0px;  background-position: center; background-size: 90%; margin-top:4px; border-right: 1px solid #e7e7e7 !important; height:305px; margin-top:4px; }\r\n.left-menu-height{}\r\n.right-menu-height{}\r\n.menu_mobile { padding: 20px 10px !important; margin: 0 !important; border: 0 !important; width: 100%; float: left; \/*box-shadow:1px 0px 0px 0px #ccc; -webkit-box-shadow:1px 0px 0px 0px #ccc; -moz-box-shadow:1px 0px 0px 0px #ccc; -ms-box-shadow:1px 0px 0px 0px #ccc; -o-box-shadow:1px 0px 0px 0px #ccc*\/; }\r\n\r\n.partner-divider{ background: url(..\/img\/partner-div.jpg) repeat-x  0px 0px; height:2px; margin:25px 0px 15px; }\r\n.about-contact-bg{ background-color:#f9f9f9; height:347px; }\r\n.view-culture{height:347px;}\r\n.suppa_menu{ line-height: 19px !important; } \r\n.suppa_menu a[title=\"getstarted\"] { width: 146px; height: 42px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f67107;  text-align:center; }\r\n.suppa_menu a[title=\"getstarted\"] span { font-size: 14px !important; text-transform: uppercase !important; color: #fff !important; padding-top:11px !important; }\r\n.suppa_menu .suppa_top_level_link.suppa_menu_position_left{ line-height: 43px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; }\r\n\r\n.suppa_menu .suppa_top_level_link.suppa_menu_position_right { width: 136px; height: 42px !important; line-height: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f67107;  text-align:center; border:1px solid transparent; }\r\n.suppa_menu .suppa_top_level_link.suppa_menu_position_right:hover { background:transparent !important; border:1px solid #f67107 !important; }\r\n.suppa_menu .suppa_top_level_link.suppa_menu_position_right:hover span { color:#f67107 !important; }\r\n.pull-right{ float:right !important;}\r\n\r\n.suppa_menu.suppa_menu_7 .suppa_top_level_link.suppa_menu_position_right { width: 146px; height: 42px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f67107;  text-align:center; border:1px solid transparent; } \r\n.suppa_menu.suppa_menu_7 .suppa_top_level_link.suppa_menu_position_right:hover { background:transparent !important; border:1px solid #f67107 !important; }\r\n.suppa_menu.suppa_menu_7 .suppa_top_level_link.suppa_menu_position_right:hover span { color:#f67107 !important; }\r\n\r\n#searchform .searchButton{ width:auto; padding: 0 15px; height: 42px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  background-color: rgba(0, 0, 0, 0.5);  text-align:center; border:1px solid transparent; color: #fff;} \r\n#searchform .searchButton:hover { background:#f67107 !important; border:1px solid transparent !important; }\r\n\r\n.row-fluid .my-searchlist:last-child{ border: none; }\r\n\r\n.search-results .content, .search-results .search_newpg .content { padding: 0 0 30px; }\r\n.search-results .search_newpg .my-searchlist { border-bottom: 1px solid #CECECE; padding-bottom: 10px; margin: 0 0 10px;font-size: 14px; }\r\n.search-results .my-searchlist h4 { color: #ff7302; padding: 0 0 20px; margin: 0; font-size: 23px; text-transform: capitalize; font-weight: 300; }\r\n\r\n.noresult_search input.input-inverse[type=\"text\"] { border: 1px solid #dfdfdf; height: 42px !important; margin: 0; padding-left: 5px; color: #333; }\r\n\r\nul.page-numbers { list-style: none; margin: 0; border-top:1px solid #fff; }\r\nul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center; }\r\n\r\n.page-numbers a, .page-numbers span {border: 1px solid #ddd; color: #888; cursor: pointer; display: block; font-size: 18px; font-weight: 400; height: 35px; line-height: 35px; width: 35px; padding: 0; text-decoration: none; border-radius: 50%; color: #f67107; }\r\n.page-numbers a i { color: #f67107 !important; display: block; font-size: 12px !important; margin-top: 11px; padding: 0 !important; text-align: center; }\r\n.page-numbers a:hover i { color: #fff !important; }\r\n.page-numbers a span { padding: 0; }\r\n.page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #fff;  text-decoration: none; background: #f67107; border-color: #f67107; }\r\n.page-numbers:hover { text-decoration: none }\r\n.page-numbers:after { content: \".\"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }\r\n\r\n.suppa_submenu i { color:#f67107; margin-right:10px; }\r\n.menu_mobile a:hover { padding-left:20px; }\r\n.menu_mobile .sub:hover { padding-left:35px; }\r\n.left-menu-height-6 { height: 305px; }\r\n.about-button-pos { position: absolute; bottom: 0px; left: 10%; }\r\n.view-culture-button-pos{ position: absolute; bottom: 0px; left: 5%; }\r\n.cust_slider_cont .bx-wrapper .bx-controls-direction a{ top:100%; margin-top: -35px;}\r\n.cust_slider_cont .bx-controls { margin-top: 0px; float: left; width: 100%; position: relative; margin-top:0px;}\r\n.cust_slider_cont .bx-controls .bx-pager { width: 100%; float: none; padding-top:10px; }\r\n.cust_slider_cont blockquote:before { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat; content: \"\"; left: -38px; overflow: hidden; position: absolute; top: -10px; width: 42px; height: 33px; background-size: 33px; }\r\n.cust_slider_cont blockquote:after { background: url(\"..\/img\/quotes-sprite-gray.png\") no-repeat -10px -67px; content: \"\"; right: -31px; overflow: hidden; position: absolute; bottom: -10px; width: 50px; height: 33px; background-size: 32px; background-position: 10px -36px; }\r\n.cust_slider_cont .cust-head-text { font-size: 20px; color: #666666; font-weight: 300; margin-top: 30px; text-align: left; }\r\n.cust_slider_cont .cust-head-text a { color: #f67107; text-decoration: none; cursor:pointer; }\r\n.cust_slider_cont blockquote { width: 75%; float: left; border: 0; padding: 15px 0 0 0; font-size: 18px; font-weight: 300; font-style: italic; color: #000; line-height: 25px; margin: 0 5% 20px 17%; }\r\n\r\n.fbox-inline { max-width: 100%; padding: 10px; display: inline-block; }\r\n\r\n.get_result_slider { text-align: center; }\r\n.get_result_slider .bx-viewport { max-width: 980px !important; margin: 0 auto; }\r\n.get_result_slider .slide { text-align: center; }\r\n.get_result_slider .bx-wrapper img { display: inline-block; }\r\n.get_result_slider .bx-wrapper .bx-controls-direction a { width: 38px; height: 38px; margin-top: -19px; background: url('..\/img\/slider_nav_arrows.png') no-repeat -1px 0; }\r\n.get_result_slider .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }\r\n.get_result_slider .bx-wrapper .bx-next { background-position: -52px -1px !important; }\r\n.get_result_slider .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }\r\n.get_result_slider .bx-wrapper .bx-pager { bottom: -40px; }\r\n.get_result_slider .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }\r\n.get_result_slider .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }\r\n\r\n.get_result_slider_home { text-align: center; }\r\n.get_result_slider_home .bx-viewport { max-width: 980px !important; margin: 0 auto; }\r\n.get_result_slider_home .slide { text-align: center; }\r\n.get_result_slider_home .bx-wrapper img { display: inline-block; }\r\n.get_result_slider_home .bx-wrapper .bx-controls-direction a { width: 38px; height: 38px; margin-top: -19px; background: url('..\/img\/slider_nav_arrows.png') no-repeat -1px 0; }\r\n.get_result_slider_home .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }\r\n.get_result_slider_home .bx-wrapper .bx-next { background-position: -52px -1px !important; }\r\n.get_result_slider_home .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }\r\n.get_result_slider_home .bx-wrapper .bx-pager { bottom: -48px; }\r\n.get_result_slider_home .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }\r\n.get_result_slider_home .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }\r\n\r\n.home-2-page .backgrounded.cust_sayings { background: url(\"http:\/\/demo.weborion.in\/infostretch\/wp-content\/uploads\/2015\/08\/what_our_customers_saying_img.jpg\"); background-attachment: fixed !important; background-repeat: no-repeat; background-position: 50% 0px; background-size: cover; } \r\n.cust_saying_slider_wrap { width:100%; float:left; }\r\n.cust_sayings .cust-more-btn-new { display: inline-block; }\r\n\r\n.homebanner_text { width:80%; max-width: 800px; margin:0 auto; text-align: center; }\r\n.homebanner_text h2 { font-size:40px; line-height: 120% !important; margin: 0 0 10px 0 !important; color:#fff !important; font-weight: 700 !important; }\r\n.homebanner_text p { font-size:22px; line-height: 120% !important; font-style: italic; color:#fff !important; }\r\n\r\n.backgrounded.fastFadeFromTop.home_about { background: url(\"..\/img\/home_about_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% -3000px; background-size: cover; }\r\n.home_about h2 { color:#fff !important; }\r\n.home_about .sub_title { color:#fff !important; }\r\n.home_about p { color:#fff !important; }\r\n.sub_title { font-size: 28px; line-height: 120%; }\r\n\r\n\/*.capabilitypg { text-align: center; background: url(\"..\/img\/capability_bg.png\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% -2500px; background-size: cover; position: relative; }*\/\r\n.capabilitypg { text-align: center; background: url(\"..\/img\/home_about_bg2.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0px; background-size: cover; position: relative; }\r\n.capability_area { width:100%; float:left; }\r\n.capability_area .img { max-width:519px; max-height: 519px; display: inline-block; position: relative; }\r\n.capability_area .img img { width:100%; }\r\n.capability_area .img .pin { position: absolute; width:28px; height: 28px; background: url(..\/img\/capability_dot.png) no-repeat 50% 0; transition:all 0.0ms ease; -webkit-transition:all 0.0ms ease; -ms-transition:all 0.0ms ease; -moz-transition:all 0.0ms ease; }\r\n.capability_area .img .pin:hover { background-position: 50% 100%; }\r\n.capability_area .img .pin1 { top:15.5%; left:20.5%; }\r\n.capability_area .img .pin2 { top:15%; left:72.5%; }\r\n.capability_area .img .pin3 { top:60.5%; left:86.5%; }\r\n.capability_area .img .pin4 { top:88.5%; left:46%; }\r\n.capability_area .img .pin5 { top:60.5%; left:8.5%; }\r\n.capability_area .img .pin .tooltip { display: block; }\r\n.capabilitypg .dtitle { color:#fff; }\r\n.capabilitypg .subtext { color:#fff; }\r\n\r\n.bestpractice .box { margin-bottom: 30px; text-align: center; }\r\n.bestpractice .box .img { margin-bottom: 10px; }\r\n.bestpractice .box .title { font-weight: 400; color:#000; font-size: 22px; }\r\n.bestpractice .box .text { text-align: center; }\r\n.bestpractice .box .more { color:#F67107; }\r\n.bestpractice .box .more:hover { color:#F67107; }\r\n\r\n.innovators { width:100%; float:left; margin: 20px 0 40px 0; }\r\n.innovators .box { width:100%; float:left; text-align: center; padding: 0 30px; }\r\n.innovators .box .img { width:100%; float:left; display: table; height: 70px; margin: 0 0 20px 0; }\r\n.innovators .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }\r\n.innovators .box .desc { width:100%; float:left; }\r\n\r\n.listt { width: 96%; float: left; list-style-position: inside; text-indent: -17px; padding: 0; }\r\n.listt li { width: 100%; float: left; margin: 0 0 15px 0; }\r\n.listt li span { color: #666; }\r\n\r\n.isapproach { text-align: center; background: url(\"..\/img\/is_approach_bg.jpg\"); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0px; background-size: cover; position: relative; }\r\n.isapproach .subtext { width:100%; float:left; text-align: left; font-size: 20px; line-height: 170%; }\r\n.isapproach .img { margin-bottom: -30px; }\r\n\r\n\r\n@media (min-width:768px) and (max-width:990px){\r\n#frm_product { height: 690px; }\r\n#frm_product_a { height: 720px; }\r\n\r\n.frm_getInTouch { text-align: center; }\r\n#frm_contact { max-width: 485px; }\r\n\r\n}\r\n\r\n@media (min-width:990px) and (max-width:1110px){\r\n#getstarted { width:530px !important; height: 510px; }\r\n#frm_contact { width:530px !important; height: 510px; }\r\n#frm_product { width:530px !important; height: 430px; }\r\n#frm_product_a { width:530px !important; height: 450px; }\r\n}\r\n\r\n@media (max-width:990px){\r\n.o_locations .dtitle.t1 { display: none; }\r\n.o_locations .dtitle.t2 { display: block; }\r\n}\r\n\r\n@media (min-width:1025px){\r\n.sbanner .slide.slide4 { background-position: 50% 40px !important; }\r\n.sbanner .slide.slide4 .desc { position: absolute; text-align: center; max-width: 1200px; width: 95%; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }\r\n.sbanner .slide.slide3 .desc { max-width: 1150px; }\r\n.sbanner .slide.slide3 .desc h2 { max-width: 800px; margin:0 auto 10px auto !important; }\r\n}\r\n\r\n@media (max-width: 768px) and (min-width: 481px){\r\ndiv#product_footerlink { text-align: center; width: 100% !important; }\r\n\/*.sbanner .slide.bx-clone { margin-top: -55px !important; }*\/\r\n}<\/pre>\n
That’s all! hopefully, you have successfully integrated this responsive Circular Menu into your web\/app project. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
This HTML & CSS code snippet helps you to create a responsive circular navigation menu with distinct sections. Each section…<\/p>\n","protected":false},"author":1,"featured_media":10548,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[38],"tags":[108],"class_list":["post-10545","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-menu","tag-circular-menu"],"acf":[],"yoast_head":"\nResponsive Circular Menu Using HTML and CSS — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a Responsive Circular Menu Using HTML and CSS. You can view demo and download the source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Circular Menu Using HTML and CSS — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a Responsive Circular Menu Using HTML and CSS. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-03T10:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T03:30:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"980\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Responsive Circular Menu Using HTML and CSS\",\"datePublished\":\"2024-03-03T10:30:00+00:00\",\"dateModified\":\"2024-03-04T03:30:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\"},\"wordCount\":239,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png\",\"keywords\":[\"Circular Menu\"],\"articleSection\":[\"Menu & Nav\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\",\"url\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\",\"name\":\"Responsive Circular Menu Using HTML and CSS — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png\",\"datePublished\":\"2024-03-03T10:30:00+00:00\",\"dateModified\":\"2024-03-04T03:30:46+00:00\",\"description\":\"Here is a free code snippet to create a Responsive Circular Menu Using HTML and CSS. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png\",\"width\":1280,\"height\":980,\"caption\":\"Responsive Circular Menu Using HTML and CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menu & Nav\",\"item\":\"https:\/\/codehim.com\/category\/menu\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Responsive Circular Menu Using HTML and CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Circular Menu Using HTML and CSS — CodeHim","description":"Here is a free code snippet to create a Responsive Circular Menu Using HTML and CSS. You can view demo and download the source code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Circular Menu Using HTML and CSS — CodeHim","og_description":"Here is a free code snippet to create a Responsive Circular Menu Using HTML and CSS. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-03-03T10:30:00+00:00","article_modified_time":"2024-03-04T03:30:46+00:00","og_image":[{"width":1280,"height":980,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Responsive Circular Menu Using HTML and CSS","datePublished":"2024-03-03T10:30:00+00:00","dateModified":"2024-03-04T03:30:46+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/"},"wordCount":239,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png","keywords":["Circular Menu"],"articleSection":["Menu & Nav"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/","url":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/","name":"Responsive Circular Menu Using HTML and CSS — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png","datePublished":"2024-03-03T10:30:00+00:00","dateModified":"2024-03-04T03:30:46+00:00","description":"Here is a free code snippet to create a Responsive Circular Menu Using HTML and CSS. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/01\/Responsive-Circular-Menu-Using-HTML-and-CSS.png","width":1280,"height":980,"caption":"Responsive Circular Menu Using HTML and CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/menu\/responsive-circular-menu-using-html-and-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Menu & Nav","item":"https:\/\/codehim.com\/category\/menu\/"},{"@type":"ListItem","position":3,"name":"Responsive Circular Menu Using HTML and CSS"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":2831,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/10545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=10545"}],"version-history":[{"count":1,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/10545\/revisions"}],"predecessor-version":[{"id":11285,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/10545\/revisions\/11285"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/10548"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=10545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=10545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=10545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}