Responsive Circular Menu Using HTML and CSS

Responsive Circular Menu Using HTML and CSS
Code Snippet:Responsive circular navigation
Author: raghu nandan
Published: March 3, 2024
Last Updated: March 4, 2024
Downloads: 2,209
License: MIT
Edit Code online: View on CodePen
Read More

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.

You can use this circular menu 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.

How to Create a Responsive Circular Menu Using HTML and CSS

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.

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"> element. Update the titles and list items to match your specific categories and information.

  1. <div class="circular_nav">
  2. <ul class="nav">
  3. <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>
  4. <li data-placement="right" data-trigger="hover" data-toggle="popover" data-title="one-cont" id="one" class="node one" data-original-title="" title="">
  5. <a href="javascript:void(0)">
  6. <div style="display:none;" class="popovercontent" id="pinOneContent">
  7. <div>
  8. <h2 class="yellow">App Performance</h2>
  9. <ul>
  10. <li>CPU Usage Testing</li>
  11. <li>Network Usage</li>
  12. <li>Page Render Time or Activity Render Time</li>
  13. </ul>
  14. </div>
  15. </div>
  16. </a>
  17. <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">
  18. <g>
  19. <g>
  20. <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"/>
  21. </g>
  22. <g>
  23. <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"/>
  24. </g>
  25. <g>
  26. <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"/>
  27. </g>
  28. <g>
  29. <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"/>
  30. </g>
  31. <g>
  32. <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"/>
  33. </g>
  34. <g>
  35. <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"/>
  36. </g>
  37. <g>
  38. <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"/>
  39. </g>
  40. <g>
  41. <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"/>
  42. </g>
  43. <g>
  44. <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"/>
  45. </g>
  46. <g>
  47. <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"/>
  48. </g>
  49. <g>
  50. <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"/>
  51. </g>
  52. <g>
  53. <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"/>
  54. </g>
  55. <g>
  56. <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"/>
  57. </g>
  58. <g>
  59. <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"/>
  60. </g>
  61. </g>
  62. <g>
  63. </g>
  64. <g>
  65. </g>
  66. <g>
  67. </g>
  68. <g>
  69. </g>
  70. <g>
  71. </g>
  72. <g>
  73. </g>
  74. </svg><div class="name">App<br>Performance</div></div></div></div>
  75. </li>
  76. <li data-placement="right" data-trigger="hover" data-toggle="popover" data-title="two-cont" id="two" class="node two" data-original-title="" title="">
  77. <a href="javascript:void(0)">
  78. <div style="display:none;" class="popovercontent" id="pinTwoContent">
  79. <div>
  80. <h2 class="yellow">Usability</h2>
  81. <ul>
  82. <li>User Experience</li>
  83. <li>Competitive Analysis</li>
  84. <li>Expert Review</li>
  85. </ul>
  86. </div>
  87. </div>
  88. </a>
  89. <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">
  90. <g>
  91. <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"/>
  92. </g>
  93. <g>
  94. <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"/>
  95. </g>
  96. <g>
  97. <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"/>
  98. </g>
  99. <g>
  100. <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"/>
  101. </g>
  102. <g>
  103. <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"/>
  104. </g>
  105. <g>
  106. <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"/>
  107. </g>
  108. <g>
  109. </g>
  110. <g>
  111. </g>
  112. <g>
  113. </g>
  114. <g>
  115. </g>
  116. <g>
  117. </g>
  118. <g>
  119. </g>
  120. </svg><div class="name">Usability</div></div></div></div>
  121. </li>
  122. <li data-placement="left" data-trigger="hover" data-toggle="popover" data-title="three-cont" id="three" class="node three" data-original-title="" title="">
  123. <a href="javascript:void(0)">
  124. <div style="display:none;" class="popovercontent" id="pinThreeContent">
  125. <div>
  126. <h2 class="yellow">Installation</h2>
  127. <ul>
  128. <li>New App Install</li>
  129. <li>Uninstall and Reinstall</li>
  130. <li>Upgrade Testing</li>
  131. </ul>
  132. </div>
  133. </div>
  134. </a>
  135. <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">
  136. <g>
  137. <g>
  138. <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"/>
  139. </g>
  140. <g>
  141. <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"/>
  142. </g>
  143. <g>
  144. <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"/>
  145. </g>
  146. <g>
  147. <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"/>
  148. </g>
  149. </g>
  150. <g>
  151. </g>
  152. <g>
  153. </g>
  154. <g>
  155. </g>
  156. <g>
  157. </g>
  158. <g>
  159. </g>
  160. <g>
  161. </g>
  162. </svg><div class="name">Installation</div></div></div></div>
  163. </li>
  164. <li data-placement="left" data-trigger="hover" data-toggle="popover" data-title="four-cont" id="four" class="node four" data-original-title="" title="">
  165. <a href="javascript:void(0)">
  166. <div style="display:none;" class="popovercontent" id="pinFourContent">
  167. <div>
  168. <h2 class="yellow">Vulnerability</h2>
  169. <ul>
  170. <li>OWASP Vulnerabilities</li>
  171. <li>Dynamic Testing</li>
  172. <li>Static Code Analysis</li>
  173. <li>Data Encryption</li>
  174. </ul>
  175. </div>
  176. </div>
  177. </a>
  178. <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">
  179. <g>
  180. <g>
  181. <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"/>
  182. </g>
  183. <g>
  184. <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"/>
  185. </g>
  186. <g>
  187. <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"/>
  188. </g>
  189. </g>
  190. <g>
  191. </g>
  192. <g>
  193. </g>
  194. <g>
  195. </g>
  196. <g>
  197. </g>
  198. <g>
  199. </g>
  200. <g>
  201. </g>
  202. </svg><div class="name">Vulnerability</div></div></div></div>
  203. </li>
  204. <li data-placement="left" data-trigger="hover" data-toggle="popover" data-title="five-cont" id="five" class="node five" data-original-title="" title="">
  205. <a href="javascript:void(0)">
  206. <div style="display:none;" class="popovercontent" id="pinFiveContent">
  207. <div>
  208. <h2 class="yellow">Language</h2>
  209. <ul>
  210. <li>Validation for Locales</li>
  211. <li>Images and Text</li>
  212. <li>Currencies, Time Zones Etc.</li>
  213. <li>Context</li>
  214. </ul>
  215. </div>
  216. </div>
  217. </a>
  218. <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">
  219. <rect x="7.594" y="8.594" fill="#BBBBBB" width="19.499" height="1.996"/>
  220. <rect x="7.594" y="12.981" fill="#BBBBBB" width="19.499" height="1.999"/>
  221. <g>
  222. <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"/>
  223. </g>
  224. <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"/>
  225. </svg><div class="name">Language</div></div></div></div>
  226. </li>
  227. <li data-placement="left" data-trigger="hover" data-toggle="popover" data-title="six-cont" id="six" class="node six" data-original-title="" title="">
  228. <a href="javascript:void(0)">
  229. <div style="display:none;" class="popovercontent" id="pinSixContent">
  230. <div>
  231. <h2 class="yellow">Security</h2>
  232. <ul>
  233. <li>Security Auditing</li>
  234. <li>Vulnerability &ndash; Scanning</li>
  235. <li>Security Scanning</li>
  236. <li>Penetrating Testing</li>
  237. </ul>
  238. </div>
  239. </div>
  240. </a>
  241. <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">
  242. <g>
  243. <g>
  244. <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"/>
  245. </g>
  246. <g>
  247. <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"/>
  248. </g>
  249. </g>
  250. <g>
  251. </g>
  252. <g>
  253. </g>
  254. <g>
  255. </g>
  256. <g>
  257. </g>
  258. <g>
  259. </g>
  260. <g>
  261. </g>
  262. </svg><div class="name">Security</div></div></div></div>
  263. </li>
  264. <li data-placement="left" data-trigger="hover" data-toggle="popover" data-title="seven-cont" id="seven" class="node seven" data-original-title="" title="">
  265. <a href="javascript:void(0)">
  266. <div style="display:none;" class="popovercontent" id="pinSevenContent">
  267. <div>
  268. <h2 class="yellow">Memory</h2>
  269. <ul>
  270. <li>Review of Cache</li>
  271. <li>Data Storage Mechanism</li>
  272. </ul>
  273. </div>
  274. </div>
  275. </a>
  276. <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">
  277. <g>
  278. <g>
  279. <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"/>
  280. </g>
  281. <g>
  282. <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"/>
  283. </g>
  284. <g>
  285. <rect x="6.314" y="3.892" fill="#BBBBBB" width="1.104" height="6.187"/>
  286. </g>
  287. <g>
  288. <path fill="#BBBBBB" d="M7.918,10.579H5.814V3.392h2.104V10.579z M6.814,9.579h0.104V4.392H6.814V9.579z"/>
  289. </g>
  290. <g>
  291. <rect x="9.377" y="3.844" fill="#BBBBBB" width="1.104" height="6.187"/>
  292. </g>
  293. <g>
  294. <path fill="#BBBBBB" d="M10.981,10.531H8.877V3.344h2.104V10.531z M9.877,9.531h0.104V4.344H9.877V9.531z"/>
  295. </g>
  296. <g>
  297. <rect x="12.539" y="3.863" fill="#BBBBBB" width="1.104" height="6.187"/>
  298. </g>
  299. <g>
  300. <path fill="#BBBBBB" d="M14.144,10.55h-2.104V3.363h2.104V10.55z M13.039,9.55h0.104V4.363h-0.104V9.55z"/>
  301. </g>
  302. <g>
  303. <rect x="15.577" y="3.843" fill="#BBBBBB" width="1.104" height="6.187"/>
  304. </g>
  305. <g>
  306. <path fill="#BBBBBB" d="M17.181,10.53h-2.104V3.343h2.104V10.53z M16.077,9.53h0.104V4.343h-0.104V9.53z"/>
  307. </g>
  308. <g>
  309. <rect x="18.557" y="3.82" fill="#BBBBBB" width="1.104" height="6.187"/>
  310. </g>
  311. <g>
  312. <path fill="#BBBBBB" d="M20.161,10.507h-2.104V3.32h2.104V10.507z M19.057,9.507h0.104V4.32h-0.104V9.507z"/>
  313. </g>
  314. <g>
  315. <rect x="21.529" y="3.799" fill="#BBBBBB" width="1.104" height="6.188"/>
  316. </g>
  317. <g>
  318. <path fill="#BBBBBB" d="M23.134,10.486h-2.104V3.299h2.104V10.486z M22.029,9.486h0.104V4.299h-0.104V9.486z"/>
  319. </g>
  320. </g>
  321. <g>
  322. </g>
  323. <g>
  324. </g>
  325. <g>
  326. </g>
  327. <g>
  328. </g>
  329. <g>
  330. </g>
  331. <g>
  332. </g>
  333. </svg><div class="name">Memory</div></div></div></div>
  334. </li>
  335. <li data-placement="left" data-trigger="hover" data-toggle="popover" data-title="eight-cont" id="eight" class="node eight" data-original-title="" title="">
  336. <a href="javascript:void(0)">
  337. <div style="display:none;" class="popovercontent" id="pinEightContent">
  338. <div>
  339. <h2 class="yellow">Functional</h2>
  340. <ul>
  341. <li>Validation of Functionality</li>
  342. <li>Smoke / Regressions Testing</li>
  343. <li>Offline Access Testing</li>
  344. <li>Negative Testing</li>
  345. </ul>
  346. </div>
  347. </div>
  348. </a>
  349. <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">
  350. <g>
  351. <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"/>
  352. </g>
  353. <g>
  354. <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"/>
  355. </g>
  356. <g>
  357. </g>
  358. <g>
  359. </g>
  360. <g>
  361. </g>
  362. <g>
  363. </g>
  364. <g>
  365. </g>
  366. <g>
  367. </g>
  368. </svg><div class="name">Functional</div></div></div></div>
  369. </li>
  370. <li data-placement="right" data-trigger="hover" data-toggle="popover" data-title="nine-cont" id="nine" class="node nine" data-original-title="" title="">
  371. <a href="javascript:void(0)">
  372. <div style="display:none;" class="popovercontent" id="pinNineContent">
  373. <div>
  374. <h2 class="yellow">Non Functional</h2>
  375. <ul>
  376. <li>Network Strength / Outage / Recovery</li>
  377. <li>Different NW Types</li>
  378. <li>Peripheral Testing</li>
  379. </ul>
  380. </div>
  381. </div>
  382. </a>
  383. <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">
  384. <g>
  385. <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"/>
  386. </g>
  387. <g>
  388. </g>
  389. <g>
  390. </g>
  391. <g>
  392. </g>
  393. <g>
  394. </g>
  395. <g>
  396. </g>
  397. <g>
  398. </g>
  399. </svg><div class="name">Non<br>Functional</div></div></div></div>
  400. </li>
  401. <li data-placement="right" data-trigger="hover" data-toggle="popover" data-title="ten-cont" id="ten" class="node ten" data-original-title="" title="">
  402. <a href="javascript:void(0)">
  403. <div style="display:none;" class="popovercontent" id="pinTenContent">
  404. <div>
  405. <h2 class="yellow">Interrupt</h2>
  406. <ul>
  407. <li>Voice / SMS interrupts</li>
  408. <li>Notifications</li>
  409. <li>Battery / Cable Removal</li>
  410. </ul>
  411. </div>
  412. </div>
  413. </a>
  414. <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">
  415. <g>
  416. <g>
  417. <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"/>
  418. </g>
  419. <g>
  420. <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"/>
  421. </g>
  422. <g>
  423. <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"/>
  424. </g>
  425. <g>
  426. <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"/>
  427. </g>
  428. </g>
  429. <g>
  430. </g>
  431. <g>
  432. </g>
  433. <g>
  434. </g>
  435. <g>
  436. </g>
  437. <g>
  438. </g>
  439. <g>
  440. </g>
  441. </svg><div class="name">Interrupt</div></div></div></div>
  442. </li>
  443. <li data-placement="right" data-trigger="hover" data-toggle="popover" data-title="eleven-cont" id="eleven" class="node eleven" data-original-title="" title="">
  444. <a href="javascript:void(0)">
  445. <div style="display:none;" class="popovercontent" id="pinElevenContent">
  446. <div>
  447. <h2 class="yellow">Memory Leak</h2>
  448. <ul>
  449. <li>Memory Usage</li>
  450. <li>Memory Leaks</li>
  451. <li>Garbage Collection</li>
  452. </ul>
  453. </div>
  454. </div>
  455. </a>
  456. <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">
  457. <g>
  458. <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"/>
  459. </g>
  460. <g>
  461. <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"/>
  462. </g>
  463. <g>
  464. <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"/>
  465. </g>
  466. <g>
  467. </g>
  468. <g>
  469. </g>
  470. <g>
  471. </g>
  472. <g>
  473. </g>
  474. <g>
  475. </g>
  476. <g>
  477. </g>
  478. </svg><div class="name">Memory<br>Leak</div></div></div></div>
  479. </li>
  480. </ul>
  481. <div class="nac_content">
  482. <div id="one-cont" class="cont" style="display: none;">
  483. <h2 class="yellow">App Performance</h2>
  484. <ul>
  485. <li>CPU Usage Testing</li>
  486. <li>Network Usage</li>
  487. <li>Page Render Time or Activity Render Time</li>
  488. </ul>
  489. </div>
  490. <div id="two-cont" class="cont" style="display: none;">
  491. <h2 class="yellow">Usability</h2>
  492. <ul>
  493. <li>User Experience</li>
  494. <li>Competitive Analysis</li>
  495. <li>Expert Review</li>
  496. </ul>
  497. </div>
  498. <div id="three-cont" class="cont" style="display: none;">
  499. <h2 class="yellow">Installation</h2>
  500. <ul>
  501. <li>New App Install</li>
  502. <li>Uninstall and Reinstall</li>
  503. <li>Upgrade Testing</li>
  504. </ul>
  505. </div>
  506. <div id="four-cont" class="cont" style="display: none;">
  507. <h2 class="yellow">Vulnerability</h2>
  508. <ul>
  509. <li>OWASP Vulnerabilities</li>
  510. <li>Dynamic Testing</li>
  511. <li>Static Code Analysis</li>
  512. <li>Data Encryption</li>
  513. </ul>
  514. </div>
  515. <div id="five-cont" class="cont" style="display: none;">
  516. <h2 class="yellow">Language</h2>
  517. <ul>
  518. <li>Validation for Locales</li>
  519. <li>Images and Text</li>
  520. <li>Currencies, Time Zones Etc.</li>
  521. <li>Context</li>
  522. </ul>
  523. </div>
  524. <div id="six-cont" class="cont" style="display: none;">
  525. <h2 class="yellow">Security</h2>
  526. <ul>
  527. <li>Security Auditing</li>
  528. <li>Vulnerability &ndash; Scanning</li>
  529. <li>Security Scanning</li>
  530. <li>Penetrating Testing</li>
  531. </ul>
  532. </div>
  533. <div id="seven-cont" class="cont" style="display: none;">
  534. <h2 class="yellow">Memory</h2>
  535. <ul>
  536. <li>Review of Cache</li>
  537. <li>Data Storage Mechanism</li>
  538. </ul>
  539. </div>
  540. <div id="eight-cont" class="cont" style="display: none;">
  541. <h2 class="yellow">Functional</h2>
  542. <ul>
  543. <li>Validation of Functionality</li>
  544. <li>Smoke / Regressions Testing</li>
  545. <li>Offline Access Testing</li>
  546. <li>Negative Testing</li>
  547. </ul>
  548. </div>
  549. <div id="nine-cont" class="cont" style="display: none;">
  550. <h2 class="yellow">Non Functional</h2>
  551. <ul>
  552. <li>Network Strength / Outage / Recovery</li>
  553. <li>Different NW Types</li>
  554. <li>Peripheral Testing</li>
  555. </ul>
  556. </div>
  557. <div id="ten-cont" class="cont" style="display: none;">
  558. <h2 class="yellow">Interrupt</h2>
  559. <ul>
  560. <li>Voice / SMS Interrupts</li>
  561. <li>Notifications</li>
  562. <li>Battery / Cable Removal</li>
  563. </ul>
  564. </div>
  565. <div id="eleven-cont" class="cont" style="display: block;">
  566. <h2 class="yellow">Memory Leak</h2>
  567. <ul>
  568. <li>Memory Usage</li>
  569. <li>Memory Leaks</li>
  570. <li>Garbage Collection</li>
  571. </ul>
  572. </div>
  573. </div>
  574. </div>

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.

  1. .lblog .box .desc .date.alignnone { margin: 5px 20px 20px 0; }
  2. .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
  3. .alignright { float: right; margin: 5px 0 20px 20px; }
  4. .alignleft { float: left; margin: 5px 20px 20px 0; }
  5. .aligncenter { display: block; margin: 5px auto 5px auto; }
  6. a img.alignright { float: right; margin: 5px 0 20px 20px; }
  7. a img.alignnone { margin: 5px 20px 20px 0; }
  8. a img.alignleft { float: left; margin: 5px 20px 20px 0; }
  9. a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
  10. .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 0 10px; text-align: center; }
  11. .wp-caption.alignnone { margin: 5px 20px 20px 0; }
  12. .wp-caption.alignleft { margin: 5px 20px 20px 0; }
  13. .wp-caption.alignright { margin: 5px 0 20px 20px; }
  14. .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
  15. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 15px 4px 5px; }
  16. html { background: #fff; }
  17. body { font-family: 'Open Sans', sans-serif; height: auto !important; background: #fff; color: #666; font-size: 16px; line-height: 1.428571429; -webkit-backface-visibility: hidden; }
  18. * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
  19. form { margin: 0; }
  20. body, input, button, select, textarea, .navbar-search .search-query { font-weight: 400; -webkit-font-smoothing: antialiased; }
  21. label { font-weight: normal; font-size: inherit; }
  22. h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; color: #333; font-weight: 300; line-height: 120%; }
  23. h1 { margin:0 0 15px 0; font-size: 48.5px; }
  24. h1, h2 { letter-spacing: -1px; }
  25. small { line-height: 14px; }
  26. code, pre { padding: 2px 5px; border: none; border-radius: 0; background-color: #f5f5f5; color: #dd3f19; font-size: 13px; font-family: Menlo, Consolas, "Courier New", monospace; }
  27. pre { padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
  28. p { margin: 0 0 20px; }
  29. p img { margin: 10px 0; }
  30. p img.wp-smiley { margin: 0; }
  31. ul, ol { margin: 0 0 20px 25px; }
  32. a, a > * { text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
  33. a, a > *, a:focus { color: #333; }
  34. .p-lr-0{ padding-left: 0px !important; padding-right: 0px !important;}
  35. /*a:hover { color: #dd3f19; }*/
  36. a:hover { color:#F67107; }
  37. a:focus, a:hover, a:focus, .btn:focus { outline: none; text-decoration: none; }
  38. a i, a i > *, a i:focus { color: #fff; }
  39. a.inverse, a > *.inverse, a.inverse:focus { color: #dd3f19; }
  40. a.inverse:hover { color: #333; }
  41. a.light-gray, a > *.light-gray, a.light-gray:focus, a.light-gray i, a.light-gray i > *, a.light-gray i:focus { color: #adadad; }
  42. a.light-gray:hover, a.light-gray:hover i { color: #dd3f19; }
  43. hr { margin: 0; border: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #ffffff; }
  44. blockquote { position: relative; margin: 0 0 20px; padding: 5px 0 5px 25px; border-left: 3px solid #e5e5e5; font-size: 125%; }
  45. blockquote p { margin: auto; font-weight: inherit; font-size: inherit; line-height: inherit; }
  46. blockquote small { margin-top: 10px; }
  47. blockquote cite { color: #dd3f19; }
  48. .row-fluid [class*="span"] { min-height: inherit; }
  49. .content { position: relative; width: 100%; background: #fff; z-index: 1; }
  50. .upper { text-transform: uppercase; }
  51. .bolder { font-weight: 400; }
  52. .headline { margin-bottom: 15px; color: #7f7f7f; color: rgba(0, 0, 0, .5); font-size: 122%; line-height: 1.6; }
  53. .headline.text-center { padding: 0 80px; }
  54. .p-lr-0{ padding-left:0px; padding-right:0px;}
  55. .m-b-20{margin-bottom:20px;}
  56. p:empty { display: none; }
  57. p.no-margin, p.no-margin img { margin: 0; }
  58. .loose li { padding: .25em 0; }
  59. .gap10 { height: 10px; }
  60. .gap20 { height: 20px; }
  61. .gap30 { height: 30px; }
  62. .gap40 { height: 40px; }
  63. .gap50 { height: 50px; }
  64. .gap60 { height: 60px; }
  65. .gap70 { height: 70px; }
  66. .gap80 { height: 80px; }
  67. .gap90 { height: 90px; }
  68. .gap100 { height: 100px; }
  69. .gap114 { height: 110px; }
  70.  
  71. /* Backup - 09-12-2015 Testing javascript Conflict. (Sunny - Dhaval)
  72. .fadeFromTop { position: relative; top: -50px; opacity: 0; }
  73. .fadeFromBottom { position: relative; top: 50px; opacity: 0; }
  74. .fastFadeFromTop { position: relative; top: -50px; opacity: 0; }
  75. .fastFadeFromBottom { position: relative; top: 50px; opacity: 0; }*/
  76.  
  77. .fadeFromTop { position: relative; top: 00px; opacity: 1 !important; }
  78. .fadeFromBottom { position: relative; top: 00px; opacity: 1 !important; }
  79. .fastFadeFromTop { position: relative; top: 00px; opacity: 1 !important; }
  80. .fastFadeFromBottom { position: relative; top: 00px; opacity: 1 !important; }
  81.  
  82. .pull-top { margin-top: -475px; }
  83. .contact-bar, .search-bar { position: fixed; left: 0; z-index: 1040; width: 100%; background: #FBAD42; color: #fff; color: rgba(255, 255, 255, .6); }
  84. .contact-bar .container { padding: 20px 0; }
  85. .search-bar .container { padding: 50px 0; }
  86. .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); }
  87. .contact-bar .close:hover, .search-bar .close:hover { opacity: 1; filter: alpha(opacity=100); }
  88. .contact-bar h3 { color: #fff; }
  89. .contact-bar p { color: #fff; color: rgba(255, 255, 255, .6); }
  90. .contact-bar .btn-simple.btn-inverse:hover { background: #333; }
  91. .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; }
  92. .search-bar input[type="text"].input-inverse:focus { border-color: #fff; }
  93. .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; }
  94. header { background: #fff; }
  95. header .navbar-fixed-top .navbar-inner { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  96. header .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);
  97. -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; }
  98. header .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; }
  99. header .sticky.navbar .btn-navbar { margin: 24px 0; }
  100. header .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); }
  101. header .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; }
  102. header .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; }
  103. header .navbar .brand { margin: auto; padding: 0; max-width: 250px; max-height: 70px; color: #fff; text-transform: uppercase; text-shadow: none; }
  104. header .sticky.navbar .brand { max-height: 65px; }
  105. header .navbar .brand span { color: #fff; }
  106. header .navbar .brand img { /*max-height:47px !important;*/ max-height:67px !important; }
  107. header .sticky.navbar .brand img { max-height: 100%; }
  108. header .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; }
  109. header .sticky.navbar .nav > li > a { padding-top: 20px; padding-bottom: 20px; }
  110. header .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; }
  111. header .navbar .nav li.dropdown > a:hover .caret, header .navbar .nav li.dropdown > a:focus .caret { border-top-color: #dd3f19; border-bottom-color: #dd3f19; }
  112. header .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; }
  113. header .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; }
  114. header .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: rgba(0, 0, 0, .6); border-bottom-color: rgba(0, 0, 0, .6); }
  115. header .sticky.navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: rgba(0, 0, 0, .8); border-bottom-color: rgba(0, 0, 0, .8); }
  116. header .sticky.navbar .nav li.dropdown > a:hover .caret { border-top-color: #dd3f19; border-bottom-color: #dd3f19; }
  117. header .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; }
  118. header .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; }
  119. header .sticky .dropdown-menu { background: rgba(34, 34, 34, .98); }
  120. header .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; }
  121. header .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);
  122. -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; }
  123. header .navbar .nav > li > .dropdown-menu:before { display: none; }
  124. header .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: ''; }
  125. header .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: auto; left: 0; }
  126. header .navbar .pull-right > li > .dropdown-menu:after, header .navbar .nav > li > .dropdown-menu.pull-right:after { right: auto; }
  127. header .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; }
  128. header .navbar .search-bar-btn i { color: rgba(255, 255, 255, .6); }
  129. header .navbar .search-bar-btn:hover i { color: #ff7302; }
  130. .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; }
  131. @keyframes slidenavAnimation { from {
  132. opacity: 0;
  133. }
  134. to { opacity: 1; }
  135. }
  136. @-webkit-keyframes slidenavAnimation { from {
  137. opacity: 0;
  138. }
  139. to { opacity: 1; }
  140. }
  141. footer { 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; }
  142. .content { margin-bottom: 0px !important; }
  143. footer .widget { margin: 50px 0; }
  144. footer a { color: #fff; color: rgba(255, 255, 255, .6); }
  145. footer .top-tier { }
  146. footer .brand { display: block; height: 60px; }
  147. footer .brand img { max-height: 100%; }
  148. footer .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); }
  149. footer .social-links li { display: inline; margin: 0; }
  150. footer .social-links a { margin: 0; padding: 0 8px; text-align: center; opacity: 0.5; }
  151. footer .social-links a:hover { opacity: 1; }
  152. footer .bottom-tier { padding: 25px 0; background: #1b1b1b; }
  153. footer .copyright { margin: 0; }
  154. footer .copyright li { float: left; list-style: none; margin: 0 7px; }
  155. .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; }
  156. .page-title h1 { z-index: 2; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); font-size: 48px; }
  157. .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; }
  158. .page-title.page-title-high { padding: 175px 0 145px; }
  159. .page-title.page-title-high h1 { font-size: 100px; }
  160. .page-title.page-title-high p { padding: 0; font-size: 30px; }
  161. .background-video { position: absolute; top: 0 !important; left: 0 !important; overflow: hidden; width: 100%; height: 100%; }
  162. .background-video video { position: relative; min-width: 100%; min-height: 100%; }
  163. [data-stellar-ratio] {
  164. z-index: 1;
  165. position: relative;
  166. }
  167. @media (max-width: 979px) {
  168. body { padding-right: 0; padding-left: 0; }
  169. .navbar-fixed-top { position: fixed; margin-bottom: 0; }
  170. .navbar-fixed-top { margin-right: 0; margin-left: 0; }
  171. .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 0; }
  172. header .navbar .brand { width: 160px; position: absolute; }
  173. header .navbar .nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  174. header .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; }
  175. header .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; }
  176. header .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; }
  177. header .sticky.navbar .nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  178. header .sticky .dropdown-menu { background: none; }
  179. header .nav-collapse .nav > li > a, header .nav-collapse .dropdown-menu a { color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
  180. header .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; }
  181. header .navbar .nav .dropdown-toggle .caret { display: none; }
  182. .flex-direction-nav .flex-prev { opacity: 1 !important; left: 30px !important; }
  183. .flex-direction-nav .flex-next { opacity: 1 !important; right: 30px !important; }
  184. .page-title h1 { font-size: 38px; }
  185. .page-title p { font-size: 16px; padding: 0 50px; }
  186. .page-title.page-title-high { padding: 175px 0 145px; }
  187. .page-title.page-title-high h1 { font-size: 60px; }
  188. .page-title.page-title-high p { padding: 0; font-size: 24; }
  189. .single-portfolio .page-title { padding-bottom: 325px; }
  190. .pull-top { margin-top: -375px; }
  191. .single-portfolio .page-title h1 { font-size: 60px; }
  192. .single-portfolio .page-title p { font-size: 23px; }
  193. }
  194. @media (max-width: 767px) {
  195. h1 { font-size: 30px; }
  196. .headline.text-center { padding: 0; }
  197. .portfolio-fullwidth .filterable-items .row-fluid .span4 { width: 100%; *width: 100%;
  198. }
  199. .portfolio-fullwidth .filterable-items .row-fluid .span6 { width: 100%%;
  200. }
  201. .portfolio-fullwidth .filterable-items .row-fluid .span3 { width: 100%; }
  202. .page-title h1 { font-size: 30px; }
  203. .page-title p { font-size: 16px; padding: 0; }
  204. .page-title.page-title-high h1 { font-size: 30px; }
  205. .page-title.page-title-high p { padding: 0; font-size: 16px; }
  206. .single-portfolio .page-title { padding-bottom: 225px; }
  207. .pull-top { margin-top: -275px; }
  208. .single-portfolio .page-title h1 { font-size: 36px; }
  209. .single-portfolio .page-title p { font-size: 18px; padding: 10px 0 30px; }
  210.  
  211. .menu_mobile a i { display: none; }
  212. .left-menu-height-6 { height: auto !important; }
  213. .menubg-about { height: auto !important; background: none !important; }
  214. .menubg-service { height: auto !important; background: none !important; }
  215. .menubg-tool-platform { height: auto !important; background: none !important; }
  216. .suppa_rwd_submenu .menu_mobile { padding-bottom: 0 !important; }
  217. .suppaMenu_rwd_wrap .suppa_rwd_menu a div.menu-right-buton { background: none; color: #000; float: left; width: auto; padding-left: 25px; }
  218. .menubg-tool-customers { height: auto !important; background: none !important; }
  219. .menubg-partners { height: auto !important; background: none !important; }
  220. .menubg-resource { height: auto !important; background: none !important; }
  221. }
  222. @media (max-width: 320px) {
  223. h1 { font-size: 24px; }
  224. }
  225. @media (max-width: 640px) {
  226. .qas_ul ul { margin: 0px; }
  227. .qas_ul ul li { text-align: center !important; }
  228. .backgrounded.fastFadeFromTop.qas-s5 p { width: 92%; }
  229. }
  230. .com { color: #93a1a1; }
  231. .lit { color: #195f91; }
  232. .pun, .opn, .clo { color: #93a1a1; }
  233. .fun { color: #dc322f; }
  234. .str, .atv { color: #dd3f19; }
  235. .kwd, .prettyprint .tag { color: #3a77c1; }
  236. .typ, .atn, .dec, .var { color: #44a22d; }
  237. .pln { color: #48484c; }
  238. .prettyprint { padding: 8px 15px; }
  239. .prettyprint.linenums { }
  240. ol.linenums { margin: 0 0 0 33px; }
  241. ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: none; }
  242. .single-portfolio .page-title { padding-bottom: 425px; padding-top: 130px; }
  243. .single-portfolio .page-title.page-title-high h1 { font-size: 82px; }
  244. .single-portfolio .page-title p { padding: 10px 100px 30px; border-bottom: 1px solid rgba(255, 255, 255, .2); }
  245. .single-portfolio .page-title.page-title-high p { font-size: 23px; }
  246. .project-details { position: relative; z-index: 100; margin-top: 30px; }
  247. .project-details .info { text-align: left; font-size: 14px; line-height: 24px; }
  248. .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; }
  249. .project-nav a:hover { background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; }
  250. .project-nav a.prev { background-image: url(../img/pagination_prev_inverse.png); }
  251. .project-nav a.next { background-image: url(../img/pagination_next_inverse.png); }
  252. .project-nav a.list { background-image: url(../img/pagination_list_inverse.png); }
  253. .single-portfolio .project-info { font-size: 14px; line-height: 22px; }
  254. #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; }
  255. #to-top:hover { background-color: #ff7302; }
  256. #to-top i { color: #fff; }
  257. .post { margin-bottom: 65px; font-size: 14px; line-height: 1.6; }
  258. .post:first-child { margin-top: 0; }
  259. .post .media-body > img, .post .media-body .picture-slider, .post .media-body .fluid-width-video-wrapper { margin-bottom: 25px; /*max-width: 100%;*/ }
  260. .post .media-body .btn { margin-top: 10px; }
  261. .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; }
  262. .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; }
  263. .post .date:hover { background: #666; }
  264. .post .date:hover:after { border-left: 5px solid #666; }
  265. .post .date a { display: table-cell; margin: 0 auto; width: 100%; color: #fff; vertical-align: middle; }
  266. .post .date i { font-size: 24px; }
  267. .post h2 { margin: 0 0 15px; font-size: 48px; }
  268. .post h2 a { color: #333; }
  269. .post h2 a:hover { color: #dd3f19; }
  270. .post-meta { display: inline-block; margin-bottom: 10px; border-bottom: 1px solid #dd3f19; }
  271. .post-meta > div { display: inline-block; color: #adadad; }
  272. .post-meta a { color: #adadad; }
  273. .post-meta a:hover { color: #dd3f19; }
  274. .post-entry { overflow: hidden; zoom: 1; text-align: left; }
  275. .post-entry a { color:#F67107; }
  276. .post-entry a:hover { text-decoration: underline; }
  277. .media, .media-body { text-align: center; }
  278. .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; }
  279. .thumbnail .thumb { position: relative; text-align: center; }
  280. .thumbnail .caption { padding: 25px 0 5px; text-align: center; }
  281. .thumbnail .caption h4 { margin: 0 0 5px; text-align: center; }
  282. .thumbnail .caption p { text-align: center; font-size: 12px; }
  283. .thumbnail .caption hr { margin: 0 auto 20px; width: 50%; }
  284. .thumbnail .caption .categores { margin-bottom: 10px; color: #a5a5a5; text-align: center; font-size: 11px; }
  285. .thumbnail.team { margin-bottom: 20px; }
  286. .thumbnail.team .caption .categores { margin-bottom: 20px; }
  287. .thumbnail .post-meta { display: block; padding: 9px 25px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 11px; }
  288. .thumbnail .post-meta > div { margin: 0 5px; }
  289. .comments { font-size: 12px; }
  290. .comments-title { margin-left: 80px; }
  291. .comment-respond { margin-top: 20px; margin-left: 80px; }
  292. .comment-respond p { margin-bottom: 10px !important; }
  293. .comment-respond code { white-space: pre-line; }
  294. .comment-reply-title { margin-bottom: 15px; }
  295. p.form-allowed-tags { margin-bottom: 20px !important; }
  296. .comments .media, .comments .media .media { margin-top: 25px; }
  297. .comments .media > .media { margin-left: 80px; }
  298. .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; }
  299. .comments .media-body { padding-top: 20px; border-top: 1px solid #e5e5e5; }
  300. .comments li:last-child > .media-body { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
  301. .comments .date { display: inline-block; margin-bottom: 5px; }
  302. .comments p { margin: 0; }
  303. .comments-form { margin-left: 80px; }
  304. .filters { }
  305. a.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; }
  306. a.filters-btn:hover i { color: #dd3f19; }
  307. .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; }
  308. .filters-set a { display: block; margin: 7px 0 5px; color: #5c5c5c; font-size: 15px; }
  309. .filters-set a:hover, .filters-set a:hover i { color: #dd3f19; }
  310. .filters-set a i { margin-right: 3px; color: #5c5c5c; font-size: 14px; }
  311. .filterable-items > .row { padding-bottom: 20px; }
  312. .grid-item { position: relative; overflow: hidden; margin-bottom: 25px; text-align: center; -webkit-backface-visibility: hidden; }
  313. .grid-item .thumb { position: relative; overflow: hidden; text-align: center; -webkit-backface-visibility: hidden; }
  314. .grid-item .thumb span { position: relative; right: 50%; -webkit-backface-visibility: hidden; }
  315. .grid-item .thumb span > img { margin-right: -100%; margin-bottom: -5px; }
  316. .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; }
  317. .grid-item .overlay:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }
  318. .grid-item .thumb:hover .overlay { top: 0; background: rgba(0, 0, 0, .8); opacity: 1; }
  319. .grid-item .title { margin-top: 10px; margin-bottom: 5px; font-size: 18px; }
  320. .grid-item .like-btn, .grid-item .like-btn i { font-size: 12px; }
  321. .portfolio-fullwidth .filterable-items .row-fluid .span4 { width: 33.2%; *width: 33.333333333333333%;
  322. }
  323. .portfolio-fullwidth .filterable-items .row-fluid .span6 { width: 49.8%%;
  324. }
  325. .portfolio-fullwidth .filterable-items .row-fluid .span3 { width: 24.9%; }
  326. .portfolio-fullwidth .filterable-items .row-fluid [class*="span"] { margin: 0; }
  327. .portfolio-fullwidth .grid-item { margin: 0; width: 103%; height: auto; }
  328. .portfolio-fullwidth .gap20, .portfolio-fullwidth .gap60, .portfolio-fullwidth .gap100 { display: none; }
  329. .portfolio-fullwidth .filters { border-bottom: 2px solid #dd3f19; background-color: #333; }
  330. .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); }
  331. .portfolio-fullwidth a.filters-btn:hover { background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  332. .portfolio-fullwidth a.filters-btn i { color: rgba(255, 255, 255, .6); }
  333. .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; }
  334. .portfolio-fullwidth .filters-set a { color: rgba(255, 255, 255, .6); }
  335. .portfolio-fullwidth .filters-set a:hover, .portfolio-fullwidth .filters-set a:hover i { color: #fff; }
  336. .portfolio-fullwidth .filters-set a i { color: rgba(255, 255, 255, .6); }
  337. .portfolio-fullwidth .container.fastFadeFromTop { display: none; }
  338. .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); }
  339. .portfolio-fullwidth #load-more-items:hover { background-color: #dd3f19; }
  340. .project-navbar { position: fixed; top: 100px; z-index: 1040; display: none; width: 100%; background: #111; background: rgba(0, 0, 0, .5); text-align: center; }
  341. .project-navbar .container { padding: 5px 0; }
  342. .project-navbar .project-nav { display: inline-block; }
  343. .like-btn, .like-btn i, .like-btn span { color: #adadad; }
  344. .like-btn:hover, .like-btn:hover i, .like-btn:hover span { color: #dd3f19; }
  345. .like-btn.active, .like-btn.active i, .like-btn.active span { color: #dd3f19; }
  346. .page-template-page-blog-php .pagination { margin-left: 80px; padding-top: 30px; border-top: 1px solid #e5e5e5; font-size: 14px; }
  347. .pagination { margin: 0; text-align: center; }
  348. .pagination a, .pagination span { width: 35px; height: 35px; color: #666; text-align: center; text-decoration: none; line-height: 35px; }
  349. .pagination a:hover { color: #dd3f19; }
  350. .pagination .divider { margin: 0 5px; color: #adadad; }
  351. .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; }
  352. .pagination .prev { float: left; background-image: url(../img/pagination_prev.png); }
  353. .pagination .next { float: right; background-image: url(../img/pagination_next.png); }
  354. .pagination a.prev:hover, .pagination a.next:hover { background-color: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  355. .pagination a.prev:hover { float: left; background-image: url(../img/pagination_prev_inverse.png); }
  356. .pagination a.next:hover { float: right; background-image: url(../img/pagination_next_inverse.png); }
  357. .pagination .current { color: #dd3f19; }
  358. .pagination .inactive { opacity: .5; filter: alpha(opacity=50); }
  359. .project-like { margin: 20px 0 0; text-align: center; }
  360. .project-like .like-btn, .project-like .like-btn i { font-size: 18px; }
  361. .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); }
  362. .modal-header { padding: 50px 70px 10px; border: none; text-align: center; }
  363. .modal-header .close { position: absolute; top: 10px; right: 15px; margin: 0; color: #fff; font-weight: 300; font-size: 30px; opacity: .4; }
  364. .modal-header .close:hover { opacity: 1; }
  365. .modal-header h3 { margin: 0 0 10px; color: #fff; font-size: 48px; line-height: normal; }
  366. .modal-header p { color: rgba(255, 255, 255, .4); }
  367. .modal-body { padding: 20px 70px 20px; }
  368. .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; }
  369. .modal-backdrop { background: #fff; }
  370. .contacter button { margin-top: 15px; }
  371. select, 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; }
  372. select.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; }
  373. textarea: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; }
  374. .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; }
  375. .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; }
  376. input.input-inverse:-moz-placeholder, textarea.input-inverse:-moz-placeholder {
  377. color: #fff;
  378. color: rgba(255, 255, 255, .4);
  379. }
  380. input.input-inverse:-ms-input-placeholder, textarea.input-inverse:-ms-input-placeholder {
  381. color: #fff;
  382. color: rgba(255, 255, 255, .4);
  383. }
  384. input.input-inverse::-webkit-input-placeholder, textarea.input-inverse::-webkit-input-placeholder {
  385. color: #fff;
  386. color: rgba(255, 255, 255, .4);
  387. }
  388. select.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; }
  389. .muted { color: #999999; }
  390. a.muted:hover, a.muted:focus { color: #333; }
  391. .text-warning { color: #c09853; }
  392. a.text-warning:hover, a.text-warning:focus { color: #333; }
  393. .text-error { color: #dd3f19; }
  394. a.text-error:hover, a.text-error:focus { color: #333; }
  395. .text-info { color: #3a77c1; }
  396. a.text-info:hover, a.text-info:focus { color: #333; }
  397. .text-success { color: #44a22d; }
  398. a.text-success:hover, a.text-success:focus { color: #333; }
  399. .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; }
  400. .google-map img { max-width: inherit; }
  401. .error404 .content { margin: 0 !important; padding: 300px 0 110px; }
  402. .error404 h1.back404 { position: absolute; top: -300px; z-index: -1; width: 100%; color: #F5F5F5; font-size: 550px; }
  403. .error404 footer { display: none; }
  404. .search-results .content { padding: 200px 0 30px; }
  405. .search-no-results .content { padding: 0 0 30px; }
  406. .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; }
  407. .alert-info { background-color: #e6f7ff; color: #3a87ad; }
  408. .alert-danger, .alert-error { background-color: #ffecec; color: #b94a48; }
  409. .alert-success { background-color: #f1fcea; color: #468847; }
  410. .tooltip-inner { padding: 7px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
  411. span[data-toggle="tooltip"] { color: #dd3f19; cursor: pointer; }
  412. span[data-toggle="tooltip"]:hover { color: #333333; }
  413. .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; }
  414. .backgrounded h1, .backgrounded h2, .backgrounded h3, .backgrounded h4, .backgrounded h5, .backgrounded h6 { color: #666; }
  415. /*.backgrounded p, .backgrounded .services p { color: rgba(255, 255, 255, 1); }*/
  416. .backgrounded.inverse h1, .backgrounded.inverse h2, .backgrounded.inverse h3, .backgrounded.inverse h4, .backgrounded.inverse h5, .backgrounded.inverse h6 { color: #333; }
  417. .backgrounded.inverse, .backgrounded.inverse p { color: #666; }
  418. .backgrounded.inverse .headline { color: #7f7f7f; color: rgba(0, 0, 0, .5); }
  419. .backgrounded.inverse .services p { color: #7f7f7f; color: rgba(0, 0, 0, .5); }
  420. .backgrounded .b-img { margin-bottom: -75px; }
  421. .services { display: block; -webkit-backface-visibility: hidden; }
  422. a.services:hover { opacity: .7; filter: alpha(opacity=70); }
  423. .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; }
  424. .services .service-icon { position: absolute; width: 100%; height: 230px; line-height: 110px; }
  425. .services.text-center .service-box { display: inline-block; float: none; margin-right: 0; margin-bottom: 20px; }
  426. .whywork .service-box { background-position: 50% 50%; background-size: 100%; }
  427. .services h3 { margin-bottom: 10px; }
  428. .services p { color: #7f7f7f; color: rgba(0, 0, 0, .5); }
  429. .services.inverse { text-align: center; }
  430. .services.inverse h3 { color: #fff; }
  431. .services.inverse p { color: #fff; color: rgba(255, 255, 255, .5); }
  432. .services.inverse i { display: inline-block; margin-bottom: 20px; color: #fff; color: rgba(255, 255, 255, .5); font-size: 72px; }
  433. .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; }
  434. .accordion-group { margin-bottom: -1px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  435. .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; }
  436. .accordion-heading .accordion-toggle { padding: 8px 36px; }
  437. .accordion-heading.active .accordion-toggle { padding: 8px 35px; }
  438. .accordion-heading:hover .accordion-toggle { padding: 8px 35px; }
  439. .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; }
  440. .accordion-group:last-child .accordion-heading a { border-bottom: 1px solid #e5e5e5; }
  441. .accordion-group:last-child .accordion-heading.active a, .accordion-group:last-child .accordion-heading:hover a { border-bottom: 1px solid transparent; }
  442. .accordion-heading:hover { z-index: 99999; border-left: 1px solid #dd3f19; background-color: #E1E1E1; }
  443. .accordion-heading:hover a { border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-position: 12px 48%; }
  444. .accordion-heading.active { border-left: 1px solid #dd3f19; background: #E1E1E1; }
  445. .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%; }
  446. .accordion-inner { margin-top: -1px; padding: 25px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  447. .accordion-group:last-child .accordion-inner { border-bottom: 1px solid #e5e5e5; }
  448. .nav { margin-bottom: 0; }
  449. .nav-tabs { border-bottom: none; }
  450. .nav-tabs > li { -webkit-transition: border-color .2s; -moz-transition: border-color .2s; -o-transition: border-color .2s; transition: border-color .2s; }
  451. .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; }
  452. .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); }
  453. .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; }
  454. .tabs-left > .nav-tabs { margin-right: 0; }
  455. .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); }
  456. .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); }
  457. .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; }
  458. .tabs-right > .nav-tabs { margin-left: 0; }
  459. .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); }
  460. .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); }
  461. .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; }
  462. .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); }
  463. .tabs-left .tab-content, .tabs-right .tab-content { margin-top: 0; }
  464. .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; }
  465. .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .wpcf7-submit:hover { background: #666; color: #fff; }
  466. .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; }
  467. .btn-large { padding: 10px 35px; font-size: 16px; }
  468. .btn-large i { font-size: 14px; }
  469. .btn-small { padding: 6px 15px; font-size: 11px; }
  470. .btn-mini { padding: 2px 8px; font-size: 10px; }
  471. .btn-primary, #commentform input[type="submit"], .wpcf7-submit { color: #fff; background: #ff7302; }
  472. .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; }
  473. .btn-warning { background: #ffd132; color: #fff; }
  474. .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background: #666; }
  475. .btn-danger { background: #dd3f19; color: #fff; }
  476. .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background: #815cb4; }
  477. .btn-success { background: #37ce77; color: #fff; }
  478. .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background: #666; }
  479. .btn-info { background: #59b1f6; color: #fff; }
  480. .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background: #666; }
  481. .btn-inverse { background: #363636; color: #fff; }
  482. .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background: #dd3f19; }
  483. .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; }
  484. .btn-link:hover, .btn-link:focus { background-color: transparent; color: #005580; text-decoration: underline; }
  485. .btn-simple { background: transparent; color: #adadad; }
  486. .btn-simple:hover, .btn-simple.btn-inverse:hover { background: #dd3f19; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; }
  487. .btn-simple i { color: #adadad; }
  488. .btn-simple:hover i { color: #fff; }
  489. .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); }
  490. .btn-simple.btn-inverse i { color: #fff; color: rgba(255, 255, 255, .7); }
  491. .btn-simple.btn-inverse:hover i { color: #fff; }
  492. .widget { margin: 0 0 50px; font-size: 12px; }
  493. .widget h3 { margin: -5px 0 15px; }
  494. .widget_categories ul, .widget_archive ul, .widget_recent_entries ul { margin-left: 0; list-style: none; }
  495. .widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li { padding: 7px 0; border-bottom: 1px solid #e5e5e5; }
  496. .widget_categories ul li:last-child, .widget_archives ul li:last-child, .widget_recent_entries ul li:last-child { border: none; }
  497. .tparrows { opacity: .6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; -moz-opacity: .6 !important; -khtml-opacity: .6 !important; }
  498. .tparrows:hover { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; }
  499. .tp-leftarrow.hidearrows, .tp-leftarrow.default.hidearrows {
  500. 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; }
  501. .tp-rightarrow.hidearrows, .tp-rightarrow.default.hidearrows {
  502. 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; }
  503. .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; }
  504. .tp-leftarrow, .tp-leftarrow.default {
  505. 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;
  506. -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; }
  507. .tp-rightarrow, .tp-rightarrow.default {
  508. 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; }
  509. .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; }
  510. .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; }
  511. .tp-caption a { padding: 15px 50px !important; color: #fff !important; font-size: 18px; }
  512. .tp-caption a:hover { color: #fff !important; }
  513. .home-header { text-align: center; font-family: Helvetica; font-size: 23px; display: block }
  514. .list { margin-bottom: 25px; }
  515. .list .row { font-size: 14px; line-height: 16px; }
  516. .list .row { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
  517. .list .row span { display: table-cell; vertical-align: middle; }
  518. .list .row .num { font-size: 30px; font-style: italic; font-weight: bold; padding-right: 10px; }
  519. .list .row.first .num { color: #f15d2a; }
  520. .list .row.second .num { color: #fbad17; }
  521. .list .row.third .num { color: #2a8e91; }
  522. .divleft { float: left }
  523. .divright { float: right }
  524. .bodytextcolor { color: #666 !important; }
  525. .img-wrap { background: url("../img/attesto-third-block-bg.png") no-repeat center top; background-size: contain; padding: 6.5% 17% 7%; }
  526. .mqmty { line-height: 45px !important; font-size: 45px !important; }
  527. .grid-item { border: 1px solid #939598; box-shadow: 0 5px 0 #c5c5c6; min-height: 323px; }
  528. /* .row-fluid a{text-transform:uppercase;}*/
  529.  
  530. .gray { color: #666 !important; }
  531. .md_product_raw { margin-top: 15px; }
  532. .span35 { width: 220px; height: 150px; margin: 0 20px 0 0; overflow: hidden; }
  533. .span35:hover { overflow: visible; }
  534. .ctitle { min-height: 75px; }
  535. .ctitle h2 { font-size: 17px; text-transform: uppercase; }
  536. .ctitle p { color: #f15d2a; }
  537. .cdesignation { color: #f15d2a !important; text-align: center; font-weight: bold; font-size: 15px; }
  538. .rev_slider_wrapper .s-21 .s-22 { font-size: 32px !important; }
  539. .news .row-fluid .span3 { width: 6%; }
  540. /*.newsletters .row-fluid .span3{width:6%;}*/
  541. /* modified 4-8-2015 */
  542.  
  543. .client-video-text p { color: #666; }
  544. .client-video-text span { float: left; margin-top: 20px; }
  545.  
  546. .menu_mobile_button { margin: 0 0 30px 20px; }
  547. .w240 { width: 240px }
  548. .menu_award { display: block; margin: 0 auto; max-width: 10%; padding: 10px; }
  549. .qm_list { font-size: 120%; margin: 0; text-align: center; list-style-type: none; color: #fff }
  550. .text-justify { text-align: justify !important; }
  551. .pricecon { width: 250px; float: right; background: #E1E1E1; margin-left: 20px; padding: 10px; }
  552. .pricetable { margin: 0 auto; text-align: center; font-weight: bold; font-size: 17px; }
  553. ul.headline.bodytextcolor { margin-bottom: 15px; }
  554. a#slider-button-menu:hover { background: #f5f5f5 !important; color: #000 !important; }
  555. a#slider-button-menu { background: #ff7302 !important; color: #fff !important; -webkit-text-stroke: 0.5px }
  556. a#slider-button { background: #ff7302; color: #fff!important; }
  557. a#slider-button:hover { opacity: 0.8; }
  558. .slider-button-active { background: #ff7302; color: #fff!important; }
  559. .slider-button-inactive { background: #e1e1e1 !important; color: #fff !important; }
  560. .span66 .ch_element.ch_wrapper { min-height: 165px; }
  561. .servicep p { min-height: 175px !important; }
  562. a.fancybox.btn { background: none; }
  563. @media (max-width: 1024px) {
  564. .s41 { font-size: 55px !important; }
  565. center.s42 { top: -40px; position: relative; }
  566. .btn:first-child { position: relative; top: 0; }
  567. div#client-logo-list img { width: 5%; }
  568. .m11 { font-size: 42px !important; }
  569. /*input, textarea, .uneditable-input{width:100% !important;}*/
  570. #getstarted { margin-bottom: 30px; }
  571.  
  572. }
  573. .wpcf7 p { min-width: 100% !important; }
  574. }
  575. .last_whyus { margin: 0 auto; max-width: 500px; }
  576. .bgorange { background-color: rgb(251, 173, 66); }
  577. .accordion-inner ul { list-style-type: none; }
  578. .f130 { font-size: 130% !important; }
  579. .left-con-menu { float: left; font-size: 14px; border: 0 !important; padding: 10px !important; text-align: left; width: 100%; min-height: 50px; }
  580. .cname { text-align: center; font-weight: bold; }
  581. #wpcf7-f1104-o1 p { margin: 0 }
  582. .top-tier { display: none; }
  583. ul.meleft { width: 100% !important; font-size: 15px; }
  584. ul.meright { width: 100% !important; font-size: 15px; }
  585. ul.meright li { width: 100% !important; font-size: 15px; text-align: right; }
  586. .teste .services.text-center .service-box { background-size: contain !important; width: 230px !important; }
  587.  
  588. .backgrounded.fastFadeFromTop.home-enable { padding: 15px !important; }
  589. .home-enable p { margin: 0 !important; color: #666 !important; font-size: 40px; font-weight: bold; }
  590. fancybox.btn { background: none; }
  591. #tabh1, #tabh2, #tabh3, #tabh4 { background: transparent; }
  592. ul.enterpriseqa_ul li { text-align: left; font-size: 14px; margin: 0 0 10px 0; }
  593. @media (max-width: 980px) {
  594. .last { margin-left: 0; }
  595. .testing-types { margin: 0 0 10px 0 !important; font-size: 26px; }
  596. }
  597. .services p { color: #7f7f7f !important; }
  598. .home-header { padding-bottom: 25px; }
  599. .list .row { margin-bottom: 20px !important; }
  600. .list .row .num { padding-top: 0; font-size: 36px; }
  601. .list .row span.text { font-weight: normal; text-transform: initial; }
  602. header .navbar .nav > li > a, header .navbar .search-bar-btn i { color: #737a80; }
  603. header .navbar .brand { max-width: 100%; }
  604.  
  605. .mobile-strategy-list { margin: 0; }
  606. .mobile-strategy-list ul { margin: 0 auto; width: 100%; margin-top: 15px; }
  607. .mobile-strategy-list ul li { line-height: 25px; list-style: none; font-size: 17px }
  608. .mobile-strategy-list p.headline { color: #7f7f7f; color: rgba(0, 0, 0, .5); }
  609. .latest-blog-homepage p { color: #666; }
  610. .latest-blog-homepage .post-meta, hr, .latest-blog-homepage .categores { display: none !important; }
  611. .home .client-logo-homepage .container { width: auto; max-width: 100% !important; }
  612. .client-logo-homepage li { text-align: center; padding: 13px 0; }
  613. .client-logo-homepage li img { max-height: 50px; width: auto !important; }
  614. .home .client-logo-homepage .slider .bx-wrapper { max-width: 96% !important; }
  615. .home .client-logo-homepage .bx-wrapper a { margin-top: -22px !important; }
  616. .home .client-logo-homepage .bx-wrapper .bx-prev { left: 0 !important }
  617. .home .client-logo-homepage .bx-wrapper .bx-next { right: 0 !important }
  618. .backgrounded.fastFadeFromTop.client-logo-homepage { padding: 0 !important; height: 66px; }
  619.  
  620. .backgrounded .headline { color: #fff; color: rgba(255, 255, 255, .8); margin-bottom: 20px; }
  621. .service-overview-page .backgrounded .headline { margin-bottom: 20px; }
  622. div#client-logo-list { padding: 0px 0px; text-align: center; }
  623. div#client-logo-list img { display: inline; margin: 10px 15px 0 25px; }
  624. /*#fancybox-content { border-color: #e9e9e9; }*/
  625. /*form#pop-up-form { text-align: center; }*/
  626.  
  627. input#cnt_phone { color: #666; border: 1px solid rgba(0, 0, 0, .2); }
  628. #cnt_other { display: none; }
  629. .landing_page h1 { margin-top: 245px; }
  630. .landing__right_form { border: 2px solid #666; padding: 4%; margin-bottom: 20px; clear: both; width: 92%; }
  631. .landing__right_form.hentry .cap { width: 20% !important; }
  632. .landing__right_form.hentry #reloadbtn { width: 45% !important; }
  633. .landing__right_form.hentry #download-form-submit { background-color: #FF7302; font-weight: bold; width: 100% !important; height: 35px; border: none; color: #fff; }
  634. @media screen and (max-width: 767px) {
  635. .testimonials .span3 { text-align: center; }
  636. .landing_page h1 { margin: 0; }
  637. .landing_page { text-align: center; }
  638. }
  639. @media screen and (min-width: 768px) {
  640. .landing__right_form.hentry #reloadbtn { width: 60% !important; }
  641. .closertocode .arrow_img { margin: 100px 0 0 0; }
  642. .closertocode .arrow_img .svg { max-height: 300px; }
  643. }
  644. /*#fancybox-content { width:100% !important; }
  645. #fancybox-wrap { width:100%; max-width: 600px; margin: 0 auto; }
  646. #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; }
  647. #fancybox-outer { }
  648.  
  649. #fancybox-content { -webkit-overflow-scrolling: touch; overflow-y: auto; width:100%; max-width: 600px; }*/
  650.  
  651. .backgrounded.fastFadeFromTop.blue_strip.stick { top: 134px !important; }
  652.  
  653. .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; }
  654. /*.backgrounded.fastFadeFromTop.home-core-offering { padding: 10px 0 40px 0 !important; }*/
  655. .backgrounded.fastFadeFromTop.home-core-offering h1.text-center, .backgrounded.fastFadeFromTop.home-core-offering h3 { color: #666; }
  656. #home-page-Offering .services.services-small.text-center > p { display: none; }
  657. .md_class4, .md_class5 { top: 50px; }
  658. .tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 60px !important; }
  659. .tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 30px !important; }
  660. .slider-top .revbutton a.btn { font-size: 22px !important; }
  661. .tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 50px !important; }
  662. @media (max-width: 980px) {
  663. .tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 23px !important; }
  664. .tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 40px !important; }
  665. }
  666. @media (max-width: 960px) {
  667. .suppaMenu_wrap.suppaMenu_wrap_wide_layout { margin-right: 0 !important; }
  668. }
  669. @media (max-width: 768px) {
  670. .tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 19px !important; }
  671. .tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 25px !important; }
  672. .tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 50px !important; }
  673. }
  674. @media (max-width: 600px) {
  675. .tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 18px !important; line-height: 20px !important; }
  676. .tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 12px !important; }
  677. .tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 40px !important; }
  678. }
  679. @media (max-width: 480px) {
  680.  
  681. .tp-caption.black_2_white_md_new_txt1 .headtext .subtext { font-size: 16px !important; line-height: 18px !important; }
  682. .tp-caption.black_2_white_md_new_txt1 .stadiumtext { font-size: 13px !important; }
  683. .tp-caption.black_2_white_md_new_txt1 .headtext { font-size: 20px !important; }
  684. .slider-top .revbutton a.btn { font-size: 16px !important; }
  685. }
  686. @media (max-width: 800px) {
  687. .tp-caption.black_2_white { font-size: 30px !important }
  688. #rev_slider_5_1_wrapper { height: 600px !important; }
  689. }
  690. #Blog-post-for-homepage p { color: #666; font-size: 13px; }
  691. #Blog-post-for-homepage .post-meta, #Blog-post-for-homepage hr, #Blog-post-for-homepage .categores { display: none !important; }
  692. #Blog-post-for-homepage h4 { font-size: 18px; }
  693. .tp-caption.small_light_white_md.tp-fade.tp-resizeme.start { width: 100%; text-align: center; left: 0 !important; padding: 15px 0 !important; }
  694. .double_dot { border-left: 1px dotted #B8B8B8; border-right: 1px dotted #B8B8B8; margin: 0 !important; padding: 0 15px; }
  695. .dd { border-left: 1px dotted #B8B8B8; border-right: 1px dotted #B8B8B8; }
  696. .app_area .app_area_inner { background: #979797 !important; width: 76%; margin: 0 auto; color: #000; }
  697. .contain_detail_2 { width: 300px; float: left; }
  698. .app_area { background: #979797 !important; margin: 0px 0; }
  699. .overview_inner { display: inline-block; }
  700. .overview_inner h3, .overview_inner a.head_title { color: #fff; font-size: 22px; padding: 40px 0 0; }
  701. .contain_detail_2 a img { width: 90px; float: left; }
  702. .app_area .contain_detail_2 span.span1 { width: 100%; padding: 5px 0 10px 0; }
  703. .contain_detail_2 p { padding: 5px 0; display: inline-block; }
  704. #footer_event { float: right !important; }
  705. #footer_event .span3 { width: 200px; margin-left: 10px; }
  706. .home-core-offering .span3m { width: 20%; margin: 0 0 30px 0; }
  707. @media (max-width: 979px) {
  708. .md_vid1 .wp-video { width: 100% !important; margin-bottom: 15px !important; }
  709. .btn-navbar { background: #666 !important; }
  710. .btn-navbar:hover { background: #666 !important; }
  711. .menu_mobile a i {padding-right: 10px; }
  712. }
  713. @media (max-width: 768px) {
  714. .backgrounded.fastFadeFromTop.mo-quality-success .span4 { width: 215px; }
  715. .text-justify { width: 100%; }
  716. .gap100 { display: none; }
  717. .gap114 { height:110px; /*display: none;*/ }
  718. div#product_footerlink .row .ftr_newsletter strong { width: 96% !important; }
  719. .span3 { width: 161px; }
  720. .span2 { width: 30%; }
  721. .contain_detail_2 { width: 30%; }
  722. #slider-gap { height: 0; }
  723. .navbar-fixed-top { position: relative !important; }
  724. .md_mobile_div { height: auto !important; }
  725.  
  726. .double_dot { margin: 0; padding: 0; border: none; }
  727. .testing-blk { width: 100% !important; margin: 0 0 30px 0; }
  728. .mobile-qty-optimization .testing-blk { width: 70%!important; }
  729. .product_btn { margin: 0px !important; width: 100% !important; margin-bottom: 15px !important; }
  730. .product_btn_div { width: 100% !important; }
  731. .s11 { font-size: 50px !important; }
  732. .s31 { font-size: 40px !important; }
  733. .s41 { font-size: 44px !important; }
  734. .m11 { font-size: 33px !important; }
  735. .m12 { font-size: 25px !important; }
  736. .lefttext { text-align: center !important; }
  737. .mqmty { font-size: 33px !important; }
  738. .menu_mobile a i {padding-right: 10px; }
  739. }
  740. @media (max-width: 640px) {
  741. select#cnt_country { width: 103%; }
  742. .at-a-glance { min-height: 0px !important; }
  743. .google-map { width: 92%; margin: 0 auto; }
  744. .sendmail, .sendmail_text, .our_direction, .givingback_s1, .lifeatinfo, .at-a-glance-s1 { text-align: center; }
  745. .span_lifeinfo { float: left; width: 100%; margin-top: 15px; }
  746. .inside-qmetry .btn:first-child { top: 0 !important; }
  747. .pull-right { text-align: center; }
  748. .offshore { text-align: center; }
  749. .pricecon { width: 92%; float: none; padding: 2%; }
  750. .displayblock a { display: block; margin-bottom: 20px !important; }
  751. .span3, .span2 { width: 100%; }
  752. .m133.text-center.displayblock { margin: 0 auto; width: 47%; }
  753. .qmetry-sl1 .md_if_font { margin: 0px !important; }
  754. .qmetry-sl1 .span6 { margin: 0px !important; }
  755. .qmetry-sl1 .md_vid1 { text-align: center; }
  756. .qmetry-sl1 .m133 { text-align: center; margin-bottom: 30px !important; }
  757. .testing-blk ul { width: 100%; }
  758. .backgrounded.fastFadeFromTop.mo-quality-success .span4 { width: 96%; margin: 0 auto; }
  759. .app_area .app_area_inner { text-align: center; }
  760. .md_product_btn { text-align: center !important; width: 100% !important; margin-bottom: 15px; }
  761. .md_product_btn_div { width: 100% !important; margin-bottom: 20px !important; }
  762. form.wpcf7-form { text-align: center; width: 80% !important; padding-left: 10% !important; }
  763. div#product_footerlink ul { margin-bottom: 20px !important; }
  764. .span41 { float: left !important; width: 100%; }
  765. .lefttext { text-align: center !important; }
  766. }
  767. @media (max-width: 600px) {
  768. #rev_slider_5_1_wrapper { height: 400px !important; }
  769. .tp-caption.black_2_white { top: 40px !important; }
  770. .tp-caption.medium_text_slider p { font-size: 16px !important; }
  771. br.synchro-br { display: block !important; line-height: 30px !important; }
  772. .attesto-txt1 { font-size: 30px !important; }
  773. .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; }
  774. }
  775. @media (max-width: 400px) {
  776. .inside-qmetry a#slider-button { top: 0 !important; }
  777. .tp-caption .medium_text_slider { top: 120px !important; }
  778.  
  779. .md_class2 { top: 225px !important; left: -25px !important; padding: 14px !important; }
  780. .md_class3 { top: 225px; padding: 0px !important; left: -3px; font-size: 19px !important; }
  781. .md_class4 { top: 80px !important; left: -50px !important; }
  782. .md_class5 { top: 60px !important; left: -50px !important; }
  783. .tp-caption.black_2_white { top: 25px !important; left: 0 !important; text-align: center !important; line-height: 30px !important; }
  784. .tp-caption.boxshadow { box-shadow: none !important; }
  785. .contain_detail_2 { width: 100%; }
  786. .contain_detail_2 a img { width: 100%; }
  787. }
  788. @media (max-width: 568px) {
  789. div#client-logo-list img { width: 7% !important; }
  790. .s11 { font-size: 37px !important; }
  791. .s21 { font-size: 41px !important; }
  792. .s41 { font-size: 30px !important; }
  793. /*.btn:first-child { font-size: 13px !important; }*/
  794. .m11 { font-size: 23px !important; }
  795. .m12 { font-size: 22px !important; }
  796. .m133 .qmerty-btn1, .m133 .qmerty-btn2 { padding: 10px !important; font-size: 13px !important; }
  797.  
  798. }
  799. .md_if_font p { font-weight: 400; min-height: 160px; -webkit-font-smoothing: antialiased; }
  800. .md_if_font .at-a-glance { min-height: 1px; }
  801. @media (max-width: 480px) {
  802. div#download_form_pop_ms { width: 84% !important; height: auto; margin: 0 auto; }
  803. .pricecon { float: none !important; margin: 0 auto; }
  804. a#slider-button { margin: 10px; padding:14px 20px !important; font-size: 14px !important; }
  805. div#client-logo-list img { width: 7% !important; }
  806. .s31 { font-size: 30px !important; line-height: 30px !important; text-align: center; }
  807. .s41 { font-size: 24px !important; line-height: 30px !important; text-align: center; }
  808. .s11, .s21 { font-size: 32px !important; line-height: 30px !important; text-align: center; }
  809. center.s42, center.s32, center.s12 { font-size: 16px !important; }
  810.  
  811. .m11 { font-size: 21px !important; line-height: 22px !important; }
  812. .m12 { font-size: 20px !important; line-height: 22px !important; }
  813. .m11 br { display: block !important; }
  814. .m12 br { display: block !important; }
  815. .m13 br { display: block !important; }
  816. .double_dot { border-left: none; border-right: none; padding: 0; }
  817. .m133 .qmerty-btn1 { width: 80% !important; }
  818. .m133 .qmerty-btn2 { margin: 30px 0 0 0 !important; width: 80% !important; }
  819. .synchro-btn a br { display: none !important; }
  820. .tp-caption a.attesto-btn1 br, .tp-caption a.attesto-btn2 br { display: none !important; }
  821. .attesto-btn1, .attesto-btn2 { margin: 0 0 27px 0 !important; }
  822. }
  823. @media (max-width: 360px) {
  824. ul#menu-footer-menu-in-bottom { text-align: center; }
  825. .home-enable p { font-size: 20px; line-height: 1.2em; }
  826. div#wpcf7-f4338-o1 { width: 92%; margin: 0 auto; padding: 0px; }
  827. .our_teamblk { display: inline-block; float: left; width: 69% !important; margin-bottom: 15px !important; }
  828. }
  829. @media (max-width: 320px) {
  830. .mobile-auto-service a#slider-button { display: block; }
  831. .alldevice a#slider-button { display: block; }
  832. .ul_headerlink { float: none; margin: 0 auto; }
  833. .navbar-fixed-top .navbar-inner { padding: 0; }
  834. .pricecon { float: none; }
  835.  
  836. #mobile_quality_testing_block_div { margin: 0; }
  837. .mejs-container { width: 100% !important; }
  838. .video-responsive { margin-left: 0 ! important; max-width: 100% !important; }
  839. .product_btn_div { margin-bottom: 20px; }
  840. div#client-logo-list img { width: 7% !important; }
  841. br.clsbr { display: block !important; }
  842. .m11 { font-size: 18px !important; line-height: 20px !important; }
  843. .m12 { font-size: 17px !important; margin: 10px 0 0 0 !important; }
  844. .lefttext { text-align: center !important; }
  845. .m133 .qmerty-btn1 { width: 80% !important; }
  846. .m133 .qmerty-btn2 { margin: 0 0 0 36px !important; width: 80% !important; }
  847. .ch_element, .ch_wrapper { width: 100%; text-align: center; }
  848. .ch_normal, .ch_hover { width: 100%; }
  849. }
  850. .md_product_btn { float: left; display: inline-block; margin-top: 15px; margin-right: 15px; }
  851. .product_btn_div { float: left; margin-top: 20px; text-align: center; }
  852. .product_btn { float: left; margin-left: 10px; }
  853. .md_product_raw { min-height: 425px; }
  854. .md_product_btn_div { float: left; }
  855. #product_service_div.service p { }
  856. #product_service_div.container.fastFadeFromTop br, .container.fastFadeFromTop p { display: none1; }
  857. #product_service_div.services p, .services h3, a h3 { text-align: center; }
  858. #product_service_div.backgrounded p { text-align: center; }
  859. .wpcf7 p { color: #666 !important; width: 100%; min-width: 210px; }
  860. div#product_footerlink strong { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
  861. div#product_footerlink ul li { width: 100%; float: left; margin: 0 0 8px 0; }
  862. div#product_footerlink ul li a { line-height: 18px; font-size: 14px; }
  863. div#product_footerlink ul { list-style-type: none; margin: 0; width: 100%; float: left; }
  864. div#product_footerlink strong { margin-bottom: 10px; float: left; width: 100% !important; }
  865. .m11 br, .m12 br, .m13 br { display: none; }
  866. .md_mobile_div { float: left; margin-bottom: 30px; text-align: left; }
  867. .md_chart_bg { background-repeat: repeat; background-size: inherit; }
  868. .mobile_block2_span { line-height: 25px; }
  869. .mobile_block4_span { line-height: 25px; margin-bottom: 15px; }
  870. .md_mobileopt_div ul li { font-size: 20px; }
  871. .mqs { min-height: 1px !important; margin-bottom: 0; }
  872. div#testing_service_box { float:left; height: auto; }
  873. div#mobile_quality_testing_block_div h2 { font-size: 22px; letter-spacing: 1px; text-align: center; font-weight: bold; }
  874. div#mobile_quality_testing_block_div ul li { line-height: 22px; }
  875. .service-box.imgwidth60 { background-size: contain; }
  876. .lefttext { text-align: left; font-size: 12px; line-height: 20px; font-weight: 400; -webkit-font-smoothing: antialiased; }
  877. .smallfont { font-size: 16px; line-height: 120%; font-weight: 400; -webkit-font-smoothing: antialiased; font-family: inherit !important; }
  878. .mqmty br { display: block !important; }
  879. .mqmty br.qmbrn { display: none !important; }
  880. .md_product_btn a { font-size: 14px; -webkit-font-smoothing: antialiased; }
  881. .testing-types { text-align: left; margin: 0 0 10px 0; }
  882. .testing-blk { float: left; width:100%; padding-left: 50px; }
  883. .testing-blk h2 { text-align: left !important; }
  884. .testing-img { width: 40px; position: absolute; }
  885. .testing-img .service-box { width: 40px; }
  886. .testing-img img { max-width: 100%; vertical-align: top; margin-top: 5px; }
  887. .services.services-small.integration-img.text-center { min-height: 125px; }
  888. br.clsbr { display: none !important; }
  889. @media (max-width: 320px) {
  890. .mejs-container { width: 100% !important; }
  891. .md_vid1 .wp-video { width: 100% !important; }
  892. .mejs-container { width: 100% !important; }
  893. .mqmty br.qmbrn { display: block !important; }
  894. }
  895. .tabs-hide { display: none; }
  896. .tabs-container { background: #fff; margin-top: 25px; }
  897. .tabs-nav { margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%; }
  898. #tabnav h3 { display: inline-block; width: 100%; float: left; font-size: 16px; }
  899. .tabs-nav li { display: inline-block; list-style-type: none; padding-right: 0px; margin-right: 20px; border-bottom: 2px solid #000; min-height: 120px; }
  900. .productpage_btn { width: 100%; }
  901. .product_btn_inner { margin: 0 auto; max-width: 310px; }
  902. .service_btn_inner { margin: 0 auto; max-width: 35%; }
  903. .box-show { position: relative; overflow: hidden; height: 300px; width: 100%; top: 0; }
  904. .box-show .glyph { margin-top: 50px; }
  905. .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; }
  906. .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; }
  907. .indust-text { padding-top: 60px; }
  908. .box-show:hover .block_glyph { top: 1252px; }
  909. .box-show:hover .block_text { top: 0; }
  910. .span1 { margin-left: 0px; }
  911. .maxwidth230 { max-width: 145px; }
  912. .maxwidth66 { max-width: 66% !important; }
  913. .mobile_devlopment_img .service-box { min-height: 260px; }
  914. .txt_justify { text-align: justify; }
  915. .designation { font-size: 13pt; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; margin-bottom: 15px; color: #f15d2a; }
  916. .contenthover { padding: 20px 20px 10px 20px; min-height: 238px; }
  917. .contenthover, .contenthover h3, contenthover a { color: #fff; }
  918. .contenthover h3, .contenthover p { margin: 0 0 10px 0; line-height: 1.4em; padding: 0; }
  919. .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; }
  920. .contenthover a.mybutton:hover { background: #34742d }
  921. .ch_element.ch_wrapper { min-height: 300px; }
  922. .ch_hover { min-height: 300px; }
  923. .span33:hover { overflow: visible; }
  924. .span33 { width: 220px; height: 215px; margin: 0 20px 0 0; overflow: hidden; }
  925. .span34:hover { overflow: visible; }
  926. .span34 { width: 220px; height: 150px; margin: 0 20px 0 0; overflow: hidden; }
  927. .backheight { min-height: 480px; }
  928. .md_mobile_testing .service-box { min-width: 460px !important; }
  929. a.current { color: red; }
  930. .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; }
  931. .floatleft.img_eqc { float: left; width: 15%; margin-right: 15px; margin-bottom: 15px; }
  932. .floatleft.outer_eqc { float: left; width: 100%; }
  933. .floatleft.txt_eqc { float: left; }
  934. .bx-wrapper .bx-viewport { padding-top: 14px; }
  935. .home-box { text-align: center; background: #fff; padding: 15px; color: #666; margin-bottom: 30px; }
  936. .home-box.gray { background: #BBBFBF; }
  937. .home-box1 { text-align: center; padding: 15px; background: #BBBFBF; color: #666; margin-bottom: 30px; }
  938. .tabs-container { background: none; }
  939. #tabh1 p, #tabh2 p, #tabh3 p, #tabh4 p { font-size: 16px; }
  940. .min-height85 { min-height: 85px; }
  941. .headline { font-size: 16px; }
  942. .liststylenone { list-style-type: none; }
  943. .liststylenone li { font-size: 20px; }
  944. .container_relative { position: relative; max-width: 1200px !important; width: 100% !important; }
  945. ul.ul_headerlink li { float: left; margin: 0 0 0 30px; list-style-type: none; }
  946. .ul_headerlink li a { font-size: 12px; color:#737a80; }
  947. .ul_headerlink li a:hover { color:#ff7302; }
  948. p.ftr_news_p { width: 100%; }
  949. .level-3 { font-weight: bold; font-size: 20px; color: #000; }
  950. .privacy-con p { font-size: 16px; }
  951. .sitemap-con h3 a { font-size: 20px; color: orange; font-weight: bold; }
  952. .sitemap-con ul { font-size: 15px; list-style-type: square; }
  953. .mingrid .grid-item { min-height: 150px; }
  954. .qslider .bx-viewport { background: none !important; height: 160px !important; -webkit-box-shadow: none !important; }
  955. .qslider ul li p { font-size: 20px; margin-top: 15px; text-align: center; }
  956. .greyheading { color: #666 !important; }
  957. .indented p { font-size: 16px; }
  958. ol { color: #666; }
  959. ul.bxslider3 li img { min-height: 90px; }
  960. .backgrounded { color: #666 !important; }
  961. .leftul { float: left; text-align: left; font-size: 14px; width:100%; }
  962. ul.bxslider3 li img { min-height: 90px; text-align: center; margin: 0px auto; }
  963. .factory { min-height: 120px; margin-top: 40px; }
  964. .factory img { max-height: 100px; }
  965. .ul_headerlink { float: right; margin: 0; }
  966. .header_link { width: 100%; padding: 4px 10px; min-height: 32px; background: #f9f9f9; color: #737a80; }
  967. .hentry .checkbox-wrap { text-align: left; padding: 0 0 0 30px; margin: 10px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
  968. .hentry #sign_up { margin-top: 5px; height: 60px; width: 35px; float: left; }
  969. .hentry #sign_up_lable { display: inline-block; width: 82%; padding-left: 25px; margin: 5px 0; }
  970. .hentry input[type="text"] { width: 92%; border-radius: 5px; border: 1px solid #939598; margin: 5px 0; }
  971. .hentry #download-form-submit { text-align: center; width: 30% !important; height: 40px; background: #fff; border: 2px solid; margin: 10px 0; }
  972. .hentry #download-form-submit:hover { background: #FF7302; color: #fff; }
  973.  
  974. ul.mantras { list-style-type: none; color: #fff; margin: 10px 0 0 0; width: 100%; font-size: 108%; }
  975. .twebinars p { color: #666; text-align: justify; }
  976. a.aorange { color: #dd3f19; }
  977. .clientquote p { color: #666; text-align: left; margin-bottom: 10px; }
  978. .span33.contenthover { border: 1px solid #fff; border-radius: 50%; }
  979. header .navbar .brand { width: 160px; }
  980. li.tabs-selected { border-bottom: 2px solid #ff7302; }
  981. .events-single h2 { color: #999999; margin: 30px 0 15px 0; font-size: 250%; }
  982. .events-single .post-entry { color: #000; font-size: 115%; }
  983. .events-single .post-entry p { text-align: left !important; }
  984. .events-single .media-body img { margin: 30px 0 0 0; }
  985. .news-posts .post-entry p { text-align: left; padding: 0; margin: 0; }
  986. .news-posts .post-entry { margin-bottom: 15px; }
  987. .news-posts a { color: #dd3f19; padding: 0; margin: 0; }
  988. .news-posts .post-entry { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; text-align: left; }
  989. .news-posts h4 { margin: 0; padding: 0; font-size: 120%; text-align: left; }
  990. .gap150 { height: 160px; }
  991. .news-single h2 { color: #999999; margin: 30px 0 15px 0; font-size: 250%; text-align: justify; }
  992. .news-single .post-entry { color: #000; font-size: 115%; text-align: justify; }
  993. .news-single .post-entry p { text-align: left !important; }
  994. .news-single .media-body img { margin: 30px 0 0 0; }
  995. .newsletters-single h2 { color: #999999; margin: 30px 0 15px 0; font-size: 250%; }
  996. .newsletters-single .post-entry { color: #000; font-size: 115%; }
  997. .newsletters-posts .post-entry p { text-align: left; padding: 0; margin: 0; }
  998. .newsletters-posts a { color: #dd3f19; padding: 0; margin: 0; }
  999. .newsletters-posts .post-entry { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; text-align: left; }
  1000. .newsletters-posts h4 { margin: 0; padding: 0; font-size: 120%; text-align: left; }
  1001. .viewpdf { margin-top: 25px; }
  1002. .viewpdf iframe { width: 100%; }
  1003. .post-single { text-align: center; }
  1004. .qmerty-btn2 { line-height: 20px Important; border-radius: 0; }
  1005. .md_if_font.servicep p { text-align: justify; }
  1006. p.vid-msg { color: #ff9100; font-size: 14px !important; margin: 10px 0; }
  1007. p.vid-msg span { color: #000000; font-size: 14px !important; margin: 0px; display: block; line-height: 22px;}
  1008. .gap125 { height: 125px; }
  1009. @media (max-width: 1024px) {
  1010. div#product_footerlink .ftr_newsletter strong { width: 76% !important; }
  1011. .app_area_inner { width: 100% !important; }
  1012. .services.inverse h3 { font-size: 16px; }
  1013. }
  1014. div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { width: 180px; }
  1015. @media (max-width: 640px) {
  1016. .att .md_if_font p { min-height: 1px; }
  1017. .sync .md_if_font p { min-height: 1px; }
  1018. .att a#slider-button { display: block; width: 47%; margin: 0 auto !important; margin-top: 15px !important; }
  1019. .sync a#slider-button { display: block; width: 47%; margin: 0 auto !important; margin-top: 15px !important; }
  1020. .qmetry-integration a#slider-button { display: block; width: 47%; margin: 0 auto !important; margin-top: 10px; }
  1021. .gap125 { height: 25px; }
  1022. .md_if_font.servicep p { width: 100%; }
  1023. .span3m, .span33 { margin: 0 auto; }
  1024. .contain_detail_2 { width: 96%; margin: 0 auto; display: block; float: none }
  1025. .contain_detail_2#footer_event { float: none !important; }
  1026. .span2 .ftr_newsletter { width: 100% !important; }
  1027. span.wpcf7-form-control-wrap.mail input { margin-top: 10px; }
  1028. .tabs-nav li { width: 90%; margin-right: 0; min-height: 95px; }
  1029. }
  1030. .filters-set1 .row-fluid .span3 { width: 11% !important; }
  1031. .videoborder { border: 2px solid #ccc !important }
  1032. .client-video-text span a { color: #f15d2a; }
  1033. .error { color: red; }
  1034. a.linkgreen { color: #457b00; text-decoration: none; font-weight: bold; font-style: italic; display: block; font-size: 80%; text-align: left; }
  1035. .aprilnews img { margin: 0 !important; }
  1036. .casetitle { text-align: center !important; margin: 10px; font-weight: bold; }
  1037. .ourcap ul li p { padding: 0; text-align: left; }
  1038. .newsletters-single .post-entry p { text-align: left; }
  1039. .newsletters-posts .post-entry p { text-align: left; padding: 0; }
  1040. .qas-minheight { min-height: 149px; }
  1041. .newslatter1 .span6 { text-align: left; }
  1042. p.featured-webinar { color: #666; text-align: justify; }
  1043. .social-links a { color: #fff !important; }
  1044. .social-links a:hover { color: #fff !important; }
  1045. @media (min-width: 768px) and (max-width: 979px) {
  1046. /*.services.services-small h3 { min-height: 72px; }*/
  1047. .span3 { width: 295px; }
  1048. .att .md_if_font { margin: 25% auto !important; }
  1049. .sync .md_if_font { margin: 25% auto !important; }
  1050. }
  1051. @media (max-width: 768px) {
  1052. .black_mobile1 { white-space: normal !important; line-height: 35px !important; }
  1053. .black_mobile1 .m11 { line-height: 35px !important; }
  1054. .small_header { padding: 15px 0 !important; }
  1055. .small_header h2 { text-align: center; }
  1056. }
  1057. @media (max-width: 320px) {
  1058. .black_mobile1, .black_mobile3 { left: 20px !important; }
  1059. }
  1060. .qas_ul ul { font-size: 115%; }
  1061. .key_benifit p { font-size: 115%; }
  1062. .qas_ul .factory { min-height: 185px; }
  1063. .qas_ul img { max-width: 100%; }
  1064. img.alignnone.size-full.wp-image-4790 { width: 160px; height: 90px; }
  1065. img.alignnone.size-full.wp-image-4973 { width: auto; height: 90px; }
  1066. img.alignnone.size-full.wp-image-4789, img.alignnone.size-full.wp-image-4787 { width: auto; height: 90px; margin: 0px 0px 20px 0px; }
  1067. .mobilematter-s1 .span4 { }
  1068. .mobilematter-s2 p { min-height: 90px; }
  1069. table.tbl-Agenda td { border: 1px solid #ccc; padding: 12px; vertical-align: middle; font-size: 115%; }
  1070. td.td-time { background: #efefef; font-size: 115%; font-weight: bold; width: 25%; }
  1071. .td-1, .td-8 { background: #efefef; }
  1072. table.tbl-Agenda { border: 1px solid #ccc; width: 100%; text-align: center; }
  1073. span.td-title a { font-weight: bold; }
  1074. .mobilematter-update-s1 .span4 { text-align: center; }
  1075. .socials img { margin: 20px 5px 0 0; }
  1076. @media (max-width: 980px) {
  1077. .service-box.minwidth230 { max-width: 230px !important; min-width: 230px !important; }
  1078. }
  1079. @media (max-width: 768px) {
  1080. .whychooseus-background .span6 { float: left; width: 100%; }
  1081. .whychooseus-background .md_mobile_div { text-align: center !important; }
  1082. .last_whyus { margin: 0px; max-width: 100%; }
  1083. .whychooseus-background .span6 .span6 { width: 94%; }
  1084. .whychooseus-background .span6 .span6 .testing-blk { width: 70% !important; }
  1085. }
  1086. @media (max-width: 640px) {
  1087. .backgrounded.fastFadeFromTop.mobile-testing-testingtype .span3 { width: 100%; }
  1088. }
  1089. .honeypot { display: none !important; }
  1090. .jobhead { display: block; padding: 5px; background: #eeeeee; font-size: 15px; border-radius: 5px; letter-spacing: 1px; margin-bottom: 10px; color: #dd3f19; font-weight: bold; }
  1091. input#reloadbtn:hover { background: #FF7302; color: #fff; }
  1092. input#reloadbtn { float: left; margin-left: 10px; text-align: center; width: 25% !important; height: 30px; background: #fff; border: 2px solid; }
  1093. input#reloadbtn { float: left; margin-left: 10px; text-align: center; /*width:25% !important;*/
  1094. height: 30px; background: #fff; border: 2px solid; }
  1095. .accordion-body.in { border: 1px solid #ccc; }
  1096. .ajax-loader { width: 16px; height: 16px; }
  1097. div.wpcf7 img.ajax-loader { width: 16px !important; height: 16px !important; }
  1098. input.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; }
  1099. .accordion-heading a { color: #F37123 !important; font-weight: bold; letter-spacing: 1px; }
  1100. .hiring-block { padding-bottom: 0 !important; }
  1101. .mmgallery .bx-viewport { height: auto !important; background: none !important; padding: 0; }
  1102. .backgrounded.fastFadeFromTop.mmgallery { padding-bottom: 0 !important; }
  1103. .yellow { color: #faa224 !important; }
  1104. .orange { color: #ff7302 !important; }
  1105. .orange b { color: #ff7302; }
  1106. .mm-left { width: 35%; margin: 0; padding: 0; display: inline-block; float: left; }
  1107. .mm-right { float: left; display: inline-block; width: 62%; margin: 15px 0 0 10px; padding: 0; font-size: 14px; }
  1108. .mm-right span { color: #ff7302; text-align: left; display: block; }
  1109. .mm-right h3 { color: #ff7302; margin-bottom: 0; text-align: left; font-size: 25px; }
  1110. .mm-right p { padding-left: 0; margin-bottom: 5px; text-align: left; }
  1111. .mm-news p { padding-left: 0; font-size: 15px; text-align: left; }
  1112. .mm-news a { color: #ff7302 !important; font-weight: bold; float: left; font-size: 115% !important; font-style: normal !important; text-transform: none !important; }
  1113. .mm-news { padding: 25px 0 0 0; }
  1114. .backgrounded.fastFadeFromTop.mm-main-text, .backgrounded.fastFadeFromTop.mm-speaks, .backgrounded.fastFadeFromTop.mm-featured, .backgrounded.fastFadeFromTop.mm-trends { padding-bottom: 0 !important; }
  1115. .backgrounded.fastFadeFromTop.mm-trends p { color: rgb(0, 0, 0); padding-bottom: 0 !important; font-size: 115%; }
  1116. .backgrounded.fastFadeFromTop.mm-trends .text-left { text-align: left !important; }
  1117. .backgrounded.fastFadeFromTop.mm-speaks p { font-size: 115%; }
  1118. .backgrounded.fastFadeFromTop.mm-featured p { color: #000; padding: 0; margin: 0; text-align: left; font-size: 115%; }
  1119. .backgrounded.fastFadeFromTop.mm-speaks .container .row, .backgrounded.fastFadeFromTop.mm-featured .container .row, .backgrounded.fastFadeFromTop.mm-trends .row { margin-left: 0; }
  1120. .backgrounded.fastFadeFromTop.mm-trends p { font-size: 115%; margin: 0 0 14px 0; }
  1121. .backgrounded.fastFadeFromTop.mm-trends h4 { text-transform: none; min-height: 42px; }
  1122. a.leader_more { display: block; color: #ff7302 !important; }
  1123. /* Mobile Force Page */
  1124.  
  1125. .mobileforce-icon { width: 10%; float: left; text-align: center; }
  1126. .mobileforce-icon-text { float: left; width: 90%; }
  1127. .mobileforce-content h4 { margin-bottom: 5px; padding: 0; }
  1128. .our-customers { border: 2px solid #666 !important; padding: 4%; width: 92%; }
  1129. .mobileforce-page { padding-top: 15px; clear: both; }
  1130. ul#mobileforce { list-style: none; }
  1131. ul#mobileforce li { list-style-image: url('../images/blue-bullet.png'); }
  1132. .quote { margin: 0; padding: 15px 0 0 0; }
  1133. .quote .chat { margin: 0; }
  1134. .quote .chat .con { height: auto; float: left; display: inline-block; width: 100%; max-width: 589px; color: #111; }
  1135. .quote .chat .con img { margin-top: -2px; display: block; padding: 0; float: right; margin-right: 20%; z-index: 111; position: relative; }
  1136. .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%; }
  1137. .quote .chat .con span { font-size: 24px; text-align: center; float: right; display: block; clear: both; margin-top: 20px; margin-right: 20%; }
  1138. @media screen and (max-width: 560px) {
  1139. .quote .chat .con p { padding: 15px; box-sizing: border-box; width: 100%; font-size: 18px; line-height: 25px; border-radius: 25px; }
  1140. .quote .chat .con span { margin-top: 15px; margin-right: 10%; font-size: 18px; }
  1141. .landing__right_form.hentry #reloadbtn { width: 53% !important; }
  1142. }
  1143. @media (max-width: 768px) {
  1144. .landing__right_form { margin: 0 auto; width: 50% !important; }
  1145. img.our-customers { width: 50%; margin: 0 auto; float: none; display: block; }
  1146. }
  1147. .mobileforce_form { margin-top: 20px; }
  1148. /* event page */
  1149.  
  1150. .allevents h2 { font-size: 15px; color: #ff7302; letter-spacing: 1px; font-weight: bold; margin-bottom: 5px; }
  1151. .allevents h1 { font-size: 35px; }
  1152. .event-image { float: left; padding-right: 10px; }
  1153. .allevents p { color: #000; }
  1154. .event-text { float: left; }
  1155. .webinar-main, .events-main { display: inline-block; width: 100%; }
  1156. @media (max-width: 768px) {
  1157. .event-text { float: left; width: 232px; }
  1158. }
  1159. @media (max-width: 767px) {
  1160. .event-text { float: left; width: 232px; }
  1161. .events-main { width: 55%; display: inline-block; margin: 0 auto; text-align: left; }
  1162. .allevents .span6 { text-align: center; }
  1163. }
  1164. @media (max-width: 640px) {
  1165. .webinar-main { width: 300px; margin: 0 auto; text-align: left; }
  1166. }
  1167. @media (max-width: 320px) {
  1168. .events-main { width: 270px; margin: 0 auto; display: inline-flex; }
  1169. }
  1170. .mobile_devlopment_img .service-box { margin-bottom: 0 !important; background-size: contain; background-position: center bottom; }
  1171. /* 3-5-2015 */
  1172.  
  1173. .two-blocks { text-align: center; margin: 0 auto; width: 100%; }
  1174. .two-blocks .row { float: none; width: auto; text-align: center; display: inline-block; }
  1175. .telecom-page p { margin-bottom: 30px; color: #666; text-align: justify; }
  1176. .telecom-page h4 { color: #ff7302; padding: 20px 0; margin: 0; }
  1177. ul#telecomul { margin: 0 0 0 55px; }
  1178. ul#telecomul li { padding-left: 15px; }
  1179. /* 11-3-2015 */
  1180.  
  1181. iframe#contact_form { height: 500px !important; }
  1182. @media (max-width: 979px) and (min-width: 768px) {
  1183. .span81 { width: 490px; }
  1184. }
  1185. @media (max-width: 420px) {
  1186. .span81 { width: 100%; }
  1187. iframe#contact_form { height: 670px !important; }
  1188. #tabh1 p, #tabh2 p, #tabh3 p, #tabh4 p { text-align: center; }
  1189. .black_mobile22 { left: 10px !important; }
  1190. }
  1191. iframe#kony_form_iframe { height: 685px; border: 1px solid #000 !important; }
  1192. iframe#atos_form_iframe { height: 685px; border: 1px solid #000 !important; }
  1193. iframe#perfecto_form_iframe { height: 685px; border: 1px solid #000 !important; }
  1194. @media screen and (max-width: 768px) {
  1195. iframe#kony_form_iframe { display: block; margin: 0 auto; width: auto !important; }
  1196. }
  1197. /* 25-3 */
  1198.  
  1199. i.icon-search { margin: 2px 0 0 0; padding: 0; background-size: 12px; }
  1200. ul.ul_headerlink li:nth-child(2) { margin-left: 15px !important; }
  1201. .suppa_menu_6 .suppa_submenu.suppa_submenu_html {
  1202. border-radius: 10px 0 10px 10px;
  1203. }
  1204. /* 24-3-2015 */
  1205.  
  1206. p.left_image, p.right_image { text-align: right; }
  1207. p.left_image img, p.right_image img { margin: 0; }
  1208. @media (max-width: 767px) {
  1209. p.left_image, p.right_image { text-align: center; }
  1210. }
  1211. /*10-04-2015*/
  1212.  
  1213. .filters-set1 .span2 { width: 14.28571428571429%; /* modified 4-8-2015 */
  1214. margin: 0; text-align: center; }
  1215. .filters-set1 { background: #03517B; }
  1216. .filters-set1 .span2 a { color: #fff; }
  1217. .filters-set1 { display: table !important; width: 100% !important; }
  1218. .filters-set1 .catinfo { display: table-cell; float: none; }
  1219. .filters-set1 .catinfo a { margin: 0 4px; }
  1220. @media (max-width: 767px) {
  1221. .filters-set1 .span2 { width: 100%; }
  1222. }
  1223. .row-fluid .author { text-transform: uppercase; }
  1224. .filters-set1 { padding: 15px 25px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; }
  1225. /* 15-4-2015 */
  1226.  
  1227. .textwidget ul { margin-left: 0; list-style: none; }
  1228. .textwidget ul li { padding: 7px 0; border-bottom: 1px solid #e5e5e5; }
  1229. ul.contact-social-links { list-style-type: none; margin: 0; }
  1230. ul.contact-social-links li { float: none; display: inline-block; padding: 0; width: 20%; vertical-align: middle; margin: 0 4% 0 0; }
  1231. ul.contact-social-links li a { font-size: 40px; margin: 0; color: #6D6D6D; }
  1232. ul.contact-social-links i { color: #6D6D6D; font-size: 50px; }
  1233. .contact-box { display: inline-block; width: 45%; float: left; background: #fff; }
  1234. .contact-box .box_title { display: block; background: #249DE8; color: #fff; font-size: 25px; padding: 10px 15px; }
  1235. .contact-box { display: inline-block; width: 45%; float: left; background: #fff; height: 350px; margin-bottom: 60px; }
  1236. .contact-box .box_title { display: block; background: #249DE8; color: #fff; font-size: 25px; padding: 12px 35px; }
  1237. .contact-box.box-right { float: right; }
  1238. .box_content { padding: 35px; }
  1239. .box_content p { color: #333; font-size: 16px; float: left; width: 80%; }
  1240. .contact_box_section h3 { color: #fff; text-align: center; margin: 60px 0; }
  1241. .contact_small_img { width: 34px; float: left; margin: 0 10px 0 0; }
  1242. .contact_box_content a { color: #249DE8; text-transform: uppercase; }
  1243. @media (max-width: 767px) {
  1244. .box_content { padding: 20px 0 0 35px; display: inline-block; width: 80%; }
  1245. .contact-box { width: 80%; margin: 40px auto; display: block; float: none !important; clear: both; height: auto; }
  1246. .contact-box .box_title { font-size: 19px; }
  1247. ul.contact-social-links { max-width: 320px; }
  1248. }
  1249. @media (max-width: 497px) {
  1250. iframe#contact_form { height: 670px !important; }
  1251. .content iframe#contact_form { height: 700px !important; }
  1252. }
  1253. .partner_resources { display: inline-block; width: 100%; margin-bottom: 40px; }
  1254. .partner_resources .partner_resources_item { width: 100%; display: inline-block; }
  1255. .partner_resources .partner_resources_item .resource_icon { display: inline-block; margin: 0 5px 0 0; }
  1256. .partner_resources .partner_resources_item a { vertical-align: middle; border-bottom: 1px solid #888; }
  1257. .cs-usbank { padding: 15px; vertical-align: bottom; }
  1258. .cs-usbank .case_usbank { vertical-align: bottom; display: inline-block; }
  1259. .cs-usbank .case_usbank h3 { text-align: left; margin: 0; background: #005179; color: #fff; font-size: 22px; padding: 10px 20px; }
  1260. .cs-usbank .case_usbank ul { margin: 0 0 25px 0; border: 1px solid #005179; padding: 20px; list-style: none; }
  1261. .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; }
  1262. @media (max-width: 360px) {
  1263. .partner_resources .partner_resources_item .resource_icon { display: inline-block; margin: 0 5px 0 0; float: left; }
  1264. .partner_resources .partner_resources_item a { width: 63%; margin: 10px 0 0 0; float: left; }
  1265. .cs-usbank { padding: 0; }
  1266. .cs-usbank .case_usbank ul { padding: 10px; }
  1267. .cs-usbank .case_usbank h3 { padding: 10px; }
  1268. }
  1269. .cs-usbank h3 { text-align: center; }
  1270. li.sub_rss a { padding-left: 20px; background: url(../img/icon-rss.gif) 0 50% no-repeat; }
  1271. .page-template-page-blog_insights-php .post-entry p { font-size: 16px; }
  1272. .textwidget a { font-size: 13px; }
  1273. /* 21-4-2015 */
  1274.  
  1275. @media (max-width: 768px) {
  1276. .contact_new .span4 { width: 320px; margin: 0 auto 40px; max-width: 90%; }
  1277.  
  1278. }
  1279. @media (max-width: 360px) {
  1280. .contact-box .box_title { text-align: center; }
  1281. .box_content { padding: 10px 0; float: none; width: 100%; text-align: center; }
  1282. .box_content .contact_small_img { margin: 10px auto; float: none; }
  1283. .box_content p { margin: 0 auto 20px; float: none; }
  1284. }
  1285. /* 24-4-2015 */
  1286.  
  1287. .m11.partner_banner { color: #fff; font-size: 60% !important; }
  1288. .m11.partner_banner_white { color: #fff; }
  1289. .p_choose_icon { text-align: center; min-height: 52px; }
  1290. .p_choose_icon img { width: auto; }
  1291. .partner-whychooseus .why-title { text-align: center; font-size: 30px; }
  1292. .partner-whychooseus .md_mobile_div { color: #666; font-size: 115%; text-align: justify; }
  1293. .partner-whychooseus .row .span66 { width: 360px; }
  1294. .partner_2 .span3 img { width: auto; text-align: center; }
  1295. .partner_2 .span3 { text-align: center; }
  1296. .partner_2 .learnmore { text-align: center; }
  1297. .partner_2 .learnmore a { color: rgb(47, 64, 154); text-decoration: underline; font-size: 16px; }
  1298. .blue_strip .span3 { text-align: center; display: block; padding: 0; width: 170px; }
  1299. .blue_strip .span3 a { color: #fff; text-transform: uppercase; }
  1300. .backgrounded.fastFadeFromTop.blue_strip { margin: 0; padding: 20px 20px !important; }
  1301. /* 27-4-2015 */
  1302.  
  1303. .info_des { padding: 0 20px; text-align: justify; }
  1304. .partner_2 img { width: auto; }
  1305. .partner_2 .span4 { text-align: center; }
  1306. .partnerlogo { min-height: 100px; }
  1307. iframe#partner_form { height: 740px !important; }
  1308. /* 28-4-2015 */
  1309.  
  1310. .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; }
  1311. .grid-item.featured { min-height: 160px !important; min-width: 148px !important; }
  1312. .isotope .isotope-item { margin-bottom: -10px !important; transition-property: transform, opacity; }
  1313. .info_blog { width: 224px !important; margin-left: 6px !important; }
  1314. .insigts_meta .author, .insigts_meta .pdate, .insigts_meta .ccount { text-transform: uppercase; }
  1315. /* 29-4-2015 */
  1316.  
  1317. div#rss-link { text-align: right; margin: 0; display: inline-block; vertical-align: top; }
  1318. div#rss-link img { margin: 0 10px 0 0; }
  1319. .article_dropdown { text-align: right; margin-top: -50px; }
  1320. .featuredarticles .isotope-item { position: relative; }
  1321. .featuredarticles .social_icons { background: rgba(0, 0, 0, 0.4); margin: 0; padding: 0; bottom: 0; position: absolute; width: 100% }
  1322. .featuredarticles h3.title a { color: #fff; }
  1323. .featuredarticles h3.title:hover a { text-decoration: underline; }
  1324. .featuredarticles .social_icons .social_links img { max-width: 25px; max-height: 25px; }
  1325. .featuredarticles .social_icons .social_links { text-align: left; padding: 10px 10px; background: #EEE; }
  1326. .featuredarticles .social_icons h3.title { padding: 0 20px; margin: 15px 0; clear: both; }
  1327. .featuredarticles .social_icons .social_links a { margin: 0 5px; }
  1328. .featuredarticles .social_icons .social_links img.share_icon { float: right; max-width: 18px; max-height: 18px; }
  1329. .featuredarticles .info_blog .social_icons .social_links .share_right { float: right; display: inline-block; }
  1330. .featuredarticles .info_blog .social_icons .social_links .social_links_hover { width: 90px; display: none; }
  1331. .featuredarticles .info_blog .social_icons .social_links:hover { width: 100%; }
  1332. .featuredarticles .info_blog .social_icons .social_links:hover .social_links_hover { display: inline-block; }
  1333. .featuredarticles .info_blog .social_icons .social_links { float: right; clear: both; position: relative; box-sizing: border-box; border-radius: 100px; margin-right: 10px; }
  1334. .featuredarticles .info_blog .social_icons { background: none; }
  1335. .featuredarticles .info_blog .social_icons h3.title { background: rgba(0, 0, 0, 0.4); margin: 0; padding: 10px; }
  1336. .featuredarticles .info_blog .grid-item { min-height: 150px; }
  1337. .featuredarticles .grid-item { min-height: 327px; }
  1338. /* 13-5-2015 */
  1339.  
  1340. .row.nomar { margin: 0; }
  1341. .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; }
  1342. .articles-box-main.last { margin-right: 0; }
  1343. .articles-box-main .articles-top { position: relative; height: 217px; overflow: hidden; }
  1344. .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; }
  1345. .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; }
  1346. .articles-box-main .articles-top .hover-text a:hover { border-color: transparent; }
  1347. .articles-box-main .articles-top:hover .hover-text { opacity: 1; }
  1348. .articles-box-main .articles-bot { padding: 10px 20px 0 20px; margin-bottom: 10px; border-bottom: 1px solid #dd3f19; }
  1349. .articles-box-main .articles-bot h4 { text-align: center; margin-bottom: 20px; height: 42px; }
  1350. .articles-box-main .articles-bot span { text-align: center; display: block; text-transform: uppercase; color: #adadad; margin-bottom: 3px; }
  1351. .articles-box-main .articles-top img { width: 100%; height: 100%; }
  1352. .articles-box-main .articles-bot p { height: 175px; }
  1353. /* 14-5-2015 */
  1354.  
  1355. .inside-evaluate-management h1 { font-size: 32px; color: #fff; text-align: center; }
  1356. .inside-evaluate-management p a { color: #fff; font-size: 18px; text-decoration: underline; }
  1357. .inside-evaluate-management p span { display: inherit; padding: 5px 0; color: #fff; }
  1358. .inside-evaluate-management p.evaluate-content { padding-left: 30px; padding-bottom: 40px; margin: 0; }
  1359. .inside-evaluate-management p.evaluate-content_first { padding-top: 50px; }
  1360. /* end 14-5-2015 */
  1361. /* 20-5-2015 */
  1362.  
  1363. .partnerlogo.partnertwo { float: right; width: 270px; }
  1364. .learnmore a { color: rgb(47, 64, 154); text-decoration: underline; font-size: 18px; }
  1365. @media (max-width: 980px) {
  1366. .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; }
  1367. .filterable-items.featuredarticles .row.isotope { height: auto !important; }
  1368. .info_blog { width: 23% !important; margin: 1% !important; }
  1369. .articles-box-main, .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }
  1370. .blue_strip .span3 { width: 100%; }
  1371. .centerimg .span3 { width: 166px; }
  1372. }
  1373. @media (max-width: 768px) {
  1374. .filterable-items.featuredarticles { margin: 0 10px; }
  1375. .info_blog { width: 48% !important; float: left; }
  1376. .featuredarticles .info_blog .social_icons { width: 100%; }
  1377. .filterable-items { margin: 0 10px; }
  1378. .articles-box-main, .articles-box-main.last { width: auto; }
  1379. .partnerlogo.partnertwo { float: none !important; }
  1380. .centerimg .span3, .centerimg .span6 { width: 100%; text-align: center; }
  1381. .partnerlogo.partnertwo { width: 100%; }
  1382.  
  1383. }
  1384. @media (max-width: 480px) {
  1385. .info_blog { width: 100% !important; margin: 0 !important; }
  1386. }
  1387. @media screen and (max-width: 560px) {
  1388. .article_dropdown { margin: 0; text-align: left; }
  1389. }
  1390. .menu-bot .menu_mobile_button.btncenter { display: inline-block; float: left; vertical-align: middle; margin-top: 20px; }
  1391. .partner_menu_link { border-bottom: 1px solid #ccc; padding-bottom: 10px; width: 100%; float: left; margin-bottom: 10px; }
  1392. /*25-05-2015*/
  1393.  
  1394. .news-single .post-entry p { padding: 0px !important; }
  1395. .catinfo { width: 12%; }
  1396. /* Wearable Infographics */
  1397.  
  1398. .wearable-info a#slider-button { float: left; }
  1399. .wearable-info p { text-align: left; color: #666; padding: 0; }
  1400. .wearable-info p span, .wearable-info p a { color: #f67107; }
  1401. .left-text { float: left; clear: both; }
  1402. .left-text p { margin: 0; }
  1403. .right-text { float: right; width: 93%; }
  1404. .right-text p { margin: 0; padding: 0; }
  1405. .predict { display: block; }
  1406. .wearable-info h3 { font-size: 50px; font-weight: 500; text-align: left; margin: 20px 0 30px 20px; }
  1407. .wearable-info .span3 p { font-size: 20px; text-align: left; margin: 0 0 20px 0; padding: 0 15px; }
  1408. /* Smartcar Infographic */
  1409.  
  1410. .smart_car p { color: #000; font-size: 21px; font-weight: bold; text-align: left !important; }
  1411. .eco_system p { font-size: 22px; font-weight: bold; text-align: left !important; }
  1412. .info_driving p { color: #000; font-size: 21px; font-weight: bold; text-align: left !important; }
  1413. .smart_car #slider-button { float: left; }
  1414. @media (max-width: 980px) {
  1415. .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; }
  1416. .filterable-items.featuredarticles .row.isotope { height: auto !important; }
  1417. .info_blog { width: 23% !important; margin: 1% !important; }
  1418. .articles-box-main, .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }
  1419. .blue_strip .span3 { width: 100%; }
  1420. .centerimg .span3 { width: 166px; }
  1421. .right-text { width: 90%; }
  1422. }
  1423. @media (max-width: 768px) {
  1424. .filterable-items.featuredarticles { margin: 0 10px; }
  1425. .info_blog { width: 48% !important; float: left; }
  1426. .right-text { width: 86%; }
  1427. .featuredarticles .info_blog .social_icons { width: 100%; }
  1428. .filterable-items { margin: 0 10px; }
  1429. .articles-box-main, .articles-box-main.last { width: auto; }
  1430. .partnerlogo.partnertwo { float: none !important; }
  1431. .centerimg .span3, .centerimg .span6 { width: 100%; text-align: center; }
  1432. .partnerlogo.partnertwo { width: 100%; }
  1433. .catinfo { width: 100%; }
  1434. }
  1435. @media (max-width: 480px) {
  1436. .info_blog { width: 100% !important; margin: 0 !important; }
  1437. .right-text { width: 80%; }
  1438. }
  1439. @media screen and (max-width: 560px) {
  1440. .article_dropdown { margin: 0; text-align: left; }
  1441. }
  1442. /* 31-7-2015 */
  1443.  
  1444. .media-body h2, .media-body .post-thumbnail { /* modified on 4-8-2015 */
  1445. text-align: center; }
  1446. .hentry { /*text-align: left;*/
  1447. /* modified 4-8-2015 */
  1448. }
  1449. .post-single { text-align: center; }
  1450. .btn_download { margin-left: 50px; }
  1451. @media (max-width: 980px) {
  1452. .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; }
  1453. .filterable-items.featuredarticles .row.isotope { height: auto !important; }
  1454. .info_blog { width: 23% !important; margin: 1% !important; }
  1455. .articles-box-main, .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }
  1456. .centerimg .span3 { width: 166px; }
  1457. }
  1458. @media (max-width: 768px) {
  1459. .filterable-items.featuredarticles { margin: 0 10px; }
  1460. .info_blog { width: 48% !important; float: left; }
  1461. .featuredarticles .info_blog .social_icons { width: 100%; }
  1462. .filterable-items { margin: 0 10px; }
  1463. .articles-box-main, .articles-box-main.last { width: auto; }
  1464. .partnerlogo.partnertwo { float: none !important; }
  1465. .centerimg .span3, .centerimg .span6 { width: 100%; text-align: center; }
  1466. .partnerlogo.partnertwo { width: 100%; }
  1467. .catinfo { width: 100%; }
  1468. }
  1469. @media (max-width: 480px) {
  1470. .info_blog { width: 100% !important; margin: 0 !important; }
  1471. }
  1472. @media screen and (max-width: 560px) {
  1473. .article_dropdown { margin: 0; text-align: left; }
  1474. }
  1475. /* 4-8-2015 */
  1476.  
  1477. .newsletters-single p { color: #666; text-align: left; margin: 0 0 10px 0; padding: 0; font-size: 16px; }
  1478. .newsletters-single h3 { text-align: left; margin: 20px 0; padding: 0; font-weight: 400; font-size: 23px; }
  1479. .newsletters-single .backgrounded.fastFadeFromTop { padding: 45px 0 !important; border-bottom: 3px solid #CDCDCD; }
  1480. a.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; }
  1481. .newsletters-single .col-even { float: right; }
  1482. .backgrounded.fastFadeFromTop.nl-march-5, .backgrounded.fastFadeFromTop.nl-june-6 { border: none; text-align: center; }
  1483. .backgrounded.fastFadeFromTop.nl-march-5 .span3, .backgrounded.fastFadeFromTop.nl-june-6 .span4 { text-align: center; float: none; display: inline-block; vertical-align: top; }
  1484. .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; }
  1485. .backgrounded.fastFadeFromTop.nl-march-5 h4, .backgrounded.fastFadeFromTop.nl-june-6 h4 { font-weight: 400; margin: 0 0 30px 0; font-size: 22px; }
  1486. .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; }
  1487. .backgrounded.fastFadeFromTop.nl-march-5 p.text-booth { margin: 0; padding: 0; color: #666; }
  1488. .backgrounded.fastFadeFromTop.nl-march-5 a.nl-btn, .backgrounded.fastFadeFromTop.nl-june-6 a.nl-btn { margin: 60px 0 0 0; }
  1489. .backgrounded.fastFadeFromTop.nl-june-6 a.learn-link { color: #095383; }
  1490. footer .bottom-tier { position: relative; }
  1491. div#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); }
  1492. .cookie-popup-text { display: inline-block; width: 90%; vertical-align: middle; max-width: calc(100% - 100px); padding: 15px 0; }
  1493. .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; }
  1494. .cookie-popup-text a { color: #f67107; text-decoration: underline; }
  1495. a#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; }
  1496. @media (max-width: 980px) {
  1497. .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; }
  1498. .filterable-items.featuredarticles .row.isotope { height: auto !important; }
  1499. .info_blog { width: 23% !important; margin: 1% !important; }
  1500. .articles-box-main, .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }
  1501. .centerimg .span3 { width: 166px; }
  1502. }
  1503. @media (max-width: 768px) {
  1504. .filterable-items.featuredarticles { margin: 0 10px; }
  1505. .info_blog { width: 48% !important; float: left; }
  1506. .featuredarticles .info_blog .social_icons { width: 100%; }
  1507. .filterable-items { margin: 0 10px; }
  1508. .articles-box-main, .articles-box-main.last { width: auto; }
  1509. .partnerlogo.partnertwo { float: none !important; }
  1510. .centerimg .span3, .centerimg .span6 { width: 100%; text-align: center; }
  1511. .partnerlogo.partnertwo { width: 100%; }
  1512. .catinfo { width: 100%; }
  1513. }
  1514. @media (max-width: 767px) {
  1515. .newsletters-single .backgrounded.fastFadeFromTop { padding: 45px 10px; }
  1516. .newsletters-single .col-even { float: none; }
  1517. .newsletters-single .span4, .newsletters-single p, .newsletters-single h3, .newsletters-single .span8 { text-align: center; }
  1518. }
  1519. @media (max-width: 480px) {
  1520. .info_blog { width: 100% !important; margin: 0 !important; }
  1521. }
  1522. @media screen and (max-width: 560px) {
  1523. .article_dropdown { margin: 0; text-align: left; }
  1524. }
  1525. /* Newsletter August and Novmber 2011 */
  1526.  
  1527. .newsletters-single .nl-aug-2011?h2, .newsletters-single .nl-nov-2011?h2 {
  1528. text-align: left;
  1529. }
  1530. .newsletters-single .nl-aug-2011 h2, .newsletters-single .nl-nov-2011 h2 { text-align: left; color: #000; margin: 0; font-weight: 400; }
  1531. .nl-aug-2011, .nl-nov-2011-sub { font-size: 18px; }
  1532. .nl-aug-2011 p { font-size: 18px; line-height: 22px; margin: 0 0 5px 0 }
  1533. .newsletters-single .nl-nov-2011 p { font-size: 18px; line-height: 22px; margin: 0 0 5px 0; text-align: justify; }
  1534. .newsletters-single .nl-nov-2011 p.hitting-ace { text-align: justify; }
  1535. .newsletters-single .nl-nov-2011-sub p { text-align: left; }
  1536. .nl-aug-2011 img, .nl-nov-2011 img { width: 100%; }
  1537. .nl-aug-2011 a, .nl-nov-2011 a { color: #4fa5fc; }
  1538. a.nl-aug-link { border-bottom: 1px solid #4fa5fc; font-weight: 600; font-size: 16px; }
  1539. .nl-aug-2011 h3, .nl-nov-2011 h3 { margin: 20px 0 10px 0; color: #000; font-weight: 600; font-size: 30px; }
  1540. ul.aug-ul { list-style-type: none; margin: 0 0 10px 0; }
  1541. ul.aug-ul li { line-height: 25px; }
  1542. .thought_cont { margin-bottom: 20px; }
  1543. a.link-title { font-size: 18px; line-height: 25px; font-weight: 600; display: block; }
  1544. .on-demand a.link-title { min-height: 75px; }
  1545. ul.aug-ul li { line-height: 25px; color: #666; }
  1546. .upcoming-events { margin: 15px 0; display: inline-block; }
  1547. .upcoming-events h4 { color: #666; margin: 0; font-weight: 600; }
  1548. .upcoming-events span { color: #4fa5fc; margin: 0; padding: 0; display: block; line-height: 15px; font-weight: 600; }
  1549. a.nl-aug-watch-link { margin: 15px 0 0 0; display: inline-block; color: #666; }
  1550. .nl-nov-2011 { font-size: 18px; }
  1551. a.nl-nov-link { display: inline-block; }
  1552. ul.latest-buzz-ul { margin: 0 0 18px 50px; color: #666; }
  1553. ul.latest-buzz-ul li { padding-bottom: 5px; }
  1554. ul.latest-buzz-ul li span { color: #4fa5fc; display: inline-block; border-bottom: 1px solid #4fa5fc; }
  1555. p.buzz-title { font-weight: 600; }
  1556. p.wdate { margin: 0; font-size: 18px; }
  1557. a.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; }
  1558. @media (max-width: 980px) {
  1559. .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; }
  1560. .filterable-items.featuredarticles .row.isotope { height: auto !important; }
  1561. .info_blog { width: 23% !important; margin: 1% !important; }
  1562. .articles-box-main, .articles-box-main.last { width: 46%; margin-left: 1%; margin-right: 1%; }
  1563. .centerimg .span3 { width: 166px; }
  1564. }
  1565. @media (max-width: 768px) {
  1566. .filterable-items.featuredarticles { margin: 0 10px; }
  1567. .info_blog { width: 48% !important; float: left; }
  1568. .featuredarticles .info_blog .social_icons { width: 100%; }
  1569. .filterable-items { margin: 0 10px; }
  1570. .articles-box-main, .articles-box-main.last { width: auto; }
  1571. .partnerlogo.partnertwo { float: none !important; }
  1572. .centerimg .span3, .centerimg .span6 { width: 100%; text-align: center; }
  1573. .partnerlogo.partnertwo { width: 100%; }
  1574. .catinfo { width: 100%; }
  1575. }
  1576. @media (max-width: 767px) {
  1577. .newsletters-single .backgrounded.fastFadeFromTop { padding: 45px 10px; }
  1578. .newsletters-single .col-even { float: none; }
  1579. .newsletters-single .span4, .newsletters-single .post-entry p, .newsletters-single h3, .newsletters-single .span8 { text-align: center; }
  1580. .nl-aug-2011, .nl-nov-2011-sub { text-align: center; }
  1581. ul.aug-ul { text-align: left; }
  1582. ul.latest-buzz-ul { text-align: left; margin: 0 0 18px 30px; }
  1583. ul.latest-buzz-ul li span { display: block; border: none; }
  1584. .nl-aug-2011, .nl-nov-2011-sub { width: 100%; }
  1585. }
  1586. @media (max-width: 480px) {
  1587. .info_blog { width: 100% !important; margin: 0 !important; }
  1588. .right-text { width: 80%; }
  1589. .cookie-popup-text { width: 100%; max-width: 100%; }
  1590. .cookie-popup-text p { text-align: center; max-width: 100%; background-position: center top; padding: 55px 0 0 3px; }
  1591. .cookie-popup-text a { color: #f67107; text-decoration: underline; }
  1592. a#cookie-close { display: block; margin: 0px auto 10px; }
  1593. }
  1594. @media screen and (max-width: 560px) {
  1595. .article_dropdown { margin: 0; text-align: left; }
  1596. }
  1597. /*
  1598. font-family: 'Lato', sans-serif;
  1599. font-family: 'Open Sans', sans-serif;
  1600. */
  1601.  
  1602.  
  1603. .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 }
  1604. .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 }
  1605. .col-xs-12 { width: 100% }
  1606. .col-xs-11 { width: 91.66666667% }
  1607. .col-xs-10 { width: 83.33333333% }
  1608. .col-xs-9 { width: 75% }
  1609. .col-xs-8 { width: 66.66666667% }
  1610. .col-xs-7 { width: 58.33333333% }
  1611. .col-xs-6 { width: 50% }
  1612. .col-xs-5 { width: 41.66666667% }
  1613. .col-xs-4 { width: 33.33333333% }
  1614. .col-xs-3 { width: 25% }
  1615. .col-xs-2 { width: 16.66666667% }
  1616. .col-xs-1 { width: 8.33333333% }
  1617. .col-xs-pull-12 { right: 100% }
  1618. .col-xs-pull-11 { right: 91.66666667% }
  1619. .col-xs-pull-10 { right: 83.33333333% }
  1620. .col-xs-pull-9 { right: 75% }
  1621. .col-xs-pull-8 { right: 66.66666667% }
  1622. .col-xs-pull-7 { right: 58.33333333% }
  1623. .col-xs-pull-6 { right: 50% }
  1624. .col-xs-pull-5 { right: 41.66666667% }
  1625. .col-xs-pull-4 { right: 33.33333333% }
  1626. .col-xs-pull-3 { right: 25% }
  1627. .col-xs-pull-2 { right: 16.66666667% }
  1628. .col-xs-pull-1 { right: 8.33333333% }
  1629. .col-xs-pull-0 { right: auto }
  1630. .col-xs-push-12 { left: 100% }
  1631. .col-xs-push-11 { left: 91.66666667% }
  1632. .col-xs-push-10 { left: 83.33333333% }
  1633. .col-xs-push-9 { left: 75% }
  1634. .col-xs-push-8 { left: 66.66666667% }
  1635. .col-xs-push-7 { left: 58.33333333% }
  1636. .col-xs-push-6 { left: 50% }
  1637. .col-xs-push-5 { left: 41.66666667% }
  1638. .col-xs-push-4 { left: 33.33333333% }
  1639. .col-xs-push-3 { left: 25% }
  1640. .col-xs-push-2 { left: 16.66666667% }
  1641. .col-xs-push-1 { left: 8.33333333% }
  1642. .col-xs-push-0 { left: auto }
  1643. .col-xs-offset-12 { margin-left: 100% }
  1644. .col-xs-offset-11 { margin-left: 91.66666667% }
  1645. .col-xs-offset-10 { margin-left: 83.33333333% }
  1646. .col-xs-offset-9 { margin-left: 75% }
  1647. .col-xs-offset-8 { margin-left: 66.66666667% }
  1648. .col-xs-offset-7 { margin-left: 58.33333333% }
  1649. .col-xs-offset-6 { margin-left: 50% }
  1650. .col-xs-offset-5 { margin-left: 41.66666667% }
  1651. .col-xs-offset-4 { margin-left: 33.33333333% }
  1652. .col-xs-offset-3 { margin-left: 25% }
  1653. .col-xs-offset-2 { margin-left: 16.66666667% }
  1654. .col-xs-offset-1 { margin-left: 8.33333333% }
  1655. .col-xs-offset-0 { margin-left: 0 }
  1656. @media (min-width: 768px) {
  1657. .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 }
  1658. .col-sm-12 { width: 100% }
  1659. .col-sm-11 { width: 91.66666667% }
  1660. .col-sm-10 { width: 83.33333333% }
  1661. .col-sm-9 { width: 75% }
  1662. .col-sm-8 { width: 66.66666667% }
  1663. .col-sm-7 { width: 58.33333333% }
  1664. .col-sm-6 { width: 50% }
  1665. .col-sm-5 { width: 41.66666667% }
  1666. .col-sm-4 { width: 33.33333333% }
  1667. .col-sm-3 { width: 25% }
  1668. .col-sm-2 { width: 16.66666667% }
  1669. .col-sm-1 { width: 8.33333333% }
  1670. .col-sm-pull-12 { right: 100% }
  1671. .col-sm-pull-11 { right: 91.66666667% }
  1672. .col-sm-pull-10 { right: 83.33333333% }
  1673. .col-sm-pull-9 { right: 75% }
  1674. .col-sm-pull-8 { right: 66.66666667% }
  1675. .col-sm-pull-7 { right: 58.33333333% }
  1676. .col-sm-pull-6 { right: 50% }
  1677. .col-sm-pull-5 { right: 41.66666667% }
  1678. .col-sm-pull-4 { right: 33.33333333% }
  1679. .col-sm-pull-3 { right: 25% }
  1680. .col-sm-pull-2 { right: 16.66666667% }
  1681. .col-sm-pull-1 { right: 8.33333333% }
  1682. .col-sm-pull-0 { right: auto }
  1683. .col-sm-push-12 { left: 100% }
  1684. .col-sm-push-11 { left: 91.66666667% }
  1685. .col-sm-push-10 { left: 83.33333333% }
  1686. .col-sm-push-9 { left: 75% }
  1687. .col-sm-push-8 { left: 66.66666667% }
  1688. .col-sm-push-7 { left: 58.33333333% }
  1689. .col-sm-push-6 { left: 50% }
  1690. .col-sm-push-5 { left: 41.66666667% }
  1691. .col-sm-push-4 { left: 33.33333333% }
  1692. .col-sm-push-3 { left: 25% }
  1693. .col-sm-push-2 { left: 16.66666667% }
  1694. .col-sm-push-1 { left: 8.33333333% }
  1695. .col-sm-push-0 { left: auto }
  1696. .col-sm-offset-12 { margin-left: 100% }
  1697. .col-sm-offset-11 { margin-left: 91.66666667% }
  1698. .col-sm-offset-10 { margin-left: 83.33333333% }
  1699. .col-sm-offset-9 { margin-left: 75% }
  1700. .col-sm-offset-8 { margin-left: 66.66666667% }
  1701. .col-sm-offset-7 { margin-left: 58.33333333% }
  1702. .col-sm-offset-6 { margin-left: 50% }
  1703. .col-sm-offset-5 { margin-left: 41.66666667% }
  1704. .col-sm-offset-4 { margin-left: 33.33333333% }
  1705. .col-sm-offset-3 { margin-left: 25% }
  1706. .col-sm-offset-2 { margin-left: 16.66666667% }
  1707. .col-sm-offset-1 { margin-left: 8.33333333% }
  1708. .col-sm-offset-0 { margin-left: 0 }
  1709. }
  1710. @media (min-width: 992px) {
  1711. .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 }
  1712. .col-md-12 { width: 100% }
  1713. .col-md-11 { width: 91.66666667% }
  1714. .col-md-10 { width: 83.33333333% }
  1715. .col-md-9 { width: 75% }
  1716. .col-md-8 { width: 66.66666667% }
  1717. .col-md-7 { width: 58.33333333% }
  1718. .col-md-6 { width: 50% }
  1719. .col-md-5 { width: 41.66666667% }
  1720. .col-md-4 { width: 33.33333333% }
  1721. .col-md-3 { width: 25% }
  1722. .col-md-2 { width: 16.66666667% }
  1723. .col-md-1 { width: 8.33333333% }
  1724. .col-md-pull-12 { right: 100% }
  1725. .col-md-pull-11 { right: 91.66666667% }
  1726. .col-md-pull-10 { right: 83.33333333% }
  1727. .col-md-pull-9 { right: 75% }
  1728. .col-md-pull-8 { right: 66.66666667% }
  1729. .col-md-pull-7 { right: 58.33333333% }
  1730. .col-md-pull-6 { right: 50% }
  1731. .col-md-pull-5 { right: 41.66666667% }
  1732. .col-md-pull-4 { right: 33.33333333% }
  1733. .col-md-pull-3 { right: 25% }
  1734. .col-md-pull-2 { right: 16.66666667% }
  1735. .col-md-pull-1 { right: 8.33333333% }
  1736. .col-md-pull-0 { right: auto }
  1737. .col-md-push-12 { left: 100% }
  1738. .col-md-push-11 { left: 91.66666667% }
  1739. .col-md-push-10 { left: 83.33333333% }
  1740. .col-md-push-9 { left: 75% }
  1741. .col-md-push-8 { left: 66.66666667% }
  1742. .col-md-push-7 { left: 58.33333333% }
  1743. .col-md-push-6 { left: 50% }
  1744. .col-md-push-5 { left: 41.66666667% }
  1745. .col-md-push-4 { left: 33.33333333% }
  1746. .col-md-push-3 { left: 25% }
  1747. .col-md-push-2 { left: 16.66666667% }
  1748. .col-md-push-1 { left: 8.33333333% }
  1749. .col-md-push-0 { left: auto }
  1750. .col-md-offset-12 { margin-left: 100% }
  1751. .col-md-offset-11 { margin-left: 91.66666667% }
  1752. .col-md-offset-10 { margin-left: 83.33333333% }
  1753. .col-md-offset-9 { margin-left: 75% }
  1754. .col-md-offset-8 { margin-left: 66.66666667% }
  1755. .col-md-offset-7 { margin-left: 58.33333333% }
  1756. .col-md-offset-6 { margin-left: 50% }
  1757. .col-md-offset-5 { margin-left: 41.66666667% }
  1758. .col-md-offset-4 { margin-left: 33.33333333% }
  1759. .col-md-offset-3 { margin-left: 25% }
  1760. .col-md-offset-2 { margin-left: 16.66666667% }
  1761. .col-md-offset-1 { margin-left: 8.33333333% }
  1762. .col-md-offset-0 { margin-left: 0 }
  1763. }
  1764. @media (min-width: 1200px) {
  1765. .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 }
  1766. .col-lg-12 { width: 100% }
  1767. .col-lg-11 { width: 91.66666667% }
  1768. .col-lg-10 { width: 83.33333333% }
  1769. .col-lg-9 { width: 75% }
  1770. .col-lg-8 { width: 66.66666667% }
  1771. .col-lg-7 { width: 58.33333333% }
  1772. .col-lg-6 { width: 50% }
  1773. .col-lg-5 { width: 41.66666667% }
  1774. .col-lg-4 { width: 33.33333333% }
  1775. .col-lg-3 { width: 25% }
  1776. .col-lg-2 { width: 16.66666667% }
  1777. .col-lg-1 { width: 8.33333333% }
  1778. .col-lg-pull-12 { right: 100% }
  1779. .col-lg-pull-11 { right: 91.66666667% }
  1780. .col-lg-pull-10 { right: 83.33333333% }
  1781. .col-lg-pull-9 { right: 75% }
  1782. .col-lg-pull-8 { right: 66.66666667% }
  1783. .col-lg-pull-7 { right: 58.33333333% }
  1784. .col-lg-pull-6 { right: 50% }
  1785. .col-lg-pull-5 { right: 41.66666667% }
  1786. .col-lg-pull-4 { right: 33.33333333% }
  1787. .col-lg-pull-3 { right: 25% }
  1788. .col-lg-pull-2 { right: 16.66666667% }
  1789. .col-lg-pull-1 { right: 8.33333333% }
  1790. .col-lg-pull-0 { right: auto }
  1791. .col-lg-push-12 { left: 100% }
  1792. .col-lg-push-11 { left: 91.66666667% }
  1793. .col-lg-push-10 { left: 83.33333333% }
  1794. .col-lg-push-9 { left: 75% }
  1795. .col-lg-push-8 { left: 66.66666667% }
  1796. .col-lg-push-7 { left: 58.33333333% }
  1797. .col-lg-push-6 { left: 50% }
  1798. .col-lg-push-5 { left: 41.66666667% }
  1799. .col-lg-push-4 { left: 33.33333333% }
  1800. .col-lg-push-3 { left: 25% }
  1801. .col-lg-push-2 { left: 16.66666667% }
  1802. .col-lg-push-1 { left: 8.33333333% }
  1803. .col-lg-push-0 { left: auto }
  1804. .col-lg-offset-12 { margin-left: 100% }
  1805. .col-lg-offset-11 { margin-left: 91.66666667% }
  1806. .col-lg-offset-10 { margin-left: 83.33333333% }
  1807. .col-lg-offset-9 { margin-left: 75% }
  1808. .col-lg-offset-8 { margin-left: 66.66666667% }
  1809. .col-lg-offset-7 { margin-left: 58.33333333% }
  1810. .col-lg-offset-6 { margin-left: 50% }
  1811. .col-lg-offset-5 { margin-left: 41.66666667% }
  1812. .col-lg-offset-4 { margin-left: 33.33333333% }
  1813. .col-lg-offset-3 { margin-left: 25% }
  1814. .col-lg-offset-2 { margin-left: 16.66666667% }
  1815. .col-lg-offset-1 { margin-left: 8.33333333% }
  1816. .col-lg-offset-0 { margin-left: 0; }
  1817. }
  1818. .pl0 { padding-left: 0 !important; }
  1819. .pr0 { padding-right: 0 !important; }
  1820. .oh:hover { opacity: 0.8 !important; }
  1821. .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; }
  1822. .home .container { max-width: 1200px !important; width: 100% !important; }
  1823. .navbar-inner { background: #ffffff; }
  1824. .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1200px; }
  1825. .backgrounded.fastFadeFromTop { padding: 30px 0; }
  1826. .synchro_new { width: 100%; float: left; }
  1827. .synchro_new .homeslider.backgrounded { padding: 0 !important; }
  1828. .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);*/ }
  1829.  
  1830. .homeslider .container { max-width: 100% !important; width: 100% !important; }
  1831. /*.sbanner .slide.bx-clone { margin-top: -71px !important; }*/
  1832. .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; }
  1833. .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;*/ }
  1834. .sbanner .slide.s1 { background: url(../img/homebanner01.png) no-repeat 50% 000px; }
  1835. .sbanner .slide img { width: 100%; float: left; margin: 0; padding: 0; }
  1836. .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%); }
  1837. .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; }
  1838. .sbanner .slide .desc h2 { font-size:40px; line-height: 120% !important; margin: 0 0 10px 0 !important; color:#fff !important; font-weight: 400 !important; }
  1839. .sbanner .slide .desc p { font-size:22px; line-height: 120% !important; margin-bottom: 20px; font-style: italic; color:#fff !important; }
  1840. .sbanner .slide .desc .more { font-size: 14px; }
  1841.  
  1842. .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); }
  1843. .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); }
  1844. .homesliders .bx-wrapper .bx-pager { bottom: 10px; }
  1845. .homesliders .bx-viewport { height:500px !important; }
  1846. .homesliders .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; margin-top: -19px; background: url('../img/homebanner_arrows.png') no-repeat 0px 0; }
  1847. .homesliders .bx-wrapper .bx-prev:hover { background-position: -0px -40px !important; }
  1848. .homesliders .bx-wrapper .bx-next { background-position: -40px -0px !important; }
  1849. .homesliders .bx-wrapper .bx-next:hover { background-position: -40px -40px !important; }
  1850.  
  1851. .home-2-page .bx-wrapper .bx-pager.bx-default-pager a { background:#fff; opacity: 0.6; }
  1852. .home-2-page .bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1; }
  1853. .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; }
  1854. .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; }
  1855. .homeslider .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }
  1856. .homeslider .bx-wrapper .bx-next { background-position: -52px -1px !important; }
  1857. .homeslider .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }
  1858. .homeslider .bx-wrapper .bx-pager .bx-pager-item { float: left; }
  1859. .homeslider .bx-wrapper .bx-pager .bx-pager-item a { background: #8f999e; }
  1860. .homeslider .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }
  1861. .pg { width: 100%; /*float:left;*/ padding: 40px 10px !important; }
  1862. .pg p { color: #666; }
  1863. .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; }
  1864. h3.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; }
  1865. .dtitle span { color: #ff7302; }
  1866. .dtitle.tleft { text-align: left; }
  1867. .dtitle.tcenter { text-align: center; }
  1868. .mleadership { width: 100%; }
  1869. .mleadership p { font-size: 20px !important; line-height: 140% !important; font-weight: 300; }
  1870. .mleadership .box { width: 100%; float: left; text-align: center; }
  1871. .mleadership .box .img { width: 100%; float: left; text-align: center; margin: 0 0 30px 0; }
  1872. .mleadership .box .img img { }
  1873. .mleadership .box h3 { width: 100%; float: left; text-align: center; font-size: 14px; font-weight: 700; color: #000; }
  1874. .mleadership .box a { color: #f67107; }
  1875. .mleadership .box.pb:after { content: ""; top: 50px; right: 0; width: 11px; height: 11px; position: absolute; background: url(../img/plus.png) no-repeat 100% 50%; }
  1876. .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; }
  1877. .app_area h3 { padding-top: 0 !important; }
  1878. .app_area h3 a { color: #F37022 !important; padding-top: 0; }
  1879. .row { margin-left: -15px; margin-right: -15px; }
  1880. .footermar { width: 100%; float: left; z-index: 0; }
  1881. .footermar.backgrounded { padding: 30px 0; }
  1882. #biframe { width: 100%; float: left; }
  1883. #biframe #lpeCDiv_4431 { width: 100%; float: left; }
  1884.  
  1885. .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); }
  1886. .cust_3 { text-align: center; }
  1887. .cust_3 .bx-viewport { max-width: 980px !important; margin: 0 auto; }
  1888. .cust_3 .slide { text-align: center; }
  1889. .cust_3 .bx-wrapper img { display: inline-block; }
  1890. .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; }
  1891. .cust_3 .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }
  1892. .cust_3 .bx-wrapper .bx-next { background-position: -52px -1px !important; }
  1893. .cust_3 .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }
  1894. .cust_3 .bx-wrapper .bx-pager { bottom: -48px; }
  1895. .cust_3 .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }
  1896. .cust_3 .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }
  1897. .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; }
  1898. .cust_2 .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }
  1899. .cust_2 .bx-wrapper .bx-next { background-position: -52px -1px !important; }
  1900. .cust_2 .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }
  1901. .cust_2 .bx-wrapper .bx-pager { bottom: -50px; }
  1902. .cust_2 .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }
  1903. .cust_2 .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }
  1904. .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; }
  1905. .cust_2 ._cite { font-size: 16px; font-weight: normal; margin: 0 auto; text-align: left; width: 690px; }
  1906. .cust_2 ._cite img { display: inline-block; vertical-align: top; padding-right: 20px; }
  1907. .cust_2 ._cite-content { display: inline-block; vertical-align: top; line-height: 1.6em; padding-top: 10px; text-align: left; }
  1908. .cust_2 ._cite-content strong { color: #000; font-size: 18px; }
  1909. a.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; }
  1910. .home-2-page .aboutpg { background: url(../img/home_about_bg2.jpg) no-repeat 50% 0px; }
  1911. .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; }
  1912. .aboutpg p { text-align: center; font-size: 28px !important; line-height: 120% !important; color: #fff !important; }
  1913. .aboutpg .dtitle { margin: 0 0 10px 0; color: #fff; }
  1914. .aboutpg .row-fluid { margin-top: 50px; }
  1915. .aboutpg .row-fluid h4 { text-align: left !important; color: #fff; margin-bottom: 10px; }
  1916. .aboutpg .row-fluid p { font-size: 16px !important; line-height: 22px !important; text-align: left !important; color: #fff; }
  1917. .aboutpg .ul_container1 { padding: 0 30px; }
  1918. .aboutpg .ul_container2 { padding: 0 30px; }
  1919. .aboutpg .ul_container3 { padding: 0 30px; }
  1920. .synchro_new .backgrounded.mjourney { padding-bottom: 0 !important; }
  1921. .mjourney .container { padding-bottom: 0px; background: url(../img/mjourney_bg.png) no-repeat 50% 100px; background-size: 100%; }
  1922. .mjourney .box { width: 100%; float: left; }
  1923. .mjourney .box h3 { font-size: 18px; font-weight: 400; text-align: center; float: left; clear: both; width: 200px; }
  1924. .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; }
  1925. .mjourney .box .ic img { text-align: center; padding: 18px 0; }
  1926. .mjourney .box ul { float: left; position: relative; margin: 0px 0 0 114px; padding: 0; }
  1927. .mjourney .box ul li { width: 100%; float: left; font-size: 16px; margin: 0 0 10px 0; }
  1928. .mjourney .box ul li span { color: #666666; }
  1929. .mjourney .box ul:after { position: absolute; top: -10%; left: -16px; height: 115%; content: ""; border-left: 1px dashed #d9d9d9; z-index: -1; }
  1930. .mjourney .box .nodesktop h3 { margin-top: 25px; text-align: left; }
  1931. .mjourney .box.aug { margin-top: 260px; margin-bottom: 30px; }
  1932. .mjourney .box.aug h3 span { color: #f67107; }
  1933. .mjourney .box.aug .ic { background: #f67107; }
  1934. .mjourney .box.aug li { color: #f67107; }
  1935. .mjourney .box.mob { margin-top: 160px; }
  1936. .mjourney .box.mob h3 span { color: #faa325; }
  1937. .mjourney .box.mob .ic { background: #faa325; }
  1938. .mjourney .box.mob li { color: #faa325; }
  1939. .mjourney .box.eff { margin-top: 60px; }
  1940. .mjourney .box.eff h3 span { color: #698dc8; }
  1941. .mjourney .box.eff .ic { background: #698dc8; }
  1942. .mjourney .box.eff li { color: #698dc8; }
  1943. .mjourney .box.exc { margin-top: 0; }
  1944. .mjourney .box.exc h3 span { color: #54bcba; }
  1945. .mjourney .box.exc .ic { background: #54bcba; }
  1946. .mjourney .box.exc li { color: #54bcba; }
  1947. .newsnevent { width: 100%; float: left; }
  1948. .newsnevent .box { width: 100%; float: left; }
  1949. .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; }
  1950. .newsnevent .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  1951. .newsnevent .box a.title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  1952. .newsnevent .box a.title:hover { color:#F67107; }
  1953. .newsnevent .box .desc { width: 100%; float: left; }
  1954. .newsnevent .box .desc p { margin: 0; }
  1955. .newsnevent .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }
  1956. .newsnevent .box .desc a:hover { text-decoration: underline; }
  1957. .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; */}
  1958. .newsnevent .box .seemore:hover { text-decoration: underline; }
  1959.  
  1960. .newsletters-page .gap100 { height: 0px; }
  1961. .newsletters-page .gap60 { height: 30px; }
  1962. .newsletters:last-child .post-entry { border: 0; }
  1963.  
  1964. .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,
  1965. .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; }
  1966.  
  1967. .pg_saperator { background: #fff url(../img/newsnevent_bg.png) repeat-x 50% 100% !important; }
  1968.  
  1969. .lrow { width:100%; float:left; }
  1970.  
  1971. .lblog { width: 100%; float: left; background: #fff url(../img/newsnevent_bg.png) repeat-x 50% 100% !important; }
  1972. .lblog .box { width: 100%; float: left; }
  1973. .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; }
  1974. /*.lblog .box .img img { width:auto; max-height:100%; display: inline-block; padding: 5px; }*/
  1975.  
  1976. .lblog .box .desc { width: 100%; float: left; }
  1977. .lblog .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  1978. .lblog .box .title:hover { color:#F67107; }
  1979. .lblog .box .desc .date { width: 100%; float: left; margin-bottom: 30px; color: #666; }
  1980. .lblog .box .desc .date p { margin:0; }
  1981. .lblog .box .desc .text { width: 100%; float: left; color: #666; }
  1982. .lblog .box .readmore { color: #F67107; font-size: 14px; float: left; }
  1983. .lblog .box .readmore:hover { text-decoration: underline; }
  1984. .ftr_newsletter iframe { max-width: 220px; width: 100% !important; min-height: 195px; display: inline-block; }
  1985. .ftr_newsletter iframe .richTextSpan * { font-size: 14px !important; }
  1986. .footermenu { float: left; }
  1987. footer div.container div.row div.footermenu { width: 100%; float: left; }
  1988. footer .copyright { margin: 0; float: left; width: 100%; }
  1989. .socialright { float: right; }
  1990. .socialright span { margin-right: 10px; }
  1991. .copytext { color: #666; }
  1992. .footer_copyright { width: 100%; float: left; padding-left: 5px; margin-top: 5px; text-align: left; }
  1993. .qmetry_7 { width: 100%; float: left; }
  1994. .home-core-offering .md_if_font { margin-bottom: 30px; }
  1995.  
  1996. .services-contain_top { padding:40px 0; }
  1997. .privacy-policy-page { padding:40px 0 0 0; }
  1998. .privacy-con { padding:0 0 40px 0; }
  1999.  
  2000. /*.ftr_newsletter { overflow-x: hidden !important; }*/
  2001. .markchal { text-align: center; }
  2002. .markchal .span3m { width: 20%; margin: 0; display: inline-block; }
  2003. .markchal .span3m .box-show { height: auto !important; }
  2004. .markchal .span3m .box-show img { max-height: 190px; }
  2005. .markchal .span3m .contenthover { display: none; }
  2006.  
  2007. .div_table { display: table; }
  2008. .div_table_cell { display: table-cell; vertical-align: middle; }
  2009.  
  2010. .testexp .box { width:100%; float:left; text-align: center; margin: 0 0 30px 0; }
  2011. .testexp .box h3 { width:100%; float:left; margin:0 0 10px 0; color: #666; }
  2012. .testexp .box p { width:100%; float:left; margin:0 0 10px 0; color:#666; font-size: 16px; line-height: 1.6em; }
  2013. .testexp .box a { display: inline-block; background: #ff7302; color: #fff; }
  2014.  
  2015. .soimg { width:49.7%; vertical-align: middle; float: none; display: inline-block; text-align: center; }
  2016. .socnt { width:49.7%; vertical-align: middle; float: none; display: inline-block; }
  2017.  
  2018. .whywork .video { width:100%; float:left; margin: 0 0 40px 0; text-align: center; }
  2019. .span_lifeinfo { float: left; width: 100%; margin:10px 0; }
  2020.  
  2021. .tabs { width:100%; float:left; display: table; }
  2022. .tabs .t { display: table-cell; text-align: center; }
  2023. .tabs .t div { text-align: center; margin: 0 3px; }
  2024. .tabs .t a { color:#fff; }
  2025. .tabs .t a:hover { text-decoration: underline; }
  2026.  
  2027. .testimonials .col-md-6 { margin-bottom: 40px; }
  2028.  
  2029. .m11 { line-height:120% !important; }
  2030. .m12 { padding-top: 10px !important; line-height:120% !important; }
  2031. .m133 { display: inline-block; width: 100%; }
  2032. .m133 a { display: inline-block; margin: 10px 0; }
  2033.  
  2034. .mbopt .soimg { width:29%; }
  2035. .mbopt .soimg img { width: 250px; }
  2036. .mbopt .socnt { width:70%; }
  2037.  
  2038. .vs-box-data .img { width:95%; }
  2039.  
  2040. .mobile-qty-optimization .testing-blk { min-height: 120px; }
  2041.  
  2042. .tp-caption.black_mobile3 { width: 100%; }
  2043. .rev_slider .m133 { display: block; }
  2044.  
  2045. .rev_slider .btn-large { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
  2046.  
  2047. .ddd .box { height: auto !important; min-height: 281px; }
  2048.  
  2049. .customers-page .cust_5 .col-md-2 { margin:20px 0; }
  2050. .mobile-enablement-page .f.headline { font-size: 24px; }
  2051.  
  2052. .small_header { width:100%; padding: 25px 0; background-size: cover !important; }
  2053. .small_header .socnt.l { width:34%; }
  2054. .small_header .socnt.r { width:65%; }
  2055.  
  2056. .small_header h2 { color:#fff !important; margin: 0 !important; line-height: 120% !important; font-weight: 400; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
  2057. .small_header p { font-size: 26px; line-height: 120%; color:#fff; margin:0; text-align: right; font-weight: 300; }
  2058.  
  2059. .small_header.events .socnt.l { width:28%; }
  2060. .small_header.events .socnt.r { width:71%; }
  2061. .small_header.events .socnt p { font-size: 20px; }
  2062.  
  2063. .small_header.partners { background:url(../images/sh_partners.jpg) no-repeat 50% 0; }
  2064. .small_header.testi { background:url(../images/sh_testimonials.jpg) no-repeat 50% 0; }
  2065. .small_header.events { background:url(../images/sh_events.jpg) no-repeat 50% 0; }
  2066. .small_header.awards { background:url(../images/sh_awards.png) no-repeat 50% 0; }
  2067. .small_header.about { background:url(../images/sh_about.jpg) no-repeat 50% 0; }
  2068. .small_header.culture { background:url(../images/sh_culture.jpg) no-repeat 50% 0; }
  2069. .small_header.news { background:url(../images/sh_news.jpg) no-repeat 50% 0; }
  2070.  
  2071. .videomsg { width: 100%; float:left; margin: 0 0 15px 0; }
  2072. .videomsg .video { width:50%; float:left; text-align: center;}
  2073. .videomsg .video .img { width: 200px; height: 200px; display: inline-block; margin:20px auto 0 auto; position: relative; }
  2074. .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%; }
  2075.  
  2076. .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;}
  2077. .videomsg .video .img a .fa { position: relative; left: 2px; line-height: 44px; }
  2078. .videomsg .video .img a:hover { background:#E26501; }
  2079. .videomsg .quote { width:50%; float:left; }
  2080. .videomsg blockquote { border:0; padding: 15px 0 0 0; font-size: 16px; font-weight: 300; font-style: italic; color:#000; line-height: 22px; }
  2081. .videomsg blockquote:before { background: url("../images/video_quote.png") no-repeat; content: ""; left: -30px; overflow: hidden; position: absolute; top: 0px; width: 21px; height: 17px; }
  2082. .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; }
  2083. .videomsg .quote h3 { text-transform: uppercase; color:#000; font-size: 16px; font-weight: 400; margin: 0; }
  2084. .videomsg .quote p { font-size: 14px; margin:0; }
  2085. .videomsg .quote a { font-style: italic; color:#f67107; font-size: 16px; margin:0; }
  2086. .videomsg .quote a:hover { text-decoration: underline; }
  2087.  
  2088. .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; }
  2089. .testi_slider .video { width:35%; float:left; text-align: center;}
  2090. .testi_slider .video .img { width: 275px; height: 275px; display: inline-block; margin:20px auto 0 auto; position: relative; }
  2091. .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%; }
  2092. .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;}
  2093. .testi_slider .video .img a .fa { position: relative; left: 2px; line-height: 64px; font-size: 30px; }
  2094. .testi_slider .video .img a:hover { background:#E26501; }
  2095. .testi_slider .quote { width:60%; float:left; text-align: center; }
  2096. .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%; }
  2097. .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; }
  2098. .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; }
  2099. .testi_slider .quote .clogo { width:100%; float:left; text-align: center; }
  2100. .testi_slider .quote .clogo img { max-height:80px; width:auto; display: inline-block; }
  2101. .testi_slider .quote h3 { text-transform: uppercase; color:#000; font-size: 16px; font-weight: 400; margin: 0; }
  2102. .testi_slider .quote .desg { font-size: 14px; margin:0; text-align: center; }
  2103. .testi_slider .quote .cname { font-style: italic; color:#f67107; font-size: 16px; text-align: center; font-weight: 400; margin:0; }
  2104. .testi_slider .bx-controls { margin-top: 30px; }
  2105. .testi_slider .bx-controls .bx-pager { position: relative; bottom: 0; width:70%; float:right; }
  2106. .testi_slider .bx-wrapper .bx-pager.bx-default-pager a { width:10px; height: 10px; background:#dfdfdf; }
  2107. .testi_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f67107 !important; }
  2108. .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; }
  2109. .testi_slider .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  2110. .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; }
  2111. .testi_slider .bx-wrapper .bx-next:hover { background-position: -134px 0 !important; }
  2112.  
  2113. .cust_slider_cont.testi_slider { background: none !important; }
  2114.  
  2115. .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; }
  2116. .custom_slider .cust-head-text{font-size: 20px; color: #666666; font-weight: 300; margin-top: 30px; text-align:left;}
  2117. .custom_slider .cust-head-text a{ color: #f67107; text-decoration: underline; }
  2118. .custom_slider .video { width:35%; float:left; text-align: center;}
  2119. .custom_slider .video .img { width: 275px; height: 275px; display: inline-block; margin:20px auto 0 auto; position: relative; }
  2120. .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%; }
  2121.  
  2122. .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;}
  2123. .custom_slider .video .img a .fa { position: relative; left: 2px; line-height: 64px; font-size: 30px; }
  2124. .custom_slider .video .img a:hover { opacity: 0.8; }
  2125. .custom_slider .quote { width:60%; float:left; text-align: center; }
  2126. .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%; }
  2127. .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; }
  2128. .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; }
  2129. .custom_slider .quote .clogo { width:100%; float:left; text-align: center; }
  2130. .custom_slider .quote .clogo img { max-height:80px; width:auto; display: inline-block; }
  2131. .custom_slider .quote h3 { text-transform: uppercase; color:#000; font-size: 16px; font-weight: 400; margin: 0; }
  2132. .custom_slider .quote .desg { font-size: 14px; margin:0; }
  2133. .custom_slider .quote .cname { font-style: italic; color:#f67107; font-size: 16px; font-weight: 400; margin:0; }
  2134. .custom_slider .bx-controls { margin-top: 0px; float: left; width: 100%; position: relative; margin-top:10px;}
  2135. .custom_slider .bx-controls .bx-pager { position: relative; bottom: 0; width:100%; float:right; margin-top:0px; padding-top:0px; }
  2136. .custom_slider .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height: 12px; background:#cecdcd; }
  2137. .custom_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f67107 !important; }
  2138. .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; }
  2139. .custom_slider .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  2140. .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; }
  2141. .custom_slider .bx-wrapper .bx-next:hover { background-position: -134px 0 !important; }
  2142.  
  2143. .client-list{border:1px solid transparent;}
  2144. .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); }
  2145. .client-list .detail-cont{opacity:0; width:100%; height:45px; background-color:#f9f9f9; padding:0px; }
  2146. .client-list:hover .detail-cont{ opacity:1; }
  2147. .client-list .detail-cont a { color:#01c6ff; }
  2148.  
  2149. .wl-cat-caption{ color:#f57106; font-size:18px;}
  2150. .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;}
  2151. .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; }
  2152. .disply-none{ display:none;}
  2153. .disply-one{ display:block;}
  2154. .client-list .logo-box .detail-dot{ height:5px; width:5px; border-radius:50%; background-color: #f57106;margin: 0px auto 0px;}
  2155. .client-list .logo-box:hover .detail-dot{ background-color: #fff;}
  2156. .client-list .logo_box .logo_cont { padding:10px 0px; height: 93px;}
  2157. .client-list .logo-box img{ width:auto; height:55px;}
  2158. .client-list-detail-none .logo-box img{ width:auto; height:55px; margin-bottom:50px;}
  2159.  
  2160. .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; }
  2161. .client-list:hover .logo-box img.grayscale { filter: grayscale(0%); -webkit-filter: grayscale(0%); .info_get_ruselt filter: none; opacity:1; }
  2162. .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; }
  2163. .client-list-detail-none:hover .logo-box img.grayscale { filter: grayscale(0%); -webkit-filter: grayscale(0%); .info_get_ruselt filter: none; opacity:1; }
  2164.  
  2165. .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; }
  2166. .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; }
  2167. .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; }
  2168.  
  2169. .person-name{ font-size:16 px; color:#000000; }
  2170. .designationtxt{ font-size:14 px; color:#666666; }
  2171. .get-started-imp{ font-size: 12px; color: #999; padding-top:5px; }
  2172. .cust_saying_slider_wrap .bx-wrapper .bx-prev { background: url("../img/bxcontrols-gray.png") no-repeat 1px 0 !important; width: 40px; height: 40px;}
  2173. .cust_saying_slider_wrap .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important;}
  2174. .cust_saying_slider_wrap .bx-wrapper .bx-next { background: url("../img/bxcontrols-gray.png") no-repeat -39px 0 !important; width: 40px; height: 40px;}
  2175. .cust_saying_slider_wrap .bx-wrapper .bx-next:hover { background-position: -134px 0 !important;}
  2176.  
  2177. div.tabbed { position:relative; top: 40px; left: 40px; text-align: left; margin-bottom: 100px; float: left; }
  2178. div.tabs a { font-size: 18px; color: #f57106; margin-right: 2px; padding: 0px 4.49%; -moz-border-radius: 5px 5px 0px 0px; }
  2179. div.tab_data { display: none; height: 250px; -moz-border-radius: 0px 0px 5px 5px; text-align: center; }
  2180. div.tab_data:target { display: block; }
  2181.  
  2182. :target div.tab_data { display: block; }
  2183. :target div.tab_data + div.tab_data { display: none; }
  2184.  
  2185. .c_list { width:100%; float:left; }
  2186. .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; }
  2187. .c_list .box .cl { width:100%; height: 100px; float:left; text-align: center; white-space: nowrap; }
  2188. .c_list .box .cl .helper { display: inline-block; height: 100%; vertical-align: middle; }
  2189. .c_list .box .cl img { vertical-align: middle; max-height: 80px; max-width: 100%; }
  2190. .c_list .box .desc { width:100%; float:left; }
  2191. .c_list .box .desc p { width:100%; float:left; font-size: 16px; line-height: 24px; }
  2192. .c_list .box .info { position: absolute; bottom: 20px; right:20px; text-align: right; }
  2193. .c_list .box .info h3 { text-transform: uppercase; color:#000; font-size: 14px; line-height: 130%; font-weight: 700; margin: 0; }
  2194. .c_list .box .info .desg { font-size: 14px; margin:0; color:#9e9e9e; line-height: 130%; }
  2195. .c_list .box .info .cname { font-style: italic; color:#f67107; font-size: 14px; line-height: 130%; margin:0; font-weight: 400; text-align: right; }
  2196. .c_list .box .name { width:100%; float:left; margin:0 0 20px 0; font-size: 18px; font-weight: 700; }
  2197. .c_list .box .name .orange { width:100%; float:left; color:#f67107; }
  2198. .c_list .box .name .gray { width:100%; float:left; color:#666666; }
  2199.  
  2200. .tabbable { width:100%; float:left; }
  2201. .pg_events { width:100%; float:left; }
  2202. .events { width:100%; float:left; }
  2203. .events .box { width: 100%; float: left; text-align: left; padding:0 15px; }
  2204. .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; }
  2205. .events .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  2206. .events .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }
  2207. .events .box .desc { width: 100%; float: left; font-size: 14px; }
  2208. .events .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }
  2209. .events .box .desc a:hover { text-decoration: underline; }
  2210. .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; }
  2211. .events .box .seemore:hover { text-decoration: underline; }
  2212.  
  2213. .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;}
  2214. .events-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px;}
  2215. .events-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }
  2216. .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; }
  2217. .events-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}
  2218. .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;}
  2219. .events-tabs .nav-tabs li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}
  2220. .events-tabs .nav-tabs li a i{color: #9da1a5; font-size: 16px; }
  2221. .events-tabs .nav-tabs li.active {background-color: #fafafa;}
  2222. .events-tabs .nav-tabs li.active a span{color:#f67107;}
  2223. .events-tabs .nav-tabs li.active a i{color:#f67107;}
  2224. .events-tabs .nav-tabs li a:hover span {color: #f67107;}
  2225. .events-tabs .nav-tabs li a:hover i {color: #f67107;}
  2226. .events-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}
  2227. .events-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}
  2228. .events-tabs .tab-content .resp_title.activelink span{color: #f67107;font-weight: 600;}
  2229. .events-tabs .tab-content .resp_title.activelink .fa{ color: #f67107; }
  2230. .events-tabs .tab-content .resp_title.activelink .fa-chevron-down:before { content: "\f077"; }
  2231. .events-tabs .tab-content .resp_title a{text-align:left;}
  2232. .events-tabs .tab-content .resp_title a span {margin-left: 15px;}
  2233. .events-tabs .resp_title i.fa {color: #ccc; position: relative; float: left; }
  2234. .events-tabs .resp_title i.fa.pull-right { float: right; }
  2235.  
  2236. .events-tabs .tab-content > .active { width:100%; float:left; margin: 20px 0 40px 0; position: relative; }
  2237. .events-tabs .bx-wrapper { max-width: 930px !important; }
  2238. .events-tabs .tab-content .resp_title {padding: 0 20px;border: 2px solid #d7d7d7;margin-bottom: 10px;}
  2239. .events-tabs .bx-viewport { width:100% !important; }
  2240. .events-tabs .box { width: 100%; float: left; text-align: left; padding:0 15px; }
  2241. .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; }
  2242. .events-tabs .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  2243. .events-tabs .box .title:hover { color:#F67107; }
  2244. .events-tabs .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }
  2245. .events-tabs .box .desc { width: 100%; float: left; font-size: 14px; }
  2246. .events-tabs .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }
  2247. .events-tabs .box .desc a:hover { text-decoration: underline; }
  2248. .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; }
  2249. .events-tabs .box .seemore:hover { text-decoration: underline; }
  2250.  
  2251. /****** start - code for infostretch get results tab design (by namrata)*************/
  2252. .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;}
  2253. .cust-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px; height: 68px; overflow: hidden;}
  2254. .cust-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }
  2255. .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; }
  2256. .cust-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}
  2257. .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;}
  2258. .cust-tabs .nav-tabs li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}
  2259. .cust-tabs .nav-tabs li a i{color: #9da1a5; font-size: 16px; }
  2260. .cust-tabs .nav-tabs li.active {background-color: #fafafa;}
  2261. .cust-tabs .nav-tabs li.active a span{color:#f67107;}
  2262. .cust-tabs .nav-tabs li.active a i{color:#f67107;}
  2263. .cust-tabs .nav-tabs li a:hover span {color: #f67107;}
  2264. .cust-tabs .nav-tabs li a:hover i {color: #f67107;}
  2265. .cust-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}
  2266. .cust-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}
  2267. .cust-tabs .tab-content .resp_title.activelink span{color: #f67107;font-weight: 600;}
  2268. .cust-tabs .tab-content .resp_title.activelink .fa{ color: #f67107; }
  2269. .cust-tabs .tab-content .resp_title.activelink .fa-chevron-down:before { content: "\f077"; }
  2270. .cust-tabs .tab-content .resp_title a{text-align:left; }
  2271. .cust-tabs .tab-content .resp_title a span {margin-left: 15px;}
  2272. .cust-tabs .resp_title i.fa {color: #ccc; position: relative; float: left; }
  2273. .cust-tabs .resp_title i.fa.pull-right { float: right; }
  2274.  
  2275. .cust-tabs .tab-content > .active { width:100%; float:left; margin: 20px 0 40px 0; position: relative; }
  2276. .cust-tabs .tab-content .resp_title {padding: 0 20px;border: 2px solid #d7d7d7;margin-bottom: 10px;}
  2277. .cust-tabs .bx-viewport { width:100% !important; }
  2278. .cust-tabs .box { width: 100%; float: left; text-align: left; padding:0 15px; }
  2279. .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; }
  2280. .cust-tabs .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  2281. .cust-tabs .box .title:hover { color:#F67107; }
  2282. .cust-tabs .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }
  2283. .cust-tabs .box .desc { width: 100%; float: left; font-size: 14px; }
  2284. .cust-tabs .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }
  2285. .cust-tabs .box .desc a:hover { text-decoration: underline; }
  2286. .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; }
  2287. .cust-tabs .box .seemore:hover { text-decoration: underline; }
  2288.  
  2289. .cust-tabs .bx-wrapper { max-width: 930px !important; }
  2290. .cust-tabs .box { margin: 0 0 10px 0; }
  2291. .cust-tabs .nav-tabs li a i { font-size: 14px; }
  2292. .cust-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }
  2293. /****** end-- code for infostretch get results tab design (by namrata)*************/
  2294.  
  2295. /****** start - code for infostretch get results tab design (by namrata)*************/
  2296. .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;}
  2297. .gets-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px; height: 68px; overflow: hidden;}
  2298. .gets-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }
  2299. .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; }
  2300. .gets-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}
  2301. .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;}
  2302. .gets-tabs .nav-tabs li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}
  2303. .gets-tabs .nav-tabs li a i{color: #9da1a5; font-size: 16px; }
  2304. .gets-tabs .nav-tabs li.active {background-color: #fafafa;}
  2305. .gets-tabs .nav-tabs li.active a span{color:#f67107;}
  2306. .gets-tabs .nav-tabs li.active a i{color:#f67107;}
  2307. .gets-tabs .nav-tabs li a:hover span {color: #f67107;}
  2308. .gets-tabs .nav-tabs li a:hover i {color: #f67107;}
  2309. .gets-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}
  2310. .gets-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}
  2311. .gets-tabs .tab-content .resp_title.activelink span{color: #f67107;font-weight: 600;}
  2312. .gets-tabs .tab-content .resp_title.activelink .fa{ color: #f67107; }
  2313. .gets-tabs .tab-content .resp_title.activelink .fa-chevron-down:before { content: "\f077"; }
  2314. .gets-tabs .tab-content .resp_title a{text-align:left; }
  2315. .gets-tabs .tab-content .resp_title a span {margin-left: 15px;}
  2316. .gets-tabs .resp_title i.fa {color: #ccc; position: relative; float: left; }
  2317. .gets-tabs .resp_title i.fa.pull-right { float: right; }
  2318.  
  2319. .gets-tabs .tab-content > .active { width:100%; float:left; margin: 20px 0 60px 0; position: relative; }
  2320. .gets-tabs .tab-content .resp_title {padding: 0 20px;border: 2px solid #d7d7d7;margin-bottom: 10px;}
  2321. .gets-tabs .bx-viewport { width:100% !important; }
  2322. .gets-tabs .box { width: 100%; float: left; text-align: left; padding:0 15px; }
  2323. .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; }
  2324. .gets-tabs .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; }
  2325. .gets-tabs .box .title:hover { color:#F67107; }
  2326. .gets-tabs .box .catname { text-transform: uppercase; font-size: 14px; margin: 0 0 0; }
  2327. .gets-tabs .box .desc { width: 100%; float: left; font-size: 14px; }
  2328. .gets-tabs .box .desc a { color: #f67107; font-size: 16px; margin: 0 0 10px 0; display: inline-block; }
  2329. .gets-tabs .box .desc a:hover { text-decoration: underline; }
  2330. .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; }
  2331. .gets-tabs .box .seemore:hover { text-decoration: underline; }
  2332.  
  2333. .gets-tabs .bx-wrapper { max-width: 930px !important; }
  2334. .gets-tabs .box { margin: 0 0 10px 0; }
  2335. .gets-tabs .nav-tabs li a i { font-size: 14px; }
  2336. .gets-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }
  2337. /****** end-- code for infostretch get results tab design (by namrata)*************/
  2338.  
  2339. .subtext { font-size: 22px; }
  2340. .freecons { background: url(../images/getstarted_bg.jpg) no-repeat 50% 0; background-size: cover; }
  2341. .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; }
  2342. .freecons .box .dtitle { text-align: left; margin: 0 0 10px 0; }
  2343. .freecons .box ul { list-style: none; margin: 0 0 10px 0; }
  2344. .freecons .box ul li { font-size: 12px; }
  2345. .freecons .box ul li i { padding-right: 10px; font-size: 12px; color:#cdcdcd; }
  2346. .freecons .box .call { margin-top: 10px; width:100%; display: inline-block; }
  2347. .freecons .box .call h3 { font-size: 18px; color:#000; }
  2348. .freecons .box .small { font-size: 11px; margin-bottom: 10px; color:#999; }
  2349. .freecons .box .small a { font-size: 11px; color:#666; text-decoration: underline; }
  2350. .freecons .box .small a:hover { text-decoration: none; }
  2351.  
  2352. .mb0 { margin-bottom: 0 !important; }
  2353. .pb0 { padding-bottom: 0 !important; }
  2354.  
  2355. .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; }
  2356. .requesttrial .box.active, .requesttrial .box:hover { box-shadow: 0 0 10px 3px #ededed; }
  2357. .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); }
  2358. .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); }
  2359. .requesttrial .box .icon .svg.logo { max-height: 120px; margin: 0; }
  2360. .requesttrial .box .desc { width:100%; float:left; border-bottom: 2px solid #f2f2f2; margin: 0 0 10px 0; background: #fafafa; }
  2361. .requesttrial .box.active .desc, .requesttrial .box:hover .desc { background: #fff; }
  2362. .requesttrial .box .desc p { padding: 0 15px; margin: 10px 0; font-size: 16px; }
  2363. .requesttrial .box .info { width:100%; float:left; padding:0 15px; }
  2364. .requesttrial .box .info p { padding: 0; margin: 10px 0; font-size: 14px; }
  2365. .requesttrial .box .info a { margin: 0 0 10px 0; display: inline-block; color:#f67107; }
  2366. .requesttrial .box .info a:hover { text-decoration: underline; }
  2367. .requesttrial .box .info .btn { padding: 15px 5px; width:100%; margin: 0; background:#f67107; color:#fff; font-weight: 700; font-size: 12px; }
  2368. .requesttrial .box .info .btn:hover { opacity: 0.8; text-decoration: none; }
  2369. .requesttrial .box .info sup { color:#fff; font-size: 14px; }
  2370.  
  2371. #getstarted { width:481px; height:470px; }
  2372. #getstarted .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }
  2373. #getstarted .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }
  2374.  
  2375. #frm_contact { width:100%; height:490px; }
  2376. #frm_contact .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }
  2377. #frm_contact .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }
  2378.  
  2379. #frm_product { width:100%; max-width:485px; margin:0 auto; height:445px; }
  2380. #frm_product .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }
  2381. #frm_product .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }
  2382.  
  2383. #frm_product_a { width:100%; max-width:485px; margin:0 auto; height:450px; }
  2384. #frm_product_a .mktoForm .mktoFormRow { width: 100%; float: left; margin: 0 0 10px 0; }
  2385. #frm_product_a .mktoForm .mktoFormRow .mktoFormCol { width: 48%; float: left; clear: none; margin-left: 1%; margin-right: 1%; }
  2386.  
  2387. .events_2 { width:100%; float:left; padding: 30px 0; }
  2388.  
  2389. /*.fancybox-iframe { width:100%; height: 200px; overflow: auto; }
  2390. #fancybox-frame{ width:100%; height: 200px; overflow: auto; }*/
  2391.  
  2392. .hiddendate { display:none; }
  2393.  
  2394. .footermar .col { width: 14.2%; float: left; margin: 0 0 10px 0; padding: 0 10px; }
  2395.  
  2396. .static_banner { width:100%; height: 500px; position: relative; }
  2397. .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; }
  2398. .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%); }
  2399. .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; }
  2400. .static_banner .desc h2 { font-size:40px; line-height: 120% !important; margin: 0 auto 5px auto !important; color:#fff !important; font-weight: 400 !important; }
  2401. .static_banner .desc p { font-size:22px; line-height: 120% !important; margin-bottom: 20px; font-style: italic; color:#fff !important; }
  2402. .static_banner .desc .more { font-size: 14px; }
  2403.  
  2404. .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; }
  2405. .static_banner.cicd .desc { max-width: 1100px; }
  2406. .static_banner.cicd .desc h2 { max-width: 900px; }
  2407.  
  2408. .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; }
  2409.  
  2410. .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; }
  2411. .static_banner .desc.full { max-width: 1200px; }
  2412. .static_banner .desc .soimg { width:49.4%; }
  2413. .static_banner .desc .socnt { width:49.4%; }
  2414.  
  2415. .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; }
  2416. .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; }
  2417. .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; }
  2418. .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; }
  2419. .static_banner.bnabout .desc { width:100%; max-width: 1200px; }
  2420. .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; }
  2421.  
  2422. .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; }
  2423. .static_banner.toolsandplatform .desc { width:100%; max-width: 1200px; display: table; }
  2424. .static_banner.toolsandplatform .desc .mid { display: table-cell; vertical-align: middle; float: none; }
  2425. .static_banner.toolsandplatform .desc h2 { font-size: 34px; }
  2426.  
  2427. .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; }
  2428. .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; }
  2429.  
  2430. .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; }
  2431. .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; }
  2432.  
  2433. .methodology .box { width:100%; float:left; padding:0 40px; text-align: center; }
  2434. .methodology .box .ic { width:100%; float:left; text-align: center; margin:0 0 10px 0; }
  2435. .methodology .box .title { width: 100%; display: inline-block; color: #000; font-weight: 400; font-size: 22px; }
  2436.  
  2437. .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; }
  2438.  
  2439. .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; }
  2440. .moresuccess .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }
  2441. .moresuccess .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }
  2442. .moresuccess .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(../img/bxcontrols-gray.png) no-repeat; }
  2443. .moresuccess .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }
  2444. .moresuccess .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  2445. .moresuccess .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }
  2446. .moresuccess .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }
  2447. .moresuccess .slide .box { width:100%; float:left; padding: 0 20px; }
  2448. .moresuccess .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }
  2449. .moresuccess .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }
  2450. .moresuccess .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  2451. .moresuccess .slide .box .img img { max-width: 160px; max-height: 90px; }
  2452. .moresuccess .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }
  2453.  
  2454. .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; }
  2455. .mobi_init .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }
  2456. .mobi_init .bx-wrapper .bx-viewport { margin:0; }
  2457. .mobi_init .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(../img/bxcontrols-gray.png) no-repeat; }
  2458. .mobi_init .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }
  2459. .mobi_init .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  2460. .mobi_init .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }
  2461. .mobi_init .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }
  2462. .mobi_init .slide .box { width:100%; float:left; padding: 0 20px; }
  2463. .mobi_init .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }
  2464. .mobi_init .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }
  2465. .mobi_init .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  2466. .mobi_init .slide .box .img img { max-width: 160px; max-height: 90px; }
  2467. .mobi_init .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }
  2468.  
  2469. .marketleaders { text-align: center; background:#f5f5f5; position: relative; }
  2470. .marketleaders .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }
  2471. .marketleaders .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }
  2472. .marketleaders .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(../img/bxcontrols-gray.png) no-repeat; }
  2473. .marketleaders .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }
  2474. .marketleaders .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  2475. .marketleaders .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }
  2476. .marketleaders .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }
  2477. .marketleaders .slide .box { width:100%; float:left; padding: 0 20px; }
  2478. .marketleaders .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }
  2479. .marketleaders .slide .box p { font-size: 18px; line-height: 26px; color:#000; }
  2480. .marketleaders .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }
  2481. .marketleaders .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  2482. .marketleaders .slide .box .img img { max-width: 160px; max-height: 90px; }
  2483. .marketleaders .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }
  2484.  
  2485. .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; }
  2486. .mobispec .dtitle { color:#fff; }
  2487. .mobispec .subtext { color:#fff; }
  2488. .mobispec .exppoints { width:100%; float:left; margin: 20px 0 0 0; }
  2489. .mobispec .exppoints .col { width:19.6%; float: left; padding:0 15px; margin:0.0%; }
  2490. .mobispec .exppoints .col .img { width:100%; height: 90px; display: table; margin: 0 0 20px 0; }
  2491. .mobispec .exppoints .col.last { padding-right: 0; }
  2492. .mobispec .exppoints .col .img .t { width: 100%; height:100%; display: table-cell; vertical-align: middle; }
  2493. .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; }
  2494. .mobispec .exppoints .col p { width:100%; display: inline-block; color:#fff; margin:0 0 10px 0; text-align: center; }
  2495.  
  2496. .admin-bar header .navbar-fixed-top, .admin-bar header .search-bar, .admin-bar header .contact-bar { margin-top: 32px !important; }
  2497.  
  2498. .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; }
  2499. .lnk i { color:#333; font-size: 18px; color:#f67107; margin: 0 5px 0 0; }
  2500.  
  2501. .strat_mobi { width:100%; float:left; text-align: center; }
  2502. .strat_mobi .strat { width:24.7%; display: inline-block; vertical-align: top; margin: 0 0 20px 0; }
  2503. .strat_mobi .strat .box { width:100%; float:left; padding:0 10px; margin: 0 0 30px 0; }
  2504. .strat_mobi .strat .decs { width:100%; float:left; padding: 0px; }
  2505. .strat_mobi .strat .img { width:100%; display: table; margin: 0 0 10px 0; }
  2506. .strat_mobi .strat .img .t { width:100%; display: table-cell; vertical-align: middle; }
  2507. .strat_mobi .strat .title { width: 100%; font-size:18px; display: inline-block; color: #000; font-weight: 400; }
  2508.  
  2509. .cap_list { width:100%; float:left; text-align: center; }
  2510. .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; }
  2511. .cap_list .box.first { margin-left: 0; }
  2512. .cap_list .box.last { margin-right: 0; }
  2513. .cap_list .box .decs { width:100%; float:left; padding: 0px; }
  2514. .cap_list .box .img { width:100%; display: table; margin: 0 0 20px 0; }
  2515. .cap_list .box .img .t { width:100%; height: 70px; display: table-cell; vertical-align: middle; }
  2516.  
  2517. .global_testing_list { width:100%; float:left; text-align: center; }
  2518. .global_testing_list .box { width:100%; display: inline-block; vertical-align: top; padding:35px 0; margin: 0; text-align: center; }
  2519. .global_testing_list .box .img { width:100%; display: table; margin: 0 0 20px 0; }
  2520. .global_testing_list .box .img .t { width:100%; height: 70px; display: table-cell; vertical-align: middle; }
  2521. .global_testing_list .box .desc { width:100%; float:left; padding: 0px; font-size: 18px; font-weight: 600; }
  2522.  
  2523. .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; }
  2524. .cont_integration .dtitle { color:#fff; }
  2525. .cont_integration .subtext { color:#fff; }
  2526.  
  2527. .jump_start_top { width:100%; float:left; text-align: center; margin: 0 0 20px 0; }
  2528. .jump_start_top .img { width:100%; margin: 0 0 10px 0; display: table; }
  2529. .jump_start_top .img .t { width:100%; display: table-cell; vertical-align: top; }
  2530. .jump_start_top .head { width: 100%; float:left; font-size: 26px; margin: 0 0 5px 0; }
  2531. .jump_start_top .subhead { width: 100%; float:left; font-size: 20px; color:#f07125; }
  2532.  
  2533. .listboxx { width:100%; float:left; margin: 0 0 20px 0; }
  2534. .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;*/ }
  2535. .listboxx ul li { width:100%; float:left; margin: 0 0 15px 0; }
  2536. .listboxx ul.orange { color:#000; }
  2537. .listboxx ul.orange span { color:#666; }
  2538. .listboxx ul.yellow { color:#faa224; }
  2539. .listboxx ul.yellow span { color:#666; }
  2540.  
  2541. .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; }
  2542. .fancy_title .title { display: inline-block; background: transparent; color:#fff; padding: 5px 10px; }
  2543. .fancy_title .title .box { float:left; padding:5px 10px; position: relative; }
  2544.  
  2545. .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; }
  2546. .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; }
  2547.  
  2548. .fancy_title.orange .box:before { border-left-color: transparent !important; border: 16px solid #F67107; top: 0; border-right: 7px solid #F67107; }
  2549. .fancy_title.orange .box:after { border-right-color: transparent !important; border: 16px solid #F67107; top: 0; border-left: 7px solid #F67107; }
  2550.  
  2551. .fancy_title.yellow .box:before { border-left-color: transparent !important; border: 16px solid #faa224; top: 0; border-right: 7px solid #faa224; }
  2552. .fancy_title.yellow .box:after { border-right-color: transparent !important; border: 16px solid #faa224; top: 0; border-left: 7px solid #faa224; }
  2553.  
  2554. .fancy_title.orange .box { background: #F67107; }
  2555. .fancy_title.yellow .box { background: #faa224; }
  2556.  
  2557. .nice_title { width:100%; float:left; text-align: center; margin: 20px 0; }
  2558. .nice_title .box { width:90%; display: inline-block; text-align: center; padding: 6px 0; position: relative; color:#fff; font-weight: bold; font-size: 16px; }
  2559. .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; }
  2560. .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; }
  2561. .nice_title.orange .box:before { border-left-color: transparent !important; border: 17px solid #F67107; top: 0; border-right: 7px solid #F67107; }
  2562. .nice_title.orange .box:after { border-right-color: transparent !important; border: 17px solid #F67107; top: 0; border-left: 7px solid #F67107; }
  2563. .nice_title.yellow .box:before { border-left-color: transparent !important; border: 17px solid #faa224; top: 0; border-right: 7px solid #faa224; }
  2564. .nice_title.yellow .box:after { border-right-color: transparent !important; border: 17px solid #faa224; top: 0; border-left: 7px solid #faa224; }
  2565. .nice_title.green .box:before { border-left-color: transparent !important; border: 17px solid #b4c860; top: 0; border-right: 7px solid #b4c860; }
  2566. .nice_title.green .box:after { border-right-color: transparent !important; border: 17px solid #b4c860; top: 0; border-left: 7px solid #b4c860; }
  2567. .nice_title.orange .box { background: #F67107; }
  2568. .nice_title.yellow .box { background: #faa224; }
  2569. .nice_title.green .box { background: #b4c860; }
  2570.  
  2571. .nice_title.big { width:100%; float:left; text-align: center; margin: 20px 0; }
  2572. .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; }
  2573. .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; }
  2574. .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; }
  2575. .nice_title.big.green .box:before { border-left-color: transparent !important; border: 22px solid #b4c860; top: 0; border-right: 7px solid #b4c860; }
  2576. .nice_title.big.green .box:after { border-right-color: transparent !important; border: 22px solid #b4c860; top: 0; border-left: 7px solid #b4c860; }
  2577.  
  2578. .popover { min-width:260px; }
  2579. .popover h2 { text-align:left; font-weight: 400 !important; margin: 0 0 10px 0 !important; font-size: 20px !important; }
  2580. .popover .orange { color:#f37121; }
  2581. .popover .yellow { color:#faa325; }
  2582. .popover .blue { color:#688dc8; }
  2583. .popover .green { color:#51bdbb; }
  2584. .popover .celery { color:#b5cb61; }
  2585. .popover ul { width:100%; max-width: 290px; margin: 0 0 0 0; list-style: none; }
  2586. .popover ul li { background: url(../img/tooltip_bullet.png) no-repeat 0 4px; margin-bottom: 3px; font-size: 14px; padding-left: 20px; }
  2587.  
  2588. .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; }
  2589. .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; }
  2590. .contact_pg .cdetails { width:100%; float:left; }
  2591. .contact_pg .dtitle { margin-bottom: 15px; }
  2592. .contact_pg .cdetails .details { width:100%; float:left; margin:0 0 50px 0; }
  2593. .contact_pg .cdetails .details .address { width:100%; float:left; padding:0 0 0 30px; background: url(../img/ic_locations.png) no-repeat 0 5px; }
  2594. .contact_pg .cdetails .details .address h3 { font-size: 18px; color: #000; margin:0; font-weight: 400; }
  2595. .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%; }
  2596. .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%; }
  2597. .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%; }
  2598. .contact_pg .cdetails .details .social { width:100%; float:left; list-style: none; padding: 0; margin: 0; }
  2599. .contact_pg .cdetails .details .social li { margin: 0 6px; display: inline-block; }
  2600. .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%; }
  2601. .contact_pg .cdetails .details .social li a:hover { border:1px solid #ff7302; }
  2602. .contact_pg .cdetails .details .social li.fb a { background:#fff url(../img/ic_fb.png) no-repeat 50% 50%; }
  2603. .contact_pg .cdetails .details .social li.in a { background:#fff url(../img/ic_in.png) no-repeat 50% 50%; }
  2604. .contact_pg .cdetails .details .social li.tw a { background:#fff url(../img/ic_tw.png) no-repeat 50% 50%; }
  2605. .contact_pg .cdetails .details .social li.gp a { background:#fff url(../img/ic_gp.png) no-repeat 50% 50%; }
  2606. .contact_pg .cdetails .details .social li.yt a { background:#fff url(../img/ic_yt.png) no-repeat 50% 50%; }
  2607.  
  2608. .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; }
  2609. .frm_getInTouch .tag { margin:0; font-size: 12px; text-align:left; }
  2610. .frm_getInTouch #getstarted { width:100%; }
  2611.  
  2612. .o_locations { width:100%; float:left; }
  2613. .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; }
  2614. .o_locations .box .img { width: 100%; height: 210px; float:left; background: #fbfbfb; border-bottom:2px solid #f2f2f2; }
  2615. .o_locations .box .img.l1 { background: #fbfbfb url(../img/lo_pennsylvania.png)no-repeat 50% 50%; }
  2616. .o_locations .box .img.l2 { background: #fbfbfb url(../img/lo_england.png)no-repeat 50% 50%; }
  2617. .o_locations .box .img.l3 { background: #fbfbfb url(../img/lo_ahmedabad.png)no-repeat 50% 50%; }
  2618. .o_locations .box .img.l4 { background: #fbfbfb url(../img/lo_pune.png)no-repeat 50% 50%; }
  2619. .o_locations .box .img.l5 { background: #fbfbfb url(../img/lo_newyork.png)no-repeat 50% 50%; }
  2620. .o_locations .box .img.l6 { background: #fbfbfb url(../img/lo_santaclara.png)no-repeat 50% 50%; }
  2621.  
  2622. .o_locations .box .details { width: 100%; float:left; padding: 30px 30px 50px 30px; position: relative; }
  2623. .o_locations .box .details .head { width: 100%; float:left; font-size: 18px; font-weight: 400; color:#000; margin: 0 0 10px 0; }
  2624. .o_locations .box .details .desc { width: 100%; float:left; margin: 0 0 20px 0; }
  2625.  
  2626. .o_locations .box .details .phoneout { width:95%; float:left; position: absolute; bottom: 10px; left: 10px; padding: 0 20px; }
  2627. .o_locations .box .details .phone { width: 100%; float:left; /*background: url(../img/ic_mobile.png) no-repeat 0 50%; padding: 5px 0 5px 40px;*/ }
  2628. .o_locations .box .details .phone img { display: inline-block; vertical-align: middle; }
  2629. .o_locations .box .details .phone .n { display: inline-block; vertical-align: middle; padding: 0 0 0 10px; }
  2630. .o_locations .box .details .phone p { margin: 0; color:#000; font-weight: 400; }
  2631.  
  2632. .o_locations .dtitle.t2 { display: none; }
  2633.  
  2634. .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; }
  2635. .tier_one .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }
  2636. .tier_one .dtitle span { color:#f67107; }
  2637. .tier_one .num { text-align: center; }
  2638. .tier_one .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }
  2639. .tier_one .btns { text-align: left; }
  2640. .tier_one .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px; }
  2641. .tier_one .btn:hover { background: #f67107; color:#fff; }
  2642. .tier_one .img { text-align: center; }
  2643. .tier_one .img.nodesktop { margin:30px 0; }
  2644.  
  2645. .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; }
  2646. .tier_two .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }
  2647. .tier_two .dtitle span { color:#faa325; }
  2648. .tier_two .num { text-align: center; }
  2649. .tier_two .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }
  2650. .tier_two .btns { text-align: left; }
  2651. .tier_two .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #faa325; color:#faa325; margin: 0 10px 10px 0; padding:15px; }
  2652. .tier_two .btn:hover { background: #faa325; color:#fff; }
  2653. .tier_two .img { text-align: center; padding-top: 80px; }
  2654. .tier_two .img.nodesktop { margin:30px 0; }
  2655.  
  2656. .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; }
  2657. .tier_three .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }
  2658. .tier_three .dtitle span { color:#688dc8; }
  2659. .tier_three .num { text-align: center; }
  2660. .tier_three .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }
  2661. .tier_three .btns { text-align: left; }
  2662. .tier_three .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #688dc8; color:#688dc8; margin: 0 10px 10px 0; padding:15px; }
  2663. .tier_three .btn:hover { background: #688dc8; color:#fff; }
  2664. .tier_three .img { text-align: center; }
  2665. .tier_three .img img { max-width: 100%; }
  2666. .tier_three .img.nodesktop { margin:30px 0; }
  2667.  
  2668. .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; }
  2669. .tier_four .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }
  2670. .tier_four .dtitle span { color:#51bdbb; }
  2671. .tier_four .num { text-align: center; }
  2672. .tier_four .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }
  2673. .tier_four .btns { text-align: left; }
  2674. .tier_four .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #51bdbb; color:#51bdbb; margin: 0 10px 10px 0; padding:15px; }
  2675. .tier_four .btn:hover { background: #51bdbb; color:#fff; }
  2676. .tier_four .img { text-align: center; }
  2677. .tier_four .img.nodesktop { margin:30px 0; }
  2678.  
  2679. .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; }
  2680. .tier_five .dtitle { font-size: 28px !important; margin: 0 0 10px 0; }
  2681. .tier_five .dtitle span { color:#b5cb61; }
  2682. .tier_five .num { text-align: center; }
  2683. .tier_five .desc { width:100%; float:left; font-size: 18px; line-height: 160%; }
  2684. .tier_five .btns { text-align: left; }
  2685. .tier_five .btn { min-width: 110px; background: transparent; font-size: 18px; border:1px solid #b5cb61; color:#b5cb61; margin: 0 10px 10px 0; padding:15px; }
  2686. .tier_five .btn:hover { background: #b5cb61; color:#fff; }
  2687. .tier_five .img { text-align: center; }
  2688. .tier_five .img.nodesktop { margin:30px 0; }
  2689.  
  2690. .pg_serv_mob { background: #f6f6f6; }
  2691. .mob_serv_list { width:100%; float:left; }
  2692. .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; }
  2693. .mob_serv_list .box.first { margin-left: 0; }
  2694. .mob_serv_list .box.last { margin-right: 0; }
  2695. .mob_serv_list .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }
  2696. .mob_serv_list .box .img .t { display: table-cell; vertical-align: middle; }
  2697.  
  2698. .pg_mob_features .box { width:100%; float:left; text-align: center; padding: 0 15px; }
  2699. .pg_mob_features .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }
  2700. .pg_mob_features .box .img .t { display: table-cell; vertical-align: middle; }
  2701. .pg_mob_features .box .title { width: 100%; float: left; margin: 0 0 10px 0; font-size: 18px; color: #000; font-weight: 400; }
  2702. .pg_mob_features .box .desc { width:100%; float:left; }
  2703.  
  2704. .global_testing_services .btns { text-align: center; }
  2705. .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; }
  2706. .global_testing_services .btn:hover { background: #f67107; color:#fff; }
  2707.  
  2708. .iot_features { margin: 30px 0 0 0; }
  2709. .iot_features .box { width:100%; float:left; text-align: center; padding: 0 15px; margin:0 0 20px 0; }
  2710. .iot_features .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }
  2711. .iot_features .box .img .t { height:110px; display: table-cell; vertical-align: middle; }
  2712. .iot_features .box .desc { width:100%; float:left; }
  2713.  
  2714. .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; }
  2715.  
  2716. .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; }
  2717.  
  2718. .pg_rtattesto .btns { text-align: center; }
  2719. .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; }
  2720. .pg_rtattesto .btn:hover { background: #f67107; color:#fff; }
  2721. .pg_rtattesto .list { width:100%; float:left; margin:0; padding: 0 0 10px 25px; }
  2722. .pg_rtattesto .list li { width:100%; float:left; margin:0 0 20px 0; color:#ff7302; font-size: 18px; line-height: 140%; }
  2723. .pg_rtattesto .list li span { color:#666; }
  2724. .pg_rtattesto h3.dtitle { font-size: 22px !important; line-height: 120% !important; font-weight: 400; color:#000; margin:0 0 20px 0; }
  2725.  
  2726. .int_map { background: #f6f6f6; padding-bottom: 0 !important; }
  2727. .int_map .dtitle { position: relative; z-index: 100; }
  2728. .int_map .qualities { width:100%; float:left; margin:-230px 0 30px 0; position: relative; z-index: 100; }
  2729. .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; }
  2730. .int_map .qualities .box .img { width:100%; height:90px; float:left; display: table; text-align: center; margin: 0 0 10px 0; }
  2731. .int_map .qualities .box .img .t { width:100%; display: table-cell; vertical-align: middle; height: 100%; }
  2732. .int_map .qualities .box .name { width:100%; float:left; }
  2733. .int_map .int_loc_map { width:100%; float:left; margin:-100px 0 0 0; position: relative; z-index: 1; }
  2734. .int_map .int_loc_map .img { width:100%; float:left; position: relative; }
  2735. .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; }
  2736. .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; }
  2737. .int_map .int_loc_map .loc.loc1 { top: 32%; left: 13.7%; }
  2738. .int_map .int_loc_map .loc.loc2 { top: 32%; left: 24.7%; }
  2739. .int_map .int_loc_map .loc.loc3 { top: 29.5%; left: 25.1%; }
  2740. .int_map .int_loc_map .loc.loc4 { top: 19%; left: 46.3%; }
  2741. .int_map .int_loc_map .loc.loc5 { top: 41.4%; left: 66.4%; }
  2742. .int_map .int_loc_map .loc.loc6 { top: 44.4%; left: 67.6%; }
  2743. .int_map .int_loc_map .popover { min-width:120px; text-align: center; background:#ff7302; border:0; color:#fff; }
  2744. .int_map .int_loc_map .popover>.arrow:after { border-top-color: #ff7302; box-shadow:0 0 0; }
  2745.  
  2746. .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%); }
  2747. .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; }
  2748. .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; }
  2749. .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; }
  2750. @-webkit-keyframes pulsate {
  2751. 0%,100% { width:10px; height:10px; opacity:0; }
  2752. 1% { opacity:1; }
  2753. 50% { opacity:0.5; }
  2754. 99.999% { width:110px; height:110px; opacity:0; }
  2755. }
  2756. @-moz-keyframes pulsate {
  2757. 0%,100% { width:10px; height:10px; opacity:0; }
  2758. 1% { opacity:1; }
  2759. 50% { opacity:0.5; }
  2760. 99.999% { width:110px; height:110px; opacity:0; }
  2761. }
  2762. @-ms-keyframes pulsate {
  2763. 0%,100% { width:10px; height:10px; opacity:0; }
  2764. 1% { opacity:1; }
  2765. 50% { opacity:0.5; }
  2766. 99.999% { width:110px; height:110px; opacity:0; }
  2767. }
  2768. @-o-keyframes pulsate {
  2769. 0%,100% { width:10px; height:10px; opacity:0; }
  2770. 1% { opacity:1; }
  2771. 50% { opacity:0.5; }
  2772. 99.999% { width:110px; height:110px; opacity:0; }
  2773. }
  2774. @keyframes pulsate {
  2775. 0%,100% { width:10px; height:10px; opacity:0; }
  2776. 1% { opacity:1; }
  2777. 50% { opacity:0.5; }
  2778. 99.999% { width:110px; height:110px; opacity:0; }
  2779. }
  2780. .proven_tools .requesttrial { background: none !important; }
  2781.  
  2782. .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; }
  2783. .exp_mobi .dtitle { color:#fff; }
  2784. .exp_mobi .experties { width:100%; float:left; text-align: center; }
  2785. .exp_mobi .experties .col { width:18.8%; display: inline-block; vertical-align: top; padding: 0 30px; }
  2786. .exp_mobi .experties .col .img { width:100%; float:left; display: table; margin:0 0 20px 0; }
  2787. .exp_mobi .experties .col .img .t { width:100%; float:left; display: table-cell; }
  2788. .exp_mobi .experties .col .name { width:100%; float:left; color:#fff; }
  2789.  
  2790. .conn_devices .requesttrial { background: none !important; }
  2791. .conn_devices .box { width:100%; float:left; padding:0 0 15px 0; }
  2792. .conn_devices .img { width:100%; float:left; display: table; margin:0 0 20px 0; text-align: center; }
  2793. .conn_devices .img .t { width:100%; float:left; display: table-cell; }
  2794. .conn_devices .name { width:100%; float:left; text-align: center; }
  2795.  
  2796. .checkmarks { width:100%; float:left; text-align: center; margin:30px 0; }
  2797. .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; }
  2798. .checkmarks .box .tick { margin: -45px auto 20px auto; display:table; }
  2799. .checkmarks .box .desc { width:100%; float:left; }
  2800.  
  2801. .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; }
  2802. .hpy_cust .img { width:100%; float:left; margin:20px 0 40px 0; }
  2803. .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; }
  2804. .hpy_cust .btn:hover { background: #f67107; color:#fff; }
  2805. .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; }
  2806. .apps_tested .btn:hover { background: #f67107; color:#fff; }
  2807. /*.btn { min-width: 200px; background: transparent; font-size: 18px; border:1px solid #f67107; color:#f67107; margin: 0 10px 10px 0; padding:15px 20px; }
  2808. .btn:hover { background: #f67107; color:#fff; }*/
  2809.  
  2810. .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; }
  2811. .apps_tested .app_features { width:100%; float:left; margin:40px 0; }
  2812. .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; }
  2813. .apps_tested .app_features .box .img { width:100%; float:left; display: table; margin:0 0 20px 0; text-align: center; }
  2814. .apps_tested .app_features .box .img .t { width:100%; float:left; display: table-cell; }
  2815. .apps_tested .app_features .box .name { width:100%; float:left; }
  2816.  
  2817. .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; }
  2818. .iSOSwebinar { text-align: center; background: url("../img/wbinar-banner45-jan2016.png"); background-repeat: no-repeat; background-position: 50% 0 !important; background-size: cover !important;}
  2819.  
  2820. .graybg { background:#f5f5f5; }
  2821.  
  2822. .better_quality { width:100%; }
  2823. .better_quality .container { max-width:1000px; }
  2824. .better_quality h3 { width:100%; float:left; font-weight:400; color:#000; }
  2825. .better_quality ul { width:100%; display: inline-block; list-style: none; margin:0 0 10px 0; }
  2826. .better_quality ul li { width: 100%; float: left; padding:0; margin: 0 0 20px 0; }
  2827. .better_quality ul li img { display: inline-block;}
  2828. .better_quality ul li span { display: inline-block;width: 80%;vertical-align: middle;line-height: 150%;}
  2829. .better_quality ul li i { margin-right: 5px; color:#ff7302; font-size: xx-large; }
  2830.  
  2831. .hcust { text-align: center; }
  2832. .hcust img { max-width:140px; max-height: 90px; margin: 0 0 20px 0; }
  2833.  
  2834. .forrest_form { width:100%; float:left; background:#fcfcfc; padding: 20px; border: 1px solid #ccc; }
  2835. .iSOSwebinar_form { width:100%; float:left; background:#fcfcfc; padding: 20px; border: 1px solid #ccc; }
  2836. .iSOSwebinar_form #checklist_iframe { width:100%; height:690px; }
  2837. .forrest_form .dtitle { font-size:40px !important; font-weight: 400; margin-bottom: 15px; text-align: left; }
  2838. .forrest_form .sub { font-size: 11px; color:#000; margin:0 0 5px 0; }
  2839. .forrest_form #checklist_iframe { width:100%; height: 760px; }
  2840.  
  2841. .menuopt { display: none; }
  2842. .circle, .circle:before, .circle:after { border-radius: 50%; }
  2843. .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); }
  2844. .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);*/ }
  2845. .sexy_wheel li { position: absolute; }
  2846. .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;*/ }
  2847. .mobstra { transform: skewX(18deg); -webkit-transform: skewX(18deg); -moz-transform: skewX(18deg); -ms-transform: skewX(18deg); -o-transform: skewX(18deg); }
  2848. .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); }
  2849. .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); }
  2850. .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); }
  2851. .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); }
  2852. .magnifiable { height: 100%; }
  2853. .sexy_wheel label { cursor: pointer; }
  2854.  
  2855. .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;*/ }
  2856. .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: ''; }
  2857. .slice label:hover { opacity: 1; }
  2858. .slice .name { text-transform: uppercase; }
  2859.  
  2860. .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); }
  2861. .slice #ms_name .svg * { fill:#f37121; }
  2862. .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); }
  2863. .slice.current #ms_name .svg * { fill:#fff; }
  2864.  
  2865. .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); }
  2866. .slice #ms_dev .svg * { fill:#faa325; }
  2867. .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); }
  2868. .slice.current #ms_dev .svg * { fill:#fff; }
  2869.  
  2870. .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); }
  2871. .slice #ms_test .svg * { fill:#688dc8; }
  2872. .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); }
  2873. .slice.current #ms_test .svg * { fill:#fff; }
  2874.  
  2875. .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); }
  2876. .slice #ms_auto .svg * { fill:#51bdbb; }
  2877. .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); }
  2878. .slice.current #ms_auto .svg * { fill:#fff; }
  2879.  
  2880. .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); }
  2881. .slice #ms_opti .svg * { fill:#b5cb61; }
  2882. .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); }
  2883. .slice.current #ms_opti .svg * { fill:#fff; }
  2884.  
  2885.  
  2886. .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%; }
  2887. .slice .svg svg { max-width:36px !important; max-height: 36px !important; }
  2888. .slice .svg svg * { fill:#fff; }
  2889.  
  2890. .unsel { top: 34%; left: 34%; width: 32%; height: 32%; background: #fff; }
  2891. .unsel label { display: block; height: 100%; background: #fff url(../images/mobility_logo.png) no-repeat 50% 50%; border-radius: 50%; }
  2892.  
  2893. .mobopt .svg { }
  2894. .mobopt.current .svg { width:50px; }
  2895.  
  2896. .current .svg { width:50px; top:18%; }
  2897. .current .svg svg { width:50px !important; }
  2898.  
  2899. .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); }
  2900. .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); }
  2901. .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); }
  2902. .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); }
  2903. .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); }
  2904.  
  2905. .mobstra.current label { background: #f37121; }
  2906. .mobdev.current label { background: #faa325; }
  2907. .mobtest.current label { background: #688dc8; }
  2908. .mobauto.current label { background: #51bdbb; }
  2909. .mobopt.current label { background: #b5cb61; }
  2910.  
  2911. .mobstra label { color: #f37121; }
  2912. .mobdev label { color: #faa325; }
  2913. .mobtest label { color: #688dc8; }
  2914. .mobauto label { color: #51bdbb; }
  2915. .mobopt label { color: #b5cb61; }
  2916.  
  2917. .mobstra label:before { background: #f37121; }
  2918. .mobdev label:before { background: #faa325; }
  2919. .mobtest label:before { background: #688dc8; }
  2920. .mobauto label:before { background: #51bdbb; }
  2921. .mobopt label:before { background: #b5cb61; }
  2922. .slide label { background: #fff; }
  2923.  
  2924. .slice label:hover:after { opacity: 0; }
  2925.  
  2926. .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); }
  2927. .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); }
  2928. .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); }
  2929. .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); }
  2930. .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); }
  2931.  
  2932. .current .name { font-size: 14px; }
  2933.  
  2934. .current.mobstra label,
  2935. .current.mobdev label,
  2936. .current.mobtest label,
  2937. .current.mobauto label,
  2938. .current.mobopt label { box-shadow: 0 0 .45em rgba(0,0,0,.5); opacity: 1; color: #fff; }
  2939.  
  2940. #ms_test { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
  2941. #ms_auto { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
  2942. #ms_opti { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
  2943.  
  2944. * { 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); }
  2945.  
  2946. .moreinfo { width: 100%; max-width: 300px; color:#fff; position: absolute; }
  2947. .moreinfo.top { top:-40px; }
  2948. .moreinfo.left { left:-300px; }
  2949. .moreinfo.right { right:-330px; }
  2950. .moreinfo.bottom { bottom:-40px; }
  2951. .moreinfo .box { display: none; width:100%; float:left; padding: 10px; }
  2952. .moreinfo .box.active { display: block; }
  2953. .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; }
  2954. .moreinfo ul { max-width: 100%; max-height:inherit !important; width:100%; float:left; background: transparent; border:0; padding: 0; }
  2955. .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; }
  2956. .moreinfo .title.orange { border-bottom: 2px solid #f37121; }
  2957. .moreinfo .title.yellow { border-bottom: 2px solid #faa325; }
  2958. .moreinfo .title.purple { border-bottom: 2px solid #688dc8; }
  2959. .moreinfo .title.green { border-bottom: 2px solid #51bdbb; }
  2960. .moreinfo .title.lightgreen { border-bottom: 2px solid #b5cb61; }
  2961.  
  2962. /*.circle { width:100%; position: absolute; height: 100%; border-radius: 50%; z-index: 1; }*/
  2963. .circle .arrow { width:50px; height:50px; position: absolute; background-size: 100% !important; }
  2964. .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); }
  2965. .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); }
  2966. .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); }
  2967. .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); }
  2968. .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); }
  2969.  
  2970. .automate_testing .subtext { margin: 0 0 20px 0; }
  2971. .automate_testing .img { width:100%; display:inline-block; text-align: center; margin:30px 0; }
  2972. .automate_testing .bttn { width:100%; float:left; text-align: center; }
  2973. .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; }
  2974. .automate_testing .bttn .btn:hover { background: #f67107; color:#fff; }
  2975.  
  2976. .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; }
  2977.  
  2978. .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; }
  2979.  
  2980. .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%; }
  2981. .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%; }
  2982. .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%); }
  2983. .circular_nav .nav .center .to { width:100%; height:100%; display: table; }
  2984. .circular_nav .nav .center .t { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
  2985.  
  2986. .circular_nav .nav .center .sm { font-size: 14px; line-height: 100%; font-weight: 700; }
  2987. .circular_nav .nav .center .lg { font-size: 20px; line-height: 100%; font-weight: 700; }
  2988.  
  2989. .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; }
  2990. .circular_nav .nav .node:after { content:""; width: 25%; border:1px dashed #aeaeae; top:50%; right: 45%; position: absolute; z-index: 0; }
  2991. .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%; }
  2992. .circular_nav .nav .node .cnav.active { border:2px solid #f67107; }
  2993. .circular_nav .nav .node .cnav .to { width:100%; height:100%; display: table; }
  2994. .circular_nav .nav .node .cnav .t { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
  2995.  
  2996. .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); }
  2997. .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); }
  2998. .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); }
  2999. .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); }
  3000. .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); }
  3001. .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); }
  3002. .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); }
  3003. .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); }
  3004. .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); }
  3005. .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); }
  3006. .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); }
  3007. .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); }
  3008. .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); }
  3009. .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); }
  3010. .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); }
  3011. .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); }
  3012. .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); }
  3013. .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); }
  3014. .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); }
  3015. .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); }
  3016. .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); }
  3017. .circular_nav .nav .eleven > * { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
  3018.  
  3019. .cnav.active svg.svg path { fill:#f67107; }
  3020. .cnav.active svg.svg * { fill:#f67107; }
  3021. .cnav.active .name { color:#f67107 !important; }
  3022.  
  3023. .circular_nav .nav .cnav .svg { margin-bottom:5px; }
  3024. .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; }
  3025. .circular_nav .nav .cnav a { display: block;height: 100%; width: 100%; }
  3026.  
  3027. .circular_nav .popover { min-width:170px; max-width: 190px !important; padding: 0px; }
  3028. .circular_nav .popover-title { display: none; }
  3029. .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%; }
  3030. .circular_nav .popover ul { width:100%; max-width: 290px; margin: 0 0 0 0; list-style: none; }
  3031. .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; }
  3032.  
  3033. .circular_nav .one + .popover { top:58% !important; left: 94% !important; }
  3034. .circular_nav .two + .popover { top:74% !important; left: 77% !important; }
  3035. .circular_nav .three + .popover { top:79.5% !important; left: -5% !important; }
  3036. .circular_nav .four + .popover { top:67% !important; left: -25.5% !important; }
  3037. .circular_nav .five + .popover { top:48% !important; left: -38% !important; }
  3038. .circular_nav .six + .popover { top:26% !important; left: -38% !important; }
  3039. .circular_nav .seven + .popover { top:8.5% !important; left: -26% !important; }
  3040. .circular_nav .eight + .popover { top:-5% !important; left: -5% !important; }
  3041. .circular_nav .nine + .popover { top:1% !important; left: 77% !important; }
  3042. .circular_nav .ten + .popover { top:16% !important; left: 94.2% !important; }
  3043. .circular_nav .eleven + .popover { top:38% !important; left: 100% !important; }
  3044.  
  3045. .nac_content { display: none; width:100%; margin:20px 0; float:left; }
  3046. .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; }
  3047. .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%; }
  3048. .nac_content .cont ul { width:100%; max-width: 290px; margin: 0 0 0 0; list-style: none; text-align: left; }
  3049. .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; }
  3050.  
  3051. .partners-page .part_img { width:100%; float:left; margin: 0; text-align: center; }
  3052. .partners-page .part_img li { display: inline-block; text-align: center; margin: 0 0 20px 0; }
  3053. .partners-page .part_img li .t { padding: 0 10px; text-align: center; }
  3054. .partners-page .part_img li .t a { width:100%; float:left; }
  3055. .partners-page .part_img li .t .b { width:100%; float:left; cursor: default; }
  3056.  
  3057. .xam_logo { width:100%; max-width: 200px !important; margin: 20px 0; display: inline-block; }
  3058. .xam_studio { width:100%; max-width: 600px !important; margin: 20px 0; display: inline-block; }
  3059.  
  3060. .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; }
  3061. .awardnote .desc p { font-size: 22px; color:#666 !important; font-style: normal; }
  3062. .aw_list { width:100%; float:left; }
  3063. .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; }
  3064. .aw_list .box .cl { width:100%; height: 140px; float:left; text-align: center; white-space: nowrap; }
  3065. .aw_list .box .cl .helper { display: inline-block; height: 100%; vertical-align: middle; }
  3066. .aw_list .box .cl img { vertical-align: middle; max-height: 120px; max-width: 100%; }
  3067. .aw_list .box .desc { width:100%; float:left; }
  3068. .aw_list .box .desc p { width:100%; float:left; font-size: 16px; text-align: center; line-height: 24px; }
  3069. .aw_list .box .info { position: absolute; bottom: 20px; right:20px; text-align: right; }
  3070. .aw_list .box .info h3 { text-transform: uppercase; color:#000; font-size: 14px; line-height: 130%; font-weight: 700; margin: 0; }
  3071. .aw_list .box .info .desg { font-size: 14px; margin:0; color:#9e9e9e; line-height: 130%; }
  3072. .aw_list .box .info .cname { font-style: italic; color:#f67107; font-size: 14px; line-height: 130%; margin:0; font-weight: 400; text-align: right; }
  3073. .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; }
  3074. .aw_list .box .name .orange { width:100%; float:left; color:#f67107; }
  3075. .aw_list .box .name .gray { width:100%; float:left; color:#666666; }
  3076.  
  3077. .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; }
  3078. .yourefforts.backgrounded { padding-bottom: 0 !important; }
  3079. .yourefforts .dtitle { width:100%; float:left; color:#fff; }
  3080. .yourefforts .subtext { width:100%; float:left; color:#fff; margin:0 0 10px 0; }
  3081. .yourefforts .effortareas { width:100%; float:left; margin:30px 0; }
  3082. .yourefforts .effortareas .box { width:100%; float:left; padding: 0 30px; }
  3083. .yourefforts .effortareas .img { width:100%; float:left; display: table; height: 70px; margin: 0 0 30px 0; }
  3084. .yourefforts .effortareas .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  3085. .yourefforts .effortareas .title { width:100%; float:left; color:#fff; font-size: 18px; font-weight: 700; margin: 0 0 10px 0; }
  3086. .yourefforts .effortareas .desc { width:100%; float:left; color:#fff; margin: 0 0 20px 0; }
  3087. .yourefforts .effortareas .more { color:#f67107; }
  3088. .yourefforts .effortareas .more:hover { text-decoration: underline; }
  3089.  
  3090. .yourefforts .platforms { width:100%; background:rgba(0,0,0,0.3); padding:30px 0; }
  3091. .yourefforts .platforms .clients { width:100%; float:left; text-align: center; }
  3092. .yourefforts .platforms .clients .col { width:18.5%; display: inline-block; text-align: center; margin:20px 0 0 0; }
  3093. .yourefforts .platforms .clients .col .img { width:100%; float:left; display: table; height: 50px; text-align: center; }
  3094. .yourefforts .platforms .clients .col .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  3095. .yourefforts .platforms .clients .col .img .t img { max-width: 170px; }
  3096.  
  3097. .post-single .post-entry { text-align: center !important; }
  3098.  
  3099. .person { width:100%; float:left; }
  3100. .person h3 { width:100%; float:left; font-size: 20px; margin: 0 0 10px 0; }
  3101. .person .row { width:100%; float:left; }
  3102. .person .box { width:100%; float:left; margin-bottom:20px; }
  3103. .person .box .img { width:40%; float:left; padding: 0 10px 0 0; }
  3104. .person .box .desc { width:60%; float:left; }
  3105. .person .box .desc h3 { width:100%; float:left; font-size:18px; margin: 0 0 5px 0; text-align: left; }
  3106. .person .box .desc p { width:100%; float:left; font-size:14px; color:#666; text-align: left; }
  3107.  
  3108. .strat_mobi_pg { background: #fff;
  3109. background: -moz-linear-gradient(top, #fff 0%, #fafafa 100%);
  3110. background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fafafa));
  3111. background: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);
  3112. background: -o-linear-gradient(top, #fff 0%, #fafafa 100%);
  3113. background: -ms-linear-gradient(top, #fff 0%, #fafafa 100%);
  3114. background: linear-gradient(to bottom, #fff 0%, #fafafa 100%);
  3115. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 ); }
  3116.  
  3117. .whitepaper { width:100%; float:left; }
  3118. .whitepaper .img { max-width: 260px; width:100%; display: inline-block; border:1px solid #ebebeb; background: #faf9f9; padding: 10px; }
  3119. .whitepaper .img img { width:100%; float:left; }
  3120. .whitepaper .desc { width:100%; float:left; }
  3121. .whitepaper .dtitle { text-align: left !important; font-size: 28px !important; margin: 0 0 10px 0; }
  3122. #whitepaper_1 { width:100%; max-width:490px; height: 275px; }
  3123.  
  3124. .btn.orange { color:#fff !important; background: #F67107; font-size: 16px; padding: 15px 20px; }
  3125. .btn.orange:hover { opacity: 0.8; background: #F67107; text-decoration: none; }
  3126.  
  3127. /*.fancybox-bg { background: none #fff !important; }*/
  3128. #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%;
  3129. background: #fff;
  3130. background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  3131. background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0));
  3132. background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  3133. background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  3134. background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  3135. background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  3136. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
  3137. }
  3138. #fancybox-title-float-left { display:none; background: none; }
  3139. #fancybox-title-float-right { display:none; background: none; }
  3140. #fancybox-title-float-main { width: 95% !important; background: none !important; color:#666666 !important; font-weight: normal !important; padding: 15px 20px !important; font-size: 18px; }
  3141. /*#fancybox-close { top:-15px !important; right:-15px !important; display: none !important; }*/
  3142.  
  3143. .mobijourney { text-align: center; position: relative; }
  3144. .mobijourney .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }
  3145. .mobijourney .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }
  3146. .mobijourney .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(../img/bxcontrols-gray.png) no-repeat; }
  3147. .mobijourney .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }
  3148. .mobijourney .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  3149. .mobijourney .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }
  3150. .mobijourney .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }
  3151. .mobijourney .slide .box { width:100%; float:left; padding: 0 20px; }
  3152. .mobijourney .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }
  3153. .mobijourney .slide .box p { font-size: 16px; line-height: 26px; color:#666; }
  3154. .mobijourney .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }
  3155. .mobijourney .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  3156. .mobijourney .slide .box .img img { max-width: 160px; max-height: 90px; }
  3157. .mobijourney .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }
  3158.  
  3159. .helpindus { text-align: center; position: relative; }
  3160. .helpindus .bx-wrapper { max-width: 930px !important; margin: 20px auto !important; width:94%; display: inline-block; }
  3161. .helpindus .bx-wrapper .bx-viewport { margin: 0 0 20px 0; }
  3162. .helpindus .bx-wrapper .bx-controls-direction a { width:41px; height: 41px; background: url(../img/bxcontrols-gray.png) no-repeat; }
  3163. .helpindus .bx-wrapper .bx-prev { left: -40px; background-position: 1px 0 !important; }
  3164. .helpindus .bx-wrapper .bx-prev:hover { background-position: -86px 0 !important; }
  3165. .helpindus .bx-wrapper .bx-next { right: -40px; background-position: -38px 0 !important; }
  3166. .helpindus .bx-wrapper .bx-next:hover { background-position: -133px 0 !important; }
  3167. .helpindus .slide .box { width:100%; float:left; padding: 0 20px; }
  3168. .helpindus .slide .box h2 { font-size: 22px; font-weight: 400; line-height: 120%; margin: 0 0 10px 0; }
  3169. .helpindus .slide .box p { font-size: 16px; line-height: 26px; color:#666; }
  3170. .helpindus .slide .box .img { width:100%; height: 90px; display: table; margin: 0 0 10px 0; }
  3171. .helpindus .slide .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  3172. .helpindus .slide .box .img img { max-width: 160px; max-height: 90px; }
  3173. .helpindus .bx-wrapper .bx-pager.bx-default-pager a { background: #dadada; }
  3174.  
  3175. .pg_landscape { background:#f6f6f6; }
  3176. .pg_landscape .btns { text-align: center; }
  3177. .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; }
  3178. .pg_landscape .btn:hover { background: #f67107; color:#fff; }
  3179.  
  3180. .mob_landscape { width:100%; float:left; }
  3181. .mob_landscape .box { width:100%; display: inline-block; vertical-align: top; padding:35px 10px; margin: 0 0 20px 0; background: #fff; text-align: center; }
  3182. .mob_landscape .box.first { margin-left: 0; }
  3183. .mob_landscape .box.last { margin-right: 0; }
  3184. .mob_landscape .box .img { width:100%; display: table; text-align: center; margin:0 0 20px 0; }
  3185. .mob_landscape .box .img .t { display: table-cell; vertical-align: middle; }
  3186. .mob_landscape .box .svg { width:100%; max-width:1000px; padding: 0; height: 60px; }
  3187. .mob_landscape .box .svg.graph { width:90%; max-width: 1000px; float:right; padding: 0; height: auto; }
  3188.  
  3189. .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; }
  3190. .pg_conun .btns { text-align: center; }
  3191. .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; }
  3192. .pg_conun .btn:hover { background: #f67107; color:#fff; }
  3193.  
  3194. .pg_complexauto .btns { text-align: center; }
  3195. .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; }
  3196. .pg_complexauto .btn:hover { background: #f67107; color:#fff; }
  3197.  
  3198. .sml_text { font-size: 14px; color:#d1d1d1; padding: 5px 0 0 0; }
  3199. .sml_text.btnforrester { margin-right: 30px; }
  3200.  
  3201. .pg_qas { background: #f6f6f6; }
  3202. .pg_qas .btns { text-align: center; }
  3203. .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; }
  3204. .pg_qas .btn:hover { background: #f67107; color:#fff; }
  3205.  
  3206. .graph_pair { width:100%; float:left; }
  3207. .graph_pair .arrow_img { width:100%; height:100%; display: table; margin:0; }
  3208. .graph_pair .arrow_img .t { width:100%; height: 100%; vertical-align: middle; display: table-cell; }
  3209. .closertocode { width:100%; float:left; }
  3210. .closertocode .svg { width:100%; height: auto; }
  3211.  
  3212. .leaderteam { width:100%; max-width: 1000px; display: inline-block; }
  3213. .leaderteam .box { width:100%; display: inline-block; overflow: hidden; position: relative; margin: 0 0 30px 0; }
  3214. .leaderteam .box a { width:100%; float: left; }
  3215. .leaderteam .box .img { width:100%; float:left; }
  3216. .leaderteam .box .img img { width:100%; }
  3217. .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 ); }
  3218. .leaderteam .box .name { width:100%; text-align: left; float:left; color:#fff; margin: 0; font-size: 14px; font-weight: bold; }
  3219. .leaderteam .box .designation { width:100%; float:left; text-align: left; color:#fff; font-size: 12px; margin:0; overflow: hidden; }
  3220. .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; }
  3221. .leaderteam .box a .overlay:hover { opacity: 1; }
  3222. .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; }
  3223.  
  3224.  
  3225. .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; }
  3226. .pg_globalinfra .dtitle { color:#fff; }
  3227. .pg_globalinfra .threepoints { width:100%; float:left; margin:30px 0; }
  3228. .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; }
  3229.  
  3230. .pg_globalinfra .fivepoints { width:100%; float:left; text-align: center; margin:30px 0 0 0; }
  3231. .pg_globalinfra .fivepoints .box { width:19.7%; min-width: 150px; vertical-align: top; margin: 0 0 30px 0; display: inline-block; text-align: center; }
  3232. .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%; }
  3233. .pg_globalinfra .fivepoints .box .img .tt { width:100%; height: 100%; display:table; vertical-align: middle; }
  3234. .pg_globalinfra .fivepoints .box .img .tt .t { width:100%; height: 100%; display:table-cell; vertical-align: middle; }
  3235. .pg_globalinfra .fivepoints .box .desc { width:97%; float:left; text-align: center; color:#fff; }
  3236.  
  3237. .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; }
  3238. .pg_form .title { margin: 0 0 20px 0; }
  3239. .pg_form .img {padding: 0 20px 0 0; text-align: center; }
  3240. .pg_form p a { color:#f67107; text-decoration: underline; }
  3241. .pg_form p a:hover { text-decoration: none; }
  3242.  
  3243. .pg_celebration .btns { width:100%; float:left; text-align: center; margin: 0; }
  3244. .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; }
  3245. .pg_celebration .btns .btn:hover { background: #f67107; color:#fff; }
  3246.  
  3247. .celebration { width:100%; float:left; }
  3248. .celebration .box { width:100%; position: relative; float:left; background: #eee; margin: 0 0 10px 0; }
  3249. .celebration .box:after { padding-top: 100%; display: block; content: ""; }
  3250. .celebration .box.type2:after { padding-top: 66.2%; display: block; content: ""; }
  3251. .celebration .box.type3:after { padding-top: 48.7%; display: block; content: ""; }
  3252. .celebration .box .img { width:100%; height: 100%; float:left; position: absolute; z-index: 1; }
  3253. .celebration .col-md-3, .celebration .col-sm-6, .celebration .col-xs-12 { padding:0 5px; }
  3254.  
  3255. .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; }
  3256. .pg_personalmobility .dtitle { color:#fff; }
  3257. .personalmobility .box { width:100%; float:left; }
  3258. .personalmobility .box .img { width:100%; height: 130px; display: table; text-align: center; }
  3259. .personalmobility .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  3260. .personalmobility .title { width:100%; float: left; color:#fff; text-align: center; font-size: 18px; font-weight: bold; }
  3261. .personalmobility .desc { width:100%; float: left; color:#bbb; text-align: center; }
  3262. .pg_personalmobility .btns { width:100%; text-align: center; margin: 0; }
  3263. .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; }
  3264. .pg_personalmobility .btns .btn:hover { background: #f67107; color:#fff; }
  3265.  
  3266.  
  3267. .pg_connect .btns { width:100%; text-align: center; margin: 0; }
  3268. .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; }
  3269. .pg_connect .btns .btn:hover { background: #f67107; color:#fff; }
  3270. .pg_connect .socialicons { width:100%; float:left; list-style: none; text-align: center; padding: 0; margin: 0 0 30px 0; }
  3271. .pg_connect .socialicons li { margin: 0 15px; display: inline-block; }
  3272. .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%; }
  3273. .pg_connect .socialicons li a:hover { border:1px solid #ff7302; }
  3274. .pg_connect .socialicons li.fb a { background:#fff url(../img/ic_fb2.png) no-repeat 50% 50%; }
  3275. .pg_connect .socialicons li.in a { background:#fff url(../img/ic_in2.png) no-repeat 50% 50%; }
  3276. .pg_connect .socialicons li.tw a { background:#fff url(../img/ic_tw2.png) no-repeat 50% 50%; }
  3277. .pg_connect .socialicons li.gp a { background:#fff url(../img/ic_gp2.png) no-repeat 50% 50%; }
  3278. .pg_connect .socialicons li.yt a { background:#fff url(../img/ic_yt2.png) no-repeat 50% 50%; }
  3279.  
  3280. .ourpeers { width:100%; float:left; margin: 30px 0 0 0; }
  3281. .ourpeers .box { width:100%; height: 530px; margin: 0 0 30px 0; float:left; border: 1px solid #d8d8d8; border-radius: 3px; padding:20px; position: relative; }
  3282. .ourpeers .box .cl { width:100%; height: 140px; float:left; text-align: center; white-space: nowrap; }
  3283. .ourpeers .box .cl .helper { display: inline-block; height: 100%; vertical-align: middle; }
  3284. .ourpeers .box .cl img { vertical-align: middle; max-height: 120px; max-width: 100%; }
  3285. .ourpeers .box .desc { width:100%; float:left; }
  3286. .ourpeers .box .desc p { width:100%; float:left; font-size: 16px; text-align: center; line-height: 24px; }
  3287. .ourpeers .box .info { position: absolute; bottom: 20px; right:20px; text-align: right; }
  3288. .ourpeers .box .info h3 { text-transform: uppercase; color:#000; font-size: 14px; line-height: 130%; font-weight: 700; margin: 0; }
  3289. .ourpeers .box .info .desg { font-size: 14px; margin:0; color:#9e9e9e; line-height: 130%; }
  3290. .ourpeers .box .info .cname { font-style: italic; color:#f67107; font-size: 14px; line-height: 130%; margin:0; font-weight: 400; text-align: right; }
  3291. .ourpeers .box .name { width:100%; float:left; margin:0 0 20px 0; text-align: center; font-size: 18px; font-weight: 400; text-transform: inherit; }
  3292. .ourpeers .box .name .orange { width:100%; float:left; color:#f67107; }
  3293. .ourpeers .box .name .gray { width:100%; float:left; color:#666666; }
  3294. .pg_ourpeers .btns { width:100%; text-align: center; margin: 0; }
  3295. .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; }
  3296. .pg_ourpeers .btns .btn:hover { background: #f67107; color:#fff; }
  3297.  
  3298. @-webkit-keyframes radiate{
  3299. 0%{ -webkit-transform:scale(0.8); opacity:0; }
  3300. 50%{ opacity:1; }
  3301. 100%{ -webkit-transform:scale(1);opacity:0; }
  3302. }
  3303. @keyframes radiate{
  3304. 0%{ -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); opacity:0; }
  3305. 50%{ opacity:1; }
  3306. 100%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:0 }
  3307. }
  3308. @-webkit-keyframes grow {
  3309. 0% { -webkit-transform: scale(0.7); opacity: 0; }
  3310. 50% { opacity: 0.8 }
  3311. 100% { -webkit-transform: scale(1.2); opacity: 0; }
  3312. }
  3313. @keyframes grow {
  3314. 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; }
  3315. 50% { opacity: 0.8; }
  3316. 100% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2); opacity: 0; }
  3317. }
  3318.  
  3319. .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; }
  3320. .pg_mapbox .dtitle { color:#fff; position: relative; z-index: 0; }
  3321. .pg_mapbox .mapbox { width:100%; float:left; position: relative; margin: -100px 0 0 0; }
  3322. .pg_mapbox .mapbox .loc_map { width:100%; float:left; }
  3323. .pg_mapbox .mapbox .loc_map img { margin:-102px 0 0 0; }
  3324. .pg_mapbox .mapbox { width:100%; float:left; margin:-100px 0 -250px 0; position: relative; z-index: 1; }
  3325. .pg_mapbox .mapbox .img { width:100%; float:left; position: relative; z-index: 1; }
  3326. .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;}
  3327. .pg_mapbox .mapbox .loc.active { background-color: #fff }
  3328. .pg_mapbox .mapbox .loc:hover:before, .pg_mapbox .mapbox .loc.active:before,
  3329. .pg_mapbox .mapbox .loc:hover:after, .pg_mapbox .mapbox .loc.active:after { content: '' }
  3330. .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; }
  3331. .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; }
  3332. .pg_mapbox .mapbox .loc.loc1 { top: 32%; left: 13.7%; }
  3333. .pg_mapbox .mapbox .loc.loc2 { top: 32%; left: 24.7%; }
  3334. .pg_mapbox .mapbox .loc.loc3 { top: 29.5%; left: 25.1%; }
  3335. .pg_mapbox .mapbox .loc.loc4 { top: 19%; left: 46.3%; }
  3336. .pg_mapbox .mapbox .loc.loc5 { top: 41.4%; left: 66.4%; }
  3337. .pg_mapbox .mapbox .loc.loc6 { top: 44.4%; left: 67.6%; }
  3338. .pg_mapbox .btns { width:100%; text-align: center; margin: 0; position: relative; z-index: 100; display: inline-block; }
  3339. .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; }
  3340. .pg_mapbox .btns .btn:hover { background: #f67107; color:#fff; }
  3341.  
  3342. .loc_map_details { display: none; width:100%; max-width:780px; position: absolute; bottom:20px; left: 20px; }
  3343. .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; }
  3344. .loc_map_details .infobox.active { display: block; }
  3345. .loc_map_details .infobox .row { width:100%; float:left; padding:20px; margin: 0; }
  3346. .loc_map_details .infobox .img { width:100%; float:left; }
  3347. .loc_map_details .infobox .img img { width:100%; float:left; }
  3348. .loc_map_details .infobox .detail { width:100%; float:left; }
  3349. .loc_map_details .infobox .detail .title { width:100%; float:left; color:#ef7024; font-size: 22px; font-weight: 400; margin: 0 0 5px 0; }
  3350. .loc_map_details .infobox .detail .role { width:100%; float:left; margin: 0 0 5px 0; font-weight: 400; color:#000; }
  3351. .loc_map_details .infobox .detail .desc { width:100%; float:left; font-size: 16px; }
  3352. .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; }
  3353. .loc_map_details .infobox .redirect a { margin: 0 0 0 20px; }
  3354. .loc_map_details .infobox .redirect a i { font-size: 40px; color:#adadad; }
  3355. .loc_map_details .infobox .redirect a:hover i { color:#f67107; }
  3356.  
  3357. .s_locations { display: none; }
  3358.  
  3359. .pg_historytimeline { background: #f6f6f6; }
  3360. .pg_historytimeline .container { overflow:hidden; }
  3361.  
  3362. /*#fancybox-content { height: auto !important; }*/
  3363.  
  3364. .info_popup { width:100%; text-align: center; }
  3365. .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; }
  3366. .info_popup .details { width:100%; display: inline-block; }
  3367. .info_popup .details .name { width:100%; float:left; font-size: 22px; line-height: 22px; }
  3368. .info_popup .details .desc { font-size: 14px; }
  3369.  
  3370. .pg_mapbox .popover { min-width:120px; text-align: center; background:#ff7302; border:0; color:#fff; }
  3371. .pg_mapbox .popover>.arrow:after { border-top-color: #ff7302; box-shadow:0 0 0; }
  3372. .pg_mapbox .popover-title { display: none; }
  3373.  
  3374. #about{position:relative; margin: 30px 0 0 0;}
  3375. #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}
  3376. #about .hr #da4{background-image:url("https://rodania.com/images/layout/da4.gif")}
  3377. #about .hr #da5{background-image:url("https://rodania.com/images/layout/da5.gif")}
  3378. #about #slider{background:#f6f6f6;position:relative;height:100px}
  3379. #about #slider .container{overflow:hidden}
  3380. #about #slider ul{position:absolute; top:0; padding-left:390px; width:3000px;z-index:100}
  3381. #about #slider ul li{list-style:none;display:inline}
  3382. #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; }
  3383. #about #slider ul li a:hover{color:#bfbfbf}
  3384. #about #slider ul li a.a{color:#fff;/*margin-top:-24px;*/font-size:48px}
  3385. #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; }
  3386. #about #slider ul li a .tag { width:100%; opacity: 0; display:inline-block; font-size: 20px; }
  3387. #about #slider ul li a.a .year { border-bottom: 4px solid #ef7024; color:#000; background: #f6f6f6; position: relative; z-index: 1; padding: 0 20px; }
  3388. #about #slider ul li a.a .tag { opacity: 1; }
  3389.  
  3390. #about #slider:after { width:100%; height: 2px; border-bottom:1px dashed #b7b6b6; content: ""; position: absolute; top:25px; left: 0; }
  3391.  
  3392. #about #slider i{position:absolute;z-index:100;top:0;bottom:0;width:324px;height:100%}
  3393. #about #slider i#r{background-image:url("../img/about-overlay-r.png");right:0}
  3394. #about #slider i#l{background-image:url("../img/about-overlay-l.png");left:0}
  3395. #about #sliderDetail{height:360px;position:relative;}
  3396. #about #sliderDetail.container{width:785px;margin:0 auto;overflow:hidden;height:280px}
  3397. #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; }
  3398. #about #sliderDetail .container .mNav:hover{background-position:bottom left}
  3399. #about #sliderDetail .container .d{background-position:-10em 1px !important;}
  3400. #about #sliderDetail .container .d:hover{cursor:default;background-position:top left}
  3401. #about #sliderDetail .container #mLeft{left:2px; background-position: -1px 0;}
  3402. #about #sliderDetail .container #mLeft:hover{left:2px; background-position: -1px -51px;}
  3403. #about #sliderDetail .container #mRight{right:2px; background-position:-52px 0px; }
  3404. #about #sliderDetail .container #mRight:hover{right:2px; background-position:-52px -51px; }
  3405.  
  3406. #about #sliderDetail .container #detailHolder{position:absolute;width:90000px;left:0px;top:0}
  3407. #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; }
  3408. #about #sliderDetail .container #detailHolder .detail .thumb{width:371px;height:228px;background-image:url("https://rodania.com/images/layout/ad-bg.png");position:absolute;left:0;bottom:0}
  3409. #about #sliderDetail .container #detailHolder .detail .thumb img{position:absolute;top:8px;left:115px}
  3410. #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}
  3411. #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}
  3412. #about #sliderDetail .container #detailHolder .detail .detailBody p{margin-bottom:10px}
  3413. #about #sliderDetail .container #detailHolder #d1{opacity:1}
  3414. #about #divider{height:60px;border-bottom:1px dotted #c7c7c7}
  3415. #about #aboutContent{width:690px;margin:0 auto;border-left:1px dotted #c7c7c7;border-right:1px dotted #c7c7c7}
  3416. #about #aboutContent .container{padding:40px;width:auto;text-align:left;color:#828282;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:20px}
  3417. #about #aboutContent .container h5{font-family:Arial,Helvetica,sans-serif;font-size:11px;text-transform:uppercase;color:#000;font-weight:normal;margin-bottom:20px}
  3418. .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}
  3419. .hr#da1{background-image:url("https://rodania.com/images/layout/da1.gif")}
  3420. .hr#da2{background-image:url("https://rodania.com/images/layout/da2.gif")}
  3421. .hr#da3{height:19px;background-image:url("https://rodania.com/images/layout/da3.gif")}
  3422. .hr#da6{background-image:url("https://rodania.com/images/layout/da6.gif")}
  3423. .hr#da5{background-image:url("https://rodania.com/images/layout/da5.gif")}
  3424. #about #sliderDetail .container #detailHolder .detail .listt { width:100%; max-width:222px; margin:20px auto 0 auto; float: none; text-align: left; display: inline-block; }
  3425. #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; }
  3426. #about #sliderDetail .container #detailHolder .detail .line { border-right:1px solid #ebeaea; }
  3427. #about #sliderDetail .container #detailHolder .detail .name { font-size: 16px; font-weight: bold; color:#000; }
  3428.  
  3429. /*.fancybox-bg { display: none !important; }*/
  3430.  
  3431. .city_names { width:90%; float:left; position: absolute; top:90px; left: 5%; }
  3432. .city_names ul { width:100%; float:left; list-style: none; margin: 0; padding: 0; }
  3433. .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; }
  3434. .pg_career .personalmobility .title { color:#000; }
  3435. .pg_career .personalmobility .desc { color:#666; }
  3436.  
  3437. .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; }
  3438. .pg_career_benefits .benefits { width:100%; float:left; }
  3439. .pg_career_benefits .benefits .box { width:100%; float:left; margin: 0 0 20px 0; }
  3440. .pg_career_benefits .benefits .box .img { width:100%; float:left; display: table; height: 70px; margin: 0 0 20px 0; text-align: center; }
  3441. .pg_career_benefits .benefits .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  3442. .pg_career_benefits .benefits .box .desc { width:100%; float: left; text-align: center; }
  3443.  
  3444. .joinus-tabs .nav-tabs { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }
  3445. .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; }
  3446. .joinus-tabs .nav-tabs li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}
  3447. .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;}
  3448. .joinus-tabs .nav-tabs li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}
  3449. .joinus-tabs .nav-tabs li a i{color: #9da1a5; font-size: 16px; }
  3450. .joinus-tabs .nav-tabs li.active {background-color: #fafafa;}
  3451. .joinus-tabs .nav-tabs li.active a span{color:#f67107;}
  3452. .joinus-tabs .nav-tabs li.active a i{color:#f67107;}
  3453. .joinus-tabs .nav-tabs li a:hover span {color: #f67107;}
  3454. .joinus-tabs .nav-tabs li a:hover i {color: #f67107;}
  3455. .joinus-tabs .nav-tabs li.first{border-radius: 5px 0 0 5px;border-left: 1px solid #d7d7d7;}
  3456. .joinus-tabs .nav-tabs li.last{border-radius: 0 5px 5px 0;}
  3457. .joinus-tabs .tab-content { width:100%; background: none;text-align: center;margin: 0 auto; padding: 30px 0 0 0;box-shadow: none; }
  3458. .joinus-tabs .tab-content p{width: 100%;margin: 0 auto;margin-bottom: 15px;}
  3459.  
  3460. .joinus-tabs .panel-group { width:100%; float:left; }
  3461.  
  3462. .joinus-tabs .bylocation { max-width: 1160px; margin: 0 auto; }
  3463. .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; }
  3464. .joinus-tabs .bylocation .box .img { width: 100%; height: 150px; float:left; }
  3465. .joinus-tabs .bylocation .box .img.abad { background: url(../img/lo_ahmedabad.png)no-repeat 50% 50%; }
  3466. .joinus-tabs .bylocation .box .img.pune { background: url(../img/lo_pune.png)no-repeat 50% 50%; }
  3467. .joinus-tabs .bylocation .box .img.london { background: url(../img/lo_england.png)no-repeat 50% 50%; }
  3468. .joinus-tabs .bylocation .box .img.sc { background: url(../img/lo_santaclara.png)no-repeat 50% 50%; }
  3469. .joinus-tabs .bylocation .box .img.nyc { background: url(../img/lo_newyork.png)no-repeat 50% 50%; }
  3470. .joinus-tabs .bylocation .box .img.sf { background: url(../img/lo_sanfrancisco.png)no-repeat 50% 50%; }
  3471. .joinus-tabs .bylocation .box .img.pa { background: url(../img/lo_pennsylvania.png)no-repeat 50% 50%; }
  3472. .joinus-tabs .bylocation .box .img.sl { background: url(../img/lo_southlake.png)no-repeat 50% 50%; }
  3473. .joinus-tabs .bylocation .box .img.stf { background: url(../img/lo_stamford.png)no-repeat 50% 50%; }
  3474. .joinus-tabs .bylocation .box .title { width:100%; float:left; font-weight: bold; font-size: 18px; color:#000; margin: 0 0 5px 0; }
  3475. .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; }
  3476. .joinus-tabs .bylocation .box:hover { background: #fff; box-shadow: 0 0 15px 3px #eee; }
  3477. .joinus-tabs .bylocation .box:hover .openings { background: #f67107; color:#fff; }
  3478.  
  3479. .joinus-tabs .bycategory { width:100%; }
  3480. .joinus-tabs .bycategory .panel { width:100%; float:left; margin: 0 0 10px 0; }
  3481. .joinus-tabs .bycategory .panel-heading { width:100%; float:left; background:#fff; border:1px solid #e2e2e2; border-radius:5px 5px 0 0; padding:5px 10px; }
  3482. .joinus-tabs .bycategory .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }
  3483. .joinus-tabs .bycategory .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }
  3484. .joinus-tabs .bycategory .panel-heading .panel-title a .ic { float: left; width:40px; height: 40px; margin-right: 5px; }
  3485. .joinus-tabs .bycategory .panel-heading .panel-title a .ic svg { width:40px; height: 40px; }
  3486. .joinus-tabs .bycategory .panel-heading .panel-title a .name { float: left;text-align: left; }
  3487. .joinus-tabs .bycategory .panel-heading .panel-title a .title { width:100%; float: left; font-size: 16px; line-height: 140%; font-weight: bold; color:#000; }
  3488. .joinus-tabs .bycategory .panel-heading .panel-title a .pos { width:100%; float: left; font-size: 14px; color:#f67107; line-height: 120%; }
  3489. .joinus-tabs .bycategory .panel-heading .panel-title a .arrow { float:right; }
  3490. .joinus-tabs .bycategory .panel-heading .panel-title a .arrow .fa { font-size:30px; line-height: 36px; color:#f67107; }
  3491. .joinus-tabs .bycategory .panel-heading .panel-title a.collapsed .arrow .fa:before { color:#bbbbbb; content:"\f107"; }
  3492. .joinus-tabs .bycategory .panel-collapse { width:100%; float:left; }
  3493. .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; }
  3494. .joinus-tabs .bycategory .panel-body .joblist { width:100%; float:left; margin: 0; padding: 0; list-style: none; }
  3495. .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; }
  3496. .joinus-tabs .bycategory .panel-body .joblist li a:hover .vacancy { color:#f67107; }
  3497. .joinus-tabs .bycategory .panel-body .joblist li .vacancy { width:60%; float: left; font-weight:bold; color:#666; }
  3498. .joinus-tabs .bycategory .panel-body .joblist li .vacancy span { font-weight: normal; }
  3499. .joinus-tabs .bycategory .panel-body .joblist li .location { float: right; text-align: right; font-size: 14px; color:#999; padding: 0 0 0 30px; }
  3500. .joinus-tabs .bycategory .panel-body .joblist li .location span { display:inline-block; }
  3501. .joinus-tabs .bycategory .panel-body .joblist li .location.ind { background: url(../img/flag_india.png) no-repeat 0 50%; }
  3502. .joinus-tabs .bycategory .panel-body .joblist li .location.usa { background: url(../img/flag_usa.png) no-repeat 0 50%; }
  3503. .joinus-tabs .bycategory .panel-body .joblist li .location.uk { background: url(../img/flag_uk.png) no-repeat 0 50%; }
  3504. .joinus-tabs .bycategory .panel-body .joblist li.noborder { border:0; padding-bottom: 0; }
  3505.  
  3506. .inspirepoints { width:100%; float:left; margin: 30px 0; text-align: center; }
  3507. .inspirepoints .activity { width:19.6%; display: inline-block; vertical-align: top; padding:0 30px; }
  3508. .inspirepoints .activity .img { width:100%; display: table; height: 120px; }
  3509. .inspirepoints .activity .img .t { width:100%; display: table-cell; vertical-align: middle; }
  3510. .inspirepoints .activity .title { width:100%; float:left; font-size: 20px; font-weight: 400; color:#000; margin: 0 0 10px 0; }
  3511.  
  3512. .givinback { width:100%; float:left; margin: 30px 0 0 0; }
  3513. .givinback .box { width:100%; height: 530px; margin: 0 0 30px 0; float:left; border: 1px solid #d8d8d8; border-radius: 3px; padding:20px; position: relative; }
  3514. .givinback .box .img { width:100%; height: 120px; float:left; display:table; text-align: center; }
  3515. .givinback .box .img .t { display:table-cell; width:100%; height: 100%; vertical-align: middle; }
  3516.  
  3517. .givinback .box .name { width:100%; float:left; text-align: center; }
  3518. .givinback .box .name .orange { width:100%; float:left; color:#f67107; font-size: 14px; }
  3519. .givinback .box .name .black { width:100%; float:left; color:#000; font-size: 16px; font-weight: bold; line-height: 120%; }
  3520. .givinback .box .desc { width:100%; float:left; text-align: center; }
  3521.  
  3522. .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; }
  3523. .goplacemenu { max-width: 400px; margin: 0 auto; text-align: center; }
  3524. .goplacemenu .btn { width:100%; margin: 0 0 20px 0; border:1px solid #f67107; color:#f67107; background: none; padding: 15px; font-size: 16px; }
  3525. .goplacemenu .btn:hover { background:#f67107; color:#fff; }
  3526. .goplacemenu .btn-large { background:#f67107; border:1px solid transparent; color:#fff; }
  3527. .goplacemenu .btn-large:hover { background: none; border-color: #f67107; color:#f67107; }
  3528.  
  3529. .glassdoor { text-align: center; margin:40px 0 0 0; }
  3530.  
  3531. .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; }
  3532. .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; }
  3533.  
  3534. .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; }
  3535.  
  3536. .svg.logo { max-width: 300px; max-height: 100px; margin: 0 0 10px 0; }
  3537.  
  3538. .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; }
  3539.  
  3540. .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; }
  3541. .product_form h3 { font-weight: 400; color:#000; }
  3542. .product_form p { color:#000; font-size:18px; }
  3543. .product_form p a, .product_form h3 a { color:#F67107; text-decoration: underline; padding:0; }
  3544. .product_form p a:hover, .product_form h3 a:hover { text-decoration: none; }
  3545.  
  3546. .listofjobs { width: 100%; float: left; padding:30px 0 0 0; }
  3547. .listofjobs ul { width:100%; float:left; list-style:none; }
  3548. .listofjobs ul li { width:100%; float:left; }
  3549. .listofjobs ul li h3 { width:100%; float:left; margin: 0 0 5px 0; font-size: 16px; font-weight: 600; }
  3550. .listofjobs ul ul { width:100%; float:left; margin: 0 0 20px 0; list-style: disc; list-style-position:inside; }
  3551. .listofjobs ul ul li { width:100%; float:left; margin: 0 0 5px 0; }
  3552. .listofjobs .dtitle::lastword { color:#f00; }
  3553.  
  3554. .corevalues { width:100%; float:left; }
  3555. .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; }
  3556.  
  3557. .div1 { width:20% !important; float:left; }
  3558. .div2 { width:40% !important; float:left; }
  3559. .div3 { width:40% !important; float:left; }
  3560. .div4 { width:16.7% !important; float:left; }
  3561. .div5 { width:33.3% !important; float:left; }
  3562. .div6 { width:33.3% !important; float:left; }
  3563. .div7 { width:16.7% !important; float:left; }
  3564.  
  3565. .div1 .ri-grid ul li a { border:10px solid #fff; }
  3566. .div2 .ri-grid ul li a { border:10px solid #fff; }
  3567. .div3 .ri-grid ul li a { border:10px solid #fff; }
  3568. .div4 .ri-grid ul li a { border:10px solid #fff; }
  3569. .div5 .ri-grid ul li a { border:10px solid #fff; }
  3570. .div6 .ri-grid ul li a { border:10px solid #fff; }
  3571. .div7 .ri-grid ul li a { border:10px solid #fff; }
  3572.  
  3573. .qa_efficiency .resp_title { padding: 0 20px; border: 2px solid #d7d7d7; width:100%; float:left; margin-bottom: 10px; }
  3574. .qa_efficiency .resp_title.activelink .fa-chevron-down:before { content: "\f076"; }
  3575. .qa_efficiency .resp_title a { font-size: 16px; color: #000; display: block; padding: 4px 0; float:left; width:100%; }
  3576. .qa_efficiency .resp_title a svg { max-width: 40px; max-height: 40px; margin: 10px 0 0 10px; }
  3577. .qa_efficiency .resp_title a.activelink { color:#f67107; }
  3578. .qa_efficiency .resp_title a.activelink span { color:#f67107; }
  3579. .qa_efficiency .resp_title i.fa { color: #ccc; position: relative; float: left; line-height:40px; }
  3580. .qa_efficiency .resp_title a span { margin-left: 15px; text-align: left; }
  3581. .qa_efficiency .resp_title a.activelink .fa-chevron-down:before { content: "\f077";}
  3582. .qa_efficiency .resp_title { background: #fff; border: 1px solid #eeeeee; border-radius: 30px; }
  3583. .qa_efficiency .resp_title a div.img img { width:30px; height:30px; margin-top: 5px; }
  3584. .qa_efficiency .lnk { border:1px solid #f67107; color:#f67107; }
  3585. .qa_efficiency .lnk:hover { background: #f67107; color:#fff !important; }
  3586.  
  3587. .p-0{ padding:0px !important;}
  3588. .p-b-0{ padding-bottom:0px !important;}
  3589. .m-0{ margin:0px !important;}
  3590. .p-l-r-5{padding:0px 5px !important;}
  3591. .m-b-10{ margin-bottom:10px;}
  3592. .m-t-8{ margin-top:8px;}
  3593. .font18 .lnk { font-size: 18px; }
  3594. .font18 { font-size: 18px; }
  3595.  
  3596. .tabscontainer { width: 100%; float:left; }
  3597. .tabscontainer .tabnav { width: 100%; float:left; }
  3598. .tabscontainer .tabnav .t { width: 100%; float:left; padding:10px 20px; margin: 0 0 10px 0; border:2px solid transparent; border-radius: 30px;}
  3599. .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);}
  3600. .tabscontainer .tabnav .t:hover a span, .tabscontainer .tabnav .t.active a span { color:#f67107; }
  3601. .tabscontainer .tabnav .t a { width: 100%; float:left; }
  3602. .tabscontainer .tabnav .t a:hover { text-decoration: none; }
  3603. .tabscontainer .tabnav .t a .img { width:51px; padding-right: 10px; display: inline-block; vertical-align: middle; height: 41px; text-align: center; }
  3604. .tabscontainer .tabnav .t a .img svg { max-width: 100%; max-height: 100%; }
  3605. .tabscontainer .tabnav .t a span { width: 77%; display: inline-block; vertical-align: middle; font-size: 16px; line-height:120%; font-weight: 400; }
  3606.  
  3607. .tabscontainer .tabscont { width:100%; float:left; }
  3608. .tabscontainer .tabscont .tb { display: none; width:100%; float:left; margin:0 0 10px 0; }
  3609. .tabscontainer .tabscont .tb.active { display: block; }
  3610. .tabscontainer .tabscont .tb .imgbox { width:100%; float:left; margin: 0 0 10px 0; position: relative; }
  3611. .tabscontainer .tabscont .tb .btn_center { margin-top: 30px; display: inline-block; }
  3612. .pin { width: 37px; height: 37px; background: url(../img/pin.png) no-repeat 50% 50%; background-size: 100%; position: absolute; z-index: 1; }
  3613.  
  3614. #entgrade .pin.pin1 { left:35%; top:18%; }
  3615. #entgrade .pin.pin2 { left:37%; top:38%; }
  3616.  
  3617. #impprod .pin1 { left:61%; top:51%; }
  3618. #impprod .pin2 { left:25%; top:35%; }
  3619. #impprod .pin3 { left:19%; top:14%; }
  3620.  
  3621. #indlead .pin1 { left:22%; top:21%; }
  3622. #indlead .pin2 { left:39%; top:18%; }
  3623. #indlead .pin3 { left:40%; top:40%; }
  3624.  
  3625. #custrep .pin1 { left:37%; top:34%; }
  3626. #custrep .pin2 { left:53%; top:58%; }
  3627. #custrep .pin3 { left:56%; top:34%; }
  3628.  
  3629. #custcap .pin1 { left:59%; top:12%; }
  3630. #custcap .pin2 { left:20%; top:42%; }
  3631. #custcap .pin3 { left:31%; top:18%; }
  3632.  
  3633. #restapi .pin1 { left:59%; top:41%; }
  3634. #restapi .pin2 { left:50%; top:42%; }
  3635. #restapi .pin3 { left:23%; top:21%; }
  3636.  
  3637. .qmetry_9 .svg { max-width: 110px; max-height: 110px; width:110px; height: 110px; }
  3638.  
  3639. .job-popup { width:100%; max-height:550px; padding: 10px; overflow-x: scroll; }
  3640. .job-popup .header { width:100%; float:left; border-bottom:1px solid #ececea; padding-bottom:5px; margin:0 0 10px 0; }
  3641. .job-popup .header .left { width:50%; display: inline-block; vertical-align: top; }
  3642. .job-popup .header .right { width:49%; display: inline-block; vertical-align: top; }
  3643. .job-popup .header .right .btn { float: right; }
  3644. .jobdetails { width:100%; float:left; margin: 0 0 30px 0; }
  3645. .jobdetails .jobtitle { width:100%; float:left; font-size: 28px; color:#000; margin:0; }
  3646. .jobdetails .jobcode { width:100%; float:left; font-weight: bold; }
  3647. .jobdetails .jobcode span { color:#F67107; }
  3648. .jobdetails .joblocation { float:left; text-align: right; font-size: 14px; color:#999; padding: 0 0 0 30px; }
  3649. .jobdetails .joblocation span { display:inline-block; }
  3650. .jobdetails .joblocation.ind { background: url(../img/flag_india.png) no-repeat 0 50%; }
  3651. .jobdetails .joblocation.usa { background: url(../img/flag_usa.png) no-repeat 0 50%; }
  3652. .jobdetails .joblocation.uk { background: url(../img/flag_uk.png) no-repeat 0 50%; }
  3653. .jobcontent { width:100%; float:left; }
  3654. .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; }
  3655. .jobcontent span a:hover { opacity: 0.8; }
  3656. .jobfooter { width:100%; float:left; margin:20px 0 0 0; padding: 10px 0 0 0; border-top:1px solid #ececea; }
  3657. .jobfooter .left {width: 25%; display: inline-block;vertical-align: top;}
  3658. .jobfooter .right {width: 74%; display: inline-block;}
  3659. .jobfooter .jobs_social_links { list-style: none; display: inline-block; padding: 0; margin: 0; }
  3660. .jobfooter .jobs_social_links li { float:left; padding: 0 10px 0 0; }
  3661. .jobfooter .menu-footer-menu-in-bottom-container { float: right; }
  3662. .jobfooter .menu-footer-menu-in-bottom-container ul { float: left; list-style: none; margin:0; padding:0; }
  3663. .jobfooter .menu-footer-menu-in-bottom-container ul li { display: inline-block; padding: 0 10px; }
  3664. .jobfooter .menu-footer-menu-in-bottom-container ul li a { font-size: 12px; }
  3665.  
  3666.  
  3667.  
  3668.  
  3669.  
  3670.  
  3671.  
  3672.  
  3673.  
  3674.  
  3675.  
  3676. /* Media Query from 1st Sep 2015 */
  3677. @media (min-width: 1200px) and (max-width: 1230px) {
  3678. .container { width: 1200px; padding: 0 15px; }
  3679. }
  3680.  
  3681. /* for mobile */
  3682. @media (max-width:900px){
  3683. .circular_nav .popover { opacity: 1 !important; position: fixed; float: left; top:-999em !important; }
  3684. .nac_content { display: block; }
  3685. .node + .popover { opacity: 0 !important; background: red !important; }
  3686. }
  3687.  
  3688. @media (max-width: 480px) {
  3689. .nomobile { display: none !important; }
  3690. .container { width: 100% !important; padding: 0 15px; }
  3691. .search-bar .container { padding: 15px 0; }
  3692. .contact-bar .close, .search-bar .close { top: 24px; }
  3693. .search-bar input[type="text"].input-inverse { font-size: 14px; }
  3694. .container.container_relative { padding: 10px 0px !important; }
  3695. .container.container_relative.container_social { padding: 0 !important; }
  3696. .homeslider .container { padding: 0 !important; }
  3697. .synchro_new .homeslider.backgrounded { padding: 0 !important; }
  3698. .sbanner { height: 370px; }
  3699. .homesliders .bx-viewport { height: 330px !important; }
  3700. .sbanner .slide { height: 370px; margin-top: 0 !important; background-position: 63% 0 !important; transform:translate3d(0px, 0, 0px) !important; }
  3701. .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; }
  3702. .sbanner .slide .desc h2 { font-size: 20px; text-align: center; margin-bottom: 10px !important; color: #fff; }
  3703. .sbanner .slide .desc p { font-size: 16px; margin-bottom: 10px; text-align: center; color: #fff; }
  3704. .sbanner .slide .desc a { font-size: 14px; float: none; }
  3705. .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); }
  3706. /*.sbanner .slide.bx-clone { margin: 0 !important; }*/
  3707. .points .pb:after { display: none; }
  3708. .points { width: 100%; float: left; background: url(../img/plus_icn_1.png) no-repeat 50% 50%; background-size: 40px; }
  3709. .points .box { margin-bottom: 30px; }
  3710. .cust_3 .slide p { font-size: 14px !important; line-height: 140% !important; text-align: center !important; }
  3711. .cust_3 a.cust-more-btn { font-size: 14px; padding: 10px 0; min-width: 130px; }
  3712. .home-2-page .aboutpg { background: url(../img/home_about_bg2.jpg) no-repeat; background-position: 50% 0 !important; }
  3713. .aboutpg { background: url(../img/abt_bg_ipad.jpg) no-repeat 50% 0; }
  3714. .aboutpg p { font-size: 14px !important; }
  3715. .aboutpg .ul_container1, .aboutpg .ul_container2, .aboutpg .ul_container3 { padding: 0; }
  3716. .aboutpg .row-fluid { margin: 0; }
  3717. .aboutpg .row-fluid h4 { text-align: center !important; min-height: 1px; margin-top: 10px; }
  3718. .aboutpg .row-fluid p { font-size: 14px !important; text-align: center !important; }
  3719. .aboutpg .ul_container1, .aboutpg .ul_container2, .aboutpg .ul_container3 { margin: 20px 0 0 0; }
  3720. .mleadership p { font-size: 14px !important; }
  3721. .cust_2 { background-position: 50% -1000px; }
  3722. .mjourney .box.aug, .mjourney .box.mob, .mjourney .box.eff, .mjourney .box.exc { margin: 0; }
  3723. .mjourney .box { margin-bottom: 30px; }
  3724. .mjourney .box h3 { width: 100%; }
  3725. .mjourney .box .ic { float: none; margin: 0 auto 20px auto; }
  3726. .mjourney .box ul { margin: 0 0 20px 20px; }
  3727. .mjourney .box ul:after { border: 0; }
  3728. .dd { border: 0; }
  3729. .synchro_new .backgrounded { padding: 20px 0 !important; }
  3730. .yourefforts.backgrounded { padding-bottom: 0 !important; }
  3731. .dtitle { font-size: 24px !important; line-height: 120% !important; }
  3732. .subtext { font-size: 16px; }
  3733. .cust_2 .testimonial { padding: 0 !important; font-size: 14px !important; }
  3734. .cust_2 ._cite-content strong { font-size: 16px !important; }
  3735. .cust_2 ._cite-content span { font-size: 14px !important; }
  3736. .cust_2 .cust-more-btn { font-size: 14px; padding: 10px 0; min-width: 130px; }
  3737. .mjourney .box .nodesktop .ic { width: 66px; height: 66px; }
  3738. .mjourney .box .nodesktop .ic img { padding: 13px 0; max-width: 40px; }
  3739. .mjourney .box.mob .nodesktop .ic img { margin-left: 5px; }
  3740. .mjourney .box .nodesktop h3 { margin-top: 10px; text-align: left; font-size: 17px; }
  3741. .mjourney .box .nodesktop .col-xs-4, .mjourney .box .nodesktop .col-xs-8 { padding-left: 0; }
  3742. .newsnevent { top: 0 !important; }
  3743. .newsnevent .box { margin: 0 0 20px 0; text-align: center; padding-bottom: 20px; }
  3744. .newsnevent .box .title { height: auto !important; }
  3745. .newsnevent .box .img { max-width:300px; max-height: 170px; margin-bottom: 10px !important; }
  3746. .newsnevent .box .seemore { text-align: center; }
  3747. .lblog .box { margin: 0 0 20px 0; text-align: center; }
  3748. .lblog .box .title { height: auto !important; }
  3749. .lblog .box .img { height: 230px; margin-bottom: 10px !important; }
  3750. .lblog .box .desc .date { margin: 0 0 10px 0; }
  3751. .lblog .box .desc .text { margin-bottom: 10px; }
  3752. .backgrounded.fastFadeFromTop.newsnevent { padding-bottom: inherit !important; }
  3753. .footer_copyright { width: 100%; text-align: center; }
  3754. .markchal .span3m { width: 100% !important; margin-bottom: 30px; }
  3755. .menu-video-img { display: none; }
  3756. div#product_footerlink { text-align: center; }
  3757. footer .copyright li { float: none; display: inline-block; }
  3758. .socialright { width: 100%; margin-top: 20px; }
  3759. .backgrounded.fastFadeFromTop { padding: 30px 0; }
  3760. .home-core-offering .span3m { width:100%; margin: 0 0 30px 0 !important; }
  3761.  
  3762. .tabs .t { width:50%; float:left; margin: 0 0 15px 0; }
  3763. .soimg { width:100% !important; margin-bottom: 20px; }
  3764. .socnt { width:100% !important; }
  3765. .static_banner .desc .soimg { width:100% !important; margin: 0; }
  3766. .static_banner .desc .soimg .img { width: 100%; text-align: center !important; }
  3767. .static_banner .desc .soimg .img img { max-width: 120px; }
  3768. .static_banner .desc .socnt { width:100% !important; margin: 0; }
  3769. .static_banner .desc .socnt h2 { font-size: 22px; text-align: center; }
  3770. .static_banner .desc .socnt p { font-size:16px; line-height: 140% !important; }
  3771.  
  3772. div#product_footerlink ul { margin: 0 0 30px 0; }
  3773. .md_mobile_div { height: auto !important; }
  3774. .md_if_font p { min-height: 1px !important; }
  3775.  
  3776. .small_header { padding: 10px 0; }
  3777. .small_header h2 { font-size: 30px !important; margin: 0 0 10px 0 !important; text-align: center; }
  3778. .small_header .pull-right { max-width: 50%; }
  3779. .small_header p { font-size: 16px !important; text-align: center !important; }
  3780.  
  3781. .videomsg .video { width:100%; }
  3782. .videomsg .quote { width:100%; margin: 0 0 30px 0; }
  3783. .videomsg .quote h3 { text-align: center; }
  3784. .videomsg .quote p { text-align: center !important; }
  3785. .videomsg .quote a { text-align: center; display: block; }
  3786. .videomsg blockquote { padding: 15px 15px 0 15px; text-align: center; }
  3787. .videomsg blockquote:before { left: 0; }
  3788.  
  3789. .testi_slider .video { width: 100%; }
  3790. .testi_slider .quote { width:96%; margin: 0 2% 30px 2%; }
  3791. .testi_slider .quote h3 { text-align: center; }
  3792. .testi_slider .quote p { text-align: center !important; }
  3793. .testi_slider .quote a { text-align: center; display: block; }
  3794. .testi_slider blockquote { padding: 15px 15px 0 15px; text-align: center; }
  3795. .testi_slider blockquote:before { left: 0; }
  3796.  
  3797. .c_list .box { height: auto !important; padding: 15px 15px 80px 15px; }
  3798. .c_list .box .cl { height: 80px; }
  3799. .c_list .box .cl img { max-height: 70px; }
  3800. .testi_slider .bx-controls { margin: 0; }
  3801. .testi_slider .bx-controls .bx-pager { width:100%; margin-top: 0; }
  3802. .testi_slider blockquote:after { right:-30px; }
  3803. .events-tabs .bx-wrapper { max-width: 320px !important; }
  3804. .moresuccess .bx-wrapper { max-width: 320px !important; }
  3805. .moresuccess .bx-wrapper .bx-prev { left: 0px; }
  3806. .moresuccess .bx-wrapper .bx-next { right:0px; }
  3807.  
  3808. .mobi_init .bx-wrapper { max-width: 320px !important; }
  3809. .mobi_init .bx-wrapper .bx-prev { left: 0px; }
  3810. .mobi_init .bx-wrapper .bx-next { right:0px; }
  3811.  
  3812. .marketleaders .bx-wrapper { max-width: 320px !important; }
  3813. .marketleaders .bx-wrapper .bx-prev { left: 0px; }
  3814. .marketleaders .bx-wrapper .bx-next { right:0px; }
  3815.  
  3816. .mobijourney .bx-wrapper { max-width: 320px !important; }
  3817. .mobijourney .bx-wrapper .bx-prev { left: 0px !important; }
  3818. .mobijourney .bx-wrapper .bx-next { right:0px !important; }
  3819.  
  3820. .helpindus .bx-wrapper { max-width: 320px !important; }
  3821. .helpindus .bx-wrapper .bx-prev { left: 0px !important; }
  3822. .helpindus .bx-wrapper .bx-next { right:0px !important; }
  3823.  
  3824. .cust-tabs .bx-wrapper { max-width: 320px !important; }
  3825. .gets-tabs .bx-wrapper { max-width: 320px !important; }
  3826. .gets-tabs .tab-content .resp_title { display: none !important; }
  3827. .events_1 h2, .events_2 h2 { font-size: 24px !important; }
  3828. .event_map iframe { height: 420px; }
  3829.  
  3830. .events-tabs .box { margin: 0 0 10px 0; }
  3831. .events-tabs .nav-tabs li a i { font-size: 14px; }
  3832. .events-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }
  3833. .custom_slider .cust-head-text{ text-align:center;}
  3834. #thebodyshop1 p{ text-align:center; padding:10px 0px; }
  3835. #isos1 p{ text-align:center; padding:10px 0px; }
  3836. #globeone1 p{ text-align:center; padding:10px 0px; }
  3837. #urgently1 p{ text-align:center; padding:10px 0px; }
  3838. #aravo1 p{ text-align:center; padding:10px 0px; }
  3839. #starwood1 p{ text-align:center; padding:10px 0px; }
  3840. .admin-bar header .navbar-fixed-top, .admin-bar header .search-bar, .admin-bar header .contact-bar { margin-top: 0px !important; }
  3841. .footermar .col{ width: 100% !important; height:auto !important; }
  3842.  
  3843. #getstarted { width:100%; height:735px; }
  3844.  
  3845. #frm_contact { width:100%; height:770px; }
  3846. #frm_product { width:100%; height:870px; }
  3847. #frm_product_a { width:100%; height:780px; }
  3848.  
  3849. .contact_pg .dtitle.tleft { text-align: center !important; }
  3850. .contact_pg .cdetails .details .social { text-align: center; }
  3851.  
  3852. .mktoForm select#More_Information__c.mktoField { width:100% !important; }
  3853.  
  3854. .cust_slider_cont .cust-head-text { font-size: 16px !important; }
  3855. .cust_slider_cont .video .img { width:160px; height: 160px; }
  3856. .cust_slider_cont .video .img .imgin { width:160px; height: 160px; }
  3857. .cust_slider_cont .video .img a { width: 50px; height: 50px; }
  3858. .cust_slider_cont .video .img a .fa { line-height: 44px; font-size: 20px; }
  3859.  
  3860. .methodology .box .title { height: auto !important; }
  3861. .methodology .box .title { font-size: 20px; text-align: center; }
  3862.  
  3863. .mobispec { background-position: 50% 0px !important; background-attachment: inherit; }
  3864. .mobispec .exppoints .col { width:100%; margin: 0 0 20px 0; height: auto !important; text-align: center; }
  3865. .mobispec .exppoints .col h3 { text-align: center; }
  3866. .mobispec .exppoints .col p { text-align: center; }
  3867.  
  3868. .entstack { background-position: 50% 0px !important; background-attachment: inherit; }
  3869. .moresuccess { background-position: 50% 0px !important; background-attachment: inherit; }
  3870. .mobi_init { background-position: 50% 0px !important; background-attachment: inherit; }
  3871. .marketleaders { background-position: 50% 0px !important; background-attachment: inherit; }
  3872.  
  3873. .static_banner { height: 200px; }
  3874. .static_banner .desc h2 { font-size: 24px; }
  3875. .static_banner .desc p { text-align: center !important; font-size: 16px; margin: 0 !important; }
  3876.  
  3877. .static_banner.toolsandplatform .desc h2 { font-size: 24px; }
  3878. .static_banner.toolsandplatform .desc p { text-align: center !important; font-size: 16px; margin: 0 0 5px 0 !important; }
  3879.  
  3880. .static_banner.qmetrymobile { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  3881. .static_banner.qmetrttestmanager { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  3882. .static_banner.qas { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  3883. .static_banner.attesto { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  3884.  
  3885. .qmetry_6 { background-position: 50% 0 !important; }
  3886. .product_form { background-position: 50% 0 !important; }
  3887. .strat_mobi .strat { width:100%; }
  3888.  
  3889. .static_banner.cicd { background-attachment: inherit; background-position: 50% 0 !important; height: 230px; }
  3890.  
  3891. .cust_sayings .testimonial { font-size: 18px !important; }
  3892.  
  3893. .jump_start_top .head { font-size: 20px; }
  3894. .jump_start_top .subhead { font-size: 16px; margin: 0 0 20px 0; }
  3895.  
  3896. .capabilitypg { background-position: 50% 0 !important; background-attachment: inherit; }
  3897. .capabilitypg .container { overflow-x:hidden; }
  3898. .home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit !important; }
  3899. .home-2-page .backgrounded.cust_sayings { background-position: 50% 0 !important; background-attachment: inherit; }
  3900.  
  3901. .contact_pg .cdetails { margin: 20px 0 40px 0 !important; }
  3902. .o_locations .box .details .head { text-align: center; height: auto !important; }
  3903. .o_locations .box .details .desc { text-align: center; height: auto !important; }
  3904. .o_locations .box .details .phoneout { text-align: center; }
  3905.  
  3906. .tier_one .dtitle { text-align: left; }
  3907. .tier_one .num { margin: 5px 0 0 0; }
  3908. .tier_one .num img { max-width: 40px; }
  3909. .tier_one .desc { text-align: center; }
  3910. .tier_one .btns { text-align: center; }
  3911. .tier_one .btns .btn { font-size: 14px; padding: 12px 16px; }
  3912.  
  3913. .tier_two .dtitle { text-align: left; }
  3914. .tier_two .num { margin: 5px 0 0 0; }
  3915. .tier_two .num img { max-width: 40px; }
  3916. .tier_two .desc { text-align: center; }
  3917. .tier_two .btns { text-align: center; }
  3918. .tier_two .btns .btn { font-size: 14px; padding: 12px 16px; }
  3919.  
  3920. .tier_three .dtitle { text-align: left; }
  3921. .tier_three .num { margin: 5px 0 0 0; }
  3922. .tier_three .num img { max-width: 40px; }
  3923. .tier_three .desc { text-align: center; }
  3924. .tier_three .btns { text-align: center; }
  3925. .tier_three .btns .btn { font-size: 14px; padding: 12px 16px; }
  3926.  
  3927. .tier_four .dtitle { text-align: left; }
  3928. .tier_four .num { margin: 5px 0 0 0; }
  3929. .tier_four .num img { max-width: 40px; }
  3930. .tier_four .desc { text-align: center; }
  3931. .tier_four .btns { text-align: center; }
  3932. .tier_four .btns .btn { font-size: 14px; padding: 12px 16px; }
  3933.  
  3934. .tier_five .dtitle { text-align: left; }
  3935. .tier_five .num { margin: 5px 0 0 0; }
  3936. .tier_five .num img { max-width: 40px; }
  3937. .tier_five .desc { text-align: center; }
  3938. .tier_five .btns { text-align: center; }
  3939. .tier_five .btns .btn { font-size: 14px; padding: 12px 16px; }
  3940.  
  3941. .noparallax { background-attachment: inherit !important; background-size: cover !important; background-position-y: 0 !important; }
  3942.  
  3943. .mob_serv_list .box { width:94%; margin:0 3% 10px 3% !important; }
  3944. .mob_serv_list .box .img { height: auto !important; }
  3945. .mob_serv_list .box .desc { height: auto !important; }
  3946.  
  3947. .cap_list .box { width:94%; margin:0 3% 10px 3% !important; }
  3948. .cap_list .box .img { height: auto !important; }
  3949. .cap_list .box .desc { height: auto !important; }
  3950.  
  3951. .pg_mob_features .box { margin:0 0 40px 0; }
  3952.  
  3953. .pg_rtattesto .list li { font-size: 16px; margin:0 0 10px 0; }
  3954. .mobi_init .slide .box p, .mobi_init .slide { height: auto !important; }
  3955.  
  3956. .frm_getInTouch { padding: 0; }
  3957.  
  3958. .exp_mobi .experties .col { width:100%; margin:0 0 30px 0; }
  3959.  
  3960. .checkmarks { margin:20px 0 0 0; }
  3961. .checkmarks .box { margin: 0 0 40px 0; }
  3962.  
  3963. .int_map .int_loc_map { margin: -70px 0 0 0; }
  3964. .int_map .int_loc_map .loc { width:6px; height: 6px; border:1px solid #fff; }
  3965. .int_map .qualities { margin:-80px 0 0 0; }
  3966. .int_map .qualities .box { margin:20px 0 0 0; }
  3967. .int_map .int_loc_map .loc { display: none; }
  3968. .int_map .qualities .box .name { height: auto !important; }
  3969.  
  3970. .apps_tested .app_features { margin:20px 0; }
  3971. .apps_tested .app_features .box { margin: 0 0 20px 0; }
  3972.  
  3973. .cont_integration { background: url("../img/cont_integration_mobile_bg.jpg"); background-attachment: inherit; background-position: 50% 50%; }
  3974.  
  3975. .forrest_form .dtitle { font-size: 24px !important; text-align: center; }
  3976. .forrest_form .sub { text-align: center; }
  3977. .better_quality .dtitle { text-align: center; }
  3978. .better_quality h3 { text-align: center; }
  3979. .better_quality p { text-align: center; }
  3980.  
  3981. .sexy_wheel { box-shadow: 0 0 0 6px rgba(255,255,255,0.2), 0 0 0 12px rgba(255,255,255,0.2); }
  3982. .slice label { font-size: 10px; line-height: 3.3; }
  3983. .svg svg { width: 26px !important; }
  3984. .unsel label { background-size: 87%; }
  3985.  
  3986. .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); }
  3987. .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); }
  3988. .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); }
  3989. .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); }
  3990.  
  3991. .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); }
  3992. .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); }
  3993. .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); }
  3994. .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); }
  3995. .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); }
  3996.  
  3997. .slice #ms_name .svg { height:16px; }
  3998. .slice #ms_dev .svg { height:20px; }
  3999. .slice #ms_test .svg { height:16px; }
  4000. .slice #ms_auto .svg { height:13px; }
  4001. .slice #ms_opti .svg { height:13px; }
  4002.  
  4003. .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); }
  4004. .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); }
  4005. .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); }
  4006. .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); }
  4007. .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); }
  4008.  
  4009. .mobopt .svg { top:14%; }
  4010. .current.mobopt .svg { top:12%; }
  4011. .slice .svg { width:26px; }
  4012. .current .svg { width:26px; top:14%; }
  4013. .current .svg svg { width:30px !important; }
  4014.  
  4015. .moreinfo { display: none; }
  4016.  
  4017. .mobopt.current .svg { width:26px; }
  4018.  
  4019. .circle .arrow { width:28px; height:17px; }
  4020. .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); }
  4021. .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); }
  4022. .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); }
  4023. .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); }
  4024. .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); }
  4025.  
  4026. .innovators { margin:0 !important; }
  4027. .innovators .box { margin: 0 0 20px 0; }
  4028.  
  4029. .circular_nav { max-width: 300px; }
  4030. .circular_nav .nav .center { width:80px; height: 80px; }
  4031. .circular_nav .nav .node { height: 60px; }
  4032. .circular_nav .nav .node:after { width:100%; right: 0; }
  4033. .circular_nav .nav .node .cnav { width:60px; height: 60px; }
  4034.  
  4035. .circular_nav .nav .center .sm { font-size: 12px; }
  4036. .circular_nav .nav .center .lg { font-size: 16px; }
  4037.  
  4038. .circular_nav .popover { max-width: 170px !important; min-width: 150px; width:100%; }
  4039. .circular_nav .nav .cnav .svg { margin: 0; width:30px; height:30px; }
  4040. .circular_nav .nav .cnav .name { display: none; }
  4041.  
  4042. .awardnote { background-position:94% 0; }
  4043. .aw_list .box { height: auto !important; }
  4044.  
  4045. #whitepaper_1 { width: 260px; height: 475px; }
  4046. .whitepaper { text-align: center !important; }
  4047. .whitepaper .dtitle { text-align: center !important; }
  4048. .whitepaper .img { max-width: 200px; display: none; }
  4049.  
  4050. .nice_title .box { font-size: 15px; min-height: 1px; }
  4051. .nice_title.orange .box:before { border:16px solid #F67107; }
  4052. .nice_title.orange .box:after { border:16px solid #F67107; }
  4053. .nice_title.yellow .box:before { border:16px solid #faa224; }
  4054. .nice_title.yellow .box:after { border:16px solid #faa224; }
  4055. .nice_title.green .box:before { border:16px solid #b4c860; }
  4056. .nice_title.green .box:after { border:16px solid #b4c860; }
  4057.  
  4058. .nice_title.big.green .box { width:85%; font-size: 14px; padding: 10px 5px; }
  4059. .nice_title.big.green .box:before { border: 30px solid #b4c860; border-right:2px solid #b4c860; left: -32px !important; }
  4060. .nice_title.big.green .box:after { border: 30px solid #b4c860; border-left:2px solid #b4c860; right:-32px !important; }
  4061.  
  4062. .isapproach .subtext { font-size: 16px !important; text-align: center !important; margin: 0 0 30px 0; }
  4063.  
  4064. .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; }
  4065.  
  4066. .closertocode .graph_pair .svg.graph { height:230px; }
  4067.  
  4068. .static_banner.bnabout { background-size: cover !important; }
  4069.  
  4070. .static_banner.bnabout { height: 320px; }
  4071. .static_banner.bnabout .desc img { display:none; }
  4072. .static_banner.bnabout .desc .gap30 { display:none; }
  4073. .static_banner.bnabout .desc p { max-width: 79%; font-size: 14px; line-height: 140% !important; font-style: normal; }
  4074.  
  4075. .pg_globalinfra .threepoints { margin: 0; }
  4076. .pg_globalinfra .threepoints .box { margin:0 0 20px 0; height: auto !important; font-size: 16px; }
  4077.  
  4078. .pg_globalinfra .fivepoints { margin: 0; }
  4079. .pg_globalinfra .fivepoints .box { width:100%; }
  4080.  
  4081. .pg_form { background-position: 50% 0 !important; }
  4082. .pg_form .title { text-align: center; }
  4083. .pg_form p { text-align: center; }
  4084.  
  4085. .m-text-center { text-align: center; }
  4086.  
  4087. #fancybox-close { display: block !important; }
  4088.  
  4089. .leaderteam .box { max-width: 220px !important; }
  4090.  
  4091. .pg_mapbox .mapbox { margin:0 0 90px 0; display: block; }
  4092. .pg_mapbox .mapbox .loc_map img { margin:0 0 90px 0; }
  4093. .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; }
  4094.  
  4095. .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; }
  4096. .s_locations .panel { display: none; width:100%; float:left; margin: 0 0 10px 0; }
  4097. .s_locations .panel-heading { width:100%; float:left; background: rgba(255,255,255,0.1); }
  4098. .s_locations .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }
  4099. .s_locations .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }
  4100. .s_locations .panel-heading .panel-title a .arrow { float:right; }
  4101. .s_locations .panel-heading .panel-title a .arrow .fa { font-size:30px; color:#fff; }
  4102. .s_locations .panel-heading .panel-title a.collapsed .arrow .fa:before { content:"\f107"; }
  4103.  
  4104. .s_locations .panel-collapse { width:100%; float:left; }
  4105. .s_locations .panel-body { width:100%; float:left; background:rgba(255,255,255,1); padding: 10px; color:#333; }
  4106.  
  4107. .joinus-tabs .bycategory .panel-heading { padding: 10px; }
  4108. .joinus-tabs .bycategory .panel-heading .panel-title { padding: 0; }
  4109. .joinus-tabs .bycategory .panel-heading .panel-title a .ic { width:30px; height: 30px; }
  4110. .joinus-tabs .bycategory .panel-heading .panel-title a .ic svg { width:30px; height: 30px; }
  4111. .joinus-tabs .bycategory .panel-heading .panel-title a .name { max-width: 200px; }
  4112. .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; }
  4113.  
  4114. .joinus-tabs .bycategory .panel-body .joblist li .vacancy { width:100%; }
  4115.  
  4116. .inspirepoints .activity { width:100%; margin: 0 0 40px 0; }
  4117. .inspirepoints .activity .img { height: 80px; }
  4118.  
  4119. .givinback .box { height: auto !important; }
  4120.  
  4121. .pg_gopalces { background-position: 50% 0 !important; background-size: cover !important; background-attachment: inherit !important; }
  4122.  
  4123. .goplacemenu .pl0, .goplacemenu .pr0 { padding:0 !important; }
  4124. .goplacemenu { padding: 0 15px; }
  4125.  
  4126. .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; }
  4127.  
  4128. .static_banner.toolsandplatform .desc .mid { display: inline-block; max-width: 90%; text-align: center; }
  4129.  
  4130. .corevalues .img { max-width:300px; max-height: 170px; }
  4131.  
  4132. .div1 .ri-grid ul li a { border:2px solid #fff; }
  4133. .div2 .ri-grid ul li a { border:2px solid #fff; }
  4134. .div3 .ri-grid ul li a { border:2px solid #fff; }
  4135. .div4 .ri-grid ul li a { border:2px solid #fff; }
  4136. .div5 .ri-grid ul li a { border:2px solid #fff; }
  4137. .div6 .ri-grid ul li a { border:2px solid #fff; }
  4138. .div7 .ri-grid ul li a { border:2px solid #fff; }
  4139.  
  4140. .tabscontainer .tabscont .tb .btn_center { margin-top: 10px; display: inline-block; }
  4141.  
  4142. .synchro_new .backgrounded.qmetry_7 { padding:20px 0 40px 0 !important; }
  4143. .qmetry_7 .bx-wrapper .bx-pager { bottom:-30px !important; }
  4144. .customer_slider .testimonial { font-size: 20px !important; }
  4145.  
  4146. .product_form .col-xs-12 { text-align: center; }
  4147.  
  4148. .corevalues { text-align:center; }
  4149.  
  4150. .attesto_1 .col-xs-12 { text-align: center; }
  4151. .qas_2 .col-xs-12 { text-align: center; }
  4152.  
  4153. .job-popup .header { text-align: center; }
  4154. .job-popup .header .left { width:100%; display: inline-block; margin: 0 0 20px 0; }
  4155. .job-popup .header .right { width:100%; display: inline-block; margin:0 0 20px 0; }
  4156. .job-popup .header .right .btn { float: none; }
  4157. .jobdetails .jobtitle { text-align: center; font-size: 20px; }
  4158. .jobdetails .jobcode { text-align: center; }
  4159. .jobdetails .joblocation { float: right; }
  4160. .jobfooter .left {width: 100%; display: inline-block;vertical-align: top;}
  4161. .jobfooter .left ul { text-align: center; width:100%; }
  4162. .jobfooter .left ul li { display: inline-block; float: none; }
  4163. .jobfooter .right { width: 100%; display: inline-block; }
  4164. .jobfooter .menu-footer-menu-in-bottom-container { float: none; display: inline-block; }
  4165. .jobfooter .menu-footer-menu-in-bottom-container ul { float: none; display: inline-block; text-align: center; }
  4166.  
  4167. .static_banner.attesto { background-size: cover !important; }
  4168.  
  4169. .home-sec-one .pl0 { padding-left: 15px !important; }
  4170.  
  4171. .o_locations .box .img { height: 160px; }
  4172. }
  4173.  
  4174. @media (min-width:310px) and (max-width: 360px) {
  4175. .sexy_wheel { position: relative; margin: 80px auto; min-width: 250px; }
  4176. .lblog .box .img { height: 170px; }
  4177. .cust_sayings .testimonial:before { left:-25px !important; }
  4178. .cust_sayings .testimonial:after { right:-25px !important; }
  4179. .cust_sayings .testimonial { font-size:16px !important; }
  4180. .gets-tabs .tab-content > .active { margin: 0; }
  4181. }
  4182.  
  4183. @media (max-width: 767px){
  4184. .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; }
  4185. .menu-video-img { display: none; }
  4186.  
  4187. .footermar .col{ width: 100% !important; height:auto !important; }
  4188.  
  4189. .requesttrial .box { margin-bottom: 20px; }
  4190. .methodology .box .title { font-size: 20px; text-align: center; }
  4191.  
  4192. .home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit !important; }
  4193.  
  4194. .o_locations .box .details .head { text-align: center; height: auto !important; }
  4195. .o_locations .box .details .desc { text-align: center; height: auto !important; }
  4196. .o_locations .box .details .phoneout { text-align: center; }
  4197.  
  4198. .contact_pg .cdetails { margin: 0 0 20px 0; }
  4199. .contact_pg .cdetails .details { margin: 0 0 20px 0; }
  4200.  
  4201. .noparallax { background-attachment: inherit !important; background-size: cover !important; background-position-y: 0 !important; }
  4202.  
  4203. .mob_serv_list .box { width:94% !important; margin:0 3% 10px 3% !important; }
  4204. .mob_serv_list .box .img { height: auto !important; }
  4205. .mob_serv_list .box .desc { height: auto !important; }
  4206.  
  4207. .cap_list .box { width:94% !important; margin:0 3% 30px 3% !important; }
  4208. .cap_list .box .img { height: auto !important; }
  4209. .cap_list .box .desc { height: auto !important; }
  4210.  
  4211. .checkmarks .box { margin: 0 0 40px 0; }
  4212.  
  4213. .forrest_form .dtitle { font-size: 24px !important; text-align: center; }
  4214. .forrest_form .sub { text-align: center; }
  4215. .better_quality .dtitle { text-align: center; }
  4216. .better_quality h3 { text-align: center; }
  4217. .better_quality p { text-align: center; }
  4218.  
  4219. .yourefforts .platforms .clients .col { width:100% !important; }
  4220. .yourefforts .platforms .clients .col .img { height: 60px !important; }
  4221.  
  4222. .yourefforts .effortareas .title { height: auto !important; }
  4223. .yourefforts .effortareas .desc { height: auto !important; }
  4224. .yourefforts .effortareas .box { margin: 0 0 40px 0; }
  4225.  
  4226. #whitepaper_1 { width: 260px; height: 475px; }
  4227. .whitepaper { text-align: center !important; }
  4228. .whitepaper .dtitle { text-align: center !important; }
  4229. .whitepaper .img { max-width: 200px; display: none; }
  4230.  
  4231. .nice_title .box { padding: 5px 0 6px 0; }
  4232.  
  4233. .closertocode .arrow_img { display: table; }
  4234. .closertocode .arrow_img .svg { height: auto; max-height: 380px !important; }
  4235. .closertocode .arrow_img .t { display: table-cell; vertical-align: middle; }
  4236.  
  4237. .ourpeers .box { height: auto !important; }
  4238. .pg_ourpeers .btns .btn { margin: 0 0 10px 0; }
  4239. .pg_ourpeers .btns { margin: 0; }
  4240.  
  4241. .pg_celebration .btns { margin: 0 0 10px 0; }
  4242. .pg_celebration .btns .btn { margin: 0 0 10px 0; }
  4243.  
  4244. .pg_personalmobility .btns { margin: 0 0 10px 0; }
  4245. .pg_personalmobility .btns .btn { margin: 0 0 10px 0; }
  4246.  
  4247. .pg_mapbox .btns { margin: 0 0 10px 0; }
  4248. .pg_mapbox .btns .btn { margin: 0 0 10px 0; }
  4249.  
  4250. .m-text-center { text-align: center; }
  4251.  
  4252. .leaderteam .box { max-width: 300px; }
  4253.  
  4254. .pg_historytimeline { display: none; }
  4255.  
  4256. .goplacemenu .pl0, .goplacemenu .pr0 { padding:0 !important; }
  4257.  
  4258. .qas_3 { text-align: center; }
  4259. .qas_3 .features-text { text-align: left; }
  4260. }
  4261.  
  4262. @media (min-width: 481px) and (max-width: 768px) {
  4263. header .navbar .brand { margin-left: 15px; }
  4264. .nomobile { display: none !important; }
  4265. .container { width: 100% !important; padding: 0 15px; }
  4266. .search-bar .container { padding: 20px 0; }
  4267. .contact-bar .close, .search-bar .close { top: 30px; }
  4268. .container.container_relative { padding: 10px 0px 10px 0px !important; }
  4269. .container.container_relative.container_social { padding: 0 !important; }
  4270. .homeslider .container { padding: 0 !important; }
  4271. .synchro_new .homeslider.backgrounded { padding-bottom: 0 !important; }
  4272. .sbanner { height: 360px; }
  4273. .sbanner .slide { height: 360px; margin-top:0; }
  4274. /*.sbanner .slide.bx-clone { margin-top: -49px !important; }*/
  4275. .sbanner .slide .desc { max-width: 600px; width:90%; }
  4276. .sbanner .slide .desc h2 { font-size: 24px; text-align: center; }
  4277. .sbanner .slide .desc p { font-size: 16px; text-align: center; }
  4278. .sbanner .slide .desc a { font-size: 16px; }
  4279. .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); }
  4280. .points .pb:after { display: none; }
  4281. .points { width: 100%; float: left; background: url(../img/plus_icn_1.png) no-repeat 50% 50%; }
  4282. .points .box { margin-bottom: 30px; }
  4283. .cust_3 .slide p { font-size: 16px !important; line-height: 140% !important; text-align: center !important; }
  4284. .cust_3 a.cust-more-btn { font-size: 16px; padding: 10px 0; min-width: 130px; }
  4285. .home-2-page .aboutpg { background: url(../img/home_about_bg2.jpg) no-repeat 50% -3000px; }
  4286. .home-2-page .aboutpg p { font-size:18px !important; }
  4287. .aboutpg { background: url(../img/abt_bg_ipad.jpg) no-repeat 50% -500px; }
  4288. .aboutpg .row-fluid h4 { text-align: center !important; min-height: 1px; margin-top: 10px; }
  4289. .aboutpg .row-fluid p { font-size: 16px !important; text-align: center !important; }
  4290. .aboutpg .ul_container1, .aboutpg .ul_container2, .aboutpg .ul_container3 { padding: 0; }
  4291. .aboutpg .row-fluid { margin: 0; }
  4292. .aboutpg .row-fluid p { font-size: 16px !important; }
  4293. .aboutpg .ul_container1, .aboutpg .ul_container2, .aboutpg .ul_container3 { margin: 20px 0 0 0; }
  4294. .cust_2 { background-position: 50% -750px; }
  4295. .mleadership p { font-size: 16px !important; }
  4296. .mjourney .box.aug, .mjourney .box.mob, .mjourney .box.eff, .mjourney .box.exc { margin: 0; }
  4297. .mjourney .box { margin-bottom: 30px; }
  4298. .mjourney .box h3 { width: 100%; }
  4299. .mjourney .box .ic { float: none; margin: 0 auto 20px auto; }
  4300. .mjourney .box ul { margin: 0 0 20px 30px; }
  4301. .mjourney .box ul:after { border: 0; }
  4302. .dd { border: 0; }
  4303. .synchro_new .backgrounded { padding: 20px 0 !important; }
  4304. .dtitle { font-size: 26px !important; line-height: 120% !important; }
  4305. .subtext { font-size: 20px !important; line-height: 120% !important; }
  4306. .cust_2 .testimonial { padding: 0 !important; font-size: 14px !important; }
  4307. .cust_2 ._cite-content strong { font-size: 18px !important; }
  4308. .cust_2 ._cite-content span { font-size: 16px !important; }
  4309. .cust_2 .cust-more-btn { font-size: 16px; padding: 10px 0; min-width: 130px; }
  4310. .newsnevent .box { margin: 0 0 30px 0; text-align: center; padding-bottom: 20px; }
  4311. .newsnevent .box .img { max-width: 360px; max-height: 200px; }
  4312. .newsnevent .box .seemore { text-align: center; }
  4313. .lblog .box { margin: 0 0 30px 0; text-align: center; }
  4314. .lblog .box .title { height: auto; }
  4315. .lblog .box .img { max-width: 360px; max-height: 145px; margin-bottom: 10px; }
  4316. .lblog .box .desc .date { margin: 0 0 10px 0; }
  4317. .lblog .box .desc .text { height: auto; margin-bottom: 10px; }
  4318. .lblog .box .readmore { width: 100%; }
  4319. .footer_copyright { width: 100%; }
  4320. .markchal .span3m { width: 32% !important; margin-bottom: 30px; }
  4321.  
  4322. footer .copyright li { float: none; margin: 0 4px 10px 4px; display: inline-block; }
  4323. div#product_footerlink { text-align: center; }
  4324. div#product_footerlink ul { margin: 0 0 30px 0; }
  4325. .footer_copyright { text-align: center; }
  4326. .socialright { width: 100%; margin-top: 0px; }
  4327. .home-core-offering { text-align: center; }
  4328. .home-core-offering .span3m { width: 49%; display: inline-block; margin: 0 0 30px 0; }
  4329. .tabs .t { width:33%; float:left; margin: 0 0 15px 0; }
  4330. .soimg { width:100% !important; margin-bottom: 20px; }
  4331. .socnt { width:100% !important; }
  4332.  
  4333. .jump_start_top .subhead { font-size: 16px; margin: 0 0 20px 0; }
  4334.  
  4335. .small_header h2 { font-size: 30px !important; margin: 0 0 10px 0 !important; }
  4336. .small_header .pull-right { max-width: 50%; }
  4337. .small_header p { font-size: 16px !important; text-align: center !important; }
  4338.  
  4339. .videomsg { margin-bottom: 30px; }
  4340. .testi_slider { margin-bottom: 30px; }
  4341. .testi_slider .video { width:100%; }
  4342. .testi_slider .video .img { width:180px; height: 180px; }
  4343. .testi_slider .video .img .imgin { width:180px; height: 180px; }
  4344. .testi_slider .quote { width:80%; margin:0 10%; }
  4345. .testi_slider .bx-controls .bx-pager { width:100%; }
  4346.  
  4347. .events-tabs .bx-wrapper { max-width: 320px !important; }
  4348. .events-tabs .nav-tabs li a i { font-size: 14px; }
  4349. .events-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }
  4350.  
  4351. .cust-tabs .bx-wrapper { max-width: 320px !important; }
  4352. .cust-tabs .nav-tabs li a i { font-size: 14px; }
  4353. .cust-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }
  4354.  
  4355. .gets-tabs .tab-content .resp_title { display: none !important; }
  4356. .gets-tabs .bx-wrapper { max-width: 320px !important; }
  4357. .gets-tabs .nav-tabs li a i { font-size: 14px; }
  4358. .gets-tabs .nav-tabs li a span { font-size: 14px; margin-left: 5px; }
  4359.  
  4360. .footermar .col { width: 100%; }
  4361.  
  4362. .mobispec .exppoints .col { width:32.5%; display: inline-block; float: none; vertical-align: top; }
  4363.  
  4364. .admin-bar header .navbar-fixed-top, .admin-bar header .search-bar, .admin-bar header .contact-bar { margin-top: 0px !important; }
  4365.  
  4366. .static_banner { height: 280px; }
  4367. .static_banner .desc h2 { font-size: 28px; }
  4368. .static_banner .desc p { text-align: center; font-size: 20px; }
  4369. .static_banner .desc .socnt h2 { text-align: center; }
  4370. .static_banner .desc .socnt p { text-align: center; }
  4371.  
  4372. .static_banner.toolsandplatform .desc h2 { font-size: 28px; }
  4373. .static_banner.toolsandplatform .desc p { text-align: center !important; font-size: 20px; }
  4374.  
  4375. .qmetry_6 { background-position: 50% 0 !important; }
  4376. .product_form { background-position: 50% 0 !important; }
  4377.  
  4378. .entstack { background-position: 50% 0 !important; background-attachment: inherit; }
  4379. .mobispec { background-position: 50% 0 !important; background-attachment: inherit; }
  4380. .moresuccess { background-position: 50% 0 !important; background-attachment: inherit; }
  4381. .moresuccess .bx-wrapper { max-width: 320px !important; }
  4382.  
  4383. .mobi_init { background-position: 50% 0 !important; background-attachment: inherit; }
  4384. .mobi_init .bx-wrapper { max-width: 320px !important; }
  4385.  
  4386. .marketleaders { background-position: 50% 0 !important; background-attachment: inherit; }
  4387. .marketleaders .bx-wrapper { max-width: 320px !important; }
  4388. .mobijourney .bx-wrapper { max-width: 320px !important; }
  4389.  
  4390. .helpindus .bx-wrapper { max-width: 320px !important; }
  4391.  
  4392. .methodology .box .title { font-size: 20px; }
  4393.  
  4394. .strat_mobi .strat { width:49.6%; }
  4395. .strat_mobi .strat .decs { width:100%; float:left; padding: 0 30px; }
  4396.  
  4397. .capabilitypg { background-position: 50% 0 !important; background-attachment: inherit; }
  4398. .home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit; }
  4399. .home-2-page .backgrounded.cust_sayings { background-position: 50% 0 !important; background-attachment: inherit; }
  4400.  
  4401. .contact_pg .cdetails { margin: 0 0 20px 0; }
  4402. .contact_pg .cdetails .details { margin: 0 0 20px 0; }
  4403.  
  4404. .tier_one .dtitle { text-align: left; }
  4405. .tier_one .num img { max-width: 45px; }
  4406. .tier_one .desc { text-align: center; }
  4407. .tier_one .btns { text-align: center; }
  4408. .tier_one .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }
  4409.  
  4410. .tier_two .dtitle { text-align: left; }
  4411. .tier_two .num img { max-width: 45px; }
  4412. .tier_two .desc { text-align: center; }
  4413. .tier_two .btns { text-align: center; }
  4414. .tier_two .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }
  4415.  
  4416. .tier_three .dtitle { text-align: left; }
  4417. .tier_three .num img { max-width: 45px; }
  4418. .tier_three .desc { text-align: center; }
  4419. .tier_three .btns { text-align: center; }
  4420. .tier_three .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }
  4421.  
  4422. .tier_four .dtitle { text-align: left; }
  4423. .tier_four .num img { max-width: 45px; }
  4424. .tier_four .desc { text-align: center; }
  4425. .tier_four .btns { text-align: center; }
  4426. .tier_four .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }
  4427.  
  4428. .tier_five .dtitle { text-align: left; }
  4429. .tier_five .num img { max-width: 45px; }
  4430. .tier_five .desc { text-align: center; }
  4431. .tier_five .btns { text-align: center; }
  4432. .tier_five .btns .btn { margin: 0 10px 10px 0; font-size: 16px; }
  4433.  
  4434. .noparallax { background-attachment: inherit !important; background-size: cover !important; background-position-y: 0 !important; }
  4435.  
  4436. .mob_serv_list { width:98%; margin:0 1%; text-align: center; }
  4437. .mob_serv_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }
  4438.  
  4439. .cap_list { width:98%; margin:0 1%; text-align: center; }
  4440. .cap_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }
  4441.  
  4442. .int_map .int_loc_map .loc { display: none; }
  4443. .int_map .qualities { margin: -110px 0 0 0; }
  4444. .int_map .qualities .box { margin:20px 0 0 0; }
  4445.  
  4446. .pg_mob_features .box { margin:0 0 30px 0; }
  4447.  
  4448. .exp_mobi .experties .col { width:49.3%; margin:0 0 30px 0; }
  4449.  
  4450. .cont_integration { background: url("../img/cont_integration_mobile_bg.jpg"); background-attachment: inherit; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
  4451.  
  4452. .forrest_form .dtitle { font-size: 30px !important; }
  4453.  
  4454. .sexy_wheel { box-shadow: 0 0 0 8px rgba(255,255,255,0.2), 0 0 0 16px rgba(255,255,255,0.2); }
  4455.  
  4456. .slice label { font-size: 10px; line-height: 4.5; }
  4457. .unsel label { background-size: 87%; }
  4458.  
  4459. .current .name { font-size: 12px; line-height: 3; }
  4460.  
  4461. .mobopt .svg { top:15%; }
  4462. .current.mobopt .svg { top:11%; }
  4463. .current .svg { width:45px; top:14%; }
  4464. .current .svg svg { width:45px !important; }
  4465.  
  4466. .moreinfo { display: none; }
  4467.  
  4468. .circle .arrow { width:28px; height:17px; }
  4469. .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); }
  4470. .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); }
  4471. .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); }
  4472. .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); }
  4473. .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); }
  4474.  
  4475. .yourefforts.backgrounded { padding-bottom: 0 !important; }
  4476. .yourefforts .platforms .clients .col { width:49% !important }
  4477. .yourefforts .platforms .clients .col .img { height: 60px; }
  4478.  
  4479. .innovators { margin:0 !important; }
  4480. .innovators .box { margin: 0 0 40px 0; }
  4481.  
  4482. .circular_nav { max-width: 340px; }
  4483. .circular_nav .nav .center { width:100px; height:100px; }
  4484. .circular_nav .node { height: 60px !important; }
  4485. .circular_nav .nav .node:after { width:22%; right:40%; }
  4486. .circular_nav .node .cnav { width:60px !important; height:60px !important; }
  4487. .circular_nav .node .cnav .svg { margin: 0; }
  4488. .circular_nav .node .cnav .name { display: none; }
  4489.  
  4490. .circular_nav .nav .center .sm { font-size: 12px; }
  4491. .circular_nav .nav .center .lg { font-size: 16px; }
  4492.  
  4493. .circular_nav .popover { max-width: 170px !important; min-width: 150px; width:100%; }
  4494.  
  4495. .awardnote { background-position:100% 0; }
  4496.  
  4497. .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); }
  4498. .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); }
  4499. .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); }
  4500. .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); }
  4501.  
  4502. .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); }
  4503. .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); }
  4504. .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); }
  4505. .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); }
  4506. .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); }
  4507.  
  4508. .slice #ms_name .svg { height:20px; }
  4509. .slice #ms_dev .svg { height:24px; }
  4510. .slice #ms_test .svg { height:18px; }
  4511. .slice #ms_auto .svg { height:16px; }
  4512. .slice #ms_opti .svg { height:16px; }
  4513.  
  4514. .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); }
  4515. .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); }
  4516. .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); }
  4517. .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); }
  4518. .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); }
  4519.  
  4520. .nice_title .box { font-size: 15px; }
  4521. .nice_title.orange .box:before { border:16px solid #F67107; }
  4522. .nice_title.orange .box:after { border:16px solid #F67107; }
  4523. .nice_title.yellow .box:before { border:16px solid #faa224; }
  4524. .nice_title.yellow .box:after { border:16px solid #faa224; }
  4525. .nice_title.green .box:before { border:16px solid #b4c860; }
  4526. .nice_title.green .box:after { border:16px solid #b4c860; }
  4527.  
  4528. .isapproach .subtext { font-size: 18px !important; line-height: 140% !important; text-align: center !important; margin: 0 0 30px 0; }
  4529.  
  4530. .static_banner.bnabout .desc img { max-height: 80px; }
  4531. .static_banner.bnabout .desc p { font-size: 16px; line-height: 140%; }
  4532.  
  4533. .pg_globalinfra .threepoints { margin: 0; }
  4534. .pg_globalinfra .threepoints .box { margin:0 0 20px 0; font-size: 18px; }
  4535.  
  4536. .pg_globalinfra .fivepoints { margin: 0; }
  4537. .pg_globalinfra .fivepoints .box { width:32%; }
  4538.  
  4539. .pg_mapbox .mapbox { margin:0; display: block; }
  4540. .pg_mapbox .mapbox .loc_map img { margin:0 0 70px 0; }
  4541. .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; }
  4542.  
  4543. .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; }
  4544. .s_locations .panel { display: none; width:100%; float:left; margin: 0 0 10px 0; }
  4545. .s_locations .panel-heading { width:100%; float:left; background: rgba(255,255,255,0.1); }
  4546. .s_locations .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }
  4547. .s_locations .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }
  4548. .s_locations .panel-heading .panel-title a .arrow { float:right; }
  4549. .s_locations .panel-heading .panel-title a .arrow .fa { font-size:30px; color:#fff; }
  4550. .s_locations .panel-heading .panel-title a.collapsed .arrow .fa:before { content:"\f107"; }
  4551.  
  4552. .s_locations .panel-collapse { width:100%; float:left; }
  4553. .s_locations .panel-body { width:100%; float:left; background:rgba(255,255,255,1); padding: 10px; color:#333; }
  4554.  
  4555. .celebration .box { width:100%; margin:0 0 10px 0; }
  4556. .celebration .box .img { width:100%; background-size: cover !important; }
  4557. .celebration .box.type2 { width:98%; margin: 1%; }
  4558.  
  4559. .pg_form { background-position: 50% 0 !important; }
  4560. .pg_form .title { text-align: center; }
  4561. .pg_form p { text-align: center; }
  4562.  
  4563. .m-text-center { text-align: center; }
  4564.  
  4565. /*#fancybox-wrap{ max-width:80% !important; }*/
  4566. #fancybox-close { display: block !important; }
  4567.  
  4568. .pg_historytimeline { display: none; }
  4569.  
  4570. .joinus-tabs .bycategory .panel-heading { padding: 10px; }
  4571. .joinus-tabs .bycategory .panel-heading .panel-title { padding: 0; }
  4572. .joinus-tabs .bycategory .panel-heading .panel-title a .ic { width:30px; height: 30px; }
  4573. .joinus-tabs .bycategory .panel-heading .panel-title a .ic svg { width:30px; height: 30px; }
  4574. .joinus-tabs .bycategory .panel-heading .panel-title a .name { max-width: 200px; }
  4575. .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; }
  4576.  
  4577. .joinus-tabs .bycategory .panel-body .joblist li .vacancy { width:100%; margin: 0 0 5px 0; }
  4578.  
  4579. .inspirepoints .activity { width:49.5%; margin: 0 0 40px 0; }
  4580. .inspirepoints .activity .img { height: 80px; }
  4581.  
  4582. .static_banner.toolsandplatform .desc .mid { display: inline-block; max-width: 90%; text-align: center; }
  4583. .static_banner.toolsandplatform .desc h2 { font-size: 34px; }
  4584.  
  4585. .corevalues .img { max-width:360px; max-height: 200px; }
  4586.  
  4587. .div1 .ri-grid ul li a { border:5px solid #fff; }
  4588. .div2 .ri-grid ul li a { border:5px solid #fff; }
  4589. .div3 .ri-grid ul li a { border:5px solid #fff; }
  4590. .div4 .ri-grid ul li a { border:5px solid #fff; }
  4591. .div5 .ri-grid ul li a { border:5px solid #fff; }
  4592. .div6 .ri-grid ul li a { border:5px solid #fff; }
  4593. .div7 .ri-grid ul li a { border:5px solid #fff; }
  4594.  
  4595. .tabscontainer .tabscont .tb .btn_center { margin-top: 20px; display: inline-block; }
  4596.  
  4597. .synchro_new .backgrounded.qmetry_7 { padding:20px 0 40px 0 !important; }
  4598. .qmetry_7 .bx-wrapper .bx-pager { bottom:10px !important; }
  4599. .qmetry_7 ._cite { width:100% !important; }
  4600. .customer_slider .testimonial { font-size: 20px !important; }
  4601.  
  4602. .product_form .col-xs-12 { text-align: center; }
  4603.  
  4604. .corevalues { text-align:center; }
  4605.  
  4606. .job-popup .header { text-align: center; }
  4607. .job-popup .header .left { width:100%; display: inline-block; margin: 0 0 20px 0; }
  4608. .job-popup .header .right { width:100%; display: inline-block; margin:0 0 20px 0; }
  4609. .job-popup .header .right .btn { float: none; }
  4610. .jobdetails .jobtitle { text-align: center; font-size: 20px; }
  4611. .jobdetails .jobcode { text-align: center; }
  4612. .jobdetails .joblocation { float: right; }
  4613. .jobfooter .left {width: 100%; display: inline-block;vertical-align: top;}
  4614. .jobfooter .left ul { text-align: center; width:100%; }
  4615. .jobfooter .left ul li { display: inline-block; float: none; }
  4616. .jobfooter .right { width: 100%; display: inline-block; }
  4617. .jobfooter .menu-footer-menu-in-bottom-container { float: none; display: inline-block; }
  4618. .jobfooter .menu-footer-menu-in-bottom-container ul { float: none; display: inline-block; text-align: center; }
  4619.  
  4620. .frm_getInTouch { text-align: center; }
  4621. #frm_contact { max-width: 485px; }
  4622.  
  4623. .static_banner.qmetrymobile { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  4624. .static_banner.qmetrttestmanager { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  4625. .static_banner.qas { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  4626. .static_banner.attesto { background-size: cover !important; background-position: 50% 0 !important; background-attachment:inherit !important; }
  4627.  
  4628. .home-sec-one .pl0 { padding-left: 15px !important; }
  4629.  
  4630. .o_locations .box .img { height: 180px; background-size: 96%; }
  4631.  
  4632. }
  4633.  
  4634.  
  4635. @media (min-width: 768px) and (max-width: 1024px) {
  4636. .nodesktop { display: none !important; }
  4637. header .navbar .brand { margin-left: 15px; }
  4638. .menu_mobile { padding-left: 15px !important; }
  4639. .left-con-menu { padding:10px 10px 10px 25px !important; }
  4640.  
  4641. .events-tabs .bx-wrapper { max-width: 620px !important; }
  4642. /*.moresuccess .bx-wrapper { max-width: 620px !important; }*/
  4643. .cust-tabs .bx-wrapper { max-width: 620px !important; }
  4644. .gets-tabs .bx-wrapper { max-width: 620px !important; }
  4645.  
  4646. .navbar-fixed-top { margin-bottom: 0 !important; }
  4647. .container { width: 100% !important; padding: 0 15px; }
  4648. .search-bar .container { padding: 50px 0; }
  4649. .container.container_relative { padding: 10px 0px 10px 0px !important; }
  4650. .container.container_relative.container_social { padding: 0 !important; }
  4651. .homeslider .container { padding: 0 !important; }
  4652. .homesliders .bx-viewport { height: 380px !important; }
  4653. .sbanner { height: 380px; }
  4654. .sbanner .slide { height: 380px; margin-top:0; }
  4655. /*.sbanner .slide.bx-clone { margin-top: -71px !important; }*/
  4656. .sbanner .slide .desc { width: 500px; }
  4657. .synchro_new .homeslider.backgrounded { padding: 0 !important; }
  4658.  
  4659. .cust_3 .slide p { text-align: center !important; }
  4660. .home-2-page .aboutpg p { font-size:24px !important; }
  4661. .aboutpg p { font-size: 16px !important; }
  4662. .aboutpg .ul_container1, .aboutpg .ul_container2, .aboutpg .ul_container3 { padding: 0; }
  4663. .aboutpg .row-fluid { margin: 0; }
  4664. .aboutpg .row-fluid p { font-size: 16px !important; }
  4665. .home-2-page .aboutpg { background: url(../img/home_about_bg2.jpg) no-repeat 50% -2500px; }
  4666. .aboutpg { background: url(../img/abt_bg_ipad.jpg) no-repeat 50% -300px; }
  4667. .cust_2 { background-position: 50% -750px; }
  4668. .mjourney .box h3 { width: 100%; font-size: 16px; }
  4669. .mjourney .box .ic { float: none; margin: 0 auto; }
  4670. .mjourney .box.aug { margin-top: 0; }
  4671. .mjourney .box.mob { margin-top: 0; }
  4672. .mjourney .box.eff { margin-top: 0; }
  4673. .mjourney .box.exc { margin-top: 0; }
  4674. .mjourney .box ul { margin: 10px 0 40px 20px; }
  4675. .synchro_new .backgrounded { padding: 30px 0 !important; }
  4676. .dtitle { font-size: 30px !important; line-height: 120% !important; }
  4677. footer .copyright li { margin: 0 4px; }
  4678. .home-core-offering { text-align: center; }
  4679. .home-core-offering .span3m { width: 49%; float: none; display: inline-block; margin: 0 0 30px 0; }
  4680.  
  4681. div#product_footerlink h3 { margin:30px 0 0 0; }
  4682. div#product_footerlink ul { margin: 0; }
  4683.  
  4684. .services .service-box { height: 160px; }
  4685. .services h3 { font-size: 20px; }
  4686. .home-core-offering .md_if_font { margin-bottom: 0; }
  4687. .md_if_font p { min-height: 1px; }
  4688. .small_header h2 { font-size: 30px !important; text-align: center; }
  4689. .small_header p { font-size: 20px; }
  4690.  
  4691. .videomsg .video .img { width: 170px; height: 170px; }
  4692. .videomsg .video .img .imgin { width: 170px; height: 170px; }
  4693.  
  4694. .testi_slider .video { width:40%; }
  4695. .testi_slider .quote { width:54%; margin:0; }
  4696. .testi_slider .video .img { width: 220px; height: 220px; margin-top: 70px; }
  4697. .testi_slider .video .img .imgin { width: 220px; height: 220px; }
  4698.  
  4699. .newsnevent .box .img { max-height: 145px; }
  4700.  
  4701. .ftr_newsletter { overflow: hidden; width:100%; float:left; }
  4702. .ftr_newsletter iframe { max-width: 220px; width: 220px; }
  4703. iframe#partner_form { height: 740px !important; }
  4704. /*.new_part_four div.row-fluid .box { height: auto !important; }*/
  4705. .footermar .col { width: 25%; }
  4706.  
  4707. .requesttrial .box { margin-top: 30px; }
  4708. .checkmarks { margin-bottom: 0; }
  4709. ul.qvsexcel { max-width: 64%; }
  4710.  
  4711. .sbanner .slide .desc h2 { font-size: 28px; }
  4712. .sbanner .slide.slide2 { background-position: 50% 0; }
  4713.  
  4714. .moresuccess .bx-wrapper { max-width: 620px !important; }
  4715. .mobi_init .bx-wrapper { max-width: 620px !important; }
  4716. .marketleaders .bx-wrapper { max-width: 620px !important; }
  4717. .mobijourney .bx-wrapper { max-width: 620px !important; }
  4718.  
  4719. .helpindus .bx-wrapper { max-width: 620px !important; }
  4720.  
  4721. .mobispec .exppoints .col { width:32.5%; display: inline-block; float: none; vertical-align: top; margin: 0 0 20px 0; }
  4722.  
  4723. .static_banner { height: 300px; }
  4724. .static_banner .desc h2 { font-size: 32px; }
  4725. .awardnote { height: 200px; }
  4726. .static_banner.qmetrymobile { background-position:50% 0px !important; background-size: cover !important; }
  4727.  
  4728. .capabilitypg { background-position: 50% 0 !important; background-attachment: inherit; }
  4729. .home-2-page .aboutpg { background-position: 50% 0 !important; background-attachment: inherit !important; }
  4730. .home-2-page .backgrounded.cust_sayings { background-position: 50% 0 !important; background-attachment: inherit; }
  4731.  
  4732. .methodology .box { padding:0; }
  4733.  
  4734. .contact_pg .cdetails { margin: 0 0 40px 0; }
  4735. .contact_pg .cdetails .details { margin: 0; }
  4736.  
  4737. .yourefforts.backgrounded { padding-bottom: 0 !important; }
  4738.  
  4739. .tier_one .btn { font-size: 16px; }
  4740. .tier_two .btn { font-size: 16px; }
  4741. .tier_three .btn { font-size: 16px; }
  4742. .tier_four .btn { font-size: 16px; }
  4743. .tier_five .btn { font-size: 16px; }
  4744.  
  4745. .bestpractice .box .title { font-size: 18px; }
  4746. .aboutpg .row-fluid h4 { font-size: 18px; }
  4747. .cust_sayings .testimonial { font-size: 18px !important; }
  4748.  
  4749. .mob_serv_list { width:98%; margin:0 1%; text-align: center; }
  4750. .mob_serv_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }
  4751.  
  4752. .cap_list { width:98%; margin:0 1%; text-align: center; }
  4753. .cap_list .box { width:30.4%; margin:0 1.2% 25px 1.2% !important; }
  4754.  
  4755. .yourefforts .platforms .clients .col { width:31% !important; }
  4756.  
  4757. .exp_mobi .experties .col { width:32.3%; margin:0 0 30px 0; }
  4758.  
  4759. .int_map .qualities { margin: -150px 0 0 0; }
  4760. .int_map .qualities .box { margin:20px 0 0 0; }
  4761.  
  4762. .strat_mobi .strat .decs { padding: 0 10px; }
  4763.  
  4764. .moreinfo { display: none; }
  4765.  
  4766. .innovators { margin:0 !important; }
  4767. .innovators .box { margin: 0 0 40px 0; }
  4768.  
  4769. .int_map .int_loc_map { margin:-90px 0 0 0; }
  4770. .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; }
  4771.  
  4772. .static_banner.bnabout { height: 400px !important; }
  4773. .static_banner.bnabout .desc img { max-height: 80px; }
  4774. .static_banner.bnabout .desc p { max-width: 630px !important; font-size: 16px; }
  4775.  
  4776. .leaderteam .box { margin: 0 0 30px 0; }
  4777. .leaderteam .box .name { font-size: 16px; }
  4778. .leaderteam .box .designation { font-size: 14px; }
  4779.  
  4780. .pg_globalinfra .threepoints { margin: 30px 0; }
  4781. .pg_globalinfra .threepoints .box { font-size: 18px; }
  4782.  
  4783. .pg_globalinfra .fivepoints { margin: 0; }
  4784. .pg_globalinfra .fivepoints .box { width:31%; }
  4785.  
  4786. .loc_map_details { display: none; }
  4787. .pg_mapbox .mapbox .loc { display: none; }
  4788.  
  4789. /*.mapbox { display: none; }*/
  4790. .pg_mapbox .mapbox { margin:10px 0 -80px 0; display: block; }
  4791. .pg_mapbox .mapbox .loc_map img { margin:0; }
  4792. .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; }
  4793.  
  4794. .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; }
  4795. .s_locations .panel { display: none; width:100%; float:left; margin: 0 0 10px 0; }
  4796. .s_locations .panel-heading { width:100%; float:left; background: rgba(255,255,255,0.1); }
  4797. .s_locations .panel-heading .panel-title { width:100%; float:left; margin: 0; padding: 10px; }
  4798. .s_locations .panel-heading .panel-title a { width:100%; float:left; margin: 0; color:#fff; font-size: 20px; }
  4799. .s_locations .panel-heading .panel-title a .arrow { float:right; }
  4800. .s_locations .panel-heading .panel-title a .arrow .fa { font-size:30px; color:#fff; }
  4801. .s_locations .panel-heading .panel-title a.collapsed .arrow .fa:before { content:"\f107"; }
  4802.  
  4803. .s_locations .panel-collapse { width:100%; float:left; }
  4804. .s_locations .panel-body { width:100%; float:left; background:rgba(255,255,255,1); padding: 10px; color:#333; }
  4805.  
  4806. .celebration .box { width:100%; margin:0 0 10px 0; }
  4807. .celebration .box .img { width:100%; background-size: cover !important; }
  4808. .celebration .box.type2 { width:98%; margin: 1%; }
  4809.  
  4810. .m-text-center { text-align: center; }
  4811.  
  4812. .pg_historytimeline { display: none; }
  4813. .pg_career_benefits { background-position: 50% 0 !important; }
  4814.  
  4815. .inspirepoints .activity { width:32%; margin: 0 0 40px 0; }
  4816. .inspirepoints .activity .img { height: 80px; }
  4817.  
  4818. .pg_gopalces { background-position: 50% 0 !important; background-size: cover !important; background-attachment: inherit !important; }
  4819.  
  4820. .corevalues .img { max-height: 145px; }
  4821.  
  4822. .tabscontainer .tabnav .t { padding:10px 15px; }
  4823. .tabscontainer .tabnav .t a span { font-size: 16px; width: 75%; }
  4824.  
  4825. #whitepaper_1 { height: 375px; }
  4826.  
  4827. .qas_3 { text-align: center; }
  4828. .qas_3 .features-text { text-align: left; }
  4829.  
  4830. .o_locations .box .img { height: 200px; background-size: 96%; }
  4831.  
  4832. }
  4833. @media (min-width:768px) and (max-width: 768px){
  4834. .nomobile { display: none !important; }
  4835. .nodesktop { display: block !important; }
  4836.  
  4837. .resp_title { display: none !important; }
  4838. .get-result-tab { display: table !important; }
  4839.  
  4840. .nice_title .box { padding: 5px 0 6px 0; }
  4841. .closertocode .arrow_img .svg { max-height: 380px !important; }
  4842. .closertocode .graph_pair .svg.graph { width:100%; max-height: 500px; }
  4843. }
  4844. @media (min-width: 1025px) and (max-width: 1220px) {
  4845. .nodesktop { display: none !important; }
  4846. .container { width: 100% !important; padding: 0 15px; }
  4847. .search-bar .container { padding: 50px 0; }
  4848. header .navbar .brand { margin-left: 15px; }
  4849. .container.container_relative { padding: 10px 0px 10px 0px !important; }
  4850. .container.container_relative.container_social { padding: 0 !important; }
  4851. .homesliders .container { padding: 0 !important; }
  4852. .homesliders .bx-viewport { /*height: 410px !important;*/ }
  4853. .homesliders .sbanner .slide { height: 500px; }
  4854. .synchro_new .homeslider.backgrounded { padding: 0 !important; }
  4855.  
  4856. .tier_one .btn { font-size: 16px; }
  4857. .tier_two .btn { font-size: 16px; }
  4858. .tier_three .btn { font-size: 16px; }
  4859. .tier_four .btn { font-size: 16px; }
  4860. .tier_five .btn { font-size: 16px; }
  4861.  
  4862. .loc_map_details { max-width:600px; }
  4863. .loc_map_details .infobox .detail .title { font-size: 18px; }
  4864. .loc_map_details .infobox .detail .role { font-size: 14px; }
  4865. .loc_map_details .infobox .detail .desc { font-size: 14px; }
  4866.  
  4867. .loc_map_details .infobox .redirect a i { font-size: 20px; }
  4868.  
  4869. }
  4870. @media (min-width: 1200px) {
  4871. .nodesktop { display: none !important; }
  4872.  
  4873. }
  4874. @media (min-width: 1400px) {
  4875. /*.sbanner .slide.bx-clone { margin-top: -55px !important; }*/
  4876.  
  4877. .sbanner .slide.slide2 { background-position: 50% 0 !important; }
  4878. .sbanner .slide.slide2 { background-position: 50% -200px !important; }
  4879. .sbanner .slide.slide3 { background-position: 50% -50px !important; }
  4880. }
  4881. @media (min-width: 1025px) and (max-width: 1400px) {
  4882. .sbanner .slide { background-position: 60% 0 !important; }
  4883. .static_banner.qmetrymobile { background-position:50% 90px !important; }
  4884. }
  4885.  
  4886. @media (min-width: 480px) and (max-width: 767px){
  4887. .newsnevent .box .desc { height: auto !important; }
  4888. .mobile-application-development-page .defaultimg { background-position: 65% 0 !important; }
  4889. .mobile-testing-page .defaultimg { background-position: 65% 0 !important; }
  4890. .mobile-business-optimization-page .defaultimg { background-position: 65% 0 !important; }
  4891. .enterprise-qa-page .defaultimg { background-position: 65% 0 !important; }
  4892. .wearable-technologies-page .defaultimg { background-position: 65% 0 !important; }
  4893.  
  4894. .tp-caption.black_mobile1 .we_title { font-size: 26px !important; }
  4895. .homesliders .bx-viewport { height: 360px !important; }
  4896.  
  4897. .entstack { background-position: 50% 400px; }
  4898. }
  4899.  
  4900. @media (max-width: 480px){
  4901. .home-enable .headline { font-size: 24px !important; text-align: center !important; }
  4902. .lblog .box .readmore { float: none; }
  4903. .newsnevent .box .desc { height: auto !important; }
  4904. .mobile-enablement-page .f.headline { font-size: 20px; }
  4905. .factory { min-height: 80px; }
  4906. .factory img { max-height: 70px; }
  4907. .mobile-application-development-page .defaultimg { background-position: 70% 0 !important; }
  4908. .mobile-testing-page .defaultimg { background-position: 70% 0 !important; }
  4909. .mobile-business-optimization-page .defaultimg { background-position: 70% 0 !important; }
  4910. .enterprise-qa-page .defaultimg { background-position: 70% 0 !important; }
  4911. .wearable-technologies-page .defaultimg { background-position: 70% 0 !important; }
  4912.  
  4913. .tp-caption.black_mobile1 { left: 10px !important; }
  4914. .tp-caption.black_mobile3 { left: 10px !important; }
  4915.  
  4916. .tp-caption.black_mobile1 .we_title { font-size: 20px !important; }
  4917.  
  4918. a.tools_orange, a.tools_white { width:100%; text-align: center; margin:10px 0 !important; }
  4919. .tools_2 a.tools_orange, .tools_3 a.tools_orange { width:100%; text-align: center; margin:10px 0 !important; }
  4920. .tools_2 a.tools_white, .tools_3 a.tools_white { width:100%; text-align: center; margin:10px 0 !important; }
  4921.  
  4922. .ftr_newsletter iframe { max-width: 220px; float: none; display: inline-block; }
  4923. header .navbar .brand { margin-left: 15px; }
  4924.  
  4925. .entstack { background-position: 50% 400px; }
  4926. }
  4927.  
  4928. .webinar .fluid-width-video-wrapper { display: none; }
  4929.  
  4930. .backgrounded.fastFadeFromTop.cust_sayings { background: url("https://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; }
  4931. .customers-page .backgrounded.fastFadeFromTop.cust_sayings1 { background: url("https://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; }
  4932. .cust_sayings .client_logo { text-align:center; }
  4933. .cust_sayings1 .client_logo { text-align:center; }
  4934.  
  4935. a.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; }
  4936. a:hover.cust-more-btn-new{ background-color: #f67107; color:#fff;}
  4937. a:hover.cust-more-btn{background-color: #f67107; color:#fff;}
  4938. a.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; }
  4939. a:hover.cust-more-btn-new1{ background-color: #f67107; color:#fff;}
  4940.  
  4941. .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;}
  4942. .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;}
  4943. .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;}
  4944. .cust_sayings ._cite { width:100%; float:left; }
  4945.  
  4946. .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;}
  4947. .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;}
  4948. .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;}
  4949. .cust_sayings1 ._cite { width:100%; float:left; }
  4950.  
  4951. .qmetry_7 { padding: 30px 0 60px 0 !important; }
  4952. .qmetry_7 .bx-wrapper { width:100%; float:left; }
  4953. /*.qmetry_7 .bx-wrapper .bx-pager { left:0; bottom: 30px; }*/
  4954. .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;}
  4955. .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;}
  4956. .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;}
  4957. .customer_slider ._cite { width:100%; float:left; }
  4958. .customer_slider .person-name{ font-size:16px; color:#000000; }
  4959. .customer_slider .designationtxt{ font-size:14px; color:#666666; }
  4960. .customer_slider .get-started-imp{ font-size: 12px; color: #999; padding-top:5px; }
  4961. .customer_slider .cname { font-style: italic; color: #f67107; font-size: 14px; line-height: 130%; margin: 0; font-weight: 400; text-align: center; }
  4962.  
  4963. .para-title{ font-size: 31.5px; text-align:center; margin-top:57px;}
  4964. .para-title h2{ color:#666;}
  4965. .para-title span{ color:#ff7302;}
  4966. .hover_icon_fsize{ font-size:28px;}
  4967. .info_get_ruselt{ padding: 30px 0px;}
  4968. .info_get_ruselt h2{ color:#666;}
  4969. .info_get_ruselt span{ color:#ff7302;}
  4970. .cust_sayings .bx-wrapper .bx-pager.bx-default-pager a{ background:#dfdfdf;}
  4971. .cust_sayings1 .bx-wrapper .bx-pager.bx-default-pager a{ background:#dfdfdf;}
  4972. .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f67107 !important;}
  4973.  
  4974. .p-0{ padding:0px !important; }
  4975.  
  4976. #infostretchgetsResults ul.get-result-tab{ text-align: center; margin: 0 auto; width: 100%; max-width: 800px !important; display: table; }
  4977. #infostretchgetsResults ul.get-result-tab { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }
  4978. #infostretchgetsResults ul{background-color:#fafafa; border-radius:16px; padding: 0px 15px;}
  4979. #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; }
  4980. #infostretchgetsResults ul.get-result-tab li a{color: #9da1a5;font-size: 22px;padding: 10px 0;transition:none;box-shadow: none !important;background-color: transparent;}
  4981. #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;}
  4982. #infostretchgetsResults ul.get-result-tab li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}
  4983. #infostretchgetsResults ul.get-result-tab li a i{color: #9da1a5; font-size: 16px; }
  4984. #infostretchgetsResults ul.get-result-tab li.ui-tabs-active {background-color: #fafafa;}
  4985. #infostretchgetsResults ul.get-result-tab li.ui-tabs-active a span{color:#f67107;}
  4986. #infostretchgetsResults ul.get-result-tab li.ui-tabs-active a i{color:#f67107;}
  4987. #infostretchgetsResults ul.get-result-tabli a:hover span {color: #f67107;}
  4988. #infostretchgetsResults ul.get-result-tab li a:hover i {color: #f67107;}
  4989. #infostretchgetsResults ul.get-result-tab li.first{}
  4990. #infostretchgetsResults ul.get-result-tab li.last{border-radius: 0 5px 5px 0;}
  4991. #infostretchgetsResults .slide .box {text-align:center;}
  4992. #infostretchgetsResults .slide .box img{ text-align:center; width:auto; height:90px; margin-bottom:20px; }
  4993. #infostretchgetsResults .slide .box a{ color:#f67107;}
  4994. #infostretchgetsResults .bx-wrapper .bx-next { right: -50px !important;}
  4995. #infostretchgetsResults .bx-wrapper .bx-prev { left: -50px !important; }
  4996. #infostretchgetsResults .resp_title a { width:100%; float:left; }
  4997. #infostretchgetsResults .resp_title a.activelink i:before { content:"\f077"; }
  4998.  
  4999. #tabs_new ul.get-result-tab{ text-align: center; margin: 0 auto; width: 100%; max-width: 800px !important; display: table; }
  5000. #tabs_new ul.get-result-tab { text-align:center; margin: 0 auto; width:100%; max-width: 460px; display: table; }
  5001. #tabs_new ul{background-color:#fafafa; border-radius:16px; padding: 0px 15px;}
  5002. #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; }
  5003. #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;}
  5004. #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;}
  5005. #tabs_new ul.get-result-tab li a span{vertical-align: middle;margin-left: 15px; font-size:16px; color: #9da1a5;}
  5006. #tabs_new ul.get-result-tab li a i{color: #9da1a5; font-size: 16px; }
  5007. #tabs_new ul.get-result-tab li.ui-tabs-active {background-color: #fafafa;}
  5008. #tabs_new ul.get-result-tab li.ui-tabs-active a span{color:#f67107;}
  5009. #tabs_new ul.get-result-tab li.ui-tabs-active a i{color:#f67107;}
  5010. #tabs_new ul.get-result-tabli a:hover span {color: #f67107;}
  5011. #tabs_new ul.get-result-tab li a:hover i {color: #f67107;}
  5012. #tabs_new ul.get-result-tab li.first{}
  5013. #tabs_new ul.get-result-tab li.last{border-radius: 0 5px 5px 0;}
  5014. #tabs_new .slide .box {text-align:center;}
  5015. #tabs_new .slide .box img{ text-align:center; width:auto; height:90px; margin-bottom:20px; }
  5016. #tabs_new .slide .box a{ color:#f67107;}
  5017. #tabs_new .bx-wrapper .bx-next { right: -50px !important;}
  5018. #tabs_new .bx-wrapper .bx-prev { left: -50px !important; }
  5019.  
  5020. .cust-quote-popup { display:none;}
  5021. .fancybox-content p{ text-align: center; width: 80%; margin: 10px auto;}
  5022. .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; }
  5023. .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; }
  5024. .cust_saying_slider_wrap .cname { font-style: italic; color: #f67107; font-size: 14px; line-height: 130%; margin: 0; font-weight: 400; text-align: center; }
  5025. a.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; }
  5026. a.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; }
  5027.  
  5028. #header { z-index:1501; position:fixed; width:100%; }
  5029. .overlay{ position:fixed; width:100%; height:100%; background-color:#333; opacity:0.5; z-index:1500;}
  5030. .display-one{ display:block;}
  5031.  
  5032. .display-none{ display:none;}
  5033. .pull-left{ float:left !important;}
  5034. .pull-right{ float:right !important;}
  5035. .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; }
  5036. .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; }
  5037. .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; }
  5038. .suppa_menu_7 .suppa_submenu{border-radius: 10px 0 10px 10px !important;}
  5039. div.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; }
  5040. div.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; }
  5041. div.menu-right-buton:hover{ opacity: 0.8; }
  5042. .button-a{ float:left; width:100%;}
  5043. div.menu-left-buton i{ font-size:32px; vertical-align:middle; margin-right:10px; color:#f67107; }
  5044. div.menu-left-buton span{ font-size:14px; vertical-align:middle; margin:0px; color:#000000; }
  5045. div.menu-right-buton span{ font-size:14px; vertical-align:middle; margin:10px; color:#fff; }
  5046.  
  5047. .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;}
  5048. .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;}
  5049. .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;}
  5050. .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;}
  5051. .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;}
  5052. .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; }
  5053. .left-menu-height{}
  5054. .right-menu-height{}
  5055. .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*/; }
  5056.  
  5057. .partner-divider{ background: url(../img/partner-div.jpg) repeat-x 0px 0px; height:2px; margin:25px 0px 15px; }
  5058. .about-contact-bg{ background-color:#f9f9f9; height:347px; }
  5059. .view-culture{height:347px;}
  5060. .suppa_menu{ line-height: 19px !important; }
  5061. .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; }
  5062. .suppa_menu a[title="getstarted"] span { font-size: 14px !important; text-transform: uppercase !important; color: #fff !important; padding-top:11px !important; }
  5063. .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; }
  5064.  
  5065. .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; }
  5066. .suppa_menu .suppa_top_level_link.suppa_menu_position_right:hover { background:transparent !important; border:1px solid #f67107 !important; }
  5067. .suppa_menu .suppa_top_level_link.suppa_menu_position_right:hover span { color:#f67107 !important; }
  5068. .pull-right{ float:right !important;}
  5069.  
  5070. .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; }
  5071. .suppa_menu.suppa_menu_7 .suppa_top_level_link.suppa_menu_position_right:hover { background:transparent !important; border:1px solid #f67107 !important; }
  5072. .suppa_menu.suppa_menu_7 .suppa_top_level_link.suppa_menu_position_right:hover span { color:#f67107 !important; }
  5073.  
  5074. #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;}
  5075. #searchform .searchButton:hover { background:#f67107 !important; border:1px solid transparent !important; }
  5076.  
  5077. .row-fluid .my-searchlist:last-child{ border: none; }
  5078.  
  5079. .search-results .content, .search-results .search_newpg .content { padding: 0 0 30px; }
  5080. .search-results .search_newpg .my-searchlist { border-bottom: 1px solid #CECECE; padding-bottom: 10px; margin: 0 0 10px;font-size: 14px; }
  5081. .search-results .my-searchlist h4 { color: #ff7302; padding: 0 0 20px; margin: 0; font-size: 23px; text-transform: capitalize; font-weight: 300; }
  5082.  
  5083. .noresult_search input.input-inverse[type="text"] { border: 1px solid #dfdfdf; height: 42px !important; margin: 0; padding-left: 5px; color: #333; }
  5084.  
  5085. ul.page-numbers { list-style: none; margin: 0; border-top:1px solid #fff; }
  5086. ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center; }
  5087.  
  5088. .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; }
  5089. .page-numbers a i { color: #f67107 !important; display: block; font-size: 12px !important; margin-top: 11px; padding: 0 !important; text-align: center; }
  5090. .page-numbers a:hover i { color: #fff !important; }
  5091. .page-numbers a span { padding: 0; }
  5092. .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #fff; text-decoration: none; background: #f67107; border-color: #f67107; }
  5093. .page-numbers:hover { text-decoration: none }
  5094. .page-numbers:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  5095.  
  5096. .suppa_submenu i { color:#f67107; margin-right:10px; }
  5097. .menu_mobile a:hover { padding-left:20px; }
  5098. .menu_mobile .sub:hover { padding-left:35px; }
  5099. .left-menu-height-6 { height: 305px; }
  5100. .about-button-pos { position: absolute; bottom: 0px; left: 10%; }
  5101. .view-culture-button-pos{ position: absolute; bottom: 0px; left: 5%; }
  5102. .cust_slider_cont .bx-wrapper .bx-controls-direction a{ top:100%; margin-top: -35px;}
  5103. .cust_slider_cont .bx-controls { margin-top: 0px; float: left; width: 100%; position: relative; margin-top:0px;}
  5104. .cust_slider_cont .bx-controls .bx-pager { width: 100%; float: none; padding-top:10px; }
  5105. .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; }
  5106. .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; }
  5107. .cust_slider_cont .cust-head-text { font-size: 20px; color: #666666; font-weight: 300; margin-top: 30px; text-align: left; }
  5108. .cust_slider_cont .cust-head-text a { color: #f67107; text-decoration: none; cursor:pointer; }
  5109. .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%; }
  5110.  
  5111. .fbox-inline { max-width: 100%; padding: 10px; display: inline-block; }
  5112.  
  5113. .get_result_slider { text-align: center; }
  5114. .get_result_slider .bx-viewport { max-width: 980px !important; margin: 0 auto; }
  5115. .get_result_slider .slide { text-align: center; }
  5116. .get_result_slider .bx-wrapper img { display: inline-block; }
  5117. .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; }
  5118. .get_result_slider .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }
  5119. .get_result_slider .bx-wrapper .bx-next { background-position: -52px -1px !important; }
  5120. .get_result_slider .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }
  5121. .get_result_slider .bx-wrapper .bx-pager { bottom: -40px; }
  5122. .get_result_slider .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }
  5123. .get_result_slider .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }
  5124.  
  5125. .get_result_slider_home { text-align: center; }
  5126. .get_result_slider_home .bx-viewport { max-width: 980px !important; margin: 0 auto; }
  5127. .get_result_slider_home .slide { text-align: center; }
  5128. .get_result_slider_home .bx-wrapper img { display: inline-block; }
  5129. .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; }
  5130. .get_result_slider_home .bx-wrapper .bx-prev:hover { background-position: -1px -51px !important; }
  5131. .get_result_slider_home .bx-wrapper .bx-next { background-position: -52px -1px !important; }
  5132. .get_result_slider_home .bx-wrapper .bx-next:hover { background-position: -52px -51px !important; }
  5133. .get_result_slider_home .bx-wrapper .bx-pager { bottom: -48px; }
  5134. .get_result_slider_home .bx-wrapper .bx-pager .bx-pager-item a { background: #dfdfdf; }
  5135. .get_result_slider_home .bx-wrapper .bx-pager .bx-pager-item a.active { background: #f67107; }
  5136.  
  5137. .home-2-page .backgrounded.cust_sayings { background: url("https://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; }
  5138. .cust_saying_slider_wrap { width:100%; float:left; }
  5139. .cust_sayings .cust-more-btn-new { display: inline-block; }
  5140.  
  5141. .homebanner_text { width:80%; max-width: 800px; margin:0 auto; text-align: center; }
  5142. .homebanner_text h2 { font-size:40px; line-height: 120% !important; margin: 0 0 10px 0 !important; color:#fff !important; font-weight: 700 !important; }
  5143. .homebanner_text p { font-size:22px; line-height: 120% !important; font-style: italic; color:#fff !important; }
  5144.  
  5145. .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; }
  5146. .home_about h2 { color:#fff !important; }
  5147. .home_about .sub_title { color:#fff !important; }
  5148. .home_about p { color:#fff !important; }
  5149. .sub_title { font-size: 28px; line-height: 120%; }
  5150.  
  5151. /*.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; }*/
  5152. .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; }
  5153. .capability_area { width:100%; float:left; }
  5154. .capability_area .img { max-width:519px; max-height: 519px; display: inline-block; position: relative; }
  5155. .capability_area .img img { width:100%; }
  5156. .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; }
  5157. .capability_area .img .pin:hover { background-position: 50% 100%; }
  5158. .capability_area .img .pin1 { top:15.5%; left:20.5%; }
  5159. .capability_area .img .pin2 { top:15%; left:72.5%; }
  5160. .capability_area .img .pin3 { top:60.5%; left:86.5%; }
  5161. .capability_area .img .pin4 { top:88.5%; left:46%; }
  5162. .capability_area .img .pin5 { top:60.5%; left:8.5%; }
  5163. .capability_area .img .pin .tooltip { display: block; }
  5164. .capabilitypg .dtitle { color:#fff; }
  5165. .capabilitypg .subtext { color:#fff; }
  5166.  
  5167. .bestpractice .box { margin-bottom: 30px; text-align: center; }
  5168. .bestpractice .box .img { margin-bottom: 10px; }
  5169. .bestpractice .box .title { font-weight: 400; color:#000; font-size: 22px; }
  5170. .bestpractice .box .text { text-align: center; }
  5171. .bestpractice .box .more { color:#F67107; }
  5172. .bestpractice .box .more:hover { color:#F67107; }
  5173.  
  5174. .innovators { width:100%; float:left; margin: 20px 0 40px 0; }
  5175. .innovators .box { width:100%; float:left; text-align: center; padding: 0 30px; }
  5176. .innovators .box .img { width:100%; float:left; display: table; height: 70px; margin: 0 0 20px 0; }
  5177. .innovators .box .img .t { width:100%; height: 100%; display: table-cell; vertical-align: middle; }
  5178. .innovators .box .desc { width:100%; float:left; }
  5179.  
  5180. .listt { width: 96%; float: left; list-style-position: inside; text-indent: -17px; padding: 0; }
  5181. .listt li { width: 100%; float: left; margin: 0 0 15px 0; }
  5182. .listt li span { color: #666; }
  5183.  
  5184. .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; }
  5185. .isapproach .subtext { width:100%; float:left; text-align: left; font-size: 20px; line-height: 170%; }
  5186. .isapproach .img { margin-bottom: -30px; }
  5187.  
  5188.  
  5189. @media (min-width:768px) and (max-width:990px){
  5190. #frm_product { height: 690px; }
  5191. #frm_product_a { height: 720px; }
  5192.  
  5193. .frm_getInTouch { text-align: center; }
  5194. #frm_contact { max-width: 485px; }
  5195.  
  5196. }
  5197.  
  5198. @media (min-width:990px) and (max-width:1110px){
  5199. #getstarted { width:530px !important; height: 510px; }
  5200. #frm_contact { width:530px !important; height: 510px; }
  5201. #frm_product { width:530px !important; height: 430px; }
  5202. #frm_product_a { width:530px !important; height: 450px; }
  5203. }
  5204.  
  5205. @media (max-width:990px){
  5206. .o_locations .dtitle.t1 { display: none; }
  5207. .o_locations .dtitle.t2 { display: block; }
  5208. }
  5209.  
  5210. @media (min-width:1025px){
  5211. .sbanner .slide.slide4 { background-position: 50% 40px !important; }
  5212. .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%); }
  5213. .sbanner .slide.slide3 .desc { max-width: 1150px; }
  5214. .sbanner .slide.slide3 .desc h2 { max-width: 800px; margin:0 auto 10px auto !important; }
  5215. }
  5216.  
  5217. @media (max-width: 768px) and (min-width: 481px){
  5218. div#product_footerlink { text-align: center; width: 100% !important; }
  5219. /*.sbanner .slide.bx-clone { margin-top: -55px !important; }*/
  5220. }

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.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

About CodeHim

Free Web Design Code & Scripts - CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code & scripts. All codes published on CodeHim are open source, distributed under OSD-compliant license which grants all the rights to use, study, change and share the software in modified and unmodified form. Before publishing, we test and review each code snippet to avoid errors, but we cannot warrant the full correctness of all content. All trademarks, trade names, logos, and icons are the property of their respective owners... find out more...

Please Rel0ad/PressF5 this page if you can't click the download/preview link

X