/*------------------------------------------------------------------
[Table of contents]

01. Main elements
02. Title and Test
03. Home Slider
04. Header
05. Rocket Animation
06. Flying Man Animation
07. Row Wrapper
08. Parallax
09. Deals Box
10. Image Container
11. Process ( how it works )
12. Theme Feature
13. Product Feature
14. Register
15. Hosting Search Domain Form
16. Hosting Domain Price
17. Team
18. Clients
19. FAQ
20. Sitemap
21. Blog
22. Sidebar
23. Popup Contact Form
24. Map
25. Contact Form
26. Footer
-------------------------------------------------------------------*/
/**
 * -------------------------
 * @section Support Tickets
 * -------------------------
 */
 
 
 
 #header .logo img {
margin-right: 6px;
margin-right: 6px;
width: 270px;
height: auto;
}
 
 .bannermain
 {
     margin-top:100px;
 }
 .packagesdiv
 {
     opacity: 1; display: block; margin-top:50px;
 }
 .itserimg
 {
     width:350px; height:314px;
 }
 .submitbtnpay
 {
     display:block; width:20%; text-align:center; padding:10px; margin-top:20px; background-color:#0dc332;
    
     height: 48px;
     box-sizing: border-box;
     font-size: 22px;
     outline: none;
     color: #fff;
     border: 2px solid #049020;
 }
 .owl-itemm
 {
     width: 230px;
     float:left;
 }
 .careerdiv
 {
     display:none;
 }
 .supportdiv
 {
     display:none;
 }
 .submitbtnpay:hover{
     color:#fff;
 }
 .ticket-attachments-message {
     padding-top: 4px;
     font-size: 0.8em;
 }
 
 .ticket-reply .rating,
 .ticket-reply .rating-done {
     float: right;
     padding: 5px 10px;
     unicode-bidi: bidi-override;
     direction: rtl;
     font-size: 24px;
 }
 .ticket-reply .rating span.star,
 .ticket-reply .rating-done span.star {
     font-family: FontAwesome;
     font-weight: normal;
     font-style: normal;
     display: inline-block;
 }
 .ticket-reply .rating-done .rated {
     display: inline-block;
     font-size: 12px;
     font-family: Tahoma;
 }
 .ticket-reply .rating span.star:hover {
     cursor: pointer;
 }
 .ticket-reply .rating span.star:before,
 .ticket-reply .rating-done span.star:before {
     content: "\f006";
     padding-right: 0;
     color: #999;
 }
 .ticket-reply .rating span.star:hover:before,
 .ticket-reply .rating span.star:hover ~ span.star:before,
 .ticket-reply .rating-done span.star.active:before  {
     content: "\f005";
     color: #F2DE88;
 }
 
 .ticket-reply .attachments {
     margin: 0;
     padding: 10px 20px;
     border-top: 1px dashed #efefef;
     background-color: #f8f8f8;
     font-size: 0.8em;
 }
 
 .ticket-reply .attachments ul {
     margin: 0;
     padding: 0 0 0 15px;
     list-style: none;
 }
 
 .ticket-reply .clear {
     clear: both;
 }
 
 .panel > .list-group .ticket-details-children {
     border-width: 0;
 }
 .panel > .list-group .ticket-details-children .title {
     font-weight: bold;
     font-size: 14px;
     line-height: 1.42857;
     color: #333;
     text-shadow:none;
 }
 .panel > .list-group .ticket-details-children:nth-child(even) {
     background-color: #f2f2f2;
 }
 .panel > .list-group .ticket-details-children:last-child {
     border-width: 0 0 1px 0;
 }
 .panel-gip>.panel-heading {
     color: #fff;
     background-color: #333;
     border-color: #333;
 }
 .panel-body {
     padding: 15px;
     border:1px solid #333;
 }
 .panel-default>.panel-heading {
     color: #333;
     background-color: #f5f5f5;
     border-color: #ddd;
 }
 /**
  * -------------------------
  * @section Support Ticket Feedback
  * -------------------------
  */
 .supportWaitingDv {
     padding-bottom: 63px;
     padding-top: 15px;
 }
 .supportThreeBRrow {
     margin-top: 80px;
 }
 .row {
     margin-left: 0px !important;
     margin-right: 0px !important;
 }
 .supportThreeBRrow .col-sm-4 h2 {
     font-size: 18px;
     font-weight: 700;
     margin-top: 20px;
     margin-bottom: 10px;
 }
 .supportThreeBRrow .col-sm-4 {
     border-right: 1px solid #ccc;
 }
 .supportThreeBRrow .col-sm-4 {
     width: 25%;
 }
 .supportThreeBRrow .col-sm-4 {
     text-align: center;
     text-transform: uppercase;
 }
 .supportThreeBRrow .col-sm-4 .iconDv {
 }
 .rowdiv
 {
     margin-left:-15px !important;
     margin-right:-15px !important;
     margin-top:40px;
 }
 .imgResponsiveMax {
     max-width: 100%;
 }
 .supportThreeBRrow .col-sm-4 h2 a:hover {
     opacity: 0.8;
     text-decoration: none;
 }
 .supportThreeBRrow .col-sm-4 h2 a {
     color: #333;
 }
 .supportThreeBRrow .col-sm-4 h2 span {
     display: block;
 }
 .supportInnerBnner {
     background-image: url(../images/supportBanner.jpg);
     
     background-position-y:bottom;
     background-position-x:center;
     background-size: cover;
     min-height: 258px;
     position: relative;
     overflow: hidden;
 
 }
 .supportinner
 {
     background-color:rgba(0,0,0,0.4);
  min-height: 258px;
  width:100%;
 }
 .supportHeadingDv {
     padding-top: 0;
 }
 .supportHeadingDv {
     text-align: center;
     position: relative;
     padding-top: 57px;
     z-index: 2;
 }
 .supportHeadingDv {
     text-align: center;
 }
 .supportHeadingDv h1 {
     color: #fff;
 }
 .supportHeadingDv h1 {
     font-size: 43px;
     font-weight: bold;
     text-transform: uppercase;
 }
 .supportHeadingDv h1 span {
     color: #13afeb;
 }
 .supportHeadingDv h3 {
     color: #fff;
 }
 .supportHeadingDv h3 {
     font-size: 17px;
 }
 .ticketfeedbackstaffcont {
     margin: 10px auto;
     padding: 15px;
     width: 90%;
     background-color: #efefef;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
 }
 .notification
 {
     width:100%;
     height:auto;
     overflow:hidden;
     padding:7px 15px;
     background-color:#48c998;
     color:#fff;
     text-align:center;
     font-size:18px;
     margin-top:120px;
 }
 .error
 {
     width:100%;
     height:auto;
     overflow:hidden;
     padding:7px 15px;
     background-color:#ea6a47;
     color:#fff;
     text-align:center;
     font-size:18px;
     margin-top:120px;
 }
 
 .btn-block {
     display: block;
     width: 100%;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857;
     border-radius: 4px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
      color: #333;
     background-color: #fff;
     border-color: #ccc;
 }
 
 
 .btncancel {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.33333;
     border-radius: 6px;
      color: #333;
     background-color: #fff;
     border:1px solid #E4E4E4;
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     white-space: nowrap;
     padding: 10px 30px;
     font-size: 16px;
     line-height: 1.42857;
     border-radius: 4px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-right:15px;
 }
 .btncancel:hover{
     color:rgba(0,0,0,.7);
 }
 .btnsuccess {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.33333;
     border-radius: 6px;
      color: #333;
     color: #fff;
     background-color: #5cb85c;
     border:1px solid #4cae4c;
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     white-space: nowrap;
     padding: 10px 30px;
     font-size: 16px;
     line-height: 1.42857;
     border-radius: 4px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 
 }
 
 .testimonial-header {
     font-weight: bold;
     line-height: 1;
     padding: 20px 10px 10px;
     color: #333!important;
     font-size: 42px;
     text-transform: uppercase;
     text-align: center;
     padding-top: 30px;
 
 }
 .testimonial-header-span {
     font-size: 15px;
     color: #333 !important;
     text-decoration: none;
     text-shadow: none;
     text-transform: capitalize;
     text-align: center;
     margin-bottom: 25px;
 }
 .ticketfeedbackrating {
     padding: 0 100px;
 }
 
 .ticketfeedbackrating .rate {
     float: left;
     padding: 0 10px;
     min-width: 30px;
     text-align: center;
 }
 #main-area1left #top-space {
     height: auto;
 }
 #top-space-all {
     height: auto;
     width: 100%;
     margin-top: 10px;
     margin-right: 0px;
     margin-bottom: 0px;
 }
 #top-space-all #top-space-top {
     background-image: url(../images/top-space-top.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topst {
     background-image: url(../images/stc.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topsut {
     background-image: url(../images/st.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topindus {
     background-image: url(../images/industraining.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-toplong {
     background-image: url(../images/lts.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topLogin {
     background-image: url(../images/studentlogin.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topwork {
     background-image: url(../images/wprograms.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topc {
     background-image: url(../images/certificationtraining.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topEmpLogin {
     background-image: url(../images/fbla.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-topcareer {
     background-image: url(../images/copp.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-toptr {
     background-image: url(../images/trainingprograms.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-top1 {
     background-image: url(../images/top-space-top1.html);
     height: 38px;
     width: 100%;
 }
 #top-space-all #top-space-bootom {
     background-image: url(../images/topspace-shadow.html);
     height: 13px;
     width: 100%;
 }
 #top-space-all #top-space-mid {
     background-image: url(../images/top-space-mid.html);
     height: 150px;
     width: 100%;
 }
 #top-space-all #top-space-midLogin{
     height: 150px;
     width: 100%;
 }
 #top-space-all #top-space-midst {
     background-color:#E4E4E4;
     height: auto;
     overflow:hidden;
     width: 100%;
 }
 .registernowbtn
 {
     border:none;display:inline-block;outline:0;padding:4px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#94D85F;text-align:center;cursor:pointer;white-space:nowrap
 }
 .registernowbtn:hover {
     color:#fff;
 }
 .trainingtable tr {
     height:50px;
 }
 .trainingtable td
 {
     padding-left:10px;
 }
 .trainingtable td:hover
 {
    
 }
 .trainingtable div
 {
     
     
     color:#fff;
     width:300px;
     font-size:16px;
     padding:6px 10px;
     background-color:#333;
 }
 #top-space-all #top-space-midadmin {
     background-image: url(../images/top-space-mid.html);
     height: 725px;
     width: 100%;
     padding: 0px;
     overflow: auto;
 }
 .registerstartl
 {
     width:70%;
     height:auto;
     overflow:hidden;
     float:left;
 }
 .registerstartlh3
 {
     margin:0px;
     padding:20px 0px 20px 0px;
     font-size:21px;
     text-align:left;
     color:#f7960e
 }
 .registerstartr
 {
     width:30%;
     height:auto;
     overflow:hidden;
     float:right;
 }
  ol {
     counter-reset: li; /* Initiate a counter */
     list-style: none; /* Remove default numbering */
     *list-style: decimal; /* Keep using default numbering for IE6/7 */
     font: 15px 'trebuchet MS', 'lucida sans';
     padding: 0;
     margin-bottom: 4em;
     text-shadow: 0 1px 0 rgba(255,255,255,.5);
 }
 
 ol ol {
     margin: 0 0 0 2em; /* Add some left margin for inner lists */
 }
 .rounded-list a{
     position: relative;
     display: block;
     padding: .4em .4em .4em 2em;
     *padding: .4em;
     margin: .5em 0;
     background: #ddd;
     color: #444;
     text-decoration: none;
     border-radius: .3em;
     transition: all .3s ease-out;
     text-align:left;
     font-size:15px; 
      
 }
 
 .rounded-list a:hover{
     background: #eee;
 }
 
 .rounded-list a:hover:before{
     transform: rotate(360deg);  
 }
 
 .rounded-list a:before{
    content: ">";
     position: absolute; 
     left: -1.3em;
     top: 50%;
     margin-top: -1.3em;
     background: #87ceeb;
     height: 2.5em;
     width: 2.5em;
     line-height: 2em;
     border: .3em solid #fff;
     text-align: center;
     font-weight: bold;
     border-radius: 2em;
     transition: all .3s ease-out;
     color:#fff;
     font-family: Consolas; 
 }
 .induservelistl
 {
     width:360px;
     height:auto;
     overflow:hidden;
     float:left;
     padding-left:30px;
 }
 .induservelistr
 {
     width:360px;
     height:auto;
     overflow:hidden;
     float:right;
     padding-left:30px;
 }
 #mid-spacer {
     height: 10px;
     width: 100%;
 }
 #mid-space {
     height: auto;
     overflow:hidden;
     width: 100%;
     margin-top:60px;
     margin-bottom:60px;
 }
 #mid-space2 {
     height: 90px;
     width: 100%;
 }
 #mid-space3 {
     height:90px;
     width: 100%;
 }
 /* =================================================================ppc table start here=============================================================== */
 .webHeadding .webHeaddingp{
     margin:0px auto;
     text-align:center;
     font-size:16px;
 }
 
 .ppc_pkg_table {
   border: 0px solid #c4cbcc;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   /* outline:7px solid #f2f3f3; */
   /*float: left;*/
   margin:0 auto;
   width:100%;
 }
 
 .ppc_pkg_table ul {
   list-style: none;
   float: left;
   width: 180px;
   margin: 0;
   border: 0px solid #f2f3f3;
   padding: 0px 0px 5px 0px;
   text-align: center;
   background-color: #FFF;
   margin-top: 20px;
 }
 
 .ppc_pkg_table ul:hover {
   -webkit-transform: scale(1.005);
   -moz-transform: scale(1.005);
   -o-transform: scale(1.005);
   -moz-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   
 }
 
 .ppc_pkg_table ul li {
   border-bottom: 1px dashed rgba(210, 210, 210, 0.3);
   padding: 6px 8px;
   color: #ffffff;
 }
 
 .ppc_pkg_table ul li:first-child {
   font-size: 14px;
   font-weight: bold;
 }
 
 .ppc_pkg_table  ul:last-child {
   border-radius: 0 4px 4px 0;
   -moz-border-radius: 0 4px 4px 0;
   -webkit-border-radius: 0 4px 4px 0;
 }
 
 .ppc_pkg_table ul:first-child {
   width: 270px;
   -webkit-transform: scale(1.00);
   -moz-transform: scale(1.00);
   -o-transform: scale(1.00);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   text-align: left;
   font-weight: bold;
   background: #1C1480;
   border-radius: 4px 0 0 4px;
   -moz-border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
 }
 
 .ppc_pkg_table ul li:first-child {
   font-size: 14px;
   font-weight: bold;
   background: none repeat scroll 0 0 rgba(30, 39, 130, 0.7);
   border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   -webkit-border-radius: 4px 4px 0 0;
   padding-top: 10px;
 }
 
 .ppc_pkg_table ul:nth-child(2) {
   background: #154C96;
 }
 
 .ppc_pkg_table ul:nth-child(3) {
   background: #1074AA;
 }
 
 .ppc_pkg_table ul:nth-child(4) {
   background: #0A90B8;
 }
 
 .ppc_pkg_table ul:nth-child(5) {
   background: #24a9c0;
 }
 
 .ppc_pkg_table ul:nth-child(6) {
   background: #34B9D0;
 }
 .ppc_pkg_table ul li:nth-child(2),
 .ppc_pkg_table ul li:nth-child(3) {
   font-size: 13px;
 }
 
 .ppc_pkg_table ul li:nth-child(2),
 .ppc_pkg_table ul li:nth-child(4),
 .ppc_pkg_table ul li:nth-child(12),
 .ppc_pkg_table ul li:nth-child(14),
 .ppc_pkg_table ul li:nth-child(19),
 .ppc_pkg_table ul li:nth-child(20),
 .ppc_pkg_table ul li:nth-child(21),
 .ppc_pkg_table ul li:nth-child(22),
 .ppc_pkg_table ul li:nth-child(23),
 .ppc_pkg_table ul li:nth-child(24),
 .ppc_pkg_table ul li:nth-child(25),
 .ppc_pkg_table ul li:nth-child(33),
 .ppc_pkg_table ul li:nth-child(34),
 .ppc_pkg_table ul li:nth-child(28),
 .ppc_pkg_table ul li:nth-child(54),
 .ppc_pkg_table ul li:nth-child(32) {
   /*min-height:51px;*/
 }
 
 /*.ppc_pkg_table ul li:nth-child(6),
 
 
 .ppc_pkg_table ul li:nth-child(38) {
   min-height:69px;
 }*/
 
 .ppc_pkg_table ul li:nth-child(27),
 .ppc_pkg_table ul li:nth-child(31) {
   min-height:45px;
 }
 
 /*.ppc_pkg_table ul li:nth-child(11) {
   min-height:69px;
 }*/
 
 /*.ppc_pkg_table ul li:nth-child(3),
 
 .ppc_pkg_table ul li:nth-child(13) {
   min-height: 87px;
 }*/
 
 .ppc_pkg_table ul li:nth-child(18) {
   min-height: 35px;
 }
 
 /*.ppc_pkg_table ul li:nth-child(9),
 .ppc_pkg_table ul li:nth-child(26),
 .ppc_pkg_table ul li:nth-child(40) {
   height: 2px;
   background: #ffffff;
 }*/
 
 /*.ppc_pkg_table ul li:nth-child(10),
 .ppc_pkg_table ul li:nth-child(27),
 .ppc_pkg_table ul li:nth-child(41) {
   color: #4C9158;
   font-size: 14px !important;
   font-weight: bold;
   line-height: 16px !important;
   background: #ffffff;
 }*/
 
 /*.ppc_pkg_table ul li:last-child {
   font-weight: bold;
   font-size: 18px !important;
   min-height: 63px;
 }*/
 
 .ppc_pkg_table ul li:last-child span {
   font-size: 13px !important;
 }
 
 .ppc_pkg_table ul li:nth-child(n+4) {
   font-size: 13px;
 }
 
 .ppc_pkg_table ul li:last-child a {
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-bottom: 1px dashed rgba(210, 210, 210, 0.3);
   padding: 10px;
   margin: 5px 0;
   background: #e5e696;
  /* Old browsers */
   background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e696), color-stop(100%,#d1d360));
  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* Opera11.10+ */
   background: -ms-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 );
  /* IE6-9 */
   background: linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* W3C */
   color: #000;
   font-style: italic;
   display: block;
 }
 
 .ppc_pkg_table ul li:last-child span {
   font-weight: normal;
 }
 
 
 
 
 .responsive-price, .responsive-price2 {
   display: none;
 }
 
 /* =================================================================orm table start here=============================================================== */
 
 .orm_pkg_table {
   border: 0px solid #c4cbcc;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   /* outline:7px solid #f2f3f3; */
   /*float: left;*/
   margin:0 auto;
   width:100%;
 }
 
 .orm_pkg_table ul {
   list-style: none;
   float: left;
   width: 170px;
   margin: 0;
   border: 0px solid #f2f3f3;
   padding: 0px 0px 5px 0px;
   text-align: center;
   background-color: #FFF;
   margin-top: 20px;
 }
 
 .orm_pkg_table ul:hover {
   -webkit-transform: scale(1.005);
   -moz-transform: scale(1.005);
   -o-transform: scale(1.005);
   -moz-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   
 }
 
 .orm_pkg_table ul li {
   border-bottom: 1px dashed rgba(210, 210, 210, 0.3);
   padding: 6px 8px;
   color: #ffffff;
 }
 
 .orm_pkg_table ul li:first-child {
   font-size: 14px;
   font-weight: bold;
 }
 
 .orm_pkg_table  ul:last-child {
   border-radius: 0 4px 4px 0;
   -moz-border-radius: 0 4px 4px 0;
   -webkit-border-radius: 0 4px 4px 0;
 }
 
 .orm_pkg_table ul:first-child {
   width: 270px;
   -webkit-transform: scale(1.00);
   -moz-transform: scale(1.00);
   -o-transform: scale(1.00);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   text-align: left;
   font-weight: bold;
   background: #1C1480;
   border-radius: 4px 0 0 4px;
   -moz-border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
 }
 
 .orm_pkg_table ul li:first-child {
   font-size: 14px;
   font-weight: bold;
   background: none repeat scroll 0 0 rgba(30, 39, 130, 0.7);
   border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   -webkit-border-radius: 4px 4px 0 0;
   padding-top: 10px;
 }
 
 .orm_pkg_table ul:nth-child(2) {
   background: #154C96;
 }
 
 .orm_pkg_table ul:nth-child(3) {
   background: #1074AA;
 }
 
 .orm_pkg_table ul:nth-child(4) {
   background: #0A90B8;
 }
 
 .orm_pkg_table ul:nth-child(5) {
   background: #24a9c0;
 }
 
 .orm_pkg_table ul:nth-child(6) {
   background: #34B9D0;
 }
 .orm_pkg_table ul li:nth-child(2),
 .orm_pkg_table ul li:nth-child(3) {
   font-size: 13px;
 }
 
 .orm_pkg_table ul li:nth-child(2),
 .orm_pkg_table ul li:nth-child(4),
 .orm_pkg_table ul li:nth-child(12),
 .orm_pkg_table ul li:nth-child(14),
 .orm_pkg_table ul li:nth-child(19),
 .orm_pkg_table ul li:nth-child(20),
 .orm_pkg_table ul li:nth-child(21),
 .orm_pkg_table ul li:nth-child(22),
 .orm_pkg_table ul li:nth-child(23),
 .orm_pkg_table ul li:nth-child(24),
 .orm_pkg_table ul li:nth-child(25),
 .orm_pkg_table ul li:nth-child(33),
 .orm_pkg_table ul li:nth-child(34),
 .orm_pkg_table ul li:nth-child(28),
 .orm_pkg_table ul li:nth-child(54),
 .orm_pkg_table ul li:nth-child(32) {
   /*min-height:51px;*/
 }
 
 /*.orm_pkg_table ul li:nth-child(6),
 
 
 .orm_pkg_table ul li:nth-child(38) {
   min-height:69px;
 }*/
 
 .orm_pkg_table ul li:nth-child(27),
 .orm_pkg_table ul li:nth-child(31) {
   min-height:45px;
 }
 
 /*.orm_pkg_table ul li:nth-child(11) {
   min-height:69px;
 }*/
 
 /*.orm_pkg_table ul li:nth-child(3),
 
 .orm_pkg_table ul li:nth-child(13) {
   min-height: 87px;
 }*/
 
 .orm_pkg_table ul li:nth-child(18) {
   min-height: 35px;
 }
 
 /*.orm_pkg_table ul li:nth-child(9),
 .orm_pkg_table ul li:nth-child(26),
 .orm_pkg_table ul li:nth-child(40) {
   height: 2px;
   background: #ffffff;
 }*/
 
 /*.orm_pkg_table ul li:nth-child(10),
 .orm_pkg_table ul li:nth-child(27),
 .orm_pkg_table ul li:nth-child(41) {
   color: #4C9158;
   font-size: 14px !important;
   font-weight: bold;
   line-height: 16px !important;
   background: #ffffff;
 }*/
 
 /*.orm_pkg_table ul li:last-child {
   font-weight: bold;
   font-size: 18px !important;
   min-height: 63px;
 }*/
 
 .orm_pkg_table ul li:last-child span {
   font-size: 13px !important;
 }
 
 .orm_pkg_table ul li:nth-child(n+4) {
   font-size: 13px;
   min-height: 60px;
 }
 
 .orm_pkg_table ul li:last-child a {
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-bottom: 1px dashed rgba(210, 210, 210, 0.3);
   padding: 10px;
   margin: 5px 0;
   background: #e5e696;
  /* Old browsers */
   background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e696), color-stop(100%,#d1d360));
  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* Opera11.10+ */
   background: -ms-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 );
  /* IE6-9 */
   background: linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* W3C */
   color: #000;
   font-style: italic;
   display: block;
 }
 
 .orm_pkg_table ul li:last-child span {
   font-weight: normal;
 }
 
 
 
 
 .responsive-price, .responsive-price2 {
   display: none;
 }
 
 /* =================================================================seo table start here=============================================================== */
 
 .seo_pkg_table {
   border: 0px solid #c4cbcc;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   /* outline:7px solid #f2f3f3; */
   /*float: left;*/
   margin:0 auto;
   width:1170px;
   height:auto;
   overflow-x:auto;
   overflow-y:hidden;
 }
 
 .seo_pkg_table ul {
   list-style: none;
   float: left;
   width: 220px;
   margin: 0;
   border: 0px solid #f2f3f3;
   padding: 0px 0px 5px 0px;
   text-align: center;
   background-color: #FFF;
   margin-top: 20px;
 }
 
 .seo_pkg_table ul:hover {
   -webkit-transform: scale(1.005);
   -moz-transform: scale(1.005);
   -o-transform: scale(1.005);
   -moz-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   box-shadow: 3px 5px 7px rgba(0,0,0,.7);
   
 }
 
 .seo_pkg_table ul li {
   border-bottom: 1px dashed rgba(210, 210, 210, 0.3);
   padding: 6px 8px;
   color: #ffffff;
 }
 
 .seo_pkg_table ul li:first-child {
   font-size: 14px;
   font-weight: bold;
 }
 
 .seo_pkg_table  ul:last-child {
   border-radius: 0 4px 4px 0;
   -moz-border-radius: 0 4px 4px 0;
   -webkit-border-radius: 0 4px 4px 0;
 }
 
 .seo_pkg_table ul:first-child {
   width: 290px;
   -webkit-transform: scale(1.00);
   -moz-transform: scale(1.00);
   -o-transform: scale(1.00);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   text-align: left;
   font-weight: bold;
   background: #1C1480;
   border-radius: 4px 0 0 4px;
   -moz-border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
 }
 
 .seo_pkg_table ul li:first-child {
   font-size: 14px;
   font-weight: bold;
   background: none repeat scroll 0 0 rgba(30, 39, 130, 0.7);
   border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   -webkit-border-radius: 4px 4px 0 0;
   padding-top: 10px;
 }
 
 .seo_pkg_table ul:nth-child(2) {
   background: #154C96;
 }
 
 .seo_pkg_table ul:nth-child(3) {
   background: #1074AA;
 }
 
 .seo_pkg_table ul:nth-child(4) {
   background: #0A90B8;
 }
 
 .seo_pkg_table ul:nth-child(5) {
   background: #34B9D0;
 }
 
 .seo_pkg_table ul li:nth-child(2),
 .seo_pkg_table ul li:nth-child(3) {
   font-size: 13px;
 }
 
 .seo_pkg_table ul li:nth-child(2),
 
 .seo_pkg_table ul li:nth-child(12),
 .seo_pkg_table ul li:nth-child(14),
 .seo_pkg_table ul li:nth-child(19),
 .seo_pkg_table ul li:nth-child(20),
 .seo_pkg_table ul li:nth-child(21),
 .seo_pkg_table ul li:nth-child(22),
 .seo_pkg_table ul li:nth-child(23),
 .seo_pkg_table ul li:nth-child(25),
 .seo_pkg_table ul li:nth-child(33),
 .seo_pkg_table ul li:nth-child(34),
 .seo_pkg_table ul li:nth-child(28),
 .seo_pkg_table ul li:nth-child(54),.seo_pkg_table ul li:nth-child(32) {
   min-height:35px;
 }
 
 .seo_pkg_table ul li:nth-child(6),
 
 
 .seo_pkg_table ul li:nth-child(38) {
   min-height:35px;
 }
 
 .seo_pkg_table ul li:nth-child(27),
 .seo_pkg_table ul li:nth-child(31) {
   min-height:35px;
 }
 
 .seo_pkg_table ul li:nth-child(11) {
   min-height:35px;
 }
 
 .seo_pkg_table ul li:nth-child(3),
 
 .seo_pkg_table ul li:nth-child(24),
 .seo_pkg_table ul li:nth-child(13) {
   min-height: 27px;
 }
 
 .seo_pkg_table ul li:nth-child(18) {
   min-height: 35px;
 }
 
 /*.seo_pkg_table ul li:nth-child(9),
 .seo_pkg_table ul li:nth-child(26),
 .seo_pkg_table ul li:nth-child(40) {
   height: 2px;
   background: #ffffff;
 }*/
 .seo_pkg_table ul li:nth-child(75),
 .seo_pkg_table ul li:nth-child(62),
 .seo_pkg_table ul li:nth-child(53),
 .seo_pkg_table ul li:nth-child(13),
 .seo_pkg_table ul li:nth-child(41),
 .seo_pkg_table ul li:nth-child(4),
 .seo_pkg_table ul li:nth-child(48),
 .seo_pkg_table ul li:nth-child(24) {
   color: #4C9158;
   font-size: 14px !important;
   font-weight: bold;
   line-height: 16px !important;
   background: #ffffff;
 }
 
 .seo_pkg_table ul li:last-child {
   font-weight: bold;
   font-size: 18px !important;
   min-height: 63px;
 }
 
 .seo_pkg_table ul li:last-child span {
   font-size: 13px !important;
 }
 
 .seo_pkg_table ul li:nth-child(n+4) {
   font-size: 13px;
 }
 
 .seo_pkg_table ul li:last-child a {
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-bottom: 1px dashed rgba(210, 210, 210, 0.3);
   padding: 10px;
   margin: 5px 0;
   background: #e5e696;
  /* Old browsers */
   background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e696), color-stop(100%,#d1d360));
  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* Opera11.10+ */
   background: -ms-linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 );
  /* IE6-9 */
   background: linear-gradient(top, #e5e696 0%,#d1d360 100%);
  /* W3C */
   color: #000;
   font-style: italic;
   display: block;
 }
 
 .seo_pkg_table ul li:last-child span {
   font-weight: normal;
 }
 
 
 #wpcont-1-outer {
     width: 100%;
     margin: 200px 0 0;
     padding: 0;
     background: #fff
 }
 .wpcont-1-left {
     width: 700px;
     float: left
 }
 .wpcont-1-left h1 {
     font: 700 40px/45px 'Open Sans';
     letter-spacing: -1.5px;
     color: #2892CF;
     padding: 30px 0 10px
 }
 .wpcont-1-left p {
     font: 25px/36px proxima_novalight;
     color: #24242A;
     padding: 5px 0 0
 }
 .wpcont-1-left ul {
     float: left;
     list-style-type: none;
     padding: 20px 0 0;
     margin-bottom: 25px
 }
 .wpcont-1-left ul li {
     display: block;
     font: 17px/26px 'Open Sans';
     color: #334654;
     background: url(../images/arrow01.html) left 16px no-repeat;
     padding: 6px 20px
 }
 .wpcont-1-right {
     width: 490px;
     float: right
 }
 .wpcont-1-right img {
     margin: 15px 0 0
 }
 .nice-section {
     width: 100%;
     margin: 50px auto 0
 }
 .nice-section h1 {
     font-size: 83px;
     color: #e97100;
     text-align: center;
     width: 100%;
     position: relative;
     margin: 0 auto
 }
 .consider {
     display: table;
 }
 .nice-section h1 img {
     vertical-align: baseline;
     position: absolute;
     top: -10px;
     left: 87px;
     margin: 0 5px;
     transition: all .3s ease-in-out;
     -webkit-animation-name: beat;
     -moz-animation-name: beat;
     -ms-animation-name: beat;
     -o-animation-name: beat;
     animation-name: beat;
     -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
     -ms-animation-delay: 0;
     -o-animation-delay: 0;
     animation-delay: 0;
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     -ms-animation-duration: 1s;
     -o-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: normal;
     -moz-animation-fill-mode: normal;
     -ms-animation-fill-mode: normal;
     -o-animation-fill-mode: normal;
     animation-fill-mode: normal;
     -webkit-animation-timing-function: ease;
     -moz-animation-timing-function: ease;
     -ms-animation-timing-function: ease;
     -o-animation-timing-function: ease;
     animation-timing-function: ease;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -ms-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }
 .office-location {
     width: 100%;
     margin: 20px auto 0;
     background: url(../images/indiamap.png) center 0 no-repeat;
     height: 300px;
     padding-top: 25px
 }
 .office-location-left {
     width: 300px;
     float: left;
     padding-left: 50px
 }
 .office-location-left h3 {
     font: 700 22px/29px 'Open Sans';
     letter-spacing: -1px;
     color: #24242A;
     text-transform: uppercase;
     padding-bottom: 8px
 }
 .us-off {
     padding: 0;
     position: relative
 }
 .us-off:after {
     width: 246px;
     height: 83px;
     position: absolute;
     left: 105px;
     top: -2px;
     content: "";
     display: block;
     background: url(../images/us-loction-img.html) 0 0 no-repeat
 
 }
 .ind-off {
     padding: 0;
     position: relative
 }
 .ind-off:before {
     width: 239px;
     height: 124px;
     position: absolute;
     left: -242px;
     top: 4px;
     content: "";
     display: block;
     background: url(../images/ind-location-img.html) 0 0 no-repeat
 
 }
 .office-location-left ul {
     list-style-type: none
 }
 .office-location-left ul li {
     font-size: 16px;
     color: #334654;
     padding-bottom: 10px
 }
 .office-location-left ul li a {
     text-decoration: none;
     color: #3a3d40
 }
 .office-location-left ul li a:hover {
     color: #2892cf
 }
 .office-location-left ul li img {
     vertical-align: middle;
     padding: 2px 10px 0 0;
     float: left
 }
 .ind-location {
     float: right;
     padding-left: 0;
     width: 250px
 }
 .plase-call-part {
     width: 100%;
     padding: 0 0 30px;
     float: left;
     margin-top:20px;
 }
 .plase-call-part h2 {
     font: 22px/29px "Segoe Print";
     color: #1f2021;
     text-align: center;
     font-weight: 700;
     padding-bottom: 20px
 }
 .plase-call-part ul {
     list-style-type: none;
     width: 850px;
     margin: 0 auto;
     height:auto;
     overflow:hidden;
 }
 .plase-call-part ul li {
     font: 20px/29px 'Open Sans';
     color: #24242A;
     float: left;
     padding-left: 26px;
     padding-right: 26px
 }
 .plase-call-part ul li img {
     padding-right: 8px;
     vertical-align: middle
 }
 .please-email-part {
     width: auto;
     padding-right: 50px;
     float: left
 }
 #wpcont5-outer .please-email-part h2 {
     font: 22px/29px 'Open Sans';
     letter-spacing: -1px;
     color: #24242A;
     padding-bottom: 10px;
     text-align: inherit
 }
 .please-email-part h2 span {
     font-family: 'clanotbold'
 }
 .please-email-part ul {
     list-style-type: none;
     padding: 0
 }
 .please-email-part ul li {
     font: 14px/29px 'Open Sans';
     color: #383b3e;
     float: left;
     padding: 0 12px 12px 0
 }
 .please-email-part ul li img {
     padding-right: 8px;
     vertical-align: middle
 }
 .please-email-part ul li a {
     text-decoration: none;
     color: #383b3e
 }
 .please-email-part ul li a:hover {
     color: #2892cf
 }
 .please-email-part ul li span {
     font-family: 'clanotmedium'
 }
 .email-box-cont {
     width: 480px
 }
 .career-box-cont {
     width: 345px
 }
 .follow-box-cont {
     width: 300px
 }
 .please-email-part.follow-box-cont li {
     padding-right: 8px
 }
 .please-email-part.follow-box-cont li img {
     padding: 0;
     vertical-align: middle
 }
 .have-call-us {
     width: 100%;
     background: #2c8bcc;
     height: auto
 }
 .have-call-us h2 {
     font: 60px/77px clanotbook;
     color: #FFF;
     text-align: center;
     padding: 30px 0
 }
 #wpcont5-outer {
     width: 100%;
     margin: 0;
     padding: 30px 0;
     background: #fafafb;
     border-top: 1px solid #e7e8e8;
     border-bottom:1px solid #e7e8e8;
 }
 #wpcont5-outer .container h2 {
     text-align: center;
     color: #24242A;
     font: 700 40px/45px 'Open Sans';
     letter-spacing: -2px;
     padding-bottom: 20px
 }
 #wpcont5-outer .container h2 span {
     font-family:Calibri;
 }
 #wpcont5-outer .container h6 {
     color: #39434e;
     font: 18px/30px 'Open Sans';
     text-align: center
 }
 .wpcont5left {
     width: 715px;
     float: left
 }
 .wpcont5left ul {
     list-style-type: none;
     float: left;
     margin-top: 13px
 }
 .wpcont5left ul li {
     font: 16px/29px 'Open Sans';
     color: #3e3e48;
     width: 100%;
     float: left;
     padding-bottom: 10px
 }
 .wpcont5left ul li p {
     font: 16px/29px 'Open Sans';
     color: #3e3e48;
     padding: 0 20px 0 62px;
     display: table
 }
 .wpcont5left ul li figure {
     float: left
 }
 .wpcont5left ul li figure img {
     vertical-align: middle;
     padding: 0 20px 0 0
 }
 .wpcont5right {
     width: 420px;
     float: right
 }
 .wpcont5right ul {
     list-style-type: none;
     float: left;
     margin: 20px 0 0
 }
 .wpcont5right ul li {
     font-size: 55px;
     text-align: right;
     color: #159dd8;
     width: 100%;
     float: left;
     background: url(../images/wordpressrgtli.html) left top repeat-x;
     display: inline-block;
     padding: 0
 }
 .wpcont5right ul li span {
     font-size: 16px;
     color: #3e3e48;
     display: inline-block;
     float: right;
     width: 255px;
     padding: 20px 0 0 18px;
     text-align: left
 }
 .please-email-part {
     width: auto;
     padding-right: 50px;
     float: left
 }
 #wpcont5-outer .please-email-part h2 {
     font-size: 22px;
     letter-spacing: -1px;
     color: #24242A;
     padding-bottom: 10px;
     text-align: inherit
 }
 .please-email-part h2 span {
    
 }
 .please-email-part ul {
     list-style-type: none;
     padding: 0
 }
 .please-email-part ul li {
     font-size: 14px;
     color: #383b3e;
     float: left;
     padding: 0 12px 12px 0
 }
 .please-email-part ul li img {
     padding-right: 8px;
     vertical-align: middle
 }
 .please-email-part ul li a {
     text-decoration: none;
     color: #383b3e
 }
 .please-email-part ul li a:hover {
     color: #2892cf
 }
 .please-email-part ul li span {
    
 }
 .email-box-cont {
     width: 480px
 }
 .career-box-cont {
     width: 345px
 }
 .follow-box-cont {
     width: 300px
 }
 .please-email-part.follow-box-cont li {
     padding-right: 8px
 }
 .please-email-part.follow-box-cont li img {
     padding: 0;
     vertical-align: middle
 }
 .chkselect input[type="radio"], input[type="checkbox"]
 {
     float:left;
     margin-top:10px;
 }
 #req-top-part {
     background: url(../images/request-quote-banner.jpg) repeat-x;
     margin: 0px auto 0;
     padding: 0;
     width: 100%;
     height: 245px;
     margin-top:115px;
    
 }
 #req-top-part h1 {
     font-size: 80px;
     color: #FFF;
     text-transform: uppercase;
     text-align: center;
     padding: 70px 0 0
 }
 #req-top-part p {
     font-size: 24px;
     color: #FFF;
     text-align: center;
     padding: 0 100px
 }
 #request-contant {
     width: 100%;
     margin: 0 auto;
     background: #FFF;
     padding: 25px 0 10px;
     border-bottom:1px solid #94D85F;
 
 }
 .request-contant-mid {
     width: 1200px;
     margin: 0 auto;
     text-align: center
 }
 .request-contant-mid p {
     color: #2a2626;
     font: 17px/30px 'Open Sans';
     padding: 5px 0 30px
 }
 .request-contant-mid h3 {
     color: #06a7d5;
     font: 55px/80px open_sansbold;
     padding: 5px 0 0;
     text-transform: uppercase
 }
 .request-contant-mid-box-1 {
     width: 270px;
     border-radius: 5px;
     margin: 0 15px 0 15px;
     border: 1px solid #dadbdc;
     float: left;
     min-height: 450px;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     background-color:#eeeeee;
 }
 .ui-slider-horizontal {
     background: none repeat scroll 0 0 #fff;
     border: 1px solid #cac9c9;
     border-radius: 10px;
     width: 65%;
     float: left;
     margin: 40px 0 0 55px
 }
 .ui-slider-horizontal .ui-slider-range {
     background: #9fb700
 }
 .ui-slider-horizontal .ui-slider-handle {
     background: #9fb700;
     border-radius: 100%;
     height: 22px;
     width: 22px;
     top: -7px!important
 }
 .price-range {
     float: left;
     margin: 30px 0 0 25px
 }
 .price-range span {
     font: 20px/30px open_sansbold;
     color: #65af1d!important
 }
 .request-box-inner {
     background: #f35212;
     text-align: center;
     border-radius: 5px 5px 0 0;
     min-height: 170px;
     position: relative
 }
 .request-box-inner:after {
     border-color: #f35212 transparent transparent;
     border-style: solid;
     border-width: 15px 15px 0;
     content: "";
     display: block;
     height: 0;
     right: 15px;
     position: absolute;
     bottom: -8px;
     width: 0
 }
 .request-box-inner img {
     margin: 10px 73px 0 0;
 }
 .css-label {
     color: #fff;
     display: block;
     float: left;
     font-size: 22px;
     margin: 0 0 0 10px;
     text-align: left;
     padding: 18px 0 0
 }
 
 .webdevelop {
     background: #29cd99;
     position: relative
 }
 .webdevelop:after {
     border-color: #29cd99 transparent transparent;
     border-style: solid;
     border-width: 15px 15px 0;
     content: "";
     display: block;
     height: 0;
     right: 15px;
     position: absolute;
     bottom: -8px;
     width: 0
 }
 .media-market {
     background: #65af1d;
     position: relative
 }
 .media-market:after {
     border-color: #65af1d transparent transparent;
     border-style: solid;
     border-width: 15px 15px 0;
     content: "";
     display: block;
     height: 0;
     right: 15px;
     position: absolute;
     bottom: -8px;
     width: 0
 }
 .hire-resource {
     background: #06a7d5;
     position: relative
 }
 .hire-resource:after {
     border-color: #06a7d5 transparent transparent;
     border-style: solid;
     border-width: 15px 15px 0;
     content: "";
     display: block;
     height: 0;
     right: 15px;
     position: absolute;
     bottom: -8px;
     width: 0
 }
 input[type=radio].css-checkbox {
     display: none
 }
 input[type=radio].css-checkbox + label.css-label {
     height: 25px;
     display: block;
     line-height: 25px;
     background-repeat: no-repeat;
     background-position: 0 0;
     font-size: 20px;
     vertical-align: middle;
     cursor: pointer;
     width: auto;
     text-align: left;
     margin-left: 30px;
     color: #fff;
     padding: 0 0 0 30px;
     font: 20px/25px open_sansbold
 }
 input[type=radio].css-checkbox:checked + label.css-label {
     background-position: 0 -25px
 }
 .request-contant-mid-box-1-check {
     width: 86%;
     float: left;
     margin: 20px 0 0 29px
 }
 .request-contant-mid-box-1-check a.jqTransformCheckbox {
    
     display: block;
     height: 19px;
     vertical-align: middle;
     width: 22px
 }
 .request-contant-mid-box-1-check .jqTransformCheckboxWrapper {
    
     display: block;
     float: left;
     height: 19px;
     vertical-align: middle;
     width: 20px
 }
 .request-contant-mid-box-1-check .span {
     float: left;
     font-size: 14px;
     padding: 20px 0 0px 10px;
     width: 87%;
     text-align: left;
     color: #2c3032
 }
 .request-contant-mid-box-1-check .jqTransformChecked {
     background-position: center bottom!important
 }
 .choose-cat-request form {
     width: 1200px
 }
 .choose-cat-request .jqTransformInputWrapper {
     width: 360px!important
 }
 .request-contant-mid-box-1 .request-box-inner .jqTransformCheckbox {
     background: url(../images/radiohover.png) no-repeat scroll center top transparent;
     display: block;
     height: 25px;
     vertical-align: middle;
     width: 25px
 }
 .request-contant-mid-box-1 .request-box-inner a.jqTransformChecked {
     background-position: center bottom;
     color: red
 }
 .request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper {
     color: #fff;
     display: block;
     float: left;
     margin: 135px 4px 0 35px
 }
 .choose-cat-request form label {
     font: 15px/20px proxima_nova_rgregular;
     padding: 20px 0 15px 30px;
     display: block
 }
 .choose-cat-request form textarea {
     width: 350px;
     margin: 11px auto 0 30px;
     border: #dadbdc solid 1px;
     height: 76px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font: 15px/20px proxima_nova_rgregular;
     padding: 20px;
     resize: none
 }
 .name-1 {
     background: url(../images/request-name.png) 290px center no-repeat
 
 }
 .email-1 {
     background: url(../images/request-mail.png) 290px center no-repeat
 
 }
 
 .code {
     margin: 20px 0 20px 30px
 }
 .choose-cat-request [type="submit"] {
     display: block;
     background: #71b231;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 160px;
     color: #fff;
     font-size: 18px;
     text-transform: uppercase;
     margin: 0 0 25px 30px;
     padding: 15px 0px;
     float: left;
     border-bottom: 4px solid #598c27;
     outline:0px;
 }
 .choose-cat-request {
     width: 1200px;
     margin: 25px auto 35px;
     padding-bottom: 20px;
     border-radius: 10px;
     border: 1px solid #dadbdc;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     background-color:#eeeeee;
 }
 .choose-cat-request h3 {
     padding: 15px 0 15px 18px;
     font-size: 20px;
     color: #2c3032
 }
 .budget {
     width: 1200px;
     margin: 25px auto 0;
     border-radius: 10px;
     height: 90px;
     border: 1px solid #dadbdc;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
     background-color:#eeeeee;
 }
 .choose-cat-request p {
     color: #2c3032;
     font-size: 16px;
     padding: 0 0 0 35px
 }
 .budget h2 {
     font: 20px/90px "Roboto", sans-serif;
     color: #35393a;
     padding: 0 0 0 40px;
     float: left
 }
 .budget img {
     margin: 18px 0 0 65px
 }
 .from-box1 {
     width: 720px;
     float: left
 }
 .form-box2 {
     width: 390px;
     float: left
 }
 .form-box3 {
     width: 1200px;
     float: left
 }
 .jqTransformInputWrapper {
     float: left
 }
 .jqTransformSelectWrapper {
     background: #E8EFF4;
     width: 340px!important;
     height: 39px;
     font: 10px/40px clanotnews;
     color: #848282;
     border: 1px solid #e7e4e4;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     -ms-border-radius: 5px;
     -moz-border-radius: 5px;
     position: relative;
     padding: 0 0 0 5px;
     float: left
 }
 .jqTransformSelectWrapper div span {
     width: auto;
     display: block;
     cursor: pointer;
     text-align: left
 }
 .jqTransformSelectWrapper a.jqTransformSelectOpen {
     background: url(../images/select-02.html) no-repeat;
     display: block;
     height: 40px;
     position: absolute;
     right: -2px;
     top: 0;
     width: 34px
 }
 
 .jqTransformSelectWrapper ul {
     background-color: #ccc;
     display: none;
     left: 0;
     list-style: none outside none;
     margin: 0;
     overflow: auto;
     padding: 0;
     position: absolute;
     top: 42px;
     width: 100%!important;
     z-index: 10;
     border-radius: 3px;
     border: 1px solid #cad1d4;
     max-height: 350px
 }
 .jqTransformSelectWrapper ul li a {
     background-color: #fff;
     display: block;
     font: 11px/16px clanotnews;
     color: #000;
     padding: 5px;
     text-decoration: none;
     text-align: left
 }
 .jqTransformSelectWrapper ul li a:hover,
 .jqTransformSelectWrapper ul li a.selected:hover {
    
     color: #000
 }
 .jqTransformSelectWrapper ul li:first-child {
     display: none
 }
 .form-box2 .txtdetails {
     width: 410px;
     margin: 11px auto 0 30px;
     border: #dadbdc solid 1px;
     height: 115px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 15px;
     padding: 20px;
     resize: none
 }
 .form-box2 .txtdetails:hover
 {
     background-color:#eeeeee;
 }
 
 .txtdetailsdiv:hover
 {
     background-color:#eeeeee;
 }
 .form-box2 .txtdetails:focus {
     border: #dadbdc solid 1px;
 }
 .from-box1 input {
     width: 320px;
     margin: 10px 0 0 30px;
     height: 53px;
     border: #dadbdc solid 1px;
     font-size: 15px;
     color: #2c3032;
     border-radius: 5px;
     padding: 0 40px 0 25px;
     background-color:#fff;
 }
 .from-box1 input:focus
 {
     border: #94D85F solid 1px;
 }
 .form-box3 input.code {
     width: 320px;
     margin: 10px 0 0 30px;
     height: 53px;
     border: #dadbdc solid 1px;
     font-size: 15px;
     color: #2c3032;
     border-radius: 5px;
     padding: 0 40px 0 25px;
     float: left
 }
 .from-box3 input.code:focus
 {
     border: #94D85F solid 1px;
 }
 .thanku {
     text-align: center;
     padding: 50px 0;
     min-height: 400px
 }
 .thanku h1 {
     font: 80px/90px clanotbold;
     color: #039DDE;
     padding: 100px 0 0;
     text-transform: capitalize
 }
 .thanku p {
     font: 30px/40px clanotbold;
     color: #039DDE
 }
 /*=========================================================================
 
  01. Main elements
  
 =========================================================================*/
 
 
 * { box-sizing:border-box; -moz-box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; zoom:1 }
 
 html { font-size:16px; min-height:100%; overflow-x:hidden !important }
 
 body { color: #666666; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1.42857; }
 
 iframe, img { border:0 }
 
 img { border-style:none; height:auto; max-width:100%; vertical-align:top }
 
 a { text-decoration:none; color:inherit; color:#fff; }
 
 a:hover, a:focus { text-decoration:none; color:#fff; }
 
 a:focus { outline:none }
 
 p { color: #666666; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 26px;  }
 
 dt { font-weight:normal }
 
 ol, ul { list-style:none; margin:0 }
 
 blockquote, q { quotes:none }
 
 blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
 
 img { width:auto; max-width:100% }
 
 
 
 small { font-size:0.8333em }
 
 table { border-collapse:collapse; border-spacing:0 }
 
 article, aside, details, figcaption, figure,header, hgroup, menu, nav, section { display:block }
 
 .block { margin-bottom:60px }
 
 article { margin-bottom:15px }
 
 .overflow-hidden { overflow:hidden }
 
 h1, h2, h3, h4, h5, h6 { margin:0 0 0px; font-weight: 500; color:#000000; font-family: 'Raleway', sans-serif; line-height: normal; }
 
 h1 { font-size: 41px; }
 
 h2 { font-size: 31px; }
 
 h3 { font-size: 24px; }
 
 h4 { font-size: 18px; font-weight: 600; }
 
 h5 { font-size: 16px; line-height: 34px; }
 
 h6 { font-size: 14px; line-height: 31px; }
 
 
 .footerfb {
     background: #212121;
     position: relative;
 }
 .footerfb h5 {
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     margin: 0px;
     letter-spacing: 2px;
     margin-bottom: 20px;
 }
 .footerfb .latest-tweet {
     margin-top: 80px;
 }
 .footerfb .latest-tweet span {
     font-size: 12px;
 }
 .footerfb .latest-tweet p {
     line-height: 23px;
     margin-bottom: 17px;
 }
 .footerfb .date {
     display: inline-block;
     width: 100%;
     text-align: right;
     color: #757575;
 }
 .footerfb p {
     color: #8A8989;
     line-height: 25px;
 }
 .footerfb p a {
     color: #f7f7f7;
 }
 .footerfb ul li {
     margin-bottom: 20px;
     list-style: none;
 }
 .footerfb span {
     color: #00C0F6;
 }
 .footerfb h5 {
 }
 .footer-padding {
     padding: 50px 55px;
 }
 .footerfb .small-info {
     text-align: center;
     border: 4px double rgba(255,255,255,0.1);
     border-bottom: none;
     border-top: none;
     padding-bottom: 50px;
 }
 .footerfb .small-info h1 {
     color: #fff;
     text-transform: none;
     letter-spacing: 8px;
     font-family: 'Dancing Script', sans-serif;
     margin-bottom: 30px;
     font-weight: 600;
 }
 .footerfb .small-info h1 i {
     color: #00C0F6;
 }
 .footerfb .small-info .social_icons {
     text-align: center;
     display: inline-block;
     width: 100%;
     margin-top: 20px;
     padding-bottom: 30px;
     margin-bottom: 0px;
     border-bottom: 1px dashed rgba(255,255,255,0.4);
     list-style: none;
     padding-left: 0px;
     line-height: 50px;
 }
 .footerfb .small-info .social_icons li {
     float: none;
     margin: 0 5px;
 }
 .footerfb .small-info .social_icons li a {
     font-size: 12px;
     height: 32px;
     width: 32px;
     line-height: 32px;
     border-radius: 50%;
     color: #ffffff;
     border: none;
     padding-top:10px;
 }
 .footerfb form {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
 }
 
 .footerfb .links {
     margin-top: 80px;
 }
 .footerfb .links ul {
     padding-left: 0px;
 }
 .footerfb .links li {
     margin-bottom: 0px;
     list-style: none;
 }
 .footerfb .links a {
     color: #8A8989;
     line-height: 30px;
     display: inline-block;
     width: 100%;
     outline: 0;
     text-decoration: none;
 }
 .footerfb .links a:hover {
     color: #fff;
 }
 .footerfb .timing {
     margin-top: 20px;
 }
 .footerfb .timing p span {
     margin-left: 10px;
     color: #8A8989;
 }
 .rights {
     background: #1b1b1b;
     text-align: center;
     padding: 20px 0;
 }
 .rights p {
     margin: 0px;
 }
 
 .social_icons {
     position: relative;
     z-index: 1;
 }
 .social_icons ul {
     margin: 0;
     padding: 0;
     text-align: center;
 }
 .social_icons li {
     display: inline-block;
     list-style: none;
     float: left;
 }
 .social_icons a {
     display: block;
     width: 40px;
     height: 40px;
     margin: 0px;
     font-size: 14px;
     line-height: 40px;
     text-decoration: none;
     border-radius: 50%;
     text-align: center;
     color: #696969;
     border: 1px solid #f5f5f5;
     margin-right: 5px;
 }
 
 
 /* FOOTER END
 -------------------------------------------------------------- */
 /* SUBSCRIBE FORM
 -------------------------------------------------------------- */
 .subscribe-form {
   color: #fff;
   text-align: center;
 }
 .subscribe-form .input-group {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   max-width: 451px;
   width: 100%;
 }
 .subscribe-form input[type="text"],
 .subscribe-form input[type="email"] {
   max-width: 320px;
   width: 100%;
   border-color: rgba(255, 255, 255, 0.5);
   background-color: rgba(255, 255, 255, 0.1);
   border-right-width: 0;
   color: #fff;
   float: left;
   padding: 22px 20px;
   border-radius: 25px 0 0 25px;
   -webkit-transition: border-color 0.3s, background-color 0.3s;
      -moz-transition: border-color 0.3s, background-color 0.3s;
       -ms-transition: border-color 0.3s, background-color 0.3s;
        -o-transition: border-color 0.3s, background-color 0.3s;
           transition: border-color 0.3s, background-color 0.3s;
 }
 .subscribe-form input[type="text"]:focus,
 .subscribe-form input[type="email"]:focus {
   background-color: transparent;
   border-color: #ffffff;
   outline: none !important;
 }
 .subscribe-form input[type="text"]::-webkit-input-placeholder,
 .subscribe-form input[type="text"]::-input-placeholder,
 .subscribe-form input[type="text"]:-moz-placeholder,
 .subscribe-form input[type="text"]::-moz-placeholder,
 .subscribe-form input[type="text"]:-ms-input-placeholder,
 .subscribe-form input[type="email"]::-webkit-input-placeholder,
 .subscribe-form input[type="email"]::-input-placeholder,
 .subscribe-form input[type="email"]:-moz-placeholder,
 .subscribe-form input[type="email"]::-moz-placeholder,
 .subscribe-form input[type="email"]:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
 .subscribe-form input[type="submit"] {
   float: left;
   margin: 0;
   padding: 7px 24px 6px;
   border-radius: 0 25px 25px 0;
   position: relative;
   top: 0px;
   left: 1px;
   background-color: #fff;
   color: #00C0F6;
 }
 .subscribe-form .subscribe-title {
   font-size: 30px;
   line-height: 40px;
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 25px;
   color: #fff;
   letter-spacing: 2px;
 }
 .subscribe-result {
   max-width: 400px;
   margin: 0 auto;
   display: none;
   font-size: 16px;
   margin-top: 25px;
 }
 .subscribe-bg-color {
     background-color: #00C0F6;
 }
 .subscribe-bg-image {
     background-image: url("../images/bg/bg.html");
     background-size: cover;
 }
 
 
 
 
 /* SUBSCRIBE FORM END
 -------------------------------------------------------------- */
 /* TOOLTIP
 -------------------------------------------------------------- */
 .tooltip-wrapper {
   color: #ffffff;
   cursor: pointer;
   font-size: 12px;
   padding: 12px 30px;
   position: relative;
   text-align: center;
   width: 100%;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-font-smoothing: antialiased;
   border: 4px double transparent;
   border-color: #fff;
   font-family: 'Montserrat', sans-serif;
 }
 
 .tooltip-wrapper .tooltip-item {
   background: #00C0F6;
   bottom: 100%;
   color: #fff;
   display: block;
   left: 0px;
   margin-bottom: 15px;
   opacity: 0;
   padding: 10px;
   pointer-events: none;
   position: absolute;
   width: 100%;
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
   -webkit-transition: all .25s ease-out;
   -moz-transition: all .25s ease-out;
   -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
     transition: all .25s ease-out;
 -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 }
 
 .tooltip-wrapper .tooltip-item:before {
   bottom: -20px;
   content: " ";
   display: block;
   height: 20px;
   left: 0;
   position: absolute;
   width: 100%;
 }
 
 .tooltip-wrapper .tooltip-item:after {
   border-left: solid transparent 10px;
   border-right: solid transparent 10px;
   border-top: solid #00C0F6 10px;
   bottom: -10px;
   content: " ";
   height: 0;
   left: 50%;
   margin-left: -13px;
   position: absolute;
   width: 0;
 }
 
 .tooltip-wrapper:hover .tooltip-item {
   opacity: 1;
   pointer-events: auto;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
 }
 
 .tooltip-item-lte8 .tooltip-wrapper .tooltip-item {
   display: none;
 }
 
 .tooltip-item-lte8 .tooltip-wrapper:hover .tooltip-item {
   display: block;
 }
 
 .tooltip-wrapper:hover {
   color: #535353;
   background-color: #fff;
 }
 
 .tooltip-wrapper:focus,
 .tooltip-wrapper:active:focus {
   outline: none;
   background-color: #fff;
   color: #535353;
   text-decoration: none;
 }
 /* TOOLTIP END
 -------------------------------------------------------------- */
 
 /*=========================================================================
 
  02. Titles and Text
  
 =========================================================================*/
 
 
 /* ===================================== */
 /* TEXT SIZE                             */
 /* ===================================== */
 
 .fontsize-lg { font-size:1.3333em; line-height:1.5 }
 
 p.fontsize-lg { line-height:1.8 }
 
 .skin-color { color:#9ac4f7 !important }
 
 /* SOCIAL MEDIA COLORS
 -------------------------------------------------------------- */
 .facebook {	background: #3280e7; }
 .facebook:hover { background: #134fa0; }
 .twitter { background: #32c8de;}
 .twitter:hover {	background: #188392;}
 .google-plus {background: #f96f4a;}
 .google-plus:hover {	background: #DC502B;}
 .linkedin  {	background: #729fda;}
 .linkedin:hover {background: #3069b6;}
 .pinterest {	background: #ed5441;}
 .pinterest:hover { background: #b72411;}
 .dropbox {background: #32c8de;}
 .dropbox:hover {	background: #188392;}
 .bitcoin {background: #f8a841;}
 .bitcoin:hover {	background: #cc7607;}
 .foursquare {background: #22bed4;}
 .foursquare:hover {background: #146f7c;}
 .flickr { background: #ff61e7;}
 .flickr:hover {	background: #fa00d4;}
 .github {background: #666666;}
 .github:hover {	background: #333333;}
 .instagram {	background: #d6917a;}
 .instagram:hover {background: #b35637;}
 .skype {background: #32c8de;}
 .skype:hover {background: #188392;}
 .tumblr {background: #84a1c8;}
 .tumblr:hover {background: #476d9f;}
 .vimeo {background: #32c8de;}
 .vimeo:hover {background: #188392;}
 .dribbble{background: #ff2edf;}
 .dribbble:hover {background: #c700a9;}
 .youtube {background: #ed5441;}
 .youtube:hover {	background: #b72411;}
 
 /* SOCIAL MEDIA COLORS ENDS
 -------------------------------------------------------------- */
 
 
 
 /* ===================================== */
 /* BIG TEXT STYLE                        */
 /* ===================================== */
 
 .big-title { background: #ffffff none repeat scroll 0 0; border-bottom: 3px solid #333333; border-left: 2px solid #333333; border-Right: 2px solid #333333; border-Top: 2px solid #333333; display: inline-block; margin-bottom: 60px; padding: 16px 30px !important; position: relative; text-align: center; text-transform: uppercase; }
 
 .big-title::before { background: #ffffff none repeat scroll 0 0; border-bottom: 3px solid #333333; border-left: 3px solid #333333; bottom: -15px; content: ""; height: 26px; left: 50%; margin-left: -13px; position: absolute; -moz-transform: rotate(316deg); -webkit-transform: rotate(316deg)); -o-transform: rotate(316deg); -ms-transform: rotate(316deg); transform: rotate(316deg); width: 26px; }
 
 /* ===================================== */
 /* MAIN TITLE                            */
 /* ===================================== */
 
 h2.section-title { background: #3451c6 none repeat scroll 0 0; color: #ffffff; font-size: 32px; font-weight: 600; line-height: 42px; margin-bottom: 80px; margin-top: -80px; padding: 40px 0; position: relative; text-align: center; z-index: 100; }
 
 
 /* ===================================== */
 /* TITLE                                 */
 /* ===================================== */
 
 
 .title-center { color: #000; width: 70%; margin: 0 auto 40px ; overflow: hidden; text-align: center; line-height: 46px; text-transform: capitalize; }
 
 .title-center:before, .title-center:after { content: ""; vertical-align: top; display: inline-block; width: 26%; height: 27px; border-bottom: 4px double rgba(0, 0, 0, 0.13); margin: 0 6% 0 -55%; }
 
 .title-center:after { margin: 0 -55% 0 6%; }
 
 .title { color: #FFFFFF; font-size: 23px; margin: 0 0 36px; overflow: hidden; line-height: 1.2em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
 
 /* ===================================== */
 /* HEADING                               */
 /* ===================================== */
 .box-title { font-size: 18px; text-align:left; }
 .heading-box { text-align:center; float:none; margin:0 auto 40px }
 
 .heading-box p { line-height: 40px; margin-top:10px; }
 
 .heading-box .box-title { font-size: 31px; }
 
 .heading-box [class^="desc-"] { font-weight:300; margin-top:0; }
 
 .heading-box .desc-lg { font-size: 21px; }
 
 .heading-box .desc-md { font-size:1.3333em }
 
 .testimonial.style1 .testimonial-content { font-family:Playfair Display }
 
 #header .logo, #nav>ul>li>a, .mobile-nav { }
 
 .page-wrapper { overflow:hidden; position:relative; }
 
 .box-lg { margin-bottom:40px }
  .navbar-form {
     display: inline-block;
     padding-right: 0;
      margin-top: 1.2em;
 
 }
 .ts-bt {
     background: #fd4326;
     border-color: #fd4326;
 }
 .ts-bt {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     background: #13A857;
     padding: 0 15px;
     line-height: 38px;
     text-transform: uppercase;
     color: #ffffff;
     font-size: 14px;
     display: inline-block;
     text-decoration: none;
     border: 1px solid #13A857;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     font-weight: 500;
 }
 .aboutus{
     width:100%;
     height:auto;
     overflow:hidden;
 }
 /*-- services --*/
 .services{
     background: #f6f6f6;
 }
 .service-in .card {
     padding: 1.5em 1em;
     border: none;
     transition: none;
     background: #fff;
     box-shadow: 5px 5px 10px 0 rgba(76, 110, 245, .1);
     margin-bottom:30px;
 }
 .service-in .card h5.card-title {
     font-size: 20px;
     color:#94D85F;
 }
 .service-in .card .serviceicon {
  margin-bottom:20px;
 }
 .service-in p.card-text {
     font-size: 15px;
     color:#000 !important;
 }
 
 /*-- //services --*/
 .aboutus h3 {
     font-size: 25px;
     text-align: center;
     padding-top: 20px;
     color: #000;
     font-weight: 500;
     position: relative;
     margin-bottom: 1em;
     padding-bottom: 0.3em;
     width: 70%;
     margin: 0 auto;
 }
 
 .aboutus p{
     margin: 0;
     padding-top: 10px;
     text-align:justify;
     color:#000;
     font-size:15px;
 }
 
 
 .centerss{
     display:block;
     text-align:center;
     margin-top:-17px;
     color:#000;
     font-size:15px;
 
   }
 .page-content {
     width: 100%;
     margin: 0 auto;
     float: left;
     
 }
 /*  6.5. DEVELOPMENT PROCESS BOXESS
 ============================================================================= */
 .process-box {
     background: #ffffff;
     width: 90%;
     float: right;
     color: #212121 !important;
     min-height: 210px;
     border-radius:10px;
     -moz-border-radius:10px;
     -webkit-border-radius:10px;
     padding: 25px 15px 25px 70px;
     position: relative;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     cursor: pointer;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }
 .process-box::after {
     position: absolute;
     display: block;
     content: "";
     background: url('../images/development-shadow.png') no-repeat center 0;
     bottom: 0;
     width: 100%;
     height: 19px;
     left: 0;
     bottom: -19px;
     opacity: 0;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }
 .process-box h5 {
     font-weight: bold;
     font-size: 17px;
     color:#ffffff;
     transition: ease-in-out 0.3s;
     -moz-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
 }
 .process-box p {
     color: #ffffff;
     transition: ease-in-out 0.3s;
     -moz-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
 }
 .process-box .read-more {
     color: #ffffff !important;
 }
 .process-box:hover {
     transform: translatey(-20px);
     -ms-transform: translatey(-20px); /* IE 9 */
     -webkit-transform: translatey(-20px); /* Safari and Chrome */
 }
 .process-box:hover h5, .process-box:hover p {
     color: #fff;
 }
 .process-box:hover::after {
     opacity: 0.7;
 }
 .process-box .img-container {
     width: 94px;
     height: 94px;
     position: absolute;
     left: -50px;
     top: 50%;
     background-color: #ffffff;
     margin-top: -50px;
     display: block;
     float: left;
     border: 3px solid #fff;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     overflow: hidden;
     z-index: 30;
 }
 .process-box .img-container img {
     width: 94px;
     height: 94px;
     display: block;
     opacity: 0.7;
     -webkit-border-radius: 50%;
     transition: ease-in-out 0.3s;
     -moz-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
 }
 .process-box:hover .img-container img {
     opacity: 1;
 }
 .process-box h5 {
     margin-bottom: 15px;
 }
 .servicesboxinner
 {
     width:100%;
     height:auto;
     overflow:hidden;
     background-color: #f2efea;
 }
 .servicesleft
 {
         width: 25%;
         float:left;
 }
 .servicesboxesinner
 {
     box-sizing: border-box;
     padding-left: 15px;
     padding-right: 15px;
     width: 100%;
 }
 .servicesmiddle
 {
         width: 50%;
         float:left;
 }
 .servicesright
 {
         width: 25%;
         float:left;
 }
 .servicesspace2 {
     height: 40px;
 }
 /*=========================================================================
 
  03. HOME SLIDER WT TEXT
  
 =========================================================================*/
 
 
 
 #parallax-backstretch { z-index:-1; position:fixed; width:100%; height: 800px; overflow:hidden; }
 
 .boxed #parallax-backstretch { position: absolute !important; }
     
 .boxed #parallax-backstretch .backstretch img { height: auto !important; left: 0 !important; overflow: hidden;  position: absolute !important; top: 0 !important; width: 100% !important; }
 
 #coming-soon { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); width:100%; padding: 150px 0 120px; }
 
 #welcome h4 { color: #ffffff; line-height: 35px; margin: 0 0 20px; min-height: 70px; }
 
 .welcome-section h2 { color: #ffffff; font-size: 35px; font-weight: 800; padding: 0 0 5px; text-align: center; text-transform: uppercase; }
 
 #welcome { text-align:center; top:50%; width:100%; height:auto; z-index:0; }
 
 #brand-logo { margin-bottom:0; }
 
 .typist { margin:0 0 20px; font-weight: 500; font-family: 'Raleway', sans-serif; color: #ffffff; line-height: 35px; margin: 0 0 20px; min-height: 70px; }
 
 a.subscribe-button { border:2px solid rgba(255, 255, 255, .5); border-radius:2.14286em; cursor:pointer; display:inline-block; font-size:.875em; font-weight:600; padding:1em 3.07143em; text-transform:uppercase; -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 color:#FFF; }
 
 a.subscribe-button:hover { background:rgba(255, 255, 255, .1); text-decoration:none; }
 
 
 #link-box a.subscribe-button:first-child { border:2px solid #3451c6; }
  
 
 
 
 /*=========================================================================
 
  04. HEADER
  
 =========================================================================*/
 
 
 #header { color: #0C3A6D; left: 0; position: absolute; top: 0; width: 100%; z-index: 101; background: #fff;}
 
 #header { color:#fff;
     background-color: #fff;
     box-shadow: 0 1px 5px rgba(0,0,0,0.2);
     -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
     -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
     -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
     -o-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
     transition: padding 0.35s ease;
     -khtml-transition: padding 0.35s ease;
     -webkit-transition: padding 0.35s ease;
     -moz-transition: padding 0.35s ease;
     -ms-transition: padding 0.35s ease;
     -o-transition: padding 0.35s ease;
      }
 
 #header .logo a { color:#fff; }
 
 #header .header-top-nav { float:right; }
 
 #header .logo { font-size: 21px; text-transform:uppercase; font-weight:800; float: left; background-repeat:no-repeat; line-height: 53px; margin: 2px 0 0 !important; }
 
 #header .logo img { margin-right: 6px; 
     margin-right: 6px;
     width: 270px;
     height: auto;
 }
 .Header_top {
     width: 100%;
     height: 40px;
     float: left;
     background-color: #333333;
     padding: 8px 0px;
     display: block;
 }
 .Header_top_left {
     width: 880px;
     height: auto;
     float: left;
 }
 .Header_top_right {
     width: 330px;
     height: auto;
     float: right;
     margin-top: 3px;
 }
 .Header_top_left1 {
     width: 150px;
     height: auto;
     float: left;
 }
 .Header_top_left2 {
     width: 226px;
     height: auto;
     float: left;
     display: block;
 }
 .Header_top_left3 {
     width: 110px;
     height: auto;
     float: left;
     display: block;
 }
 .Header_top_left4 {
     width: 80px;
     height: auto;
     float: left;
     display: block;
 }
 .Header_top_left1_icon {
     width: 21px;
     float: left;
     margin-right: 9px;
     margin-top: 1px;
 }
 .Header_top p {
     color: #fff;
     font-size: 14px;
 }
 .Header_top_right ul {
     padding: 0px;
     margin: 0px;
     float: right;
 }
 .Header_top_right ul li {
     float: left;
     width: auto;
     list-style: none;
     z-index: 999;
     position: relative;
     padding: 0px 15px;
     margin: 0px;
     border-right: 1px solid #66ccff;
 }
 .Header_top_right ul li a {
     text-decoration: none;
     display: block;
     font-family: Ebrima_Regular, Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
     color: #ffffff;
     padding: 0px;
 }
 .contact_list{ 
    background: #fff none repeat scroll 0 0;
     border-top: 1px solid #ddd;
     margin: 40px 0 0;
     overflow: hidden;
     padding: 33px 0;
     width: 100%;
 }
 
 .field-row.last {
     margin-right: 0;
 }
 .field-row.full-width {
     width: 100%;
 }
 .contact_list ul { margin:0 auto; display:table}
 .contact_list ul li { float:left; margin-right:61px; }
 .contact_list ul li img { margin-right:15px; float:left;}
 
 .contact_list ul li h2{ color: #94D85F;
     float: left;
     font-family: 'Raleway', sans-serif;
     font-size: 30px;
     letter-spacing: 1.3px;
     margin-top: 13px;
     width: 200px;}
 .contact_list ul li h2 span{ display:block; font-size:16px; color:#000; padding-top:10px; font-family: "Roboto", sans-serif;}
 .contact_list ul li h2 span a{ color:#000;  }
 .contact_list ul li.last { margin-right:0; }
 .social_main_div {
     width:100%;
     overflow:hidden;  
 }
 .social_main_div ul {
 }
 .social_main_div ul li {
     float:left;
     width:25%;
     padding:10px 0;
     text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 .social_main_div ul li i {
     color:#fff;
     font-size:30px;
 }
 .social_main_div ul li.fb_f {
     background:#3b5998;
 }
 .social_main_div ul li:hover.fb_f {
     background:#5274bc;
     -webkit-transition: all 800ms ease-in;
     -moz-transition: all 800ms ease-in;
     -ms-transition: all 800ms ease-in;
     -o-transition: all 800ms ease-in;
     transition: all 800ms ease-in;
 }
 .social_main_div ul li.tw_f {
     background:#1da1f2;
 }
 .social_main_div ul li:hover.tw_f {
     background:#55b8f5;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
 }
 .social_main_div ul li.li_f {
     background:#0077b5;
 }
 .social_main_div ul li:hover.li_f {
     background:#0088cf;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
 }
 .social_main_div ul li.gp_f {
     background:#d34836;
 }
 .social_main_div ul li:hover.gp_f {
     background:#d75746;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
 }
 
 
 
 
 .iconsbox
 {
     width:auto;
     float:right;
     overflow:hidden;
     margin-top:-4px;
 }
 .social-roll {
     height: 40px;
     width: 40px;
     float: left;
     -webkit-transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
     -o-transition: all ease 0.3s;
     -ms-transition: all ease 0.3s;
     transition: all ease 0.3s;
 }
 .social-roll:hover {
     
 }
 .social-roll:hover {
     -webkit-transform:rotate(360deg);
     -moz-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     -ms-transform:rotate(360deg);
     transform:rotate(360deg);
 }
 .facebookicon, .twittericon, .linkedinicon, .googleplusicon{
 }
 .facebookicon {
     background-image: url('../images/facebookicon.png');
     background-repeat:no-repeat;
 }
 .facebookicon:hover {
     background-image: url('../images/facebookiconhover.png');
     background-repeat:no-repeat;
 }
 .twittericon{
     background-image: url('../images/twittericon.png');
     background-repeat:no-repeat;
 }
 .twittericon:hover {
     background-image: url('../images/twittericon.png');
     background-repeat:no-repeat;
 }
 .linkedinicon {
     background-image: url('../images/linkedinicon.png');
     background-repeat:no-repeat;
 }
 .linkedinicon:hover {
     background-image: url('../images/linkediniconhover.png');
     background-repeat:no-repeat;
 }
 .googleplusicon {
     background-image: url('../images/googleplusicon.png');
     background-repeat:no-repeat;
 }
 .googleplusicon:hover {
     background-image: url('../images/googleplusiconhover.png');
     background-repeat:no-repeat;
 }
 /* ===================================== */
 /* INNER PAGE MAIN HEADER wt TITLE       */
 /* ===================================== */
 
 .page-title-container { background: url("../img/inner-header.html") repeat fixed 0 0 #09131d; position:relative; overflow: hidden; z-index: 1; }
 
 .page-title-container .entry-title { color: #ffffff; font-size: 41px; font-weight: 800; margin-bottom: 0; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }
  .page-title-container .entry-title::before, .page-title-container .entry-title::after {
  border-bottom: 4px double rgba(255, 255, 255, 0.17);
 }
 .page-title-container.cnt {
   background: rgba(0, 0, 0, 0) url("../img/inner-header-contact.html") repeat scroll 50% 50% / cover !important;
 }
 .page-title-map {
   background: rgb(15, 36, 49) none repeat scroll 0 0;
   min-height: 480px;
   overflow: hidden;
   position: relative;
   z-index: 1;
 }
 
 
 .page-title-container .page-title { padding: 170px 0 25px; position: relative; z-index: 3; }
 
 .page-title-container .breadcrumbs { padding: 0 25px 90px; text-align: center; position: relative; z-index: 3; }
 
 .page-title-container .breadcrumbs li { display:inline-block; line-height:36px; font-size: 14px; font-weight: 600; text-transform:uppercase; margin-left:5px }
 
 .page-title-container .breadcrumbs li:first-child { margin-left:0 }
 
 .page-title-container .breadcrumbs li a { color: #ffffff; padding-right: 5px; }
 
 .page-title-container .breadcrumbs li:after { content:"-" }
 
 .page-title-container .breadcrumbs li:last-child:after { content:"" }
 
 .page-title-container .breadcrumbs li.active { color:#84a1ff }
 
 
 
 
 /*=========================================================================
 
  05. Rocket Animated
  
 =========================================================================*/
 
 .rocket-fly { display: inline-block; width: 144px; height: 281px; margin-left: -72px; position: absolute; left: 50%; top: 0; -moz-animation: float 1000ms infinite ease-in-out; -webkit-animation: float 1000ms infinite ease-in-out; animation: float 1000ms infinite ease-in-out }
 @-webkit-keyframes 
 float { 0% {
  -webkit-transform: translateY(5px) translateX(1px);
 -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
  50% {
  -webkit-transform: translateY(-5px) translateX(-1px);
  -moz-transform: translateY(-5px) translateX(-1px);
  transform: translateY(-5px) translateX(-1px)
 }
  100% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
 }
 @-moz-keyframes 
 float { 0% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
  50% {
  -webkit-transform: translateY(-5px) translateX(-1px);
  -moz-transform: translateY(-5px) translateX(-1px);
  transform: translateY(-5px) translateX(-1px)
 }
  100% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
 }
 @keyframes 
 float { 0% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
  50% {
  -webkit-transform: translateY(-5px) translateX(-1px);
  -moz-transform: translateY(-5px) translateX(-1px);
  transform: translateY(-5px) translateX(-1px)
 }
  100% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
 }
 
 .rocket-fly .rocket { width: 100%; height: 100%; position: absolute; background: url(../images/rocket.png) no-repeat; left: 0; top: 0; z-index: 1 }
 
 .fuego { width: 40px; height: 71px; position: absolute; background: url(../images/fego.png) no-repeat; left: 55px; bottom: -7px; -webkit-animation: fire 100ms infinite ease-in-out; -moz-animation: fire 100ms infinite ease-in-out; animation: fire 100ms infinite ease-in-out }
 @-webkit-keyframes 
 fire { 0% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
  50% {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg)
 }
  100% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
 }
 @-moz-keyframes 
 fire { 0% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
  50% {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg)
 }
  100% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
 }
 @keyframes 
 fire { 0% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
  50% {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg)
 }
  100% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
 }
 
 /*=========================================================================
 
  06. Super man Animated
 
 =========================================================================*/
 
 
 .super-man { display: inline-block; height: 139px; position: relative; width: 314px; -moz-animation: float 1000ms infinite ease-in-out; -webkit-animation: float 1000ms infinite ease-in-out; animation: float 1000ms infinite ease-in-out; }
 @-webkit-keyframes 
 float { 0% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
  50% {
  -webkit-transform: translateY(-5px) translateX(-1px);
  -moz-transform: translateY(-5px) translateX(-1px);
  transform: translateY(-5px) translateX(-1px)
 }
  100% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
 }
 @-moz-keyframes 
 float { 0% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
  50% {
  -webkit-transform: translateY(-5px) translateX(-1px);
  -moz-transform: translateY(-5px) translateX(-1px);
  transform: translateY(-5px) translateX(-1px)
 }
  100% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
 }
 @keyframes 
 float { 0% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
  50% {
  -webkit-transform: translateY(-5px) translateX(-1px);
  -moz-transform: translateY(-5px) translateX(-1px);
  transform: translateY(-5px) translateX(-1px)
 }
  100% {
  -webkit-transform: translateY(5px) translateX(1px);
  -moz-transform: translateY(5px) translateX(1px);
  transform: translateY(5px) translateX(1px)
 }
 }
 
 .super-man .sp-man { background: rgba(0, 0, 0, 0) url("../images/sp-man.html") no-repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
 
 .fly-waves { background: rgba(0, 0, 0, 0) url("../images/waving.html") no-repeat scroll 0 0; height: 69px; left: 95px; position: absolute; top: 12px; width: 188px; -webkit-animation: fire 100ms infinite ease-in-out; -moz-animation: fire 100ms infinite ease-in-out; animation: fire 100ms infinite ease-in-out }
 @-webkit-keyframes 
 fire { 0% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
  50% {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg)
 }
  100% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
 }
 @-moz-keyframes 
 fire { 0% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
  50% {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg)
 }
  100% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
 }
 @keyframes 
 fire { 0% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
  50% {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg)
 }
  100% {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg)
 }
 }
 
 /* ===================================== */
 /* Callout Box                                */
 /* ===================================== */
 
 .callout-box { position:relative }
 
 .callout-box .callout-content { display:table; width:100% }
 
 .callout-box .callout-text { display:table-cell; vertical-align:middle }
 
 .callout-box .callout-action { display:table-cell; padding-left:40px; vertical-align:middle; white-space:nowrap }
 
 .callout-box.style1 .callout-color { background: #2980b9 none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 
 .callout-box.style1 .callout-content-container:before { content:""; display:inline-block; height:100%; vertical-align:middle }
 
 .callout-box.style1 .callout-content { display:inline-block; height:auto; width:98%; vertical-align:middle }
 
 .callout-box.style1 .callout-text h2 { border-right: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 32px; line-height: 52px; padding-right: 40px; }
 
 .callout-box.style1 .btn { color:#fff; border-color:#fff }
 
 .callout-box.style1 .btn:hover { border-color:#333 }
 
 .callout-box.style1 .container { position:relative }
 
 .callout-box.style1 .callout-image-container { display:table; width:100%; height:100%; table-layout:fixed }
 
 .callout-box.style1 .callout-image { position:relative; z-index:1; display:table-cell; vertical-align:bottom }
 
 .callout-box.style1 .callout-image img { margin-top:5px }
 
 .callout-box.style2 { background: none repeat scroll 0 0 #3451c6; padding: 0; }
 
 
 
 
 /*=========================================================================
 
  07. ROW WRAPPERS
  
 =========================================================================*/
 
 
 .second {height: auto; margin: 0 auto; padding: 20px 0 20px; position: relative; overflow: hidden;}
 
 .second::before { background: #eeeeee;
 content: "";
 height: 1px;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 }
 
 .second .bg { background: url("../img/parallax/trainers.html") 50% 0 no-repeat fixed; height: auto; margin: 0 auto; padding: 0; position: absolute; width: 900px; z-index: 200; }
 .expertiseul {
     font-size: 15px;
     line-height: 21px;
     vertical-align: middle;
     margin: 5% 0 4% 18px;
     list-style-type:square;
 
 }
 .third {  padding: 8px 10px; position: relative; overflow: hidden; }
  .third h3{ margin-bottom:10px;}
 
 .third .title { background: url("../img/patterns/pattern-stripes.html") repeat scroll 0 50% rgba(0, 0, 0, 0); overflow: hidden; }
 
 .third .title span { background: none repeat scroll 0 0 #f7f7f7; float: left; padding: 0 31px 0 0 !important; }
 
 .row-half-map { display: inline-block; margin: 0 0 -4px; position: relative; width: 100%; }
 
 .row-half-map .map-lft { width: 45%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; }
 
 .row-half-map .map-lft #map {
   height: 100%;
   width: 100%;
 }
 
 .row-half-map .form-rit { width: 55%; padding: 80px 70px; float: right; background: rgb(255, 255, 255) none repeat scroll 0px 0px; }
 
 .row-wrapper { position: relative; }
 
 /*=========================================================================
 
  Statistics
 
 ========================================================================= */
 
 .parallax { background-attachment:fixed; background-position:50% 0; background-repeat:no-repeat; background-size:auto auto; overflow:hidden; position:static;
     margin-top: 18px;
     }
 
 .parallax-wrapper { padding: 70px 0 50px 0PX; position: relative; }
 
 .parallax h1 { }
 
 .parallax p { color: #aeaeae; font-size: 16px; font-weight: 400; line-height: 31px; margin-bottom: 20px; }
 
 .features-icon-slider.owl-theme .owl-controls {
   display: none;
 }
 
 .parallax .container { -webkit-backface-visibility:hidden }
 
 .parallax-image1 { background-image:url(../images/parallax1.jpg); background-color: #101010; }
 
 .parallax-image2 { background-image:url(../img/parallax1.html); }
 
 .parallax-image4 { background-image:url(../img/bg2.html); background-color: #101010; border-bottom: 1px solid #eaebeb; border-top: 1px solid #eaebeb; padding: 80px 0 60px; position: relative; }
 
 .parallax-image4 h2, .parallax-image4 p {
   color: #fff;
 }
 
 
 .parallax-image6 { background-image:url(../images/cloud.html) }
 
 .map-overlay { 
 background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* FF3.6+ */
 background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(244, 246, 12, 0)));/* Chrome,Safari4+ */
 background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* Opera 11.10+ */
 background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(244, 246, 12, 0)', GradientType='1'); /* for IE */
 background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* W3C */ 
 display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; }
 
 .img-overlay {
   background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%) repeat scroll 0 0;
   display: inline-block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 3;
 }
 
 .overlay-light { background: none repeat scroll 0 0 rgba(40, 47, 57, 0.8); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
 
 .banner-image1 { background: url("../img/about-bg.html") no-repeat center top transparent; }
 
 .light-overlay1 { background-color: rgba(237, 246, 255, 0.3); border-bottom: 1px solid #e0e9f2; border-top: 1px solid #e0e9f2; padding: 80px 0 60px; }
 
 .bg-client-section { background: #222222 url("../img/client-bg.html") repeat fixed 0 0; height: auto; margin: 0 auto; overflow: hidden; padding: 80px 0; position: relative; }
 
 .bg-client-section h1, .bg-client-section h2, .bg-client-section h3, .bg-client-section h4, .bg-client-section h5, .bg-client-section h6, .bg-client-section p { color: #fff; }
 
 
 
 
 
 /*=========================================================================
 
  08. Services
 
 ========================================================================= */
 .Servicesouter {
     width: 100%;
     height: auto;
     float: left;
     background:url('../images/servicesbg.png');
     -webkit-box-shadow: inset 0 0 14px 0 rgba(230,227,230,1);
     -moz-box-shadow: inset 0 0 14px 0 rgba(230,227,230,1);
     box-shadow: inset 0 0 14px 0 rgba(230,227,230,1);
 }
 .Services {
     width: 100%;
     height: auto;
     float: left;
     padding-top:30px;
     padding-bottom:30px;
 }
 .Services h2 {
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 21%;
     margin: 0 auto;
     margin-bottom:20px;
     color:#fff;
 }
 .Services h2:before{
     content: '';
     width: 60px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 40%;
     display: block;
 }
 .Services h3 {
     padding-top: 13px;
     width:1024px;
     width: 100%;
     float: left;
     margin-bottom: 30px;
     font-size: 16px;
     text-align:center;
     padding-left:100px;
     padding-right:100px;
     color:#fff;
     line-height:26px;
 }
 
 .our_services_boxes
 {
     width:100%;
     float:left;
     margin-bottom:30px;
 }
 .our_services_boxes .box
 {
     float:left;
 }
 .our_services_boxes .box_main
 {
     width:100%;
     float:left;
     background:#fff;
     -webkit-transition-duration:.3s;
     -moz-transition-duration:.3s;
     -o-transition-duration:.3s;
     transition-duration:.3s;
 }
 .our_services_boxes .box_main:hover
 {
     background:#ECF4FF;
 }
 .our_services_boxes .box_main.wd_m:hover
 {
     background:#FFF3EA;
 }
 .our_services_boxes .box_main.dm_m:hover
 {
     background:#FFF3EA;
 }
 .our_services_boxes .box_main.wdev_m:hover
 {
     background:#FFF3EA;
 }
 .our_services_boxes .box_main_left
 {
     width:50%;
     float:left;
     height:225px;
 }
 .our_services_boxes .box_main_left.wd:hover
 {
     
     background-color:#DEF8F8;
 }
 .our_services_boxes .box_main_left.ec:hover
 {
    
     background-color:#F8EDD1;
 }
 .our_services_boxes .box_main_left.dm:hover
 {
     
     background-color:#F8DACB;
 }
 .our_services_boxes .box_main_left.wdev:hover
 {
     
     background-color:#D9EAF5;
 }
 .our_services_boxes .box_main_left.ma:hover
 {
     
     background-color:#F1E8EC;
 }
 .our_services_boxes .box_main_left.br:hover
 {
     
     background-color:#E2E8DB;
 }
 .our_services_boxes .box_main_left.rt
 {
     float:right;
 }
 .our_services_boxes .box_main_left .table
 {
     width:100%;
     float:left;
     display:table;
     height:225px;
 }
 .our_services_boxes .box_main_left .table_call
 {
     height:225px;
     display:table-cell;
     vertical-align:middle;
     width:100%;
 }
 .our_services_boxes .box_main_left .table_call .txt
 {
     padding:0 25px;
 }
 .our_services_boxes .box_main_left.rt .table_call .txt
 {
     padding:0 15px 0 35px;
 }
 .our_services_boxes .box_main_left .table_call .txt h3
 {
     font-size:16px;
     font-weight:600;
     background:url(../images/line3.html) left bottom no-repeat;
     padding-bottom:10px;
     margin-bottom:10px;
 }
 .our_services_boxes .box_main_left .table_call p
 {
     font-size:12px;
     font-style:italic;
 }
 .our_services_boxes .box_main_right
 {
     width:50%;
     text-align:center;
     float:left;
     height:225px;
     position:relative;
 }
 .our_services_boxes .box_main_right .arrow
 {
     position:absolute;
     left:-13px;
     top:45%;
     width:auto;
     height:auto;
 }
 .our_services_boxes .box_main_right .arrow .arrow-right1 {
  width: 0; 
   height: 0; 
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent; 
   
   border-right:13px solid #15BEBB; 
 }
 .our_services_boxes .box_main_right .arrow .arrow-right2 {
  width: 0; 
   height: 0; 
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent; 
   
   border-right:13px solid #F9B616; 
 }
 .our_services_boxes .box_main_right .arrow .arrow-right3 {
  width: 0; 
   height: 0; 
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent; 
   
   border-right:13px solid #FF6418; 
 }
 .our_services_boxes .box_main_right .arrow2 .arrow-right4 {
 width: 0; 
   height: 0; 
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent;
   
   border-left: 13px solid #0870B8;
 }
 .our_services_boxes .box_main_right .arrow2 .arrow-right5 {
 width: 0; 
   height: 0; 
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent;
   
   border-left: 13px solid #BF1D64;
 }
 .our_services_boxes .box_main_right .arrow2 .arrow-right6 {
 width: 0; 
   height: 0; 
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent;
   
   border-left: 13px solid #85C040;
 }
 
 .our_services_boxes .box_main_right .arrow2
 {
     position:absolute;
     right:-13px;
     top:45%;
     width:auto;
     height:auto;
 }
 .our_services_boxes .box_main_right img
 {
     max-width:100%;
     height:225px;
 }
 .our_services_boxes .box_main_right.wd
 {
     background:#15BEBB;
 }
 .our_services_boxes .box_main_right.ec
 {
     background:#F9B616;
 }
 .our_services_boxes .box_main_right.dm
 {
     background:#FF6418;
 }
 .our_services_boxes .box_main_right.wdev
 {
     background:#0870B8;
 }
 .our_services_boxes .box_main_right.ma
 {
     background:#BF1D64;
 }
 .our_services_boxes .box_main_right.br
 {
     background:#85C040;
 }
 .our_services_boxes .box_main_left.wd h3
 {
     color:#15BEBB;
 }
 .our_services_boxes .box_main_left.ec h3
 {
     color:#F9B616;
 }
 .our_services_boxes .box_main_left.dm h3
 {
     color:#FF6418;
 }
 .our_services_boxes .box_main_left.wdev h3
 {
     color:#0870B8;
 }
 .our_services_boxes .box_main_left.ma h3
 {
     color:#BF1D64;
 }
 .our_services_boxes .box_main_left.br h3
 {
     color:#85C040;
 }
 .portfolio
 {
     width:100%;
     float:left;
     padding:60px 0 30px;
 }
 .more
 {
     width: 160px;
     height: 43px;
     margin: 0 auto;
     margin-top: 15px;
     overflow:hidden;
 }
 .more a
 {
     padding:10px 40px;
     border:2px solid #94D85F;
     color:#94D85F;
     text-decoration:none;
     text-transform:uppercase;
     font-size: 14px;
 }
 .more a:hover{
     color:#fff;
 }
 /* Bounce To Top */
 .hvr-bounce-to-top {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   position: relative;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
 }
 .hvr-bounce-to-top:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #94D85F;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }
 .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
   color: white;
 }
 .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
   transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 }
 .website_packages {
     width: 100%;
     float: left;
     padding: 150px 0 70px;
 }
 .website_packages .box_main{width:100%;float:left; 
     margin-bottom: 30px;}
 .website_packages .box{margin:0 5px}.website_packages .box .box_top{background:#5994ee;padding:15px;color:#fff}.website_packages .box .box_top .t1{font-size:15px;font-weight:700;line-height:22px;}.website_packages .box .box_top .t2{font-size:12px;font-style:italic;padding:3px 0 7px}.website_packages .box .box_top .t3{font-size:14px}.website_packages .box .box_top .t3 span{font-weight:600;font-size:17px}.box_btm{width:99.4%;float:left;padding-bottom:15px;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#fafafa}.website_packages .box:hover .box_btm{-webkit-box-shadow:inset 0 0 14px 0 rgba(230,227,230,1);-moz-box-shadow:inset 0 0 14px 0 rgba(230,227,230,1);box-shadow:inset 0 0 14px 0 rgba(230,227,230,1)}.box_btm ul{margin:0;padding:5px 2.5% 0;float:left;width:95%;margin:0}.box_btm ul li{list-style:none;border-bottom:1px solid #e7e7e7;background:url(../images/arrow6.png) left 14px no-repeat;padding:13px 0 10px 16px;font-size:11px;font-weight:600}.box_btm .more{font-size:12px;color:#5994ee;float:left;padding:10px 0 10px 5%;font-weight:700}.website_packages .link{text-align:center;width:100%;float:left;padding:20px 0}.website_packages .link a{background:#5994ee;padding:12px 20px;color:#fff;text-decoration:none;font-size:14px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.website_packages .link a:hover{background:#4174C1;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
 .website_packages .box.red .box_top{background:#ed6d79}.website_packages .box.red .box_btm ul li{background:url(../images/arrow2.png) left 14px no-repeat}.website_packages .box.red .box_btm .more{color:#ed6d79}.website_packages .box.red .box_btm .link a{background:#ed6d79}.website_packages .box.red .box_btm .link a:hover{background:#D85561}.website_packages .box.blue .box_top{background:#7e5ea8}.website_packages .box.blue .box_btm ul li{background:url(../images/arrow3.png) left 14px no-repeat}.website_packages .box.blue .box_btm .more{color:#7e5ea8}.website_packages .box.blue .box_btm .link a{background:#7e5ea8}.website_packages .box.blue .box_btm .link a:hover{background:#5F4286}.website_packages .box.green .box_top{background:#6bddc4}.website_packages .box.green .box_btm ul li{background:url(../images/arrow4.png) left 14px no-repeat}.website_packages .box.green .box_btm .more{color:#6bddc4}.website_packages .box.green .box_btm .link a{background:#6bddc4}.website_packages .box.green .box_btm .link a:hover{background:#4DC1A8}
 .freeimage
 {
     width:956px;
     height:auto;
     overflow:hidden;
     margin-right:auto;
     margin-left:auto;
 }
 .website_packages h2 {
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 34%;
     margin: 0 auto;
     margin-bottom: 20px;
 }
 .website_packages h2 span{
     color:#94D85F;
 }
 .website_packages h2:before{
     content: '';
     width: 100px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 38%;
     display: block;
 }
 .nos_outer{width: 100%; float: left;    background: url(images/service-bg.html) no-repeat center; background-size: cover; padding-bottom: 40px; 
     margin-top: 150px;
 }
 .nos_inner{width: 1200px; margin: 0 auto;}
 .nos_head{text-align: center;}
 .nos_head h2{
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 26%;
     margin: 0 auto;
     margin-bottom:20px;
 }
 .nos_head h2:before{
     content: '';
     width: 60px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 40%;
     display: block;
 }
 .nos_head p{max-width: 100%; display: inline-block; font-size: 18px; font-weight: 400; line-height: 25px;}
 
 .nos_list ul li{width: 33.33%; float: left; text-align: center; margin: 20px 0;}
 .nos_list ul li a p{color: #000; font-size: 16px; margin-top: 10px;}
 .nos_list ul li a:hover img{transform: rotateY(360deg);  transition:ease-in-out 1s}
 .Content_wraper {
     width: 100%;
     height: auto;
     overflow:hidden;
     margin: 0 auto;
     margin-top:118px;
     margin-bottom:118px;
 }
 
 
 
 .Content_wraperss {
     width: 100%;
     height: auto;
     overflow:hidden;
     margin: 0 auto;
     margin-top:100px;
     margin-bottom:118px;
 }
 
 
 #exppertisee
 {
     margin-left:1px;
     padding-bottom:20px;
 }
 #exppertisee b
 {
      font-size: 16px;
     color: #94D85F;
     padding:8px 0px;
 }
     #exppertisee ul {
         list-style:disc;
         margin:5px 0px 15px 16px;
     }
 .Content_Left {
     width: 25%;
     height: auto;
     float: left;
     background-color: #eaeaea;
     display: block;
 }
 .Services_Left {
     width: 25%;
     height: auto;
     float: left;
     background-color: #eaeaea;
     display: block;
 }
 .Portfolio_main {
     width: 100%;
     height: auto;
     float: left;
 }
 
 .Content_Right {
     width: 75%;
     height: auto;
     float: right;
     padding: 3% 2%;
     text-align: justify;
 }
 .Services_Right {
     width: 75%;
     height: auto;
     float: right;
     padding: 8% 2%;
     text-align: justify;
 }
 .Content_Right h1 {
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 34%;
     margin: 0 auto;
     margin-bottom: 20px;
 }
 .Content_Right h1:before{
     content: '';
     width: 100px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 30%;
     display: block;
 }
 .Content_Right p{
     font-size: 16px;
     font-weight: normal;
     color: #666666;
     margin: 0px;
     padding: 0px;
     line-height: 24px;
     text-align: justify;
 }
 .Content_right_img {
     width: 100%;
     height: auto;
     float: left;
     margin: 20px 0px;
 }
 .Content_right_img img {
     width: 100%;
     max-width: 900px;
     min-height: 100px;
 }
 .Left_menu_bg {
     width: 100%;
     height: 100%;
     background-color: #eaeaea;
 }
 
     .Left_menu_bg h1 {
         font-size: 20px;
         text-transform: uppercase;
         text-align: left;
         padding: 13px 0px 6px 15px;
         margin:0;
     }
 
 .Left_menu {
     width: 100%;
     height: auto;
     float: left;
     margin-top: 5px;
     border-bottom: 1px solid #cccccc;
 }
 
     .Left_menu ul {
         padding: 0px;
         margin: 0px;
         float: left;
     }
 
         .Left_menu ul li {
             float: left;
             width: 100%;
             list-style: none;
             margin: 0px;
             padding: 0px;
         }
 
             .Left_menu ul li a {
                 text-decoration: none;
                 display: block;
                 font-size: 16px;
                 font-weight: normal;
                 color: #666666;
                 padding: 10px 10px 7px 15px;
                 margin: 0px;
                 border-top: 1px solid #cccccc;
                 border-bottom: 1px solid #eaeaea;
                 /* Old browsers */
                 background: linear-gradient(to right, #94D85F 50%, #eaeaea 50%);
                 background-size: 200% 100%;
                 background-position: right bottom;
                 transition: all 0.8s ease;
                 background-color: transparent;
             }
 
                 .Left_menu ul li a:hover {
                     color: #fff;
                     border-color: #fff;
                     background-position: left bottom;
                     background-color: #2F3230;
                 }
 
 .Left_menu_active {
     color: #fff !important;
     border-color: #fff;
     background-position: left bottom;
     background: #94D85F !important;
     position: relative;
 }
 
     .Left_menu_active:after {
         left: 100%;
         top: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-left-color: #94D85F;
         border-width: 8px;
         margin-top: -8px;
     }
 
 .Left_menu_active1 {
     color: #fff !important;
     border-color: #fff;
     background-position: left bottom;
     background: #0099ff !important;
     position: relative;
 }
 
     .Left_menu_active1:after {
         right: 100%;
         top: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-right-color: #0099ff;
         border-width: 8px;
         margin-top: -8px;
     }
 .agileits_updates_grid_left_grid
 {
     margin-top:13.5px;
     margin-bottom:13px;
 }
     .serviceshome
     {
         width:100%;
         height:auto;
         overflow:hidden;
     }
     .serviceshomeleft
     {
         width: 25%;
         height:auto;
         overflow:hidden;
         float:left;
     }
     .serviceshomeleftinner
     {
         box-sizing: border-box;
     padding-left: 15px;
     padding-right: 15px;
     width: 100%;
     }
     .serviceshomeleftinner::after, .serviceshomeleftinner::before {
     content: " ";
     display: table;
 }
     .verticalspaces
     {
         height: 0px;
         border:0px;
     }
     .siconbox
     {
             text-align: right;
             padding: 0px 0 30px 0;
            
     }
     .siconbox i {
    cursor: default;
     display: inline;
     font-size: 30px;
     float: right;
     padding: 0;
     margin-left: 20px;
     margin-right: 0;
     margin-top: 3px;
     font-size:30px;
      color:#94D85F;
       width:40px;
     height:40px;
 }
         .servicesh4 {
             font-size: 18px;
     line-height: 21px;
     letter-spacing: 0;
     text-align: left;
     text-transform: uppercase;
     padding-top: 5px;
     margin-bottom: 10px;
     margin-bottom: 10px;
     text-align: right;
     color:#94D85F;
         }
           .servicesh4 strong
         {
             color:#fff;
         }
         .siconboxp {
     text-align: right;
     margin-top: 3px;
     margin-left: 0;
     margin-bottom: 0;
     margin-right: 58px;
      color:#fff;
 }
         a.servemore {
     background: #94D85F;
     border-radius: 55px;
     display: inline-block;
     line-height: 18px;
     padding: 2px 14px 2px;
     color: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: 600;
     margin-left: 52px;
     margin-top:15px;
 }
 a.servemore:hover
 {
     color:#fff;
 }
 .rsiconbox
     {
             text-align: right;
             padding: 0px 0 30px 0;
            
     }
     .rsiconbox i {
     color: #00c2e5;
     cursor: default;
     display: inline;
     font-size: 30px;
     float: left;
     padding: 0;
     margin-right: 20px;
     margin-top: 3px;
     width:30px;
     height:40px;
 
 }
         .rservicesh4 {
             font-size: 18px;
     line-height: 21px;
     letter-spacing: 0;
     text-align: left;
     text-transform: uppercase;
     padding-top: 5px;
     margin-bottom: 10px;
     color:#94D85F;
 
         }
         .rservicesh4 strong
         {
            color:#fff;
         }
         .rsiconboxp {
     text-align: left;
     margin-top: 3px;
     font-size: 14px;
     line-height: 1.54;
     padding-bottom: 10px;
     margin-left: 48px;
     overflow: hidden;
     margin-bottom: 0;
     color:#fff;
 }
         a.rservemore {
    background: #94D85F;
     border-radius: 55px;
     display: inline-block;
     line-height: 18px;
    padding: 2px 14px 2px;
     color: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: 600;
     margin-left: 52px;
     margin-top:15px;
 }
 a.rservemore:hover
 {
     color:#fff;
 }
 .serviceshomemid {
 
     width: 50%;
         height:auto;
         overflow:hidden;
         float:left;
 }
 .serviceshomemidinner
 {
     padding-top:60px;
     text-align:center;
 }
 .serviceshomeright {
      width: 25%;
         height:auto;
         overflow:hidden;
         float:left;
 }
 .servicesmainbanner
 {
      width: 100%;
     height: auto;
     overflow:hidden;
     margin-top:120px;
 }
 .servicesmainbanner1
 {
      width: 100%;
     height: auto;
     overflow:hidden;
     margin-top:120px;
 }
 .servicesmainbanner img {
     width: 100%;
     height: auto;
     text-align: center;
     border-bottom:1px solid #E4E4E4;
 }
 .servicesmaincon {
     background: #fff;
     width: 100%;
     min-height: 150px;
     margin-top: 60px;
 }
 .servicessubcon {
     background: #fff;
     width: 100%;
     min-height: 150px;
 }
 .servicesmaincon h1 {
     text-align: center;
     text-align: center;
     color: #94D85F;
     padding: 10px 0 0;
 }
 .servicesmaincon h3 {
     text-align: center;
     text-align: center;
     margin-top:20px;
    
 }
 .servicessubcon h1 {
     text-align: center;
     color: #333333;
     padding: 0px 0 0;
     font-size:34px;
 
 
 }
 .servicessubcon h1 strong {
   
     
    color: #94D85F;
 
 }
 .servicessubcon h3 {
     text-align: center;
     text-align: center;
     font-size:18px;
     margin-top:20px;
    
 }
 .servicesmainconwrapper {
     margin: 0 auto;
     max-width: 1024px;
     width: 960px;
     position: relative;
 }
 .servicessubconwrapper {
     margin: 0 auto;
     max-width: 100%;
     width: 100%;
     position: relative;
 }
 section.top {
     padding-top: 40px; overflow:hidden;
 }
 .serveleft {
     -moz-box-sizing: border-box;
     float: left;
     padding-right: 3%;
     width: 44%; position:relative;
 }
 .serveleftr {
     -moz-box-sizing: border-box;
     float: left;
     padding-right: 3%;
      position:relative; width: 53%;
      text-align: center;
 }
 .serveleftimg {
     height: auto;
     margin: 0 auto;
 }
 .serveleftimg img {
     width: 100%;
 }
 .serveright {
     border-left: 2px solid #E4E4E4;
     box-sizing: border-box;
     float: right;
     position: relative;
     min-height: 287px;
     padding-left: 5%;
     width: 53%;
     text-align:center;
 }
 .indussubcon {
     box-sizing: border-box;
     position: relative;
     min-height: 287px;
     width: 100%;
     text-align:center;
 }
 .servesubcon {
     box-sizing: border-box;
     position: relative;
     height: auto;
     padding-left: 5%;
     width: 100%;
     text-align:center;
 }
 .serverightl {
     border-left: 2px solid #E4E4E4;
     box-sizing: border-box;
     float: right;
     position: relative;
     min-height: 287px;
     padding-left: 5%;
     width: 44%;
    
 }
 .serveserve {
     background: #d53e47 none repeat scroll 0 0;
     height: 2px;
     left: 50%;
     margin-left: -338px;
     margin-top: -71px;
     position: absolute;
     top: 50%;
     width: 68px;
     display: none;
 }
 .serverighthead {
     font-size: 32px !important;
     color: #94D85F !important;
 }
 .servesubrighthead {
     font-size: 22px !important;
     color: #94D85F !important;
 }
 .servicessubcon h2 {
     text-align: center;
     text-align: center;
     color: #333333;
     padding: 0px 0 0;
     font-size: 35px;
     margin-top:30px;
 }
 /* OUR PROCESS SECTION */
     .our-process-wrap { background: url(../images/ourprocess.png) left top no-repeat; background-size: contain; display: table; padding: 62px 40px 0;}
     .our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 62px; overflow:visible; z-index:11;}
     .our-process:before, .our-process:after { content: "\f192"; position: absolute; left: -8px; bottom: -4px; font-family: 'FontAwesome'; font-size: 16px; color: #ccc;}
     .our-process:after { left: auto; bottom: -11px; right: -8px; content: "\f140";}
 
     .our-process-item {text-align:center;padding: 0 10px; display: table-cell;}
     .our-process-item .our-process-content { text-align:center;}
     .our-process-item i { position: relative; background:#fff; position:relative;color: #52535c;font-size: 32px;display:inline-block;clear:both;border-radius: 50%;border: 2px solid #f4f3f3;-webkit-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;width: 70px;height: 70px;text-shadow: none; box-shadow: 0 2px 0 0px rgba(0,0,0,0.017);}
     .our-process-item i:before { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%);}
     .our-process-item:hover i {border-color: #7bd1ef;color: #00c2e5;}
     .our-process-item h4 {font-size: 17px; text-transform: uppercase; color: #171c24; margin: 34px 0 25px;}
     .our-process-item p {font-size: 14px;color: #8a8a8a; line-height:1.6; padding:0 15px;}
     
     
 
 
 .subtitle {
    
     font-size: 19px;
     padding-top: 17px;
     text-align: center;
 }
 .subsubtitle {
     font-size: 15px;
     padding-top: 17px;
     text-align: center;
 }
 .bsubsubtitle {
     font-size: 25px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     width: 100%;
     margin: 0 auto;
     color: #94D85F;
     display:block;
 }
 a.serveconmore {
     background: #94D85F;
     border-radius: 55px;
     display: inline-block;
     line-height: 18px;
     padding: 2px 14px 2px;
     color: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: 600;
     margin-left: auto;
    
     margin-right:auto;
 }
 a.serveconmore:hover {
     color:#ffffff;
 }
 .TextInnerDiv {
     width: 100%;
     max-width: 850px;
     margin: 0 auto;
 }
 
     .TextInnerDiv p {
         text-align: center;
     }
 .Bootom_shadow {
     width: 100%;
     height: 10px;
     margin: 0 auto;
     margin: 20px 0px;
     max-width: 1128px;
 }
 
     .Bootom_shadow img {
         width: 100%;
     }
     .compn_outer{width:100%; float:left; }
 .compn_inner{width:100%; margin:0 auto;}
 .compn_inner h1{width:100%; float:left; text-align:center; font-size:45px; color:#333333; margin:60px 0; text-transform:uppercase;}
 .compn_inner h1 span{color:#ee1c25; }
 .companies_area{width:100%; float:left; margin-bottom:50px;}
 .companies_area ul{width:100%; float:left;}
 .companies_area ul li{width:16%; display:inline-block;   border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; }
 .companies_area ul li a{/*width:100%;height:150px;  float:left;padding:20px;box-sizing:border-box;*/}
 .companies_area ul li a img{width:60%; margin: 0 auto; padding:20%;}
 .companies_area table tr td:last-child {border-right: none;}
 .companies_area table tr td {text-align: center;vertical-align: middle;/*height: 150px;*/border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;width: 16.66%;}
 .companies_area table tr td:hover {background-color: #EE1C25; /*transition:all .4s;*/}
 .companies_area table tr:last-child td {border-bottom: none;}
 .compn_inner h2 span {color: #94D85F;}
 .compn_inner h2{margin: 20px 0 30px 0;font-size: 35px; font-weight:500;    position: relative; color: #333333; text-align: center; font-weight: 400;}
 .clientsbox {
 position: relative;
     float: left;
     border: 1px solid #ccc;
     margin-top: -1px;
     margin-left: -1px;
    width:203px;
 height:150px;
     overflow: hidden;
 }
 .clientsbox img
 {
        padding: 11px 27px 14px 27px;
 }
 .clientsbox .clientsboxbox {
 width:203px;
 height:150px;
 position:absolute;
 top:0;
 left:0;
 -webkit-transform: scale(0);
 transform: scale(0);
 background: rgba(0, 0, 0, 0.9);
     color: #ffffff;
     text-align: center;
 -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
 box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
 }
 .clientsbox:hover .clientsboxbox {
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 .clientsboxbox .clientsboxtext {
 padding-top: 50px;
 }
 
 .clientsboxbox {
 -webkit-transition: all 0.7s ease;
 transition: all 0.7s ease;
 }
 .Content_Right .clienttesthead
 {
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 38%;
     margin: 0 auto;
     margin-bottom: 20px;
 }
 .Content_Right h3
 {
     font-size: 25px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     width: 100%;
     margin: 0 auto;
     color:#94D85F;
 }
 .Content_Right h6
 {
    
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     width: 100%;
     margin: 0 auto;
 }
 .Col-6 {
     position: relative;
     width: 100%;
     float: left;
     padding: 30px 0;
    border:1px solid #E4E4E4;
 }
 .T-Left {
     float: left;
     
 
 }
 .testimonial-block {
     position: relative;
     padding: 0 30px;
     text-align: left;
 }
 .testimonial-block.blockleft {
     text-align: right;
 }
 .testimonial-block.blockleft .ImgDiv {
     clear: both;
     float: right!important;
     margin: 0 0 0 30px;
 }
 .testimonial-block .ImgDiv, .V-Logo .ImgDiv {
     border: 5px solid #EFEFEF;
     float: left;
     margin-right: 30px;
     width: 100px;
     border-radius: 100%;
     height: 100px;
     position: relative;
     text-align: center;
 }
 .testimonial-block .ImgDiv b, .V-Logo .ImgDiv b {
     display: table-cell;
     height: 100px;
     overflow: hidden;
     text-align: center;
     vertical-align: middle;
     width: 100px;
 }
 .testimonial-block span {
     color: #108CF4;
 }
 .T-Content {
     overflow: hidden;
 }
 .testimonial-block h3 {
     font-size: 18px;
     text-transform: uppercase;
     color: #5D5D5D;
     font-weight:bold;
     
 }
 .testimonial-block .h3left
 {
     text-align:right;
 }
 .testimonial-block .h3right
 {
     text-align:left;
 }
 .testimonial-block span {
     color: #108CF4;
 }
 .testimonial-block span {
     color: #108CF4;
 }
 .T-Icon {
     background: #108CF4;
     border: 5px solid #EFEFEF;
     border-radius: 100%;
     color: #FFF;
     height: 28px;
     line-height: 28px;
     width: 28px;
     display: inline-block;
     text-align: center;
     margin: 10px 5px 0 0;
 }
 .icon-website
 {
     width:40px;
     height:40px;
     
 }
 .companies_area table tr td a {
     position: relative;display: block; color:#fff;
 }
 .companies_area table tr td a:hover {
    color:#94D85F;
 }
 .img_two{position: absolute; top: 0; left: 0; width: 100%; visibility: hidden}
 
 .cmp_area_two_logo table tr td:hover {
     background-color: #fff;
     /*transition: all .4s;*/
 }
 
 .cmp_area_two_logo table tr td:hover .img_two{ visibility:visible;}
 .cmp_area_two_logo table tr td:hover .img_one{ visibility:hidden;}
 
 .username 
 {
     width: 80%;
     height: 44px;
     box-sizing: border-box;
     border-radius: 5px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
     font-size: 14px;
     padding: 0 20px 0 50px;
     outline: none;
     background: #fff url('../images/username.png') 20px no-repeat;
     background-size: 16px 30px;
 }
 .username:focus {
      background: #ddfafa url('../images/username.png') 20px no-repeat;
     background-size: 16px 30px;
 }
 .username:-webkit-autofill
 {
       background: #ddfafa url('../images/username.png') 20px no-repeat;
     background-size: 16px 30px;
 }
 .number 
 {
     width: 80%;
     height: 44px;
     box-sizing: border-box;
     border-radius: 5px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
     font-size: 14px;
     padding: 0 20px 0 50px;
     outline: none;
     background: #fff url('../images/mobile.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 .number:focus {
      background: #ddfafa url('../images/mobile.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 
 .email 
 {
     width: 80%;
     height: 44px;
     box-sizing: border-box;
     border-radius: 5px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
     font-size: 14px;
     padding: 0 20px 0 50px;
     outline: none;
     background: #fff url('../images/mailicon.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 .email:focus {
       background: #ddfafa url('../images/mailicon.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 .captcha
 {
     width: 80%;
     height: 44px;
     box-sizing: border-box;
     border-radius: 5px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
     font-size: 14px;
     padding: 0 20px 0 50px;
     outline: none;
     background: #fff url('../images/code.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 .captcha:focus {
       background: #ddfafa url('../images/code.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 .goback
     {
          width:80px;
             height:24px;
             background-color: #f26920;
             outline:0px;
             text-align:center;
             margin-top:6px;
             display:block;
          color:#fff;
          line-height:23px;
     }
 .goback:focus {
     outline:0px;
     color:#fff;
 }
 .goback:hover {
     outline:0px;
     color:#fff;
 }
 .enquiry 
 {
     width: 80%;
     height: 60px;
     box-sizing: border-box;
     border-radius: 5px;
     border: 1px solid #ccc;
     margin-bottom: 20px;
     font-size: 14px;
     padding-left:50px;
     padding-right:20px;
     padding-top:20px;
     outline: none;
     background: #fff url('../images/enquiryicon.png') 20px no-repeat;
     background-size: 20px 24px;
     vertical-align:middle;
 }
 .enquiry:focus {
      background: #ddfafa url('../images/enquiryicon.png') 20px no-repeat;
     background-size: 20px 24px;
 }
 .submitbtn
 {
     width: 80%;
     height: 48px;
     box-sizing: border-box;
     font-size: 22px;
     outline: none;
     background:#0C3A6D;
     color:#fff;
     border:2px solid #0C3A6D;
 }
 
 .submitbtn:hover
 {
     cursor:pointer;
 }
 
 .login-block input:active, .login-block input:focus {
     border: 1px solid #0C3A6D;
 }s
 
 
 /*=========================================================================
 
  09. DEALS BOX
 
 ========================================================================= */
 
 
 .deal-boxed { background: -moz-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffffff), color-stop(32%, #f7f7f7));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType='1'); /* for IE */
 background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 32%);/* W3C */ border: 1px solid #e3e3e3; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); display: block; margin: 46px 20px 0; padding: 30px; }
 
 .deal-boxed .box-content { display: inline-block; }
 
 .deal-boxed .icon-tag { background: url("../images/tag.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #f76742; font-family: "Signika", sans-serif; font-size: 22px; font-weight: 700; height: 130px; padding: 32px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 97px; }
 
 .deal-boxed .icon-tag span { color: #ffffff; display: block; font-family: "Roboto", sans-serif; font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 29px; text-transform: uppercase; }
 
 .deal-boxed h4.box-title { font-size: 18px; font-weight: 600; margin-right: 20px; margin-top: 0; min-height: 42px; text-transform: uppercase; }
 
 .box-content .deal-icons { display: inline-block; margin-bottom: 21px; width: auto; }
 
 .box-content .promo-btn { float: none; width: 100%; }
 
 .box-content .promo-btn .btn.btn-default { display: block; }
 
 
 
 .deal-t1 { border-bottom: 1px dashed #e3e3e3; color: #343844 ; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px; }
 
 .deal-p1 { color: #343844 ; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 4px; }
 
 .deal-p2 { color: #f76742; font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 500; line-height: 34px; margin-bottom: 7px; }
 
 .deal-p2 > em { font-size: 16px; font-style: normal; }
 
 .deal-p3 { border-bottom: 1px dashed #e3e3e3; color: #343844 ; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 19px; margin-bottom: 20px; padding-bottom: 20px; }
 
 .deal-p3 > em { text-decoration: line-through; }
 
 .deal-boxed .promo-btn { padding-left: 0; }
 
 .deal-boxed.d-blue .icon-tag { background-position: -153px 0; color: #2785e2; }
 
 .deal-boxed.d-blue .deal-p2 { color: #2785e2; }
 
 .deal-boxed.d-blue .promo-btn .btn-default { background: none repeat scroll 0 0 #2785e2; }
 
 .deal-boxed.d-blue .promo-btn .btn-default { background: none repeat scroll 0 0 #2785e2; }
 
 .deal-boxed.d-blue .btn.btn-default:focus, .deal-boxed.d-blue .btn.btn-default:hover { background: none repeat scroll 0 0 #333333; }
 
 .deal-boxed.d-green .icon-tag { background-position: -307px 0; color: #39b20d; }
 
 .deal-boxed.d-green .deal-p2 { color: #39b20d; }
 
 .deal-boxed.d-green .promo-btn .btn-default { background: none repeat scroll 0 0 #39b20d; }
 
 .deal-boxed.d-green .promo-btn .btn-default { background: none repeat scroll 0 0 #39b20d; }
 
 .deal-boxed.d-green .btn.btn-default:focus, .deal-boxed.d-green .btn.btn-default:hover { background: none repeat scroll 0 0 #333333; }
 
 .image-box { margin-bottom:30px }
 
 
 /*=========================================================================
 
  10. Image Container
  
 =========================================================================*/
 
 
 .image-container { position:relative }
 
 .image-container img { width:100% }
 
 .image-container.fixed img { max-width:100%; width:auto }
 
 
 
 /*=========================================================================
 
  11. PROCESS HOW IT WORKS
 
 ========================================================================= */
 
 
 .process-builder .process-item { float:left; text-align:center; }
 
 .process-builder.style-simple.items-3 .process-item { width:33.3333% }
 
 .process-builder.style-simple .process-icon { border: 2px solid #eeeeee; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -ms-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; color: #333; display: inline-block; font-size: 26px; height: 56px; line-height: 56px; margin-bottom: 20px; position: relative; width: 56px; }
 
 .process-builder.style-simple .process-icon:before, .process-builder.style-simple .process-icon:after { content:""; display:block; position:absolute; border-top:2px solid #eeeeee; width:300%; top:50%; margin-top:-1px }
 
 .process-builder.style-simple .process-icon:before { right:100%; margin-right:12px }
 
 .process-builder.style-simple .process-icon:after { left:100%; margin-left:12px }
 
 .process-item > img.icon-st { display: block; height: 128px; margin: 0 auto 20px; width: 128px; }
 
 .process-builder.style-simple .process-item { overflow:hidden }
 
 .process-builder.style-simple .process-item:first-child .process-icon:before { display:none }
 
 .process-builder.style-simple .process-item:last-child .process-icon:after { display:none }
 
 .process-builder.style-simple .process-item.active .process-icon, .process-builder.style-simple .process-item .process-icon:hover { background:#3451c6; border:none; color:#fff }
 
 .process-builder.style-simple .process-details { padding:0 25px }
 
 
 
 
 /*=========================================================================
 
  12. Theme Features
 
 ========================================================================= */
 
 
 .theme-features .same-height { margin-top:-2px }
 
 .theme-features .same-height>div { border-top:1px solid #f7f7f7; border-right:1px solid #f7f7f7 }
 
 .theme-features .same-height.first > div { border-top: 0 none; }
 
 .theme-features .image-box { margin-top:30px }
 
 .theme-features .image-box .image-container { float: left; margin-right: 15px; }
 
 .details { overflow: hidden; }
 
 
 .col-three {
     border: 1px solid #e2e2e2;
     float: left;
     margin-left: -1px;
     margin-top: -1px;
     max-height: 197px;
     min-height: 197px;
     padding: 40px;
     width: 33.3333%;
     -webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */
     -moz-transition: all 0.6s ease;/* Firefox 4-15 */
     -o-transition: all 0.6s ease;/* Opera 10.5-12.00 */
     transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */
 }
 .col-three:hover {
   background: #f0f0f0;
 }
 .col-three.lt {
     border-left: 1px solid rgba(0, 0, 0, 0);
 }
 .col-three.tp {
     border-top: 1px solid rgba(0, 0, 0, 0);
 }
 .col-three.bt {
     border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 .col-three.rt {
     border-right: 1px solid rgba(0, 0, 0, 0);
 }
 .col-three p {
     margin-bottom: 0;
 }
 
 
 
 
 /*=========================================================================
 
  13. PRODUCT FEATURE
 
 ========================================================================= */
 
 .product-feature h3 {
   font-size: 31px;
   font-weight: 700;
   margin-bottom: 20px;
   margin-top: 40px;
   text-transform: uppercase;
 }
 .product-feature p.lead {
   color: #e74c3c;
   font-size: 27px;
   font-weight: 400;
   margin-bottom: 20px;
 }
 .product-feature p.lead span { font-size: 16px; }
 
 .product-feature strong { color: #555e65; }
 
 
 /*=========================================================================
 
  14. Register
 
 ========================================================================= */
 
 
 .colorgraph { height: 5px; border-top: 0; background: #c4e17f; border-radius: 5px; background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }
 
 
 
 
 /*=========================================================================
 
  15. Hosting Search Domain Form
 
 ========================================================================= */
 
 
 .colorfull-row {  background: url(../images/getquotationbg.jpg); color:#636363; padding: 20px 0 10px 0; margin-top:-15px; }
 
 .colorfull-row.full-bottom { bottom: 0; position: relative; left: 0; width: 100%; z-index: 99; }
 
 .colorfull-row h1, .colorfull-row h2, .colorfull-row h3, .colorfull-row h4, .colorfull-row h5 { width: auto; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); margin: 0px; overflow: hidden; text-align:center;}
 
 .colorfull-row p 
 {
      color: #ffffff;
     padding-top: 6px;
     width: 100%;
     text-align:center;
     margin-bottom: 0px;
     font-size: 16px; }
 
 .colorfull-row a:hover { color: #fff; }
 
 .getfbstarted
 {
     width: 150px;
     height: 35px;
     margin:12px auto;
     color: #fff;
     padding-top: 6px;
     font-size: 15px;
     text-align: center;
     color: #fff;
     background: #0C3A6D;
     border:1px solid #fff;
     margin-top: 12px;
     border-radius:10px;
 }
 
 .getfbstarted:hover
 {
     background:#94D85F;
     color: #fff;
 }
 #slider2,
 #slider3 {
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     margin: 0 auto;
 }
 .callbacks_container {
   width: 100%;
 }
 .callbacks {
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;
 }
 .callbacks li {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
 }
 .callbacks_nav {
     position: absolute;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     top: 45%;
     left: 6%;
     opacity: 0.7;
     z-index: 3;
     text-indent: -9999px;
     overflow: hidden;
     text-decoration: none;
     height: 53px;
     width: 32px;
     background: url("../images/icons.html") no-repeat 0px 0px;
 }
 .callbacks_nav.next {
     left: auto;
     background-position: right;
     right: 5%;
 }
 .callbacks_nav:active {
   opacity: 1.0;
 }
 .callbacks_tabs li{
     display: inline-block;
     margin: 0 .3em;
 }
 .callbacks_tabs {
     list-style: none;
     position: absolute;
     z-index: 10;
     bottom: 10%;
     right: 7%;
     padding: 0;
     margin: 0;
 }
 .callbacks_tabs a{
  visibility: hidden;
 }
 .callbacks_tabs a:after {
     content: "\f111";
     font-size: 0;
     font-family: FontAwesome;
     visibility: visible;
     height: 12px;
     width: 12px;
     display: inline-block;
     border: 1px solid #fff;
 }
 .callbacks_here a:after {
     border-color: #FFFFFF;
     background-color: #FFFFFF;
 }
 .testi-left {
     background: url(../images/a.jpg)no-repeat 0px 0px;
     background-size: cover;
     text-align: center;
     padding:0;
 }
 .testi-left-info{
     background: rgba(36,171,226,0.7);
     padding: 2em 2em 6em;
 }
 .testi-left h3 {
     font-size: 30px;
     text-align: center;
     color: #fff;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 1px solid #E4E4E4;
     width: 68%;
     margin: 0 auto;
 }
 .testi-left h3:before{
     content: '';
     width: 100px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 32%;
     display: block;
 }
 .testi-left p {
     color: #fff;
     font-weight: 300;
     margin: 3em 0 0.5em;
 }
 .testi-left p span {
     background: url(../images/1.html)no-repeat 0px 0px;
     width: 24px;
     height: 24px;
     display: inline-block;
     margin: 0 8px;
 }
 .testi-left p span.last {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
 }
 .testi-left h6 {
     font-size: 1em;
     color: #fff;
     display: inline;
 }
 .callbacks_tabs.callbacks2_tabs {
     right: 45%;
     bottom: 8%;
 }
 .testi-right-info {
     background: rgba(0, 0, 0, 0.18);
     padding: 3em 9em 8.4em;
 }
 .testi-right h3 {
     font-size: 30px;
     text-align: center;
     color: #fff;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 68%;
     padding-top: 30px;
     margin: 0 auto;
 }
 .testi-right h3:before{
     content: '';
     width: 80px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 32%;
     display: block;
 }
 .copyright_info {
     float: left;
     padding: 0px 0px 35px 0px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     color: #999;
     font-size: 12px;
     color: #999;
     font-style: normal;
     font-weight: normal;
     background: #1a1a1a;
 }
 .agileits_updates_grid_left1 h4{
     width: 100px;
     height: 116px;
     background: #f5f5f5;
     font-size: 2em;
     color: #212121;
     text-align: center;
     border-radius: 65px;
     -webkit-border-radius: 65px;
     -moz-border-radius: 65px;
     -o-border-radius: 65px;
     -ms-border-radius: 65px;
     padding:.8em 0 0;
     border: 1px solid #DFDFDF;
 }
 .agileits_updates_grid_left1 h4 span{
     display: block;
     font-size: .5em;
     margin: .5em 0 0;
     color: #999;
 }
 .agileits_updates_grid_left1 h4 span i{
     display:block;
     margin: .5em 0 0;
 }
 .agileits_updates_grid_left1 h5 a{
     font-size: 1.2em;
     color: #94D85F;
     line-height: 1.5em;
     text-transform: capitalize;
     text-decoration:none;
 }
 .agileits_updates_grid_left1 h5 a:hover{
     color:#fff;
 }
 .agileits_updates_grid_left1 p{
     color:#fff;
     margin:1em 0 0;
     line-height:2em;
 }
 .agileits_updates_grid_left1:nth-child(2) {
     margin: 1.5em 0 0;
 }
 .map iframe{
     width: 100%;
     min-height: 376px;
     border: 0;
 }
 .map{
     padding:0;
 }
 .address
 {
     background:#94D85F;
     text-align: center;
     padding: 2em 0;
 }
 .contact-grid1 h4 {
     font-size: 1.5em;
     margin: 0em 0 0.5em;
     font-weight: 600;
     color:#fff;
 }
 .contact-grid1:nth-child(2) {
     margin: 1em 0;
 }
 .contact-grid1 p {
     font-size: 1em;
     line-height: 1.5em;
     color:#000;
 }
 .contact-grid1 p  span{
     display:block;
     color:#000;
 }
 .contact-grid1 p a:hover {
     color: #fff;
 }
 .contact-grid1 p a {
     text-decoration: none;
 }
 .contact-grid1 p a:hover{
     color:#fff;
 }
 
 .fbclients{
     width: 100%;
     height: auto;
     overflow: hidden;
     padding-top:50px;
     padding-bottom: 0px;
 
 }
 .fbclientsinner{
     width:100%;
     height:auto;
     overflow:hidden;
     float:left;
     margin-top:10px;
     padding-bottom:30px;
 }
 .fbclientsinner h3 {
     font-size: 21px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.2em;
     width: 100%;
     margin: 0 auto;
     color: #94D85F;
 }
 .fbclientsinner p {
     font-size: 16px;
     text-align: center;
     position: relative;
     padding-bottom: 0.3em;
     width: 100%;
     margin: 0 auto;
     margin-bottom: 30px;
     color: #000;
 }
 .fbclients h2
 {
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     width: 23%;
     margin: 0 auto;
 }
 
 .clients
 {
     margin-left: 10px;
     list-style: none;
     padding:10px;
     margin-bottom: 10px;
     list-style:none;
     text-align:center;
     background-color:#EEEEEE;
     width:152px;float:left;height:152px;
 }
 
 .clientdetails
 {
     width: 140px;
     height: 80px;
     border: 1px solid #dddddd;
     float: left;
     margin-right: 22px;
     margin-bottom: 20px;
     background:#fff;
 }
 .clientdetails img
 {
     width: 140px;
     height: 80px;
     padding:10px;
 }
 .lets-talk {
     padding: 50px 0 0px 0px!important;
     text-align: center;
     
 }
 .lets-talk h1 {
     font-size: 30px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     width: 30%;
     margin: 0 auto;
     margin-bottom:0px;
 }
 
 .lets-talk h3 {
     color: #404040;
     text-align: center;
     font-size: 16px;
     line-height: 24px;
     margin: 0 auto 20px;
 }
 .lets-talk .box {
     display: inline-block;
     margin: 0 10px 0 10PX;
     width:250PX;
 }
 .lets-talk .box .flip-container, .lets-talk .box .flip-container .front, .lets-talk .box .flip-container.back {
     width: 120px;
     height: 120px;
 }
 .lets-talk .box h2 {
     color: #404040;
     font-size: 22px;
     font-weight: 400;
     line-height: 24px;
     margin-top: 20px;
 }
 .lets-talk .box h2 span {
     background: url(../images/white-bg.png);
     display: block;
     text-transform: uppercase;
     font-size: 20px;
     padding: 5px 10px;
     margin-bottom: 8px;
 }
 .lets-talk .box a {
     color: #333;
     text-decoration: none;
 }
 .flipper {
     -webkit-transition: 0.6s;
     -webkit-transform-style: preserve-3d;
     -ms-transition: 0.6s;
     -moz-transition: 0.6s;
     -moz-transform: perspective(1000px);
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transition: 0.6s;
     transform-style: preserve-3d;
     position: relative;
 }
 /* simple */
         .flip-container {
             -webkit-perspective: 1000;
             -moz-perspective: 1000;
             -ms-perspective: 1000;
             perspective: 1000;
 
             -ms-transform: perspective(1000px);
             -moz-transform: perspective(1000px);
                 -moz-transform-style: preserve-3d; 
                 -ms-transform-style: preserve-3d; 
 
         }
 
             /*
             .flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
                 -webkit-transform: rotateY(180deg);
                 -moz-transform: rotateY(180deg);
                 -ms-transform: rotateY(180deg);
                 transform: rotateY(180deg);
                 filter: FlipH;
                 -ms-filter: "FlipH";
             }
             */
 
 
             /* START: Accommodating for IE */
             .flip-container:hover .back, .flip-container.hover .back {
     -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
     -o-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);
     transform: rotateY(0deg);
 }
 
 .flip-container:hover .front, .flip-container.hover .front {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
 }
         
         /* END: Accommodating for IE */
 
         .flip-container, .front, .back {
             width: 102px;
             height: 102px; margin: 0 auto;
         }
 
         .lets-talk .box .flip-container, .lets-talk .box .flip-container .front, .lets-talk .box .flip-container.back
         {
             width: 120px;
             height: 120px;
             background: #000000;
             padding-top: 6px;
         }
 
         .flipper {
             -webkit-transition: 0.6s;
             -webkit-transform-style: preserve-3d;
             -ms-transition: 0.6s;
 
             -moz-transition: 0.6s;
             -moz-transform: perspective(1000px);
             -moz-transform-style: preserve-3d;
             -ms-transform-style: preserve-3d;
 
             transition: 0.6s;
             transform-style: preserve-3d;
 
             position: relative;
         }
 
         .front, .back {
             -webkit-backface-visibility: hidden;
             -moz-backface-visibility: hidden;
             -ms-backface-visibility: hidden;
             backface-visibility: hidden;
 
             -webkit-transition: 0.6s;
             -webkit-transform-style: preserve-3d;
 
             -moz-transition: 0.6s;
             -moz-transform-style: preserve-3d;
 
             -o-transition: 0.6s;
             -o-transform-style: preserve-3d;
 
             -ms-transition: 0.6s;
             -ms-transform-style: preserve-3d;
 
             transition: 0.6s;
             transform-style: preserve-3d;
 
             position: absolute;
             top: 0;
             left: 0;
         }
 
         .front {
             -webkit-transform: rotateY(0deg);
             -ms-transform: rotateY(0deg);
             /*background: lightgreen;*/
             z-index: 2;
         }
 
         .back {
             /*background: lightblue;*/
             -webkit-transform: rotateY(-180deg);
             -moz-transform: rotateY(-180deg);
             -o-transform: rotateY(-180deg);
             -ms-transform: rotateY(-180deg);
             transform: rotateY(-180deg);
         }
         
         .front img {
             width:102px;
             height:102px;
         }
         
         .back img {
             width:102px;
             height:102px;
             margin-left: 9px;
         }
         
     /*2*/	
         /* END: Accommodating for IE */
 
         .testimonials-img .flip-container {
             width: 213px;
             height: 213px; margin: 0 auto;
         }
         .testimonials-img .flip-container .front {
             width: 213px;
             height: 213px; margin: 0 auto; top:11px !important; left: 11px !important;}
         .testimonials-img .flip-container .back {
             width: 213px;
             height: 213px; margin: 0 auto; top:11px !important; left: 11px !important;
         }
         
         .team .flip-container {
             width: 260px;
             height: 213px; margin: 0 auto;
         }
         .team .flip-container .front {
             width: 260px;
             height: 213px; margin: 0 auto; top:0 !important; left: 0 !important;}
         .team .flip-container .back {
             width: 260px;
             height: 213px; margin: 0 auto; top:0 !important; left: 0 !important;
         }
         .ch-grid {
     margin: 20px 0 0 0;
     padding: 0;
     list-style: none;
     display: block;
     text-align: center;
     width: 100%;
 }
 
 .ch-grid:after,
 .ch-item:before {
     content: '';
     display: table;
 }
 
 .ch-grid:after {
     clear: both;
 }
 
 .ch-grid li {
     width: 250px;
     height: 250px;
     display: inline-block;
     margin: 18px;
 }
         .ch-item {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   position: relative;
   cursor: default;
   box-shadow: inset 0 0 0 0 #0C3A6D, inset 0 0 0 16px #0C3A6D, 0 1px 2px #0C3A6D;
   -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;
   transition: all 0.4s ease-in-out;
 }
 .ch-img-1 { 
     background-image:;
 }
 
 .ch-img-2 { 
     background-image:;
 }
 
 .ch-img-3 { 
     background-image:;
 }
 .ch-img-4 { 
     background-image: url(../images/sona.html);
 }
 .ch-img-5 { 
     background-image:;
 }
 .ch-img-6 { 
     background-image:;
 }
 .ch-info {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     opacity: 0;
     -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;
     transition: all 0.4s ease-in-out;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-backface-visibility: hidden; /*for a smooth font */
 }
 
 .ch-info h3 {
     color: #fff;
     text-transform: uppercase;
     position: relative;
     letter-spacing: 2px;
     font-size: 22px;
     margin: 0 30px;
     padding: 85px 0 0 0;
     height: 137px;
     font-family: 'Droid Serif', serif;
     text-shadow: 0 0 1px #fff, 
      0 1px 2px rgba(0,0,0,0.3);
 }
 
 .ch-info p {
     color: #fff;
     padding: 10px 5px;
     font-style: italic;
     margin: 0 30px;
     font-size: 12px;
     border-top: 1px solid rgba(255,255,255,0.5);
 }
 
 .ch-info p a {
     display: block;
     color: #fff;
     color: rgba(255,255,255,0.7);
     font-style: normal;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 9px;
     letter-spacing: 1px;
     padding-top: 4px;
     font-family: 'Droid Serif', serif;
 }
 
 .ch-info p a:hover {
     color: #fff222;
     color: rgba(255,242,34, 0.8);
 }
 
 .ch-item:hover {
   box-shadow: inset 0 0 0 110px #94D85F, inset 0 0 0 16px #94D85F, 0 1px 2px #94D85F;
 }
 
 .ch-item:hover .ch-info {
     opacity: 1;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);	
 }
 .team {
     padding: 11em 0px;
 }
 .about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3 {
   font-size: 2.6em;
   font-weight: 600;
   margin: 0;
   text-align: center;
 }
 .portfolio{width:100%;float:left;padding:60px 0 30px}.portfolio_slider_main{width:100%;float:left;position:relative}.portfolio_slider{width:100%;float:left}.portfolio_slider_main .img{width:600px;float:left}.portfolio_slider_main .img img{width:100%}.portfolio_con{width:613px;float:right;padding-top:10px}.portfolio_con .txt1{font-size:24px;font-weight:300;line-height:20px;background:url(../images/line3.jpg) left bottom no-repeat;padding-bottom:10px;margin-bottom:15px;color:#ed6d79}.portfolio_con .txt1 span{font-weight:600}.portfolio_con .txt1 a{font-size:12px;text-decoration:none;font-weight:600;color:#ED6D79}.portfolio_con .txt1 a:hover{text-decoration:underline}.portfolio_con .txt2{font-size:18px;line-height:30px;color:#2d3e50;font-weight:300}.portfolio_con .txt3{font-size:16px;line-height:26px;color:#aeaeae;font-weight:300;padding:20px 0;margin:15px 0;border-top:1px solid #e5e6e8;border-bottom:1px solid #e5e6e8;width:100%;float:left}
 .projects .recentwork {
     font-size: 30px;
     text-align: center;
     padding-top: 20px;
     color: #0C3A6D;
     font-weight: 500;
     position: relative;
     margin-bottom: 1em;
     padding-bottom: 0.3em;
     border-bottom: 1px solid #E4E4E4;
     width: 32%;
     margin: 0 auto;
 }
 .projects .recentwork:before{
     content: '';
     width: 100px;
     height: 3px;
     background: #94D85F;
     position: absolute;
     bottom: -2px;
     left: 35%;
     display: block;
 }.ourworksmain-title {  color: rgb(11, 127, 196); text-align:center; font-family: "oswaldbook"; font-size: 26px; height: auto; margin: auto; padding-bottom: 20px;;}
 .ourworksmain {  float: left;    height: auto; margin-top: 24px; margin-bottom: 30px; width: 100%;}
 .ourworksmain h4
 {
     font-size: 16px;
     text-align: center;
     font-weight: 500;
     position: relative;
     padding-bottom: 0.3em;
     width: 100%;
     margin: 0 auto;
     margin-bottom: 20px;
     
 }
 .portfolio-item {
     overflow: hidden;
     width:100%;
     height:205px;
     float:left;
 }
 .portfolio-item .portfolio-container {
     background: #424a59;
     color: #a6afba;
     position: relative;
     top: 0;
     left: 0
 }
 .portfolio-item .portfolio-container img {
     width: 100%;
     height:205px;
     position: relative;
     top: 0;
     -webkit-transition: top .8s;
     -moz-transition: top .8s;
     -o-transition: top .8s;
     transition: top .8s
 }
 .portfolio-item .portfolio-container .portfolio-meta {
     width: 100%;
     position: absolute;
     bottom: -100%;
     left: 0;
     background: #94D85F;
     -webkit-transition: bottom .8s;
     -moz-transition: bottom .8s;
     -o-transition: bottom .8s;
     transition: bottom .8s;
     border-bottom: 5px solid #0C3A6D;
 }
 .portfolio-item .portfolio-container .portfolio-meta .portfolio-meta-container {
     padding: 10px 15px;
     height: 180px;
     text-align:center;
 }
 .portfolio-item .portfolio-container .portfolio-meta .recentworkh2{
     color: #fff;
     font-size: 18px !important;
     line-height: 22px;
     font-weight: normal;
     font-size: 12px;
     margin:0;
     padding-bottom:4px;
     width:100%;
     border:0px;
 }
 .portfolio-item .portfolio-container .portfolio-meta .button {
     margin-left: 0
 }
 .portfolio-item .portfolio-container .portfolio-meta p {
     margin-bottom:0;
     font-size: 13px !important;
     line-height:18px;
     color:#fff;
 }
 .portfolio-item:hover .portfolio-container img {
     position: relative;
     top: -70px
 }
 .portfolio-item:hover .portfolio-container .portfolio-meta {
     bottom: 0;
     left: 0;
     background: #94D85F;
 }
 .portfolio-item:hover .portfolio-container .portfolio-meta h3 a {
     color: #fff;
     font-size: 22px;
     line-height: 30px;
 }
 .visit
 {
     width:120px;
     height:auto;
     overflow:hidden;
    display:block;
     margin-bottom:6px;
     background:#94D85F;
     border:2px solid #fff;
     color:#fff;
     padding:8px;
     margin-top:15px;
     margin-left:auto;
     margin-right:auto;
 }
 .visit:hover
 {
    
     background:#fff;
     border:2px solid #fff;
     color:#94D85F;
 }
 
 
 /*=========================================================================
 
  16. Hosting Domain Price
 
 ========================================================================= */
 
 
 .row-LightBlue { background: -moz-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #f5ffff), color-stop(30%, #e6efef));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ffff', endColorstr='#e6efef', GradientType='1'); /* for IE */
 background: linear-gradient(180deg, #f5ffff 0%, #e6efef 30%);/* W3C */ border-bottom: 1px solid #d4dddd; border-top: 1px solid #d4dddd; padding: 50px 0; }
 
 .tld-wrp {
   display: inline-block;
   float: left;
   margin: 8px 0;
   text-align: center;
   width: 10%;
 }
 
 .tld { background: none repeat scroll 0 0 #535c6b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; font-family: open sans Condensed; font-size: 18px; font-weight: 600; height: 70px; line-height: 31px; margin: 0 auto 14px; padding: 20px 0; text-align: center; width: 70px; }
 
 .currentprice { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; text-align: center; }
 
 .WebPrice { display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; margin-top: 7px; }
 
 .tld-wrp:hover .tld { -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }
 
 .tld-wrp:hover .tld { background: none repeat scroll 0px 0px #3451c6; }
 
 .tld-wrp:hover .currentprice { color: #3451c6; }
 
 
 
 
 /*=========================================================================
 
  17. Team
  
 ========================================================================= */
 
 
 .shape { position: relative; margin: 0 auto }
 
 .shape .overlay { display: block; width: 310px; height: 310px; position: absolute; top: -5px; left: -5px; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: .6s;
 -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: .6s;
 transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: .6s;
 z-index: 7; pointer-events: none; background-repeat: no-repeat; outline: 0 }
 
 .shape .overlay.hexagon { background: url(../img/team/shape.html) }
 
 .shape:hover .overlay { -webkit-transform: scale(1.07, 1.07); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: .3s;
 -moz-transform: scale(1.07, 1.07); -moz-transition-timing-function: ease-out; -moz-transition-duration: .3s
 }
 
 .shape-inner { height: 300px; overflow: hidden; position: relative; width: 300px; margin: 0 auto; }
 
 .shape .base > img { background: -moz-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* FF3.6+ */ background: -webkit-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* Opera 11.10+ */ background: -ms-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* IE10+ */ background: radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* W3C */ left: 0; max-width: 100%; position: absolute; top: 0; }
 
 .shape .base > .team-img2 { opacity: 0; -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
 }
 
 .shape:hover .base > .team-img2 { opacity: 1; }
 
 .shape h3 { color: #333; font-size: 21px; font-weight: 600; margin: 16px 0 21px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; }
 
 .shape h3:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: -10px; content: ""; height: 3px; left: 50%; margin-left: -15px; position: absolute; -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
 width: 30px; }
 
 .shape:hover h3:after { margin-left: -25px; width: 50px; }
 
 .shape a { color: #777777; font-family: 'Roboto', sans-serif; font-size: 14px; }
 
 .shape a:hover { color: #FF5533; }
 
 
 /*=========================================================================
 
  18. Clients
 
 ========================================================================= */
 
 
 .client-clr { -webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease;/* Firefox 4-15 */ -o-transition: all 0.6s ease;/* Opera 10.5-12.00 */ transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */ }
 
 .client-clr:hover { background: #ffffff none repeat scroll 0 0; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); }
 
 .clients p { margin-bottom:48px!important }
 
 .client-row { text-align:center; line-height:0 }
 
 .client-row .col-sm-3 { min-height:140px; line-height:140px; margin-bottom: 0; padding-top:16px; padding-bottom:16px }
 
 .client-row img { max-height:60px; max-width:140px; vertical-align: middle; -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 transition:all .3s ease;
 -webkit-backface-visibility:none }
 
 .client-row img:hover { opacity:1 }
 
 .client-row .row-wrapper { display:inline-block; width:80%; border-bottom:1px solid rgba(0, 0, 0, 0.06) }
 
 .client-row:last-child .row-wrapper { border-bottom:none }
 
 .row-wrapper .col-sm-3 { border-right:1px solid rgba(0, 0, 0, 0.06) }
 
 .row-wrapper .col-sm-3:last-child { border-right:none }
 
 .clients-2 { text-align:center; padding:64px 0 }
 
 .clients-2 .col-md-2 { height:80px; line-height:80px }
 
 .clients-2 img { max-height:60px; max-width:140px; -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 transition:all .3s ease;
 opacity:.4 }
 
 .clients-2 img:hover { opacity:1 }
 
 .flip-card { width:100%; height:130px }
 
 .flip-front { line-height:140px }
 
 .flip-back { background-color:#fff; border:1px solid #f3f3f3; color: #000000; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:13px; font-weight: 600; line-height:20px; padding:15px; overflow:hidden }
 
 
 
 
 /*=========================================================================
 
  19. FAQ's
  
 =========================================================================*/
 
 
 .panel-group .panel-title { background: -moz-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType='1'); /* for IE */
 background: linear-gradient(180deg, #ffffff 0%, #f1f1f1 100%);/* W3C */ font-size:1.1667em; line-height:20px }
 
 .panel-group .panel-title a { white-space:normal; display:block; padding:15px 30px }
 
 .panel-group .panel-title a.active .open-sub:after { display:none }
 
 .panel-group .panel-title .open-sub { display:block; position:relative }
 
 .panel-group .panel-title .open-sub:before,
 .panel-group .panel-title .open-sub:after { content:""; display:block; position:absolute }
 
 .panel-group .panel-title .open-sub:before { height:1px; top:50%; margin-top:-0.5px; left:50% }
 
 .panel-group .panel-title .open-sub:after { width:1px; left:50%; margin-left:-0.5px; top:50% }
 
 .panel-group h3.panel-title { font-size: 21px; }
 
 .panel-group .panel-content { padding:10px 30px 20px }
 
 .panel-group .panel-content>*:last-child { margin-bottom:0 }
 
 .panel-group .panel { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border:none; margin-bottom: 20px; position:relative; }
 
 .panel-group .panel+.panel { margin-top:1px }
 
 .faqs { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); padding: 40px; }
 
 .faqs .panel+.panel { margin-top:0 }
 
 .faqs .panel-title .open-sub { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01); border: 1px solid #e1e1e1; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; color: #cccccc; float: right; font-family: FontAwesome; font-size: 18px; line-height: 61px; margin-left: 30px; position: absolute; right: 0; text-align: center; text-indent: 1px; top: 0; width: 61px; }
 
 .faqs .panel-title .open-sub:before { position:static; display:inline; content:"\f067"; height:auto; margin:0 }
 
 .faqs .panel-title a { border: 1px solid #e4e4e4; color: #000; line-height: 1; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
 
 .faqs .panel-title a.active { background: none repeat scroll 0 0 #ffffff; border-bottom: 0 none; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
 
 .faqs .panel-title a.active .open-sub { background: none repeat scroll 0 0 #ffffff; border-color: #e4e4e4; color: #acacac; }
 
 .faqs .panel-title a.active .open-sub:before { content:"\f068" }
 
 .faqs .panel-content { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 30px 40px; }
 
 
 
 /*=========================================================================
 
  20. Sitemap
  
 ========================================================================= */
 
 
 .site-map { margin: 0 0 40px 0; float: left; width: 100%; }
 
 #site-map li { width: 25%; }
 
 #site-map li ul li { width: 100% !important; }
 
 /* --------	Top Level --------- */
 
 #site-map { margin: 0; float: left; width: 100%; }
 
 #site-map #home { display: block; float: none; background: #ffffff url('../images/ST1-left.html') center bottom no-repeat; position: relative; z-index: 2; }
 
 #site-map li { float: left; background: url('../images/ST1-center.html') center top no-repeat; padding: 30px 0; margin-top: -30px; }
 
 #site-map li a.main { background: none repeat scroll 0 0 #A56AB6; border: 1px solid #854A96; }
 
 #site-map li a.main:hover { background: none repeat scroll 0 0 #BA7FCB; border: 1px solid #A56AB6; }
 
 #site-map li a { margin: 0 20px 0 0; padding: 10px 0; display: block; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; font-weight: 600; text-align: center; color: #fff; background: none repeat scroll 0 0 #4AAAD3; border: 1px solid #64B2D3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
 
 #site-map li a:hover { background-color: #6ACAF3; border-color: #3A9AC3; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0s); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
 
 #site-map li:last-child { background: url('../images/ST1-right.html') center top no-repeat; }
 
 /* --------	Second Level --------- */
 
 #site-map li li { width: 100%; clear: left; margin-top: 0; padding: 10px 0 0 0; background: url('../images/ST-vertical-line.html') center bottom repeat-y; }
 
 #site-map li li a { background-color: #4AD3A7; border-color: #36BF93; }
 
 #site-map li li a:hover { border-color: #3CC599; background-color: #63ECC0; }
 
 #site-map li li:first-child { padding-top: 30px; }
 
 #site-map li li:last-child { background: url('../images/ST-vertical-line.html') center bottom repeat-y; }
 
 /* --------	Third Level --------- */
 
 #site-map li li ul { margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 0 0; background: #ffffff url('../images/ST3-ul-top.html') center top no-repeat; }
 
 #site-map li li li { background: url('../images/ST3-center.html') left center no-repeat; padding: 5px 0; }
 
 #site-map li li li a { background-color: #E9CE3B; border-color: #CCB11E; width: 80%; float: right; }
 
 #site-map li li li a:hover { background-color: #FADF4C; border-color: #CDB21F; }
 
 #site-map li li li:first-child { padding: 15px 0 5px 0; background: url('../images/ST3-li-top.html') left center no-repeat; }
 
 #site-map li li li:last-child { background: url('../images/ST3-bottom.html') left center no-repeat; }
 
 
 /*=========================================================================
 
  21. Blog
  
 ========================================================================= */
 
 .post-holder { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); margin-bottom: 60px; position: relative; }
 
 .post-holder .img-responsive { width: 100%; }
 
 .post-holder figure { border: 0; margin: 0 0 20px 0; position: relative; }
 
 .post-holder .entry-title, .post-holder .entry-title a { color: #222222; font-size: 27px; margin-bottom: 20px; margin-top: 20px; }
 
 .post-holder .entry-title a:hover { }
 
 .post-meta { color: #777777; display: block; margin-bottom: 23px; padding: 0 0 20px 0; overflow: hidden; }
 
 .post-meta a { color: #777; padding: 0 6px 0 0; text-decoration:none; }
 
 .post-meta i { font-size: 16px; padding: 0 8px 0 0; }
 
 .post-meta a:hover { color: #000; }
 
 .post-holder h4 { margin: 0 0 7px; }
 
 /*  parent post */
 
 .parent { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 1px #CCCCCC; margin-bottom: 30px; padding: 20px; position:relative; }
 
 .parent-sub-img { background: url("../images/post-sub.html") no-repeat scroll 0 0 transparent; display: inline-block; height: 70px; left: -22px; position: absolute; top: -30px; width: 19px; }
 
 .parent img { float: left; }
 
 .parent span { font: italic 12px 'georgia'; }
 
 .parent a.reply:link, .parent a.reply:visited { background: none repeat scroll 0 0 #EB4D3A; color: #FFFFFF; font-size: 10px; font-weight: bold; margin-left: 20px; padding: 2px 6px; text-transform: uppercase; }
 
 .parent a.reply:hover { background: none repeat scroll 0 0 #333; }
 
 .parent p { margin-top: 10px; overflow: hidden; }
 
 .child { margin-left: 40px; }
 
 .subchild { margin-left: 80px; }
 
 .parent a.reply:visited { background: none repeat scroll 0 0 #3498DB; color: #FFFFFF; font-size: 10px; font-weight: bold; margin-left: 20px; padding: 2px 6px; text-transform: uppercase; }
 
 .post-holder code { background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #DD1144; display: block; font-size: 13px; padding: 15px 24px; white-space: normal; }
 
 /*  Blog Video */
 .sidebar-blog-video { width: 100%; height: auto; }
 
 .sidebar-blog-video iframe { width: 100%; height: 433px; }
 
 .post-pad-rt { padding-right: 31px; }
 
 code { background-color: #f6f6f6; border: 1px solid #eaeaea; border-radius: 4px; color: #c7254e; display: block; font-size: 90%; padding: 30px; white-space: nowrap; }
  
 
 /*  Ribbon */
 
 .ribbon { background: #2bb5ca none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 18px; font-style: italic; height: 40px; left: 0; line-height: 39px; padding: 0 10px; position: absolute; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); top: 35px; z-index: 3; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
  .ribbon::before {
  background: #1ba5ba none repeat scroll 0 0;
  content: "";
  height: 40px;
  left: -6px;
  position: absolute;
  top: 2px;
  width: 6px;
  z-index: 2;
 }
 
 /*-----------------------------------*/
 /* Ribbons 2 */
 /*-----------------------------------*/
 
 .ribbon2 { background: #2bb5ca none repeat scroll 0 0; font-size: 14px; font-weight: 700; text-transform: uppercase; color:#fff; height: 40px; line-height: 39px; padding: 0 15px; position: absolute; right: 0; top: 35px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
  .ribbon2::before {
 background: #1ba5ba none repeat scroll 0 0;
 content: "";
 height: 40px;
 position: absolute;
 right: -8px;
 top: 3px;
 width: 8px;
 }
 
 .ribbon2 { }
 
 .post-pad { padding: 20px 54px; }
 
 .cont-pad { padding: 40px 40px 80px; }
 
 .post-meta-links ul { border-radius: 0px; margin-bottom: 0px; overflow: hidden; }
 
 .post-meta-links li { border-left: 1px solid #00859a; color: #7B6D5E; float: left; font-size: 15px; font-weight: 700; line-height: 25px; margin-bottom: 0px; padding-bottom: 0px; text-align: center; text-transform: uppercase; }
 
 .post-meta-links li.post-view { width: 21%; }
 
 .post-meta-links li.post-comm { width: 21%; }
 
 .post-meta-links li.post-author { width: 37%; }
 
 .post-meta-links li.post-read { width: 21%; }
 
 .post-meta-links li a { background: none repeat scroll 0 0 #0b95aa; color: #ffffff; display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 800; padding: 14px 10px; -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }
 
 .post-meta-links li a:hover { background: none repeat scroll 0 0 #FFFFFF; color: #E05033; }
 
 .post-meta-links li.first { border-left: 0px none; border-radius: 0px 0px 0px 5px; }
 
 .post-meta-links li.last { border-radius: 0px 0px 5px; }
 
 
 
 
 /*=========================================================================
 
  22. SIDEBAR
  
 =========================================================================*/
 
 
 /* ===================================== */
 /* Sidebar left and right container      */
 /* ===================================== */
 
 .side-br-rt { height: 100%; padding: 0 0 0 80px; position: relative; right: 0; width: 100%; z-index: 99; }
  .side-br-rt::before {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0.03);
  bottom: -1000%;
  content: "";
  left: 30px;
  position: absolute;
  top: -1000%;
  width: 200%;
  z-index: -1;
 }
 
 .side-br-lt { height: 100%; padding: 0 80px 0 0; position: relative; left: 0; width: 100%; z-index: 99; }
 .side-br-lt::before {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  border-right: 1px solid rgba(0, 0, 0, 0.03);
  bottom: -1000%;
  content: "";
  right: 30px;
  position: absolute;
  top: -1000%;
  width: 200%;
  z-index: -1;
 }
 
 
 /* ===================================== */
 /* Flickr                                */
 /* ===================================== */
 
 .flickr-inner { font-size: 0; }
 
 .flickr-image { display: inline-block; margin:1px; }
 
 .flickr-image a { display: block; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.30); box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.30); }
 
 .flickr-image a img { width: 54px; height: 54px !important; position: relative; z-index: -1; }
 
 /* ===================================== */
 /* Tag                                   */
 /* ===================================== */
 
 
 .tags a { display: inline-block; margin: 0 4px 12px 0; padding-left: 15px; position: relative; }
 
 .tags a span { background-color: rgba(0, 0, 0, 0.047); color: #000 ! important; display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; height: 32px; line-height: 32px; max-width: 100%; overflow: hidden; padding: 0px 12px; text-overflow: ellipsis; transition: all 0.16s ease 0s; white-space: nowrap; }
 
 .tags a:hover span { background-color: rgba(0, 0, 0, 0.07); }
 
 .tags a:before { border-bottom: 16px solid transparent; border-right: 15px solid rgba(0, 0, 0, 0.047); border-top: 16px solid transparent; content: ""; height: 0px; left: 0px; position: absolute; top: 0px; transition: all 0.16s ease 0s; width: 0px; }
 
 .tags a:hover:before { border-right-color: rgba(0, 0, 0, 0.07); }
 
 .tags a:after { background-color: #FFFFFF; border-radius: 50%; content: ""; height: 9px; left: 11px; position: absolute; top: 11px; width: 9px; }
 
 #footer .tags a:after { background-color: #fff; }
 
 .latest-news { overflow: hidden; }
 
 .latest-news > li:first-child { border: 0 none; margin-top: 0; padding-top: 10px; }
 
 .latest-news > li { border-top: 1px solid rgba(0,0,0,0.06); line-height: 24px; margin-top: 18px; padding-top: 18px; }
 
 .latest-news img.fleft { margin-right: 18px; margin-top: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
 
 .text2 { color: #000000; display: block; font-size: 18px; font-weight: 400; margin-bottom: 18px; margin-top: 18px; }
 
 .latest-news img.fright { margin-left: 18px; margin-top: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
 
 /* ===================================== */
 /* Sidebar List                          */
 /* ===================================== */
 
 
 ul.list-link { margin-bottom: 9px; }
 
 ul.list-link>li { border-top: 1px solid #e9e9e9; font-size: 18px; line-height: 24px; }
 
 ul.list-link>li:first-child { border: none; }
 
 ul.list-link>li a { color: #777; display: block; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; line-height: 24px; padding: 8px 0; }
 
 ul.list-link>li i { float: right; font-size: 18px; padding: 2px 10px 0; }
 
 ul.list-link>li a:hover { color: #D53701; text-decoration: none; }
 
 .cnt-pg { position: relative; }
 
 .cnt-pg .map-wrapper { margin: 110px auto; position: absolute; text-align: center; top: 0; width: 100%; }
 
 .cnt-pad-top { margin-top: 320px; position: relative; }
 
 /*=========================================================================
 
  23. Popup Contact Form
  
 ========================================================================= */
 
 .cd-nav-trigger { position: fixed; bottom: 50px; right: 50px; width: 44px; height: 44px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 2; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; }
 
 .is-fixed .cd-nav-trigger { visibility: visible; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation: anim-jelly 0.3s linear forwards; -moz-animation: anim-jelly 0.3s linear forwards; animation: anim-jelly 0.3s linear forwards; }
 
 .cd-nav-trigger span { color: #FFFFFF; display: block; font-size: 23px; left: 0; line-height: 43px; position: absolute; top: 0; }
 
 .cd-nav-trigger span:before { content: '\f00d'; font-family: 'FontAwesome'; height: 100%; left: 14px; opacity: 0; position: absolute; width: 100%; }
 
 .cd-nav-trigger span:after { content: '\f003'; font-family: 'FontAwesome'; height: 100%; left: 11px; opacity: 1; position: absolute; width: 100%; }
 
 .cd-nav-trigger.menu-is-open { box-shadow: none; }
 
 .cd-nav-trigger.menu-is-open span { background: rgba(232, 74, 100, 0); }
 .cd-nav-trigger.menu-is-open span::before {
  opacity: 1;
 }
 .cd-nav-trigger.menu-is-open span::after {
  opacity: 0;
 }
 
 #cd-pop-form h3 { background: #000000 none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 16px; font-weight: 600; margin: 0 0 16px; padding: 16px 18px; text-transform: uppercase; }
 
 #cd-pop-form .form1 input,
 #cd-pop-form .form1 textarea { background: rgba(255, 255, 255, 0.07) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.07); color: #777; font-size: 12px; }
 
 #cd-nav .cd-wrap-form { color: #FFFFFF; position: fixed; width: 0; right: 36px; bottom: 30px; padding-bottom: 7px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: none repeat scroll 0 0 #000; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; }
 
 #cd-nav .cd-wrap-form.is-visible { width: 300px; height: auto; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -moz-transition: -moz-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; -webkit-animation: anim-jelly 0.8s linear forwards; -moz-animation: anim-jelly 0.8s linear forwards; -ms-animation: anim-jelly 0.8s linear forwards; -o-animation: anim-jelly 0.8s linear forwards; animation: anim-jelly 0.8s linear forwards; }
 
 #cd-pop-form .flat { margin: 18px 8px 18px 0; }
 
 #cd-nav { position: relative; z-index: 999; }
 
 /* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */
 
 @-webkit-keyframes 
 anim-jelly { 0% {
  -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  3.333333% {
  -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  6.666667% {
  -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  10% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  13.333333% {
  -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  16.666667% {
  -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  20% {
  -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  23.333333% {
  -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  26.666667% {
  -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  30% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  33.333333% {
  -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  36.666667% {
  -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  40% {
  -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  43.333333% {
  -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  46.666667% {
  -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  50% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  53.333333% {
  -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  56.666667% {
  -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  60% {
  -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  63.333333% {
  -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  66.666667% {
  -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  70% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  73.333333% {
  -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  76.666667% {
  -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  80% {
  -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  83.333333% {
  -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  86.666667% {
  -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  90% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  93.333333% {
  -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  96.666667% {
  -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  100% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
 }
 @keyframes 
 anim-jelly { 0% {
  -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  3.333333% {
  -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  6.666667% {
  -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  10% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  13.333333% {
  -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  16.666667% {
  -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  20% {
  -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  23.333333% {
  -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  26.666667% {
  -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  30% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  33.333333% {
  -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  36.666667% {
  -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  40% {
  -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  43.333333% {
  -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  46.666667% {
  -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  50% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  53.333333% {
  -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  56.666667% {
  -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  60% {
  -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  63.333333% {
  -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  66.666667% {
  -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  70% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  73.333333% {
  -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  76.666667% {
  -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  80% {
  -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  83.333333% {
  -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  86.666667% {
  -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  90% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  93.333333% {
  -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  96.666667% {
  -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
  100% {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 }
 }
 
 /*=========================================================================
 
  24. MAP
  
 ========================================================================= */
 
 .page-title-map #map { position: absolute !important; height: 100%; z-index: 1; }
 
 #map { width: 100%; height: 560px; }
 
 .gm-style > div > a > div > img, .gm-style-cc { opacity: 0.1; }
 
 .map-wrapper { position:relative; padding:30px 0 40px; text-align:center }
 
 
 
 /*** Circle Map Contact Info ***/
 
 .map-center { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); position: absolute; height: 0; padding: 0 !important; float: left; width: 100%; z-index: 4; }
 
 .map-center.off { z-index: 2; }
 
 .map-center .map-circle {
   background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
    border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6);
   font-family: "Roboto",sans-serif;
   font-size: 2em;
   font-weight: normal !important;
   height: 326px;
   left: 50%;
   margin-left: -163px;
   margin-top: 110px;
   opacity: 1;
   padding: 50px 0 0;
   position: relative;
   text-align: center !important;
   text-transform: uppercase;
   -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;
   width: 326px;
   z-index: 1;
 }
 
 .map-center a { color: #ffffff; height: 100%; text-decoration: none; width: 100%; }
 
 .map-center a { color: #ffffff; height: 100%; text-decoration: none; width: 100%; }
 
 .map-center .map-circle span { float: left; font-size: 14px; width: 100%; }
 
 .map-center .map-circle span { float: left; font-size: 16px; font-weight: 600; margin: 4px 0; width: 100%; }
 
 .map-center.off .map-circle { opacity: 0; transform: translate(0, -30px); -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); }
 
 
 
 
 .map-center .logo-drk {
     color: #e74c3c;
     font-size: 19px;
     font-weight: 800;
     line-height: 46px;
     margin-bottom: 14px;
 }
 .logo-drk > img {
     margin-right: 7px;
     width: 44px;
 }
 .map-circle p {
     font-size: 14px;
     margin-bottom: 9px;
 }
 .map-center h6 {
     font-size: 18px;
     margin-bottom: 16px;
     text-transform: capitalize;
 }
 
 
 
 
 /*** Map with markers ***/
 
 .map-marker { cursor:crosshair; position:absolute; transform:scale(0.9); -webkit-transition:transform ease-in-out .25s;
 -moz-transition:transform ease-in-out .25s;
 transition:transform ease-in-out .25s
 }
 
 .map-marker:hover { position:absolute; transform:scale(1) }
 
 .red-marker { top:16%; left: 12%; }
 
 .blue-marker { top: 43%; left:19%; }
 
 .green-marker { top:13.5%; left:39.5%; }
 
 .purple-marker { left: 59%; top: 21%; }
 
 .yellow-marker { left: 43%; top: 40%; }
 
 .orange-marker { top: 48%; right: 15.56%; }
 
 /*=========================================================================
 
  25. Contact form
  
 =========================================================================*/
 
 
 /* ===================================== */
 /* box-style                             */
 /* ===================================== */
 
 .box-style { background: #fff; border: 1px solid #dfdcd6; border-radius:8px; -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); margin-bottom:50px; position: relative; z-index: 0; }
 
 .box-style:after { content: ''; height: 4px; background: #fbfbfb; border: 1px solid #dfdcd6; border-top: none; border-radius:0 0 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); position: absolute; bottom:-6px; left:8px; right: 8px; }
 
 .box-style > .inner { padding: 22px 24px 26px; }
 
 .box-style > .inner .text2 { margin-top: 0; }
 
 .box-style .title { margin-top: 10px; }
 
 .box-style .title,
 .comment-box .title { background: url("../img/patterns/pattern-stripes.html") repeat scroll 0 50% rgba(0, 0, 0, 0); color: #343844 ; font-size: 18px; overflow: hidden; text-shadow: 0 0 0; line-height: 26px; }
 
 .box-style .title span,
 .comment-box .title span { background: none repeat scroll 0 0 #fff; float: left; padding: 0 31px 0 0 !important; }
 
 /* ===================================== */
 /* Form-style                            */
 /* ===================================== */
 
 
 .form1 { position:relative; vertical-align:top; z-index:1; font-family: "Roboto",sans-serif; padding-top: 6px; }
 
 .form1 fieldset { border:none; padding:0; }
 
 .form1 label { display: block; margin-bottom: 23px; position: relative; }
 
 .form1 label.message { height: 191px; }
 
 .form1 input { background: none repeat scroll 0 0 #FCFCFC; outline: none; border:1px solid #E3E3E3; color: #777; font-family: "Roboto",sans-serif; font-size: 15px; font-weight: 300; height: auto; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; padding: 21px 18px; width: 100%; display:inline-block; }
 
 #cd-pop-form .form1 input,
 #cd-pop-form .form1 textarea { padding: 11px 8px; }
 #cd-pop-form .form1 label.message { height: 91px; }
 
 .form1 .area .error { float:none; }
 
 .form1 textarea { background: none repeat scroll 0 0 #FCFCFC; height:100%; margin:0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; resize:none; outline: none; border:1px solid #E3E3E3; padding: 21px 18px; overflow:auto; color:#777; font-family:"Roboto",sans-serif; font-size:15px; font-weight: 300; display:block; }
 
 .form1 .success { background: none repeat scroll 0 0 #f6f6f5; border: 1px solid #333333; display: none; height: 166px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; position: absolute; width: 301px; z-index: 1; }
 
 .p27 { margin-right: 10px; }
 
 .form1 .success .success_txt { color: #000; position: relative; text-align: center; top: 34%; }
 
 .form1 .error,
 .form1 .empty { background: none repeat scroll 0 0 #000; color:#FFFFFF; font-size:10px; line-height:1.25em; padding: 3px 6px; display:none; font-family: "Roboto",sans-serif; overflow:hidden; position:absolute; right:16px; top: 0; }
 
 .form1 .message .error,
 .form1 .message .empty { right: 16px; top: 0; }
 
 .link-form { float: left; }
 
 address { font-size: 14px; font-style: normal; line-height: 32px; margin-bottom: 20px; }
 address strong {
   color: #333333;
   display: inline-block;
   font-family: raleway;
   font-size: 18px;
   font-weight: 400;
   line-height: 36px;
   margin-bottom: 24px;
 }
 address i {
   width: 30px;
 }
 address span {
   display: block;
   margin-bottom: 13px;
 }
 
  
  
 
 
 /*=========================================================================
 
  26. Footer
 
 ========================================================================= */
 
 
 
 /* ===================================== */
 /* Social ICONS                          */
 /* ===================================== */
 
 .social-icons { margin-bottom: 0 }
 
 .social-icons:after { display:table; content:""; clear:both }
 
 .social-icons .social-icon { display: inline-block; float: left; line-height: 0; margin-bottom: 0; margin-left: -1px; width: 25%; }
 
 .social-icons .social-icon:last-child i { border-right: 1px solid rgba(255, 255, 255, 0.1); }
 
 .social-icons .social-icon i { border-color: rgba(255, 255, 255, 0.1); border-style: none solid solid; border-width: 0 1px 1px; color: #fff; font-size: 21px; height: 112px; line-height: 112px; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }
 
 .social-icons .social-icon:hover i { color:#fff; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; border-color: -moz-use-text-color rgba(0, 0, 0, 0.07); border-style: none solid; border-width: 0 1px; }
 
 .social-icons .social-icon:hover i:before { -webkit-animation:fadeIn 0.3s ease-in; -moz-animation:fadeIn 0.3s ease-in; animation:fadeIn 0.3s ease-in; display:inline-block }
 
 .social-icons .social-icon:last-child { margin-right:0 }
 
 .social-icons.size-sm .social-icon { margin-left: 5px; margin-right: 5px; }
 
 .social-icons.size-sm .social-icon i { -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; font-size: 17px; height: 2.4em; line-height: 2.35em; width: 2.4em; }
 
 .social-icons.style1 .social-icon i { color:#747d85; border:1px solid #d4dde5 }
 
 .social-icons.style1 .social-icon:hover i { border-color:transparent; color:#fff }
 
 
 
 
 /* ===================================== */
 /* Newsletter                            */
 /* ===================================== */
 
 
 #newsletter_signup { margin-bottom: 31px; margin-top: 31px; position: relative; text-align: right; }
 
 #newsletter_signup input[type="email"].form-control { background: url("../images/mail.png") no-repeat scroll 10px 6px #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; height: 50px; padding: 5px 15px 5px 65px; width: 100%; }
 
 #newsletter_signup input[type="submit"] { background: none repeat scroll 0 0 #000; border: 0 none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; cursor: pointer; float: right; font-size: 14px; font-weight: 600; height: 44px; margin: 3px; padding: 6px 20px; position: absolute; right: 0; text-transform: uppercase; top: 0; -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }
 
 #newsletter_signup input[type="submit"]:hover { background: #212429; }
 
 #newsletter_signup input[type="email"]:focus { box-shadow: 0 0 0 0 #000; }
 
 
 /* ===================================== */
 /* Recent Post                           */
 /* ===================================== */
 
 
 .recent-posts>li { width:100%; margin-bottom:1px; background:#edf6ff; padding:8px }
 
 .recent-posts>li:last-child { margin-bottom:0 }
 
 .recent-posts .post-author-avatar { display:table-cell; padding-right:12px; vertical-align:middle }
 
 .recent-posts .post-author-avatar span { border:4px solid rgba(255, 255, 255, 0.1); width:48px; height:48px; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -ms-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; display:block }
 
 .recent-posts .post-author-avatar img { width:100%; height:auto; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -ms-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; -moz-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -ms-transition:all 0.25s ease 0s; transition:all 0.25s ease 0s }
 
 .recent-posts .post-author-avatar:hover img { filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
 
 .recent-posts .post-content { display:table-cell; vertical-align:middle }
 
 .recent-posts .post-title { margin-bottom:12px; display:block; font-size:1.1667em; }
 
 .recent-posts .post-title:hover { color:#3451c6 }
 
 .recent-posts .post-meta { font-size:0.8333em; margin-bottom:0 }
 
 
 
 /* ===================================== */
 /* FOOTER                                */
 /* ===================================== */
 
 
 #footer.style4 .footer-wrapper .btn.style4:hover { border-color:#3451c6; }
 
 #footer {
   overflow: hidden;
   
 }
 
 #footer .section-title { font-weight: 600; font-size: 14px; text-transform: uppercase; }
 
 #footer .footer-wrapper .container { position:relative }
 
 #footer .footer-wrapper .container>.row { margin:0 -20px 0 -30px }
 
 #footer .footer-wrapper .container>.row>div { padding:60px 15px 60px 30px }
 
 
 
 #footer .footer-wrapper .container>.row>div:last-child { position:relative }
 
 #footer .footer-wrapper .container:after { content:""; position:absolute; display:block; left:100%; top:0; height:100%; bottom:0; width:2000px }
 
 #footer .recent-posts>li { width:100%; margin-bottom:10px; padding:0; background:none }
 
 #footer .recent-posts>li:last-child .post-content { border-bottom:none }
 
 #footer .recent-posts .post-author-avatar { vertical-align:top }
 
 #footer .recent-posts .post-content { border-bottom:1px solid #edf6ff; padding:5px 0 12px }
 
 #footer .recent-posts .post-title { font-size: 13px; }
 
 #footer .recent-posts .post-title:hover { color:#3451c6 }
 
 #footer .useful-links a { font-weight:600 }
 
 #footer .useful-links li:hover a { color:#1b4268 }
 
 #footer .useful-links li:hover:before { color:#3451c6 }
 .footerouter
 {
     width:100%;
     overflow:hidden;
     background:#262626 url(../images/footer-graph2.jpg) no-repeat center bottom;
     background-repeat:no-repeat;
     background-position:bottom;
 }
 .map-top
 {
  z-index: 100;
     position: relative;
 }
 .footer_graph {
     float: left;
     margin-top: -4.33em;
     width: 100%;
     z-index: 10000000;
     position: absolute;
     height: 61px;
     background: url(../images/footer-graph.png) no-repeat 116px top;
 }
 .footer1 {
     float: left;
     width: 100%;
     padding: 18px 0px 40px 0px;
 
 }
 .divider_dashed10 {
     float: left;
     width: 100%;
     margin: 0px 0px 35px 0px;
     border-top: 1px dashed #3b3b3b;
 }
 .last {
     margin-right: 0 !important;
     clear: right;
 }
 .one_half {
     width: 48%;
 }
 .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
     position: relative;
     margin-right: 4%;
     float: left;
 }
 .footer1 h4 {
     color: #fff;
     margin-bottom: 25px;
 }
 .footer1 h4.lmb {
     color: #fff;
     margin-bottom: 20px;
 }
 
 .footer1.three {
     float: left;
     width: 100%;
     padding: 57px 0px;
 }
 .footer1.three h4 {
     color: #272727;
     margin-bottom: 30px;
 }
 .footer1.three h4.lmb {
     color: #272727;
     margin-bottom: 20px;
 }
 
 .footer1.bggraph {
     background: #181818 url(../images/footer-bg.html) no-repeat center top;
 }
 
 ul.faddress {
     float: left;
     width: 100%;
     padding: 0px;
     margin: 0px;
 }
 .faddress li {
     padding: 3px 0px;
     margin: 0px;
     color:#b7b7b7;
 }
 .faddress li a {
     color: #b7b7b7;
 }
 .faddress li a:hover {
     color: #fff;
 }
 .faddress li img
 {
     width: 150px;
     height: 60px;
     margin-top: -30px;
     margin-bottom: 10px;
 }
 
 /* Tags */
 .ftags {
     float: left;
     width: 100%;
 }
 .ftags ul {
     float: left;
     width: 100%;
     padding: 0px;
     margin: 0px;
 }
 .ftags li {
     float: left;
     padding: 0px;
     margin: 0px 8px 14px 0px;
 }
 .ftags li a {
     color: #727272;
     padding: 5px 10px;
     background-color: #303030;
 }
 .ftags li a:hover {
     color: #fff;
     background-color: #484848;
 }
 
 .ftags.three li a {
     color: #fff;
     padding: 5px 10px;
     background-color: #999;
 }
 .ftags.three li a:hover {
     color: #fff;
     background-color: #484848;
 }
 
 /* Tweets */
 .twitter_feed {
     float: left;
     padding: 0px;
     margin: 0px;
     width: 100%;
 }
 .twitter_feed .left {
     float: left;
     padding: 0px;
     margin: -7px 0px 0px 0px;
     width: 20px;
 }
 .twitter_feed .right {
     float: right;
     padding: 0px;
     margin: -10px 0px 0px 0px;
     width: 89%;
 }
 .twitter_feed a {
     color: #999;
 }
 .twitter_feed a:hover {
     color: #fff;
 }
 .twitter_feed a.small {
     font-size: 9px;
     color: #727272;
 }
 .twitter_feed a.small:hover {
     font-size: 9px;
     color: #999;
 }
 
 .twitter_feeds_two {
     float: left;
 }
 .twitter_feeds_two .left {
     float: left;
     width: 100px;
     height: 133px;
     padding-top: 25px;
     margin-right: 20px;
     color: #fff;
     text-align: center;
 }
 .twitter_feeds_two i {
     color: #fff;
     font-size: 40px;
     margin-bottom: 5px;
 }
 .twitter_feeds_two .right {
     padding-top: 30px;
 }
 .twitter_feeds_two .right em {
     display: block;
     font-size: 12px;
     font-style: normal;
     color: #585858;
 }
 .twitter_feeds_two .right em a {
     color: #585858;
 }
 .twitter_feeds_two .right em a:hover {
     color: #999;
 }
 
 
 
 /* flickr */
 #flickr_badge_wrapper {
     padding: 0px;
     margin: 0px;
     width: 100%;
 }
 #flickr_badge_wrapper img {
     width: 70px;
     height: 70px;
     margin-right: 8px;
     margin-bottom: 2px;
     border: 0px solid #999 !important;
 }
 #flickr_www {
     display:block;
     padding:0 10px 0 10px !important;
 }
 #flickr_badge_uber_wrapper a:hover,
 #flickr_badge_uber_wrapper a:link,
 #flickr_badge_uber_wrapper a:active,
 #flickr_badge_uber_wrapper a:visited {
     text-decoration:none !important;
     background:inherit !important;
     color:#3993ff;
 }
 #flickr_badge_wrapper {
     margin-top: 25px;
 }
 #flickr_badge_source {
     padding:0 !important;
 }
 
 /* Newsletter Signup */
 .newsletter {
     float: left;
     width: 100%;
 }
 .newsletter .enter_email_input {
     float: left;
     width: 75%;
     height: 39px;
     padding: 0px 7px;
     line-height: 39px;
     background: #fff;
     border: 0px;
     font-size: 13px;
     font-weight: 600;
     color: #999;
 }
 .newsletter .input_submit {
     float: left;
     color: #fff;
     height: 39px;
     padding: 0px 10px;
     background-color: #13afeb;
     border: 0px;
     cursor: pointer;
 }
 .newsletter .input_submit:hover {
     color: #fff;
     background-color: #454545;
 }
 
 .newsletter_two {
     float: left;
 }
 .newsletter_two .left {
     float: left;
     width: 100px;
     height: 133px;
     padding-top: 25px;
     margin-right: 20px;
     color: #fff;
     text-align: center;
 }
 .newsletter_two i {
     color: #fff;
     font-size: 40px;
     margin-bottom: 5px;
 }
 .newsletter_two .right {
     float: left;
     padding-top: 20px;
 }
 .newsletter_two input.enter_email_input {
     float: left;
     padding: 3px 0px 2px 18px;
     height: 36px;
     width: 370px;
     margin: 5px 0 0 0px;
     background-color: #545454;
     border: 2px solid #616161;
     color: #999;
     font-size: 13px;
     border-radius: 4px;
 }
 .newsletter_two .input_submit {
     float: left;
     padding: 10px 20px;
     background-color: #3a3a3a;
     margin-top: 10px;
     border: 0px;
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     font-weight: normal;
     color: #999;
     border-radius: 4px;
 }
 .newsletter_two .input_submit:hover {
     color: #fff;
     cursor: pointer;
     background-color: #999;
 }
 
 
 
 
 
 /* quick links */
 .qlinks {
     float: left;
     width: 100%;
 }
 .qlinks ul {
     float: left;
     width: 100%;
     padding: 0px;
     margin: 0px;
 }
 .qlinks li {
     padding: 4px 0px;
     margin: 0px;
 }
 .qlinks li a {
     color: #b7b7b7;
 }
 .qlinks li a:hover {
     color: #fff;
 }
 .qlinks li a i {
     margin-right: 3px;
 }
 
 /* Recent posts */
 .frposts {
     float: left;
     width: 100%;
 }
 .frposts ul {
     float: left;
     width: 100%;
     padding: 0px;
     margin: 0px;
 }
 .frposts li {
     padding: 5px 0px 7px 0px;
     border-bottom: 1px solid #272727;
     margin: 0px;
 }
 .frposts li a {
     color: #727272;
 }
 .frposts li a:hover {
     color: #fff;
 }
 .frposts li a i {
     color: #575757;
     margin-right: 3px;
 }
 
 /* Site info */
 .siteinfo {
     float: left;
     width: 100%;
 }
 .siteinfo a {
     color: #999;
     font-size: 13px;
 }
 .siteinfo a i {
     margin-left: 4px;
 }
 .siteinfo a:hover {
     color: #fff;
 }
 
 /* copyrights */
 .copyright_info {
     float: left;
     padding: 0px 0px 35px 0px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     color: #999;
     font-size: 12px;
     color: #999;
     font-style: normal;
     font-weight: normal;
     background: #1a1a1a;
 }
 .copyright_info.two {
     padding: 22px 0px 18px 0px;
 }
 
 .copyright_info.three {
     float: left;
     padding: 22px 0px 18px 0px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     color: #999;
     font-size: 12px;
     color: #999;
     font-style: normal;
     font-weight: normal;
     background: #fff;
 }
 
 .copyright_info.four {
     background: #eee;
     padding: 20px 0px 20px 0px;
 }
 
 .copyright_info a {
     margin-top: 10px;
     font-size: 12px;
     color: #999;
     text-align: right;
 }
 .copyright_info a:hover {
     color: #e3e3e3;
 }
 
 /* footer social links */
 ul.footer_social_links {
     float: right;
     padding: 0px;
     margin: 0px 0px 0px 0px;
 }
 .footer_social_links li {
     float: left;
     padding: 0px;
     margin: 0px 0px 0px 5px;
     width: 24px;
     height: 24px;
     text-align: center;
     border-radius: 24px;
     line-height: 22px;
     vertical-align: middle;
     background-color: #252525;
     color: #999;
 }
 .footer_social_links li:hover {
     background-color: #454545;
 }
 .footer_social_links li i {
     color: #999;
 }
 
 .footer_social_links.four li {
     margin: 0px 0px 0px 13px;
     width: auto;
     height: auto;
     background: none;
 }
 .footer_social_links.four li:hover {
     background: none;
 }
 
 
 .footer_social_links.three li {
     background-color: #d3d3d3;
 }
 .footer_social_links.three li:hover {
     background-color: #999;
 }
 .footer_social_links.three li i {
     color: #fff;
 }
 
 .contactform_footer {
     float: left;
 }
 .contactform_footer h3 {
     margin-bottom: 10px;
 }
 .contactform_footer .sky-form .button {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase;
     width: 90.5%;
     height: 50px;
     opacity: 1;
     background-color: #13afeb;
     margin-top: -20px;
 }
 .contactform_footer .sky-form .button:hover {
     color: #272727;
     background-color: #eee;
 }
 
 ul.fsocials {
     float: left;
     width: 100%;
     margin-top: -11px;
     padding-bottom: 22px;
     border-bottom: 1px solid #252525;
 }
 .fsocials li {
     float: left;
     width: 100%;
     padding: 16px 0px 4px 0px;
     margin: 0px;
 }
 .fsocials li i {
     float: left;
     width: 30px;
     height: 30px;
     margin-right: 13px;
     margin-top: -3px;
     font-size: 16px;
     color: #151515;
     background-color: #fff;
     border-radius: 100%;
     text-align: center;
     vertical-align: middle;
     line-height: 30px;
 }
 .fsocials li a {
     color: #727272;
 }
 .fsocials li a:hover i {
     background-color: #13afeb;
 }
 .fsocials li a:hover {
     color: #fff;
 }
 
 
 .fnewsletter {
     float: left;
 }
 .fnewsletter input.enter_email_input {
     float: left;
     padding: 3px 0px 2px 10px;
     height: 34px;
     width: 200px;
     margin: 5px 0 0 0px;
     background-color: #fff;
     border: 1px solid #fff;
     color: #727272;
     font-size: 13px;
 }
 .fnewsletter .input_submit {
     float: left;
     padding: 11px 10px;
     margin: 5px 0 0 0px;
     background-color: #13afeb;
     border: 0px;
     font-family: 'Open Sans', sans-serif;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
 }
 .fnewsletter .input_submit:hover {
     color: #272727;
     cursor: pointer;
     background-color: #eee;
 }
 .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
     position: relative;
     margin-right: 4%;
     float: left;
 }
 .one_fourth {
     width: 21%;
     padding-top: 50px;
 }
 animate.fadeInUp,.trigger.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
 
 
 @media only screen and (max-width : 1200px) { 
     .Header_top_left
     {
         width:80%;
     }
   
     .process-box {
         background: #ffffff;
         width: 80%;
         height:403px;
     }
    .aboutus h3 {
     font-size: 22px;
    
 }
 
    .Services h2
    {
        width:21%;
    }
    .Servicesouter
    {
        background-size:100% 100%;
    }
    .fbclients h2
    {
            width: 33%;
    }
    .fbclients h2:before
    {
        left:40%;
    }
    .testi-left h3
    {
        width: 68%;
    }
     .portfolio-item {
         height: 175px;
     }
 .portfolio-item .portfolio-container img {
     
     height:175px;
     
 }
 .portfolio-item .portfolio-container .portfolio-meta .portfolio-meta-container
 {
     height:170px;
 }
     .seo_pkg_table {
         padding:0px 15px;
     }
 }
 @media only screen and (max-width : 1024px)
 {
 
     .page-wrapper
     {
         margin-top:120px;
     }
    .aboutus h3 {
         width: 74%;
         font-size: 25px;
    
 }
 
 }
 @media only screen and (max-width : 992px)
  {
 
     #owl-menu-trigger {
         display: none !important;
     }
 
     .Header_top {
         height: auto;
     }
 
     .Header_top_left {
         width: 65%;
     }
 
     .Header_top_left1 {
         width: 47%;
         padding-top: 5px;
         height: 35px;
     }
 
     .Header_top_left2 {
         width: 48%;
         margin-left: 20px;
         padding-top: 5px;
         height: 35px;
     }
 
     .Header_top_left3 {
         width: 47%;
         border: 1px solid #fff;
         padding-top: 5px;
         height: 35px;
         margin-top: 10px;
     }
 
     .Header_top_left4 {
         width: 48%;
         margin-left: 20px;
         border: 1px solid #fff;
         padding-top: 5px;
         height: 35px;
         margin-top: 10px;
     }
 
     .iconsbox {
         width: 252px;
         margin-top: 0px;
     }
 
     .headertopbtnsupport {
         width: 85px;
         height: auto;
         overflow: hidden;
         margin: 0 auto;
     }
 
     .headertopbtncareer {
         width: 85px;
         height: auto;
         overflow: hidden;
         margin: 0 auto;
     }
 
     .iconsboxinner {
         width: 160px;
         height: auto;
         overflow: hidden;
         float: right;
     }
 
     .navbar-form {
         width: 100% !important;
     }
 
     .ts-bt {
         text-align: center;
     }
 
     .owl-menu i {
         display: none;
     }
 
     .reqbtnresdiv {
         width: 100%;
         height: auto;
         overflow: hidden;
     }
 
     .reqbtnres {
         background-color: #86c724;
         color: #fff;
         border-left: 1px solid #86c724;
         border-right: 1px solid #86c724;
         position: relative;
         z-index: 2222;
         text-transform: uppercase;
         text-align: center;
         padding: 8px 0px;
         width: 100%;
         display: inline-block;
         margin-top: 6px;
     }
 
         .reqbtnres:hover {
             color: #fff;
         }
 
     .colorfull-row p {
         width: 75%;
     }
 
     .getfbstarted {
         margin-top: 30px;
     }
 
     .process-box {
         width: 80%;
         height: 283px;
     }
 
     .Services h2 {
         width: 27%;
     }
 
     .serviceshomemid {
         display: none;
     }
 
     .serviceshomeleft {
         width: 47%;
     }
 
     .serviceshomeright {
         width: 47%;
         float: right;
     }
 
     .siconbox {
         height: 170px;
     }
 
     .rsiconbox {
         height: 170px;
     }
 
     .fbclients h2 {
         width: 43%;
     }
 
         .fbclients h2:before {
             left: 40%;
         }
 
     .fbclientsinner {
         margin-bottom: 40px;
     }
 
     .projects .recentwork {
         width: 45%;
     }
 
     .mb30 {
         width: 50% !important;
         float: left;
         margin-bottom: 30px;
     }
 
     .lets-talk h1 {
         width: 25%;
     }
 
     .contact_list ul li {
         margin-right: 30px;
     }
 
         .contact_list ul li img {
             width: 40px;
             height: 40px;
         }
 
         .contact_list ul li h2 {
             margin-top: 0px;
             width: 160px;
             font-size: 25px;
         }
 
             .contact_list ul li h2 span {
                 font-size: 13px;
             }
 
     .footertop {
         display: none;
     }
 }
 
   
 
 @media only screen and (max-width : 767px) {
     .headertopinner
     {
         width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto;
         margin-right:auto;
     }
     .Header_top_left
     {
         width:65%;
     }
     .iconsbox
         {
             width:203px;
         }
     .headerbottomdiv
     {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
     }
    
     .cat-title
     {
         top:0px !important;
         
     }
     .getstartedinner
     {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
     }
      .colorfull-row p
     {
         width:100%;
         padding-top: 0px;
         text-align:center;
     }
      .getfbstarted
      {
          margin-top:30px;
          width:100%;
      }
      .colorfull-row h3
      {
          float:none;
           margin-left:auto !important;
         margin-right:auto !important;
         width:100%;
         text-align:center;
      }
      .aboutus
      {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
      }
      .page-content
      {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
         float:none;
      }
      .Services h2
    {
        width:31%;
    }
      .Services
      {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
         float:none;
      }
      .Services h3
      {
          padding:0px;
      }
      .fbclientsdiv
      {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
         float:none;
      }
      .testi-left
      {
 
 background-size:100% 100%;
      }
      .testi-left-info
      {
          height:100%;
      }
      .testi-right
      {
          padding-bottom:20px;
      }
      .testi-left h3
      {
          width:52%;
      }
      .testi-right h3
      {
          width:42%;
      }
       .projects .recentwork
    {
        width:55%;
    }
     .contact_list ul {
           width:640px;
         height:auto;
         overflow:hidden;
         margin-left:auto !important;
         margin-right:auto !important;
         float:none;
     }
       .contact_list ul li
    {
        margin-right:20px;
    }
    .contact_list ul li img
    {
        width:35px;
        height:35px;
    }
   
    .contact_list ul li h2
    {
        margin-top:0px;
        width:145px;
        font-size: 21px;
    }
    .contact_list ul li h2 span
    {
        font-size: 12px;
    }
    .freeimage
    {
        width:100%;
        padding:0px 15px;
    }
 }
 
 @media only screen and (max-width : 640px) {
 
     .headertopinner {
         width: 480px;
     }
     .headerbottomdiv {
         width: 480px;
     }
     .Header_top_left
     {
         width:100%;
     }
     .iconsbox
     {
         width:100%;
     }
     .iconsboxinner
     {
         float:left;
         width:50%;
         margin-top:20px;
     }
     .reqbtnresdiv
     {
          float:right;
         width:48.8%;
          margin-top:11px;
     }
     .social-roll
     {
         height: 35px;
     width: 40px;
     }
     .getstartedinner {
         width: 100%;
 padding:0px 20px;
     }
     .aboutus {
         width: 100%;
 padding:0px 20px;
     }
     .page-content {
         width: 100%;
 padding:0px 20px;
            
     }
     .rowdiv {
         margin-left: -5px !important;
         margin-right: -5px !important;
     }
     .process-box {
     width: 80%;
     height: 423px;
 }
      .aboutus h3 {
     width: 100%;
     font-size: 22px;
 }
       .Services h2
    {
        width:43%;
        font-size:25px;
    }
     .Services {
         width: 480px;
     }
     .serviceshomeleftinner
     {
         padding:0px;
     }
     .servicesh4
     {
         font-size:15px;
     }
     .rservicesh4
     {
          font-size:15px;
     }
     .Services h3
     {
         font-size: 14px;
     }
     .siconboxp
     {
         font-size:12px;
     }
     .rsiconboxp
     {font-size:12px;
 
     }
     .fbclientsdiv {
         width: 100%;
 padding:0px 20px;
     }
     .fbclients h2
     {
         width:80%;
         font-size:25px;
     }
     .testi-left h3
     {
         font-size:25px;
     }
     .testi-right h3
     {
         font-size:25px;
     }
     .newsdetails
     {
         width:75% !important;
         float:right;
     }
      .projects .recentwork
    {
        width:65%;
    }
      .lets-talk h1
      {
          width:35%;
      }
     .contact_list ul {
           width:300px;
         margin-left:auto !important;
         margin-right:auto !important;
         float:none;
     }
       .contact_list ul li
    {
        margin-right:0px;
         width:300px;
         margin-bottom:30px;
    }
    .contact_list ul li img
    {
        width:45px;
        height:45px;
    }
   
    .contact_list ul li h2
    {
        margin-top:0px;
        width:205px;
        font-size: 30px;
    }
    .contact_list ul li h2 span
    {
        font-size: 15px;
    }
 .bannermain {
     margin-top: 77px;
 }
 
 }
 @media only screen and (max-width : 480px){
 .colorfull-row
 {
 margin-top:0px;
 }
 
 
     .office-location
     {
         height:auto;
         overflow:hidden;
         background-image:none;
     }
 .bannermain {
     margin-top: 140px;
 }
     .itserimg
 {
     width:100%; 
     height:auto;
 }
     .serveleft
     {
         width:50%;
     }
     .serveright
     {
           width:50%;
     }
     .serveleftr
     {
         width:50%;
     }
     .serverightl
     {
           width:50%;
     }
     .servicesmaincon h1
     {
         padding-top:0px;
     }
     .subtitle
     {
         font-size: 15px;
         padding-top: 7px;
     }
     .serverighthead
     {
         font-size: 22px !important;
     }
     .office-location-left
     {
         width:100%;
         padding:0px 15px;
         margin-bottom:50px;
         display:none;
     }
     .ind-location
     {
         display:block;
     }
     .plase-call-part ul
     {
         width:100%;
     }
     .plase-call-part h2
     {
         padding:0px 15px;
     }
     .nice-section h1 img
     {
         display:none;
     }
     .nice-section h1
 {
     font-size:33px;
     
 }
     .plase-call-part ul li
     {
         width:100%;
         margin-top:10px;
         margin-bottom:10px;
     }
     .email-box-cont
     {
         width:100%;
         padding-left:15px;
         padding-right:15px;
     }
     .career-box-cont
     {
          width:100%;
         padding-left:15px;
         padding-right:15px;
     }
     .follow-box-cont
     {
           width:100%;
         padding-left:15px;
         padding-right:15px;
     }
     .lets-talk h3
     {
         padding:0px 15px;
     }
     .workfromhome
 {
     font-size:15px !important;
 }
     .servicesmainbanner1
     {
         margin-top:70px;
     }
     .supportThreeBRrow .col-sm-4
     {
         width:100%;
         margin-bottom:50px;
     }
     .owl-itemm
 {
     width: 100%;
     margin-bottom:50px;
     height:auto;
     overflow:hidden;
 }
     .packagesdiv
 {
     opacity: 1; display: block; margin-top:0px;
     padding:0px 15px;
 }
     .headertopinner {
         width: 300px;
     }
     .headerbottomdiv {
         width: 100%;
     }
     .Header_top_left
     {
         width:100%;
     }
     .Header_top_left1
     {
         width:190px;
         margin:0px auto;
         float:none;
     }
     .careerdiv
 {
     display:block;
 }
 .supportdiv
 {
     display:block;
 }
     .Header_top_left2
     {
         width:210px;
         margin:0px auto;
         float:none;
         display:none;
     }
     .Header_top_left3 {
         float:left;
         width:45%;
         margin-left:10px;
         display:none;
     }
     .Header_top_left4 {
         float:right;
          width:45%;
          margin-right:10px;
          margin-left:10px;
          display:none;
     }
     .Header_top
     {
         display:none;
     }
     .reqbtnresdiv
     {
         width:90%;
         font-size:13px;
         float:none;
           margin-left:auto;
         margin-right:auto;
         display:none;
     }
     .iconsbox
     {
         width:100%;
         display:none;
     }
     .iconsboxinner
     {
         float:none;
         width:160px;
         margin-top:20px;
         margin-left:auto;
         margin-right:auto;
     }
     
     .social-roll
     {
         height: 35px;
     width: 40px;
     }
     .page-wrapper
     {
         margin-top:-70px;
     }
     
      
      
       .process-box {
     width: 80%;
     height: 323px;
 }
       .aboutus h3 {
     width: 100%;
     font-size: 25px;
 }
       .aboutus h3:before
       {
           left:22%;
       }
       .aboutus p
       {
           text-align:center;
       }
        .Services h2
    {
        width:80%;
        font-size:25px;
    }
        .Services h2:before
        {
            left: 40%;
        }
        .Services {
         width: 320px;
     }
        .serviceshomeleft
        {
            width:100%;
        }
        .serviceshomeright
        {
            width:100%;
        }
        .verticalspaces
        {
            display:none;
        }
        .servicesh4
        {
            font-size:18px;
        }
         .rservicesh4
        {
            font-size:18px;
        }
         .siconboxp
         {
             font-size:14px;
         }
          .rsiconboxp
         {
             font-size:14px;
         }
    
      .fbclients h2
     {
         width:100%;
         font-size:25px;
     }
      .testi-left h3
     {
         font-size:25px;
         width:100%;
     }
     .testi-right h3
     {
         font-size:25px;
          width:100%;
     }
     .newsdetails {
     width: 67% !important;
     float: right;
 }
     .projects .recentwork
    {
        width:75%;
        font-size:25px;
    }
      .mb30
      {
          width:292px !important;
          margin-right:auto;
          margin-left:auto;
          float:none;
          margin-bottom:30px;
           height: 205px;
      }
      .portfolio-item {
     height: 205px;
 }
      .portfolio-item .portfolio-container .portfolio-meta .portfolio-meta-container
      {
          height: 180px;
      }
      .portfolio-item .portfolio-container img
      {
           height: 205px;
      }
       .lets-talk h1
      {
          width:45%;
      }
      .Content_Left
      {
          display:none;
      }
      .Content_Right
      {
          width:100%;
          padding: 1% 5%;
      }
      .Services_Left
      {
          display:none;
      }
      .servicesmainbanner
      {
          display:none;
      }
      .Services_Right
      {
           width:100%;
          padding: 1% 5%;
          margin-top:100px;
      }
      .website_packages h2
      {
             width:100%;
      }
      .website_packages h2:before
      {
          display:none;
      }
      .Content_Right .clienttesthead
      {
          width:100%;
      }
      .Content_Right h1:before
      {
          display:none;
      }
      .Content_Right h1
      {
          width:100%;
      }
      #req-top-part
      {
          margin-top:70px;
      }
      #req-top-part h1
      {
          font-size:33px;
      }
      #req-top-part p
      {
          font-size: 17px;
     color: #FFF;
     text-align: center;
     padding: 0 20px;
      }
      .submitbtnpay
      {
          width:100%;
      }
      .request-contant-mid
      {
          width:100%;
          padding:0px 20px;
      }
      .request-contant-mid p
      {
          padding-left:15px;
          padding-right:15px;
      }
      .request-contant-mid-box-1
      {
          width:100%;
          margin: 0px;
          margin-bottom:30px;
          
      }
      .budget
      {
          width:90%;
          height:auto;
          overflow:hidden;
          margin:0 auto;
          text-align:center;
          padding-bottom:30px;
      }
      .budget h2
      {
          width:100%;
          text-align:center;
          padding:0px;
      }
    .txtbudget
      {
           width:90% !important;
           margin:0 auto  !important;
           float:none  !important;
           margin-bottom:30px;
      }
    .choose-cat-request
    {
         width:90%;
          height:auto;
          overflow:hidden;
          margin:0 auto;
          text-align:center;
          margin-top:30px;
    }
    .choose-cat-request .jqTransformInputWrapper
    {
        width:100% !important;
        margin-bottom:20px;
    }
    .from-box1
    {
        width:100%;
        padding:0px 15px;
    }
    .form-box2
    {
        width:100%;
        padding:0px 15px;
    }
     .form-box3
    {
        width:100%;
        padding:0px 15px;
    }
    .from-box1 input
    {
        width:100%;
         margin:0 auto  !important;
           float:none  !important;
           padding: 0 40px 0 15px;
    }
    .form-box3 input.code
    {
          width:100%;
         margin:0 auto  !important;
           float:none  !important;
           padding: 0 40px 0 15px;
    }
    .txtdetailsdiv
    {
        margin-bottom:20px;
    }
    .captchacode
    {
        margin-left:0px  !important;
    }
    .choose-cat-request [type="submit"]
    {
        margin-left:15px;
    }
    .choose-cat-request p
    {
        padding:15px;
    }
    .form-box2 .txtdetails
    {
        width:100%;
         margin:0 auto  !important;
           float:none  !important;
           padding: 20px 40px 0 15px;
    }
    .email-1 {
     background: url(../images/request-mail.png) 270px center no-repeat;
 }
     .name-1 {
     background: url(../images/request-name.png) 270px center no-repeat;
 }
     .servicesmaincon
     {
         margin-top:100px;
     }
     .servicesmainconwrapper
     {
         width:100%;
         padding:0px 15px;
     }
     .serveleftimg
     {
         text-align:center;
     }
  
 }
 @media only screen and (max-width : 320px){
 
      .headertopinner {
         width: 280px;
     }
     .headerbottomdiv {
         width: 280px;
     }
     
     .Header_top_left3 {
         float:left;
         width:43%;
     }
     .Header_top_left4 {
         float:right;
          width:43%;
     }
     
       
       .process-box {
     width: 80%;
     height: 313px;
 }
       .Services {
         width: 280px;
     }
    
      .newsdetails {
     width: 63% !important;
     float: right;
 }
      .projects .recentwork
    {
        width:85%;
        font-size:25px;
    }
       .contact_list ul
       {
           width: 280px;
       }
       .contact_list ul li
       {
 width: 280px;
       }
 }