﻿@font-face{font-family:'open_sansregular';src:url('fonts/OpenSans-Regular-webfont.eot');src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'open_sanssemibold';src:url('fonts/OpenSans-Semibold-webfont.eot');src:url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'open_sansbold';src:url('fonts/OpenSans-Bold-webfont.eot');src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'open_sanslight';src:url('fonts/OpenSans-Light-webfont.eot');src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'open_sanslight_italic';src:url('fonts/OpenSans-LightItalic-webfont.eot');src:url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'open_sansitalic';src:url('fonts/OpenSans-Italic-webfont.eot');src:url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'robotomedium';src:url('fonts/roboto-medium-webfont.eot');src:url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto-medium-webfont.woff') format('woff'),
url('fonts/roboto-medium-webfont.ttf') format('truetype'),
url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');font-weight:normal;font-style:normal;}
  
  
@font-face {
font-family:'FontAwesome';
src:url('fonts/fontawesome-webfont.eot?v=4.7.0');
src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal
}  

.headerslider { float:left; width:100%; position:relative; z-index:0; }
#slides a img { width:100%; height:auto; -webkit-transition: 400ms ease; transition: 400ms ease; }
#slides a img:hover { -webkit-transform: scale(1.15); transform: scale(1.15); }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../img/bannerArrow.png); background-repeat: no-repeat; display:block; width:44px; height:44px; overflow: hidden; text-indent: -9999px; float: left; }
a.slidesjs-next, a.slidesjs-previous { cursor: pointer; position: absolute; top: 40%; z-index: 99; }
a.slidesjs-next { right:0; background-position: -44px 0; }
a:hover.slidesjs-next { /*background-position: -12px -18px;*/ }
a.slidesjs-previous { background-position: 0 0; }
a:hover.slidesjs-previous { /*background-position: 0 -18px;*/ }
a.slidesjs-play { width:15px; background-position: -25px 0; }
a:hover.slidesjs-play { background-position: -25px -18px; }
a.slidesjs-stop { width:18px; background-position: -41px 0; }
a:hover.slidesjs-stop { background-position: -41px -18px; }
.slidesjs-pagination { margin: 0 auto; list-style: none; position: absolute; z-index: 99; bottom: 20px; left: 0; right: 0; text-align: center; width: 100%; }
.slidesjs-pagination li { display: inline-block; margin: 0 3px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(images/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.slidesjs-pagination li a:hover { background-position: 0 -26px }

.navbar { overflow: hidden }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}

.noJS .jsRequired { display: block; }

.shadowAnimation{ display:none;}
.noJS .mobileAppHomeBnr.container { position: absolute; left: 0; right: 0; z-index: 999; top: auto; transform: translateY(-50%);
-webkit-transform: translateY(-460px);}
.noJS .imageCap.imageCap3{ right:-190px;}
.noJS .floatedQuoteForm{ display:none;}
.noJS .homeOurPortfolio ul {width:1800px; overflow: hidden;}
.noJS .homeOurPortfolio ul li {width: 287px !important;}
.noJS .homeOurPortfolio ul li .cntBoxPor .proDis p{ width:256px;}
.noJS .homePortfolioInn { overflow: hidden; overflow-x: scroll;}


.noJS .eBookHomeBox .eBookHomeImg { width: 200px; float: left;}
.noJS .eBookHomeImg img{ width:100%; height:auto;}

.noJS .ebookBox .viewAll::before{ display:none;}
.noJS .eBookHomeBox li{ padding-top:0; float:left; margin-bottom:20px;}


.noJS .eBookInn {
    margin-bottom: 10px;
    height: 310px;
    overflow: hidden;
    overflow-y: scroll;
}

.noJS .sliderControl{ display:none;}
.noJS .slide-image img{ width:100%;}
.noJS .slide-image:after{ background:rgba(0,0,0,0.1); content:""; position:absolute; left:0; top:0; height:100%; width:100%; box-shadow: 0 0px 0px inset rgba(0,0,0,0.9);}





.jsRequired { display: none; background-color: #C00; color: #fff; width: 100%; line-height: 40px; text-align: center; font-size: 13px; border: 0 none; position: absolute; top: 0; left: 0; z-index: 999999; }
body, button, input, select, textarea{color:#505050;font-family:'open_sansregular', sans-serif; font-size:14px;line-height:normal;position:relative;}
article, aside, details, figcaption, figure, footer, header, main, nav, section{display:block;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
a{text-decoration:none;color:inherit;transition:all 0.2s linear 0s;}
a:focus{outline:1px dotted #c1c1c1;outline:none;}
a:hover, a:active{outline:0;transition:all 0.3s ease 0s;}
a:hover{text-decoration:none;color:#393939;transition:all 300ms ease;}
img{max-width:100%; height:auto;}
a img{border:0;}
p{margin-bottom:15px;font-size:16px;line-height:26px;}
.error{color:#f33;font-size:12px;clear:both;}
.info{display:none;padding-bottom:0px;text-align:left;}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
h1, h2, h3, h4, h5, h6{clear:both;font-weight:normal;margin:20px 0;font-family:'open_sanssemibold';}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px}
h6{font-size:12px}
.green{color:#2AA18D;}
button, input, select, textarea{background-color:#fff;border-radius:0;font-size:14px;line-height:1.5;margin:0;max-width:100%;vertical-align:baseline;}
button, input{line-height:normal;}
input, textarea{border:1px solid #cccccc;border:1px solid #cccccc ;color:#414141; color:rgba(65, 65, 65, 1);}
input:focus, textarea:focus{background-color:#fff;border:1px solid #cccccc;;border:1px solid #cccccc;color:#414141; box-shadow:none !important;}
input:focus, select:focus{outline:0px solid #cccccc;;outline:0px solid rgba(51, 51, 51, 0.3);}
button[disabled], input[disabled], select[disabled], textarea[disabled]{cursor:default;opacity:.5;}
button, input[type="button"], input[type="reset"], input[type="submit"], .button{-webkit-appearance:button;background-color:#22ab96;border:0;color:#fff;cursor:pointer;font-weight:700;padding:14px 38px;text-transform:uppercase;transition:all 300ms ease;display:inline-block;border-radius:5px; font-size:16px;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:hover, .button:focus{background-color:#2d2d2d;outline:0;transition:all 300ms ease;color:#fff;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{padding:0.375em;width:100%;}
textarea{overflow:auto;vertical-align:top;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus{outline:0;}
.post-password-form{position:relative;}
.post-password-form label{color:#707070;color:rgba(51, 51, 51, 0.7);display:block;font-size:12px;font-weight:700;letter-spacing:0.04em;line-height:1.5;text-transform:uppercase;}
.post-password-form input[type="submit"]{padding:0.7917em;position:absolute;right:0;bottom:0;}
input[type="checkbox"], input[type="radio"]{padding:0;}
.search-form input[type="submit"], .widget .search-form input[type="submit"]{padding:0;}
.btnBox.btnCenter{text-align:center;}
.btnBox{float:left;width:100%;}
.centerBtn{text-align:center;}
a{color:#393939;text-decoration:none;}
a:hover, a:focus{color:#3090c0;}
.clear:before, .clear:after, .site:before, .site:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .nav-links:before, .nav-links:after, .comment-navigation:before, .comment-navigation:after, .social ul:before, .social ul:after, .textwidget:before, .textwidget:after, .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after{content:"";display:table;}
.clear:after, .site:after, .entry-content:after, .comment-content:after, .site-content:after, .nav-links:after, .comment-navigation:after, .social ul:after, .textwidget:after, .cf:after, .container:after, .row:after, ul:after, .boxs:after{clear:both;}
.container{margin:0 auto;max-width:1200px;padding:0 15px;}
#header{box-shadow:0px 0px 2px rgba(0,0,0,0.3)}
header > .container{position:relative;}
header #logo{display:inline-block;float:left;margin:19px 0 18px;-webkit-transition: 600ms ease; transition: 600ms ease;}
header #logo a{display:block;}
header #logo a img{float:left;}
.header-fixed{ min-height:135px;}
#header { width:100%; height: 136px; position: fixed; left: 0; top: 0; z-index: 8888; -webkit-transition: 600ms ease; transition: 600ms ease; -webkit-box-shadow: 0 0 12px #888; box-shadow: 0 0 12px #888; background-color: #fff; }
#header.fixedHeader { height: 121px; top: -35px; }
#header.fixedHeader .navRight { margin-top: 19px; }
#header.fixedHeader #logo { margin: 13px 0 8px }
.fixedHeader #header{position:fixed; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);z-index:9999; top:0;}


/*#header.fixedHeader .primary-navigation .nav-menu >  li#menu-item-2417 > .sub-menu { top: 67px; }*/
/*.rellax { -webkit-transition: 300ms ease; transition: 300ms ease; }*/

 /*#header.sticky{position:fixed;  background:#fff; -webkit-transition:all 0.3s ease 0ms; transition:all 0.3s ease 0ms;}
#header.nosticky{top:0 !important;} */
.navRight{display:inline-block;float:right; margin-top:26px; -webkit-transition: 600ms ease; transition: 600ms ease; }
.header-right .contactDetail{margin:15px 0;padding:0;list-style:none;float:right;clear:both;}
.header-right .contactDetail li{float:left;margin:0px 8px;}
.header-right .contactDetail li.top-icon{background-image:url("images/sprite-small.png");background-repeat:no-repeat;display:inline-block;margin-left:10px;vertical-align:middle;}
.usa, .semaphoremd, .email-icon{padding-left: 25px;}
.usa {background-position: -2px -282px;padding-left: 25px;}
.semaphoremd {background-position: -2px -300px;padding-left: 25px;}
.email-icon {background-position: -2px -320px;padding-right: 0 !important;padding-left: 25px;}
.header-right .contactDetail li:first-child{margin-left:0;}
.header-right .contactDetail li:last-child{margin-right:0;}
.header-right .contactDetail li a{font-family:'open_sansregular';color:#626262;font-size:15px;}
.header-right nav{display:inline-block; float:right;clear:both;}
/* ===[ Navigation ]=== */
.site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a { color: #3090c0;}
/* ===[ Primary Navigation ]=== */
.primary-navigation { float: right; font-size: 11px; margin: 0 1px 0 -12px; padding: 0; text-transform: uppercase;}
.primary-navigation .menu-toggle {display: none; padding: 0;}
.primary-navigation .nav-menu { border-bottom: 0; display: block;}
.primary-navigation.toggled-on { border-bottom: 0; margin: 0; padding: 0;}
.primary-navigation .nav-menu > li { border: 0; display: inline-block; }
.primary-navigation .nav-menu >  li >  a { display: inline-block; padding: 0px 18px 10px; white-space: nowrap; font:16px 'open_sanssemibold'; color:#353535; border-bottom:5px solid #fff; text-transform:none; text-transform:uppercase;}
.primary-navigation .nav-menu >  li >  a:hover, .primary-navigation .nav-menu >  li:hover >  a{border-color:#129080; position:relative; z-index:999999}
.primary-navigation .nav-menu >  li.current-menu-parent a, .primary-navigation .nav-menu >  li.current-menu-ancestor a {border-color:#2aa18d;}
.primary-navigation .nav-menu >  li > .sub-menu { background-color: #fff; float: left; margin: 0; position: absolute; /*top:75px;*/ /*left:23.5%; */ left:auto; z-index: 99999;right:0; }
.primary-navigation .nav-menu >  li > .sub-menu { padding:10px 15px; -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3); }
.primary-navigation .nav-menu >  li > .sub-menu > li > .sub-menu{margin:10px 0;}
.primary-navigation .nav-menu >  li > .sub-menu > li {width:255px; float:left;margin:0 2%; }
.primary-navigation .nav-menu >  li > .sub-menu > li > a{color:#424242; font-size:17px; border-bottom:1px solid #ccc; font-family:'open_sanssemibold'; display:block;text-transform:none;padding:5px 0;}
.primary-navigation .nav-menu >  li > .sub-menu > li > a:hover{color:#3090c0;}
.primary-navigation .nav-menu >  li > .sub-menu > li > .sub-menu > li > a{background: rgba(0, 0, 0, 0) url("images/megamenu-listing.png") no-repeat scroll left center;display: block;font-size: 14px;padding: 5px 0 5px 17px;text-transform: none;}
.primary-navigation .nav-menu >  li > .sub-menu > li > .sub-menu > li > a:hover{color:#3090c0;padding: 5px 0 5px 20px;}
.primary-navigation .nav-menu > li ul ul, .primary-navigation .nav-menu > li ul{display:none; opacity:0;}
.primary-navigation .nav-menu > li:hover ul ul, .primary-navigation .nav-menu > li:hover ul{display:block; opacity:1;}
.primary-navigation .nav-menu > li.quoteHeaderBtn{border:none;}
.primary-navigation .nav-menu > li.quoteHeaderBtn  a{background:#22ab96;  border-radius: 5px; margin-left:18px; padding:11px 21px;border:none; color:#fff; text-transform:uppercase;}
.primary-navigation .nav-menu > li.quoteHeaderBtn  a:hover{background:#129080;}

.primary-navigation .nav-menu > li.no-child{position:relative; max-width:100%;}
.primary-navigation .nav-menu > li.no-child > .sub-menu{ top: 33px;left: 0; width:auto; min-width:300px;padding:0 15px;}
.primary-navigation .nav-menu > li.no-child > .sub-menu > li {float: none;margin: 0;padding:0;width: 100%;}
.primary-navigation .nav-menu > li.no-child > .sub-menu > li:last-child > a{border-bottom:none;}
.primary-navigation .nav-menu > li.no-child > .sub-menu > li > a{font-size:15px; font-family: 'open_sansregular';padding:10px 5px;}
.primary-navigation .nav-menu > li.no-child > .sub-menu > li > a:hover{color:#3090c0;}
.primary-navigation .nav-menu > li#menu-item-2417 > .sub-menu { height:510px; width:900px;}
.primary-navigation .nav-menu > li#menu-item-2417 > .sub-menu > li{ height:295px; }

.primary-navigation .nav-menu > li#menu-item-2417 > .sub-menu > li#menu-item-69 ,.primary-navigation .nav-menu > li#menu-item-2417 > .sub-menu > li#menu-item-68 , .primary-navigation .nav-menu > li#menu-item-2417 > .sub-menu > li#menu-item-553{ height:205px; }
#menu-item-536 {margin-top:0px;}
#menu-item-67 {margin-top:0px;}
#mobile-header {display: none;}
#menu-item-70 { margin-top:0; }
#menu-item-69 { }


.fa { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.fa-envelope::before {content: "\f0e0";}
.fa-phone:before {content: "\f095";}
.fa-envelope-o:before {content: "\f003";}
.fa-skype:before {content: "\f17e";}
.fa-angle-right::before {content: "\f105";}
.fa-facebook-f::before, .fa-facebook::before {content: "\f09a";}
.fa-linkedin::before {content: "\f0e1";}
.fa-remove:before, .fa-close:before, .fa-times:before {content: "\f00d";}
.fa-bars:before{content:"\f0c9"}
.fa-minus:before{content:"\f068"}
.fa-plus:before{content:"\f067"}


/* Responsive Menu Slider css/jquery.sidr.dark.css Call file */ 
.sidr {	display:none; position:fixed; /*position:fixed; */top:0; height:100%; z-index:999999; width:260px;   overflow-y:auto; 
	font-size:15px; background:#fff; color:#fff; left: 0; top: 0;} 
/*.sidr:before { background: rgba(0,0,0,0.6); content: ""; position: fixed; top: 0; right: 0; z-index:-1;  left:0; bottom: 0; width: 100%; height: 100%; }
.sidr:after { background: #fff; position: absolute; left: 0; right: 0; width: 100%; top: 0; bottom: 0; content: ""; z-index: -1;} */

.sidr .sidr-inner { padding:0 0 15px} 
.sidr .sidr-inner:nth-child(2) { text-align: center; background: #fff; padding: 0px 15px; }
.sidr .sidr-inner:nth-child(2) img { width: 100%; height:  auto; position:relative;}
.sidr .sidr-inner>p { margin-left:15px; margin-right:15px} 
.sidr.right { left:auto; right:-260px} 
.sidr.left { left:-260px; right:auto} 
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size:11px; font-weight:normal; padding:0 15px; margin:0 0 5px; color:#fff; line-height:24px; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a)); background-image:-webkit-linear-gradient(#4d4d4d, #1a1a1a); background-image:-moz-linear-gradient(#4d4d4d, #1a1a1a); background-image:-o-linear-gradient(#4d4d4d, #1a1a1a); background-image:linear-gradient(#4d4d4d, #1a1a1a); -webkit-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2); box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2)} 
.sidr p { font-size:13px; margin:0 0 12px} 
.sidr p a { color:rgba(255, 255, 255, 0.9)} 
.sidr>p { margin-left:15px; margin-right:15px} 
.sidr ul { display:block; margin:0 0 15px; padding:0; } 
.sidr ul li { display:block; margin:0; line-height:normal; } 
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top:none; line-height:normal} 
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, 
.sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {} 
.sidr ul li ul li a:hover { color:#2E927E;}
.sidr ul li a, .sidr ul li span { padding:20px 15px; text-transform:uppercase; display:block; text-decoration:none; color:#fff} 
.sidr ul li a { background:#2e927e}
.sidr ul li ul { margin:0} 
.sidr ul li ul li { line-height:normal;} 
.sidr ul li ul li:last-child { border-bottom:none} 
.sidr ul li ul li:hover, .sidr ul li ul li.active, 
.sidr ul li ul li.sidr-class-active { border-top:none; line-height:normal} 
.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a,
.sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {} 
.sidr ul li ul li a, .sidr ul li ul li span { color:#353535; text-transform:none; padding:20px 25px} 
.sidr ul li ul li span , .sidr ul li span{ padding:0;}
.sidr ul li ul li a { background:#fff; color:#505050; border-bottom:1px solid #e9e9e9; }
.sidr ul li ul li ul li a { color:#505050; padding-left: 45px; background: #eee url(images/inner-listing.png) no-repeat scroll 26px 26px;} 
.sidr form { margin:0 15px} 
.sidr label { font-size:13px} 
.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width:100%; font-size:13px; padding:5px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 10px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;	-o-border-radius:2px; border-radius:2px; border:none; background:rgba(0, 0, 0, 0.1); color:rgba(255, 255, 255, 0.6); display:block; clear:both} 
.sidr input[type=checkbox] { width:auto; display:inline; clear:none} 
.sidr input[type=button], .sidr input[type=submit] { color:#333; background:#fff} 
.sidr input[type=button]:hover, .sidr input[type=submit]:hover { background:rgba(255, 255, 255, 0.9)} /* end */
.sidr-open.sidr-main-open { left: 0 !important;  }
/* Slider */
.indexBanner{position:relative; overflow:hidden;}
.nivo-caption{background:none; top:0; bottom:0;text-align:center;}
.indexBanner .slider-wrapper{padding:0;}
.nivo-caption .homeBnrSlid, .homeBnrSlid {margin: 0 auto; max-width: 1170px; padding: 8% 0; width: 100%;}
.nivo-caption .homeBnrTit, .homeBnrTit {color: #fff; font-size: 42px; text-align: center; width: 100%;}
.nivo-caption .homeBnrTit a, .homeBnrTit a {color: #fff}
.nivo-caption .homeBnrService, .homeBnrService {width: 100%}
.nivo-caption .homeBnrRecTag, .homeBnrRecTag {color: #fff; float: left; font-family: 'open_sanslight'; font-size: 24px; margin: 4% 0 2%; text-align: center; width: 100%;}
.nivo-caption .homeBnrService ul, .homeBnrService ul {list-style: outside none none; margin: 20px 0; width: 100%; display: inline-block;}
.nivo-caption .homeBnrService ul > li, .homeBnrService ul > li {background: rgba(5, 45, 60, 0.8) none repeat scroll 0 0; border-radius: 7px; display: inline-block; margin: 0 0.5%; width: 14.5%; min-height: 115px;}
.nivo-caption .homeBnrService ul > li.orange, .homeBnrService ul > li.orange {background: rgba(255, 138, 0, 0.8) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.orange:hover, .homeBnrService ul > li.orange:hover {background: rgba(255, 138, 0, 1) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.green, .homeBnrService ul > li.green {background: rgba(15, 123, 18, 0.8) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.green:hover, .homeBnrService ul > li.green:hover {background: rgba(15, 123, 18, 1) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.blue, .homeBnrService ul > li.blue {background: rgba(45, 159, 197, 0.8) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.blue:hover, .homeBnrService ul > li.blue:hover {background: rgba(45, 159, 197, 1) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.red, .homeBnrService ul > li.red {background: rgba(239, 62, 49, 0.8) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.red:hover, .homeBnrService ul > li.red:hover {background: rgba(239, 62, 49, 1) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.yellow, .homeBnrService ul > li.yellow {background: rgba(253, 214, 80, 0.8) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.yellow:hover, .homeBnrService ul > li.yellow:hover {background: rgba(253, 214, 80, 1) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.navyblue, .homeBnrService ul > li.navyblue {background: rgba(14, 61, 82, 0.8) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li.navyblue:hover, .homeBnrService ul > li.navyblue:hover {background: rgba(14, 61, 82, 1) none repeat scroll 0 0}
.nivo-caption .homeBnrService ul > li a, .homeBnrService ul li a {color: #fff; display:block; float: left; font-family: 'open_sanssemibold'; font-size: 16px; padding: 15px 7px 10px; width: 100%; text-align: center; line-height: normal;}
.nivo-caption .homeBnrService ul > li a div, .homeBnrService ul > li a div {display: block; font-size: 0; height: 40px; margin: 0 auto 10px; width: 40px; text-align: center;}
.theme-light .nivo-caption a{border:none;}
.slidesjs-slide { text-align: center; }
 #slides { position:relative} 
.homeBackVideo { position:relative }
a.slidesjs-next, a.slidesjs-previous { top:45% !important}
a.slidesjs-next{ right:80px !important;}
a.slidesjs-previous { left:80px !important;}
.outerSlider { position:absolute; top:18%; z-index:999; left:0; width:100%; display:none}
.homeBnrSlid { margin: 0 auto; max-width: 1170px; padding:50px 0; width: 100%; } 
.homeBnrTit a { color: #fff; }
.silderCaption { text-align:left;}
.captionTitle{ width: 782px;  color:#fff; font:46px 'open_sansbold';  line-height:56px; /*opacity: 0;*/ padding-bottom:40px; margin-bottom:50px; position:relative; margin-top:0;}
.mobileOuter .captionTitle{ margin-bottom:42px;}
.captionTitle:after{ position:absolute; content:""; background:#22ab96; height:4px; width:100px; left:0; bottom:-4px;}
.captionTitle:before{position:absolute; content:""; background:rgba(255,255,255,0.4); height:1px; width:77%; left:0; bottom:-2px;}
.mobileAppHomeBnr.container { position: absolute; left: 0; right: 0;  z-index:999; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.slidesjs-slide { display: none; backface-visibility: visible!important; }
.slidesjs-slide .slide-image img {width: 100%; height: 100%;}
.slidesjs-slide .slide-image{ position:relative; }
.slidesjs-slide .slide-image:after{ background:rgba(0,0,0,0.60); content:""; position:absolute; left:0; top:0; height:100%; width:100%; box-shadow: 0 9px 57px inset rgba(0,0,0,0.9);}

.noJS .slidesjs-container , .noJS .slidesjs-control, .noJS .slidesjs-slide .slide-image{ height:610px; overflow:hidden;}

.mobileAppHomeBnr .imageCaption { position: absolute; right: -120px; z-index: 99999; transform: translateY(-50%); top:55%;}
.captionTitle span{ font-family:'open_sansbold'; font-size:56px; }
.innerBanner{ position:relative;}
.innerBanner .innerBannerInn:after{ background:rgba(0,0,0,0.50); content:""; position:absolute; left:0; top:0; height:100%; width:100%;}
div[slidesjs-index="0"] .slide-image::after { background: rgba(0,0,0,0.40); box-shadow: 0 9px 57px inset rgba(0,0,0,0.5);}
.homeBanService ul{ margin:0 -12px;}
.homeBanService ul li{ display:inline-block; padding:0 12px; height:88px; width:107px; position:relative;}
.homeBanService ul li:last-child{ margin-right:0;}
.homeBanService ul li > a{ display:block; font:17px 'open_sansbold'; color:#fff; transition:all 250ms ease; -webkit-transition:all 250ms ease; width:80px; text-align:center;}


/*.cBox a > span{ height:80px; width:80px; display:block; border-radius: 5px; margin-bottom:10px; position:relative;  }
.cBox a > span:after{ background:url(images/mobile-app-ban-icon.png) no-repeat; position:absolute; content:""; width:88px; height:88px; top:0; left:0;}
.ios a > span:after{background-position:-3px 4px;}
.android a > span:after{ background-position:-112px 4px;}
.windows a > span:after{background-position:-216px 4px;}*/
.service-icon-list.mobileAppBnner li {margin-right: 28px; text-align: center;}
.mobileAppBnner li a > span{ display:block; font:17px 'open_sansbold'; color:#fff; transition:all 250ms ease; -webkit-transition:all 250ms ease;}
.mobileAppBnner li a:hover span{color:#ddd;}
.homeBanService{ margin-bottom:30px;}
.captionInqBtn a{ display:inline-block; background:#eee10d; color:#2f2f2f; font:18px 'open_sansbold';  border-radius:5px; padding:11px 36px; text-transform:uppercase; cursor:pointer;}
.captionInqBtn a .fa{ padding-left:5px;}
.captionInqBtn a:hover { background:#3090c0; color:#fff;}
.service-icon-list{ margin-bottom:35px; }
.service-icon-list li{ display:inline-block; margin-right:5px;}
.service-icon-list li a{ display:block;}

.service-icon-list li a span{ width:64px; height:64px; background:url(images/home-sprite.png)no-repeat; text-indent:-9999em; display:inline-block; transition: 400ms ease; -webkit-transition: 400ms ease;}
.service-icon-list li a span.posIcon{ background-position:-71px 0px;}
.service-icon-list li a span.mtIcon{ background-position:-142px 0px;}
.service-icon-list li a span.jfIcon{ background-position:-214px 0px;}
.service-icon-list li a span.wpdIcon { background-position:-288px 0px;}
.service-icon-list li a span.joomIcon{ background-position:-359px 0px;}
.service-icon-list li a span.magsIcon { background-position:-431px 0px;}
.service-icon-list li a span.drupdIcon { background-position:-504px 0px;}
.service-icon-list li a span.zendIcon { background-position:-576px 0px;}
.service-icon-list li a span.joomVIcon{ background-position:-649px 0px;}
.service-icon-list li a span.nodjsIcon { background-position:-721px 0px;}
.service-icon-list li a span.jqdIcon { background-position:-794px 0px;}

.service-icon-list li a span.iosdIcon { background-position:0 -83px;}
.service-icon-list li a span.androdIcon { background-position:-71px -82px;}
.service-icon-list li a span.xamarindIcon { background-position:-144px -82px;}
.service-icon-list li a span.windowdIcon { background-position:-216px -83px;}

.service-icon-list li a:hover span {-webkit-transform: scale(1.15); transform: scale(1.15);}



/* web banner */
.webDesignHomeBnr ul li a span.webDesignBanner{ background:url(images/banner-icons.png) no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .webDesignHomeBnr ul > li a.icoHTML5 div, .webDesignHomeBnr ul > li a.icoHTML5 div		{ background-position:0px -443px;}
.nivo-caption .webDesignHomeBnr ul > li a.icoCSS3 div, .webDesignHomeBnr ul > li a.icoCSS3 div		{ background-position:-53px -443px;}
.webDesignHomeBnr ul li a.icoResponsive span.webDesignBanner	{ background-position:-107px -443px;}
.nivo-caption .webDesignHomeBnr ul > li a.icoAngular div, .webDesignHomeBnr ul > li a.icoAngular div	{ background-position:-155px -443px;}
.webDesignHomeBnr ul li a.icoDesigning span.webDesignBanner	{ background-position:-205px -443px;}
.webDesignHomeBnr ul li a.icoPhoto span.webDesignBanner		{ background-position:-256px -443px;}

/* E-commerce banner*/
.nivo-caption .eCommerceHomeBnr ul > li a div, .eCommerceHomeBnr ul > li a span.ecommBanner { background:url(images/banner-icons.png) no-repeat;   display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .eCommerceHomeBnr ul > li a.icoMagento div, .eCommerceHomeBnr ul > li a.icoMagento span.ecommBanner	{ background-position:-2px -220px;}
.nivo-caption .eCommerceHomeBnr ul > li a.icoVirtuemart div, .eCommerceHomeBnr ul > li a.icoVirtuemart span.ecommBanner	{ background-position:-55px -220px;}
.nivo-caption .eCommerceHomeBnr ul > li a.icoIntegration div, .eCommerceHomeBnr ul > li a.icoIntegration span.ecommBanner{ background-position:-107px -220px;}
.nivo-caption .eCommerceHomeBnr ul > li a.icoCustom div, .eCommerceHomeBnr ul > li a.icoCustom span.ecommBanner		{ background-position:-155px -220px;}
.nivo-caption .eCommerceHomeBnr ul > li a.icoSilverShop div, .eCommerceHomeBnr ul > li a.icoSilverShop span.ecommBanner	{ background-position:-205px -220px	;}
/* CMS banner */
.nivo-caption .cmsHomeBnr ul > li a div, .cmsHomeBnr ul > li a span.cmsBanners{ background:url(images/banner-icons.png) no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .cmsHomeBnr ul > li a.icoWordpress div, .cmsHomeBnr ul > li a.icoWordpress span.cmsBanners{ background-position:-2px -81px;}
.nivo-caption .cmsHomeBnr ul > li a.icoJoomla div, .cmsHomeBnr ul > li a.icoJoomla span.cmsBanners	{ background-position:-50px -81px;}
.nivo-caption .cmsHomeBnr ul > li a.icoDrupal div, .cmsHomeBnr ul > li a.icoDrupal span.cmsBanners	{ background-position:-104px -81px;}
.nivo-caption .cmsHomeBnr ul > li a.icoLiferay div, .cmsHomeBnr ul > li a.icoLiferay span.cmsBanners	{ background-position:-152px -81px;}
.nivo-caption .cmsHomeBnr ul > li a.icoUmbraco div, .cmsHomeBnr ul > li a.icoUmbraco span.cmsBanners		{ background-position:-203px -81px;}
.nivo-caption .cmsHomeBnr ul > li a.icoSilverCMS div, .cmsHomeBnr ul > li a.icoSilverCMS span.cmsBanners{ background-position:-254px -81px;}
/* Mobile banner */
.nivo-caption .mobileAppHomeBnr ul > li a div, .mobileAppHomeBnr ul > li a span.mobileBanners{ background:url(images/banner-icons.png) no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .mobileAppHomeBnr ul > li a.icoIphone div, .mobileAppHomeBnr ul > li a.icoIphone span.mobileBanners { background-position:0px -291px;}
.nivo-caption .mobileAppHomeBnr ul > li a.icoIpad div, .mobileAppHomeBnr ul > li a.icoIpad span.mobileBanners { background-position:-50px -291px;}
.nivo-caption .mobileAppHomeBnr ul > li a.icoAndroid div, .mobileAppHomeBnr ul > li a.icoAndroid span.mobileBanners{ background-position:-104px -291px;}
.nivo-caption .mobileAppHomeBnr ul > li a.icoPhone div, .mobileAppHomeBnr ul > li a.icoPhone span.mobileBanners { background-position:-154px -291px;}
.nivo-caption .mobileAppHomeBnr ul > li a.icoMobile div, .mobileAppHomeBnr ul > li a.icoMobile span.mobileBanners{ background-position:-203px -291px;}
.nivo-caption .mobileAppHomeBnr ul > li a.icoBlackberry div, .mobileAppHomeBnr ul > li a.icoBlackberry span.mobileBanners{ background-position:-255px -291px;}
/* Custom Software Development banner */
.nivo-caption .customSoftHomeBnr ul > li a div, .customSoftHomeBnr ul > li a span.cutmDev { background:url(images/banner-icons.png) no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .customSoftHomeBnr ul > li a.icoMicrosoft div, .customSoftHomeBnr ul > li a.icoMicrosoft span.cutmDev	{ background-position:-5px -147px;}
.nivo-caption .customSoftHomeBnr ul > li a.icoCloud div, .customSoftHomeBnr ul > li a.icoCloud span.cutmDev { background-position:-52px -147px;}
.nivo-caption .customSoftHomeBnr ul > li a.icoPHP div, .customSoftHomeBnr ul > li a.icoPHP span.cutmDev { background-position:-106px -147px;}
.nivo-caption .customSoftHomeBnr ul > li a.icoJava div, .customSoftHomeBnr ul > li a.icoJava span.cutmDev { background-position:-154px -147px;}
.nivo-caption .customSoftHomeBnr ul > li a.icoZend div, .customSoftHomeBnr ul > li a.icoZend span.cutmDev { background-position:-204px -147px;}
.nivo-caption .customSoftHomeBnr ul > li a.icoPrototype div, .customSoftHomeBnr ul > li a.icoPrototype span.cutmDev	{ background-position:-259px -147px;}
/* Agile Development banner */
.nivo-caption .agileDevHomeBnr ul > li, .agileDevHomeBnr ul > li { min-height:135px;}
.nivo-caption .agileDevHomeBnr ul > li a div, .agileDevHomeBnr ul > li a span.agilBanner{ background:url(images/banner-icons.png) no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .agileDevHomeBnr ul > li a.icoAgile div, .agileDevHomeBnr ul > li a.icoAgile div { background-position:-6px -2px;}
.nivo-caption .agileDevHomeBnr ul > li a.icoHire div, .agileDevHomeBnr ul > li a.icoHire div{ background-position:-53px -2px;}
.nivo-caption .agileDevHomeBnr ul > li a.icoTesting div, .agileDevHomeBnr ul > li a.icoTesting div { background-position:-105px -2px;}
.nivo-caption .agileDevHomeBnr ul > li a.icoInfras div, .agileDevHomeBnr ul > li a.icoInfras div{ background-position:-155px -2px;}
.nivo-caption .agileDevHomeBnr ul > li a.icoIntell div, .agileDevHomeBnr ul > li a.icoIntell div{ background-position:-205px -2px;}
/* ODC banner */
.nivo-caption .odcHomeBnr ul > li, .odcHomeBnr ul > li{ min-height:115px;}
.nivo-caption .odcHomeBnr ul > li a div, .odcHomeBnr ul > li a span.odcBanners{ background:url(images/banner-icons.png) no-repeat; display: block; height: 40px; margin: 0 auto 10px; width: 40px;}
.nivo-caption .odcHomeBnr ul > li a.icoProduct div, .odcHomeBnr ul > li a.icoProduct span.odcBanners{ background-position:-4px -369px;}
.nivo-caption .odcHomeBnr ul > li a.icoExtended div, .odcHomeBnr ul > li a.icoExtended span.odcBanners{ background-position:-50px -369px;}
.nivo-caption .odcHomeBnr ul > li a.icoSupport div, .odcHomeBnr ul > li a.icoSupport span.odcBanners{ background-position:-105px -369px;}
.nivo-caption .odcHomeBnr ul > li a.icoSilverODC div, .odcHomeBnr ul > li a.icoSilverODC span.odcBanners{ background-position:-154px -369px;}
.nivo-caption .odcHomeBnr ul > li a.icoProject div, .odcHomeBnr ul > li a.icoProject span.odcBanners{ background-position:-203px -369px;}
.nivo-caption .odcHomeBnr ul > li a.icoAssessment div, .odcHomeBnr ul > li a.icoAssessment span.odcBanners{ background-position:-264px -369px;	}

.indexBanner .theme-light .nivo-controlNav{display:none;}
.indexBanner .theme-light .nivoSlider{margin-bottom:0;}
/*Footer */
.quickRow{ margin:0 -25px;}
.quickRow .col6{ width:50%; float:left; padding:0 25px;}

.homeGetQuate ul li:after, .homeGetQuate ul li:before{ display:none;}
.fullLi{ width:100% !important;}
.inputField  input[type="text"],.inputField input[type="email"], .inputField input[type="tel"]{ height:49px; border:1px solid #cccccc; background:#fff; padding:10px 15px 12px; width:100%; border-radius:5px; font-size:15px; outline:0 none; color:#414141; transition:all 350ms ease; -webkit-transition:all 350ms ease;}
.inputField  input[type="text"]:focus,.inputField input[type="email"]:focus, .inputField input[type="tel"]:focus{ outline:0 none !important; }
input:focus , textarea:focus {box-shadow: 0 0 6px rgba(91, 184, 243, 0.8) !important;}
.inputField input[type="tel"]:focus{ outline:0 none;}
.inputField textarea{border:1px solid #cccccc; background:#fff; padding:10px 15px; width:100%; border-radius:5px; font-size:15px; min-height:100px; color:#414141; transition:all 350ms ease; -webkit-transition:all 350ms ease;}
.getQuateForm{ margin:0 -15px;}
.getQuateForm li{ padding:0 15px;}
.Footersection  .getQuateForm li{ margin-bottom:16px; width:50%; float:left;}
/*.getQuateForm li.padRight{ padding-left:0!important;}*/
.inputField.submitButton {text-align: left;}
.getQuateForm .inputField.submitButton {text-align: right;}
.homeQuickInquiry .inputField.submitButton { text-align:left;}
.quickInquiryForm .submitButton input[type="submit"]{ width:100%;}
.inputField{ position:relative;}
.getQuateForm .error::after,  .quickInquiryForm .error::after, .formBlock .error::after, .eBookForm .error:after  { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f00;
position: absolute; content: ""; left: 15px; top: -6px;}
.getQuateForm .error , .quickInquiryForm .error, #getquote_bcaptcha_warning , .formBlock .error , .eBookForm .error , #casestudyError .error{ position: absolute; bottom: -17px; left:auto; background: #f00; color: #fff; border-radius: 3px; padding: 2px 9px; font-size: 12px; z-index: 1; line-height:17px;}

#form-requestproposal #telInfo_proposal {margin-left: 102px;}
#form-requestcontact #rc_telInfo_contact {margin-left: 100px;}
.googleCaptcha .rc-anchor-normal-footer { display:none;}
.googleCaptcha {border: 1px solid #cccccc; border-radius: 5px; -weblit-border-radius: 5px; height: 54px; overflow: hidden; padding: 0; position: relative; width: 180px;}
.g-recaptcha { left: -2px; position: absolute; top: -11px;}
.getQuateForm li button, input[type="button"], .getQuateForm li input[type="reset"],.getQuateForm li input[type="submit"], .getQuateForm li .button ,.floatedQuoteFormWrap input[type="submit"], .requestproposalPageForm input[type="submit"]{
	-webkit-appearance: button; background-color: #22ab96; border: 0; color: #fff; cursor: pointer; font-weight: 700;
padding: 14px 38px; text-transform: uppercase; transition: all 300ms ease; display: inline-block; border-radius: 5px; font-size: 16px;}
.getQuateForm li button, input[type="button"]:hover,  .getQuateForm li .button:hover, .getQuateForm li input[type="submit"]:hover, .floatedQuoteFormWrap input[type="submit"]:hover,.requestproposalPageForm input[type="submit"]:hover{ background:#2d2d2d; color:#fff;}
footer{ clear:both;}
footer .custom {width: 50%;}
.Footersection { background:#fff; padding:45px 0 60px;   color:#e9ebec; font-size:14px; }
.Footersection > .container{overflow:hidden;}
.Footersection h2 {color:#2d2d2d; font:32px'open_sansbold';  display:block; text-align:left;  padding-bottom:0; } 
.Footersection ul li { display:inline-block; vertical-align:middle; width:49%; text-align:center; position:relative; margin-bottom:20px; padding:0 15px;}
.Footersection ul li:after{ background:#d7d7d7; position:absolute; content:""; right:0; top:4px; height:109px; width:1px;}
.Footersection ul li:before{ background:#d7d7d7; position:absolute; content:""; right:16px; bottom:-8px; height:1px; width:90%;}
.Footersection ul li span { width:70px; height:100px; float:left;background:url(images/quick_contact.png) no-repeat; padding-top:72px; margin-top:10px; opacity:1!important; }
.Footersection .contNo { display: table-cell; color: #414141; font-size: 16px; line-height:27px; text-transform: uppercase; vertical-align: middle; width: 100%; padding-left:71px; text-align:left; opacity:1!important; }
.Footersection .contBox { display: table; table-layout: fixed; width: 100%; height: 120px; }
.site-info{ background:#2177a3; padding:30px 0;}
strong{font:16px 'open_sanssemibold';}
.Footersection ul li.uk:after,.Footersection ul li.ind:after{  display:none;}
.Footersection ul li.france:before, .Footersection ul li.ind:before{ display:none;}
.Footersection ul li.france, .Footersection ul li.ind{ margin-bottom:0;}
.Footersection ul li span.usaContact { background-position:-30px -76px;}
.Footersection ul li span.ausContact { background-position:-31px -174px;}
.Footersection ul li span.ukContact { background-position:-27px -278px;}
.Footersection ul li span.IndiaContact { background-position:-27px -379px; }
.Footersection ul li strong  { display:block; padding:0 0 6px 0; color:#414141; font:15px 'open_sanssemibold'; text-transform:uppercase;}
.Footersection ul li a { color:#fff;}
ul.quickContact { display:block; width:auto; text-align:center; padding:22px 7px 16px 15px; border:1px solid #ccc; border-radius:5px;}
.Footersection ul li a:hover { color:#54b7fd;}
.socialIconFooter { margin:0 auto; vertical-align:top; padding:25px 0; width:310px;}
.socialIconFooter h5 { float:left; color:#54b7fd;  font-family: 'open_sansregular'; font-weight:normal; font-size:18px; line-height:23px;}
.socialIconFooter ul { float:right; width:auto; margin:20px 0;}
.socialIconFooter ul li  { float:left; width:auto;}
.socialIconFooter ul li a { width:29px; height:29px; overflow: hidden; text-indent:-150px; float:left; margin:0 5px; background:url(images/quick_contact.png) no-repeat;}
.socialIconFooter ul li a:hover { opacity:0.6;}
.socialIconFooter ul li a.fb { background-position:-2px -30px;} 
.socialIconFooter ul li a.ttr { background-position:-33px -30px;} 
.socialIconFooter ul li a.Linkedin { background-position:-61px -30px;} 
.socialIconFooter ul li a.gplus { background-position:-91px -30px;} 
.socialIconFooter ul li a.youTubeFooter { background-position:-121px -30px;} 
.footerLinkLeft, .copyRight { float:left;  color:#444F4F; width:67%;}
.footerLinkLeft ul li { float:left; margin-right:10px; margin-top: 5px;}
.footerLinkLeft ul li a { color:#fff; margin:0 10px 0 0; line-height:20px; float:left; min-height:0px; position:relative;}
.footerLinkLeft ul li a:after{ background:#fff; height:14px; width:1px; content:"";  right:-12px; top:4px; position:absolute;}
.footerLinkLeft ul li:last-child a:after{ display:none;}
.footerLinkLeft br a { margin-right:10px;}
.copyRight { float:right; width:33%; text-align:right; color:#fff;  font-weight:normal; font-size:15px;}
.copyRight p{font-size:14px; margin: 0; margin-bottom: 2px; line-height: inherit;}
.footerLinkLeft a:hover { text-decoration:underline;}
.footerLinkLeft .footerLeft li:last-child{border:none;}
.site-info li{ list-style:none;}
#footer-menu {margin-bottom: 5px;}
.copyRight .custom{ width:100%;}
.allRightRes {float: right;}
.socialIcon span {float: left; padding-top:5px;}
.socialIcon{ float:right; margin-bottom:5px;}
.socialIconList {float: left;}
.socialIconList li{ display:inline-block}
.socialIconList li a{color:#fff; font-size:22px; padding:0 6px; text-shadow: 1px 2px 2px rgba(0,0,0,0.2); }
.socialIconList li a:hover{color:#27c0a9;}
.socialIconList li.fb a:hover{ color:/*#4e71a8*/ #6c92c9; }
.socialIconList li.twtr a:hover{color:#1cb7eb;}
.socialIconList li.ln a:hover{color: /*#1686b0*/ #27b4e7;}
.socialIconList li.gp a:hover{color:#e3411f;}
.homeWelcomeCnt h3 { font:32px'open_sansbold'; color: #2d2d2d; margin: 0 0 15px 0;  line-height: normal; text-transform:capitalize;}
.homeWelcomeCnt h4 { font-size:25px; color:#3090c0; margin: 0 0 20px 0; font-family: 'open_sansbold'; font-weight: normal; line-height: normal;}

/* Home Services six block */
.homeServicessixblock {
background: rgba(24,175,152,1);
background: -moz-linear-gradient(left, rgba(24,175,152,1) 0%, rgba(66,139,176,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(24,175,152,1)), color-stop(100%, rgba(66,139,176,1)));
background: -webkit-linear-gradient(left, rgba(24,175,152,1) 0%, rgba(66,139,176,1) 100%);
background: -o-linear-gradient(left, rgba(24,175,152,1) 0%, rgba(66,139,176,1) 100%);
background: -ms-linear-gradient(left, rgba(24,175,152,1) 0%, rgba(66,139,176,1) 100%);
background: linear-gradient(to right, rgba(24,175,152,1) 0%, rgba(66,139,176,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18af98', endColorstr='#428bb0', GradientType=1 ); position:relative;}
.homeServiceInner{padding:45px 0 45px 0; background:url("images/home-service-bg.png"); box-shadow: 0 0 40px inset rgba(0,0,0,0.20); -webkit-box-shadow: 0 0 40px inset rgba(0,0,0,0.20);}
.homeServicessixblock ul { width:100%; margin-bottom:45px;}
.homeServicessixblock ul > li { width:33.333%; float:left; vertical-align:top; padding-top:0;min-height:235px; position:relative;}
.homeServicessixblock ul > li:hover{ background: rgba(255, 255, 255,0.1);}
.homeServicessixblock ul > li a { width:100%; color:#fff; outline:0 none; display:block; text-align: center; padding:35px 20px 0;}
.homeServicessixblock ul > li a > p { display: none; }
.homeServicessixblock ul > li .serviceIcon { width:87px; height:74px; margin:0 auto; display: block; text-align: center; background:url(images/service-icon.png) no-repeat; text-indent:-9999px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.homeServicessixblock ul > li:hover .serviceIcon { display: block; background:url(images/service-icon.png) no-repeat;}
.homeServicessixblock ul > li .serviceCnt { display: block; color:#fff; font-size:15px; text-align:center; min-height: 112px; padding:0 15px;}
.homeServicessixblock ul > li .serviceBox br { display: none; }
.homeServicessixblock ul > li .serviceCnt .serviceTitle { display: block;  font:19px'open_sanssemibold'; color:#fff;  margin:10px 0; line-height:normal; text-shadow: 0 2px 0 rgba(0,0,0,0.20);}
 .serviceBoxList li:hover a{ margin-top:-10px;}
.serviceBox:after{ position:absolute; background:#84c3bb; content:""; right:0; top:0px; width:1px; height:95%;}
.serviceBox:before{ position:absolute; background:#84c3bb; content:""; right:10px; bottom:0; width:95%; height:1px;}
.cmsSerBox.serviceBox:after , .customSerBox.serviceBox:after{ top:10px;}
.serviceBox.eCommerceSerBox:after, .serviceBox.digitalSerBox:after, .serviceBox.cmsSerBox:before,.serviceBox.digitalSerBox:before, .serviceBox.webSerBox:before{ display:none;}
.homeServicessixblock .serviceBtnRow { text-align: center;}
.serviceBox.animated { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 1!important; }
section .fa.fa-angle-right { margin-left: 4px;}

.homeServicessixblock ul > li .mobileSerBox .serviceIcon		{ background-position:16px 5px;}
.homeServicessixblock ul > li .webSerBox .serviceIcon		{ background-position:-65px 6px;}
.homeServicessixblock ul > li .eCommerceSerBox .serviceIcon	{ background-position:-161px 9px;}
.homeServicessixblock ul > li .cmsSerBox .serviceIcon		{ background-position:-260px 0;}
.homeServicessixblock ul > li .customSerBox .serviceIcon		{ background-position:-350px 3px;}
.homeServicessixblock ul > li .digitalSerBox .serviceIcon	{ background-position:-449px 10px;}
.homeServicessixblock ul > li .magentoSerBox .serviceIcon	{ background-position:-359px 30px;}
.homeServicessixblock ul > li .webDesignBox .serviceIcon	{ background-position:29px -234px;}
.homeServicessixblock ul > li .intThingBox .serviceIcon	{ background-position:-100px 30px;}
.homeServicessixblock ul > li .cloudSerBox .serviceIcon	{ background-position:-100px -370px;}
.homeServicessixblock ul > li .softProtoSerBox .serviceIcon	{ background-position:-99px -102px;}
.homeServicessixblock ul > li .bigDataSerBox .serviceIcon	{ background-position:-230px -370px;}
.homeServicessixblock ul > li.respoWebBox .serviceIcon	{ background-position:-99px -238px;}
.homeServicessixblock ul > li.html5Box .serviceIcon	{ background-position:-362px -370px;}
.homeServicessixblock ul > li.joomlaSerBox .serviceIcon	{ background-position:-358px -104px;}
.homeServicessixblock ul > li.prestaSerBox .serviceIcon	{ background-position:29px -370px;}
.homeServicessixblock ul > li.zendSerBox .serviceIcon	{ background-position:-650px -110px;}
.homeServicessixblock ul > li.wordpressSerBox .serviceIcon	{ background-position:-457px 30px;}
.homeServicessixblock ul > li.drupalSerBox .serviceIcon	{ background-position:-456px -106px;}
.homeServicessixblock ul > li.sharePoiSerBox .serviceIcon	{ background-position:-650px -230px;}
.homeServicessixblock ul > li.silCMSSerBox .serviceIcon { background-position: 31px -103px; }
.homeServicessixblock ul > li.microsoftSerBox .serviceIcon	{ background-position:-560px 27px;}
.homeServicessixblock ul > li.opensourceSerBox .serviceIcon	{ background-position:-563px -108px;}
.homeServicessixblock ul > li.javaSerBox .serviceIcon	{ background-position:-660px 27px;}
.homeServicessixblock ul > li.seoBox .serviceIcon	{ background-position:-360px -235px;}
.homeServicessixblock ul > li.smmBox .serviceIcon	{ background-position:-463px -235px;}
.homeServicessixblock ul > li.ppcBox .serviceIcon	{ background-position:-563px -232px;}
.homeServicessixblock p { line-height:inherit; font-size:15px;}

/*.homeMain { width:100%; float:left;}*/
.homeMain .title { font:32px 'open_sansbold'; color:#2d2d2d; text-align:left; margin:0 0 35px 0;}

/* Home Welcome Cnt */
.homeWelcomeCntfinal { padding:40px 0 62px 0; position:relative;}
.homeWelcomeCntfinal h3 { font-size:42px; color:#404040; margin:0 0 10px 0; font-family: 'open_sanssemibold'; font-weight:normal; text-transform:uppercase; line-height:normal;}
.homeWelcomeCntfinal h4 { font-size:28px; color:#2aa18d; margin:0 0 20px 0; font-family: 'open_sanslight'; font-weight:normal; line-height:normal;}
.homeWelcomeCntfinal p { color:#505050; margin:0 0 15px 0; line-height:27px; font-size:16px;}

.homeWelcomeTxt { width:50%; float:left; padding:0 3% 0 0; border-right:0px solid #ccc;}
.homeWelcomeTxt h2{color:#2d2d2d; font:32px 'open_sansbold'; }
.homeWelcomeCntfinal .homeWelcomeTxt h3{font:22px 'open_sansbold'; color:#505050; text-transform:none; line-height:26px; margin-bottom:20px;}
.homeWelcomeTxt img{min-width:100%;}
.homeAllCountfinal { width:50%; float:right; padding:0 0 0 2%;}
.homeWelcomeCntfinal:after{ background:url(images/why-silver-img.jpg) no-repeat right 0; content:""; position:absolute; right:0; top:0; height:300px; width:50%; z-index:0; background-size:cover;}
.homeAllCountfinal h2{color:#fff; font:32px 'open_sansbold'; padding:168px 45px 0; position:relative; z-index:1;}
.homeAllCountfinal ul { float:left; margin:0 -15px; padding-top:50px;}
.homeAllCountfinal ul li { float:left; margin:0; width:196px; position:relative; padding:0 15px; border-right:1px solid #c9c9c9; min-height:160px;}
.homeAllCountfinal ul li:last-child{ border-right:0 none;}
.homeAllCountfinal ul li .countBox { width:100%; float:left; font:26px 'open_sansbold'; color:#22ab96;  padding:80px 0 2px 0px;  line-height:35px;  text-align:center;}
.homeAllCountfinal ul li .countBox:after{ background:url(images/countIco.png) no-repeat; position:absolute; top:0; left:0; right:0; content:""; height:77px; width:80px; margin:0 auto;}

.homeAllCountfinal ul li .countLable { width:100%; float:left; font:16px 'open_sanssemibold'; color:#353535;    padding:0 10px 0 0; text-align:center;}
.homeAllCountfinal ul li.projects .countBox:after { background-position:-12px 8px;}
.homeAllCountfinal ul li.client .countBox:after { background-position:-13px -90px;}
.homeAllCountfinal ul li.resources .countBox:after {background-position:-13px -206px;}

/*Bredcrumbs*/
.breadcrumb {background:#ddd none repeat scroll 0 0; border-bottom: 1px solid #eee; font-size: 14px; padding: 12px 0; position:relative;}
.breadcrumb a{background:url(images/bredcrumbs.png) no-repeat right center;padding-right:15px; font-size:14px; color:#000;margin-right:4px;}
.breadcrumb a:hover{color:#3090c0;}


/*Inner page*/
.inner-page{padding:40px 0 0; position:relative; background-color:#fff;}
.entry-header .entry-title{ color: #2AA18D;font-size: 30px;font-weight: 400;line-height: normal;padding:0 0 15px; margin:0;}

/* Request A Proposal */
.requestproposalPageForm {}
.requestproposalPageForm ul.formBlock li { width:48%; margin:0 20px 25px 0;}
.requestproposalPageForm ul.formBlock li.reqMessage { width:98%; margin:0 2% 20px 0;}
.requestproposalPageForm ul.formBlock li.reqPhone input { width:82%; float:right}
.requestproposalPageForm ul.formBlock li { position:relative;}
.requestproposalPageForm ul.formBlock li .info.error { position: absolute; /*top: 42px;*/}
.requestproposalPageForm ul.error{margin-bottom:20px;}
.requestproposalPageForm  .g-recaptcha {float: left;}
.requestproposalPageForm h2{ font-size:18px; margin-top:0;}


/* Thank You */
.thankYouNew { float:left; width:100%; text-align:center;}
.thankYouNew h4 { font-size:24px; margin:0 0 0 0; font-weight:normal; color:#2aa18d;}
.thankYouNew p { font-size:14px; margin:0px !important; padding:0 0 10px 0 !important; color:#979797; line-height:24px;}
.thankYouNew p b { font-size:15px; font-weight:bold;}
.thankYouNew h5 { font-size:15px; margin:0 0 12px 0; font-weight:bold; color:#257e9e; border-top:1px dashed #c3c3c3; padding-top:10px;}
.thankYouNew p span { font-size:15px; color:#484848;}
.thankYouNew p a { color:#257e9e; text-decoration:none;}
.thankYouNew p a:hover { color:#2aa18d;}

/*LAyout contact thank you and request proposal*/
ul.formBlock { width:100%; float:left;}
ul.formBlock li { width:100%; float:left; margin-bottom:20px; position:relative;}
ul.formBlock li input[type="text"],
ul.formBlock li input[type="file"],
ul.formBlock li select,
ul.formBlock li textarea{  width:100%; float:left; border:1px solid #ccc; font-size:15px; color:#414141; font-family:'open_sansregular'; padding:10px 10px 10px 10px !important;   -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; border-radius:5px; height:49px;}
ul.formBlock li textarea {resize:both; height:140px;}
ul.formBlock li select { width:auto; padding:9px !important; background:#fff;}
ul.formBlock li input[type="text"]:hover,
ul.formBlock li input[type="file"]:hover,
ul.formBlock li select:hover,
ul.formBlock li textarea:hover{ border:1px solid #ccc; color:#414141;}

.formInputField input , .formInputField input[type="file"]{ border:1px solid #ccc; background:#fff; border-radius:5px; width:100%; padding:8px 10px;}
.formInputField input[type="file"]{padding:7px 10px;}
.formInputField textarea{background:#fff; border-radius:5px; border:1px solid #ccc; padding:8px 10px; color:#414141;}
.formInputField li{ margin-bottom:10px;}
.gCaptcha input{ width:150px; float:left; margin-right:15px;}
.floatedQuoteFormWrap .requestproposalPageForm{ margin-bottom:0;}
.gCaptcha img {height: 38px; border-radius: 5px;}

.contactPageForm, .requestproposalPageForm { display: inline-block; margin-bottom: 30px; vertical-align: top;} 
.contactPageForm .g-recaptcha{float:left;}

::-webkit-input-placeholder { /* Chrome */ color:#414141; transition: opacity 0ms ease-in-out;}
:focus::-webkit-input-placeholder {opacity:1;}
:-ms-input-placeholder { /* IE 10+ */ color: #414141; transition: opacity 0ms ease-in-out;}
:focus:-ms-input-placeholder {opacity:1;}
::-moz-placeholder { /* Firefox 19+ */color: #414141; opacity: 1; transition: opacity 0ms ease-in-out;}
:focus::-moz-placeholder {opacity: 1;}
:-moz-placeholder { /* Firefox 4 - 18 */color: #414141; opacity: 1; transition: opacity 0ms ease-in-out;}
:focus:-moz-placeholder {opacity:1;}


 

/* contact */
.contactPageBlock { width:54%; float:left; position:relative;}
.contactAddressBlock { width:44%; float:right;  padding-left:20px;}
.contactPageBlock ul.formBlock li.reqPhone input { width:85% !important; float:right;}
.contactAddressBlock .address { width:100%; float:left; border:1px solid #d6d6d7; background:#fafafa; padding:20px; margin-bottom:20px; font-size:14px; line-height:24px;}
.contactAddressBlock .address strong { font-size:16px;}
.contactAddressBlock .address a { text-decoration:none; color:#257e9e;}
.contactAddressBlock .address a:hover { text-decoration:underline;}
.contactAddressBlock .support { width:100%; float:left; background:url(images/contact-support.png) 10px 15px #2aa18d no-repeat; padding:20px 20px 20px 32%;  font-size:16px; line-height:28px; color:#FFF;}
.contactAddressBlock .support strong { font-size:20px; color:#fff;}
.contactAddressBlock .support a { text-decoration:none; color:#fff;}
.contactAddressBlock .support a:hover { text-decoration:underline;}

#gmap {width:100%; height:506px; box-shadow:0 0 10px 1px rgba(0,0,0,0.1);}
.contactAddressBlock h2 {margin:0 0 20px; font:25px 'open_sansbold'; line-height:26px;}
#mapContent strong {color: #3090c0; margin-bottom: 5px; display: block; font-size: 18px;}
#bodyContent {font-size: 15px; color: #2d2d2d; line-height: 22px;}
#bodyContent span {font-size: 17px; vertical-align: middle; width: 18px; text-align: center; color: #868686; line-height: 22px; margin-right:5px;}

.contactPageForm li.requestCaptcha{ width:50%;}
.contactPageForm .contSubmitBtn {width: 50%; float: right; text-align: right;}

.comTle , .suppTitle  {font-size:20px;  display:block; margin-bottom:15px; color:#2177a3;}
.suppTitle{color:#2d2d2d;}
.supports p{ margin-bottom:5px;}
.supports p span {width: 22px; font-size: 18px; display: inline-block; vertical-align: middle;}
.contactAddressBlock  .address p a{ color:#505050;}

/* Home Portfolio */
.homeOurPortfolio { padding:55px 0; background:#eeeeee; position:relative;}
.homeOurPortfolio ul { width:100%;}
.homeOurPortfolio .owl-carousel .owl-stage-outer { height: 446px; }
.homeOurPortfolio ul li { width:100%; float:left; box-shadow: 0 0 34px  rgba(102,102,102,0.05); -webkit-transition: 600ms ease; transition: 600ms ease; }
.homeOurPortfolio ul li:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.3); box-shadow: 0 0 13px rgba(0,0,0,0.3); }
.homeOurPortfolio ul li .imgBoxPor { width:100%; float:left; line-height:normal; position:relative; overflow:hidden;}
.homeOurPortfolio ul li .imgBoxPor p{margin:0;}
.homeOurPortfolio ul li .imgBoxPor img { width:100%; height:209px; transition:all 350ms ease; -webkit-transition:all 350ms ease;}
.homeOurPortfolio ul li .imgBoxPor .aerow { width:41px; height:25px; position:absolute; bottom:0; left:25px; background:url(images/sprite-small.png) left -201px no-repeat; z-index:10;}
.homeOurPortfolio ul li:hover img {transform: scale(1.1);}
.homeOurPortfolio ul li:hover .proName > a{color:#3090c0;}

.homeOurPortfolio ul li .cntBoxPor { width:100%; float:left; padding:20px; background:#fff; color:#353535; text-align:left; height:215px;}
.homeOurPortfolio ul li .cntBoxPor .proDis p { font-size:15px; line-height:inherit; margin-bottom:0; line-height:24px; height:90px; overflow:hidden;}
.homeOurPortfolio ul li .proName{ position:relative; margin-bottom:15px; }
.homeOurPortfolio ul li .proName > a { width:100%; display:block; font:20px 'open_sansbold'; line-height:26px; position:relative; padding-bottom:16px; color:#505050;}
.homeOurPortfolio ul li .proName:after{ background:#bbbbbb; position:absolute; width:85px; height:1px; left:0; bottom:0; content:"";}
.homePortfolio .owl-controls {  width:auto; position:absolute; right:-10px; top:-73px; }
.homePortfolio .owl-theme .owl-controls .owl-nav [class*="owl-"]{ margin-right:10px;}
.homePortfolio .owl-controls .owl-nav [class*="owl-"] { background:url(images/silder-arrow.png);border-radius: 0; margin: 0; padding: 0px; border:1px solid #acacac; text-indent: -9999px; width: 28px; height: 28px; transition:all 350ms ease; -webkit-transition:all 350ms ease;}
.homePortfolio .owl-controls .owl-nav .owl-prev { background-position: 1px -97px; }
.homePortfolio .owl-controls .owl-nav .owl-prev:hover { border-color:#2aa18d; background-image: url(images/silder-arrow.png); background-position:1px -120px; }
.homePortfolio .owl-controls .owl-nav .owl-next { background-position:-30px -97px; }
.homePortfolio .owl-controls .owl-nav .owl-next:hover { border-color:#2aa18d;  background-image: url(images/silder-arrow.png); background-position:-30px -120px; }

.cntBoxPor .proDis {line-height:24px; float: left; height: 100px; overflow: hidden; }
.portfoViewAll{ text-align:center; margin-top:35px;}
.btnYellow {background: #e8dc18; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2d2d2d; padding:11px 36px;
font: 18px 'open_sansbold'; text-transform: uppercase; display: inline-block;}
.btnYellow:hover , .btnYellow:focus{ background:/*#3090c0*/ #aaa6a6!important; color:#fff !important;}

/*Owl Carousel */
.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent; position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer { position: relative;overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {cursor: pointer; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d; height:auto}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px; cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative;z-index: 1;}
.owlCarousel .item { text-align:center; height:auto; line-height:normal; position:relative;}
.owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px 2px;padding:4px 7px; display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.noJS .owl-dots .owl-dot.active a{background:#2aa18d;}
.noScript { display:none;} 
.no-js .owl-carousel {display: block;}
.noJS .owl-controls {position:absolute; left:0; bottom:-40px; width:100%; text-align:center;-webkit-tap-highlight-color:transparent}
.noJS .owl-controls.noScript { display:block;} 
.noJS .sliderBanner .item { position:relative;}
.noJS .carouselBlock { margin-right:-10px;}
.noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left;}

/* Home Blog */
.homeBlogPosts { padding:40px 0;}
.homeBlogPosts ul { width:100%; float:left; margin-bottom:20px;}
.homeBlogPosts ul li { width:25%; float:left;}
.homeBlogPosts ul li:hover {background:#ede9e1}
.homeBlogPosts ul li .imgBoxBlog { width:100%; float:left; line-height:normal; position:relative;}
.homeBlogPosts ul li .imgBoxBlog img { width:100%;}
.homeBlogPosts ul li .cntBoxBlog { width:100%; float:left; padding:20px; color:#505050; line-height:22px; min-height:170px;}
.homeBlogPosts ul li .blogName { width:100%; float:left; margin-bottom:12px;}
.homeBlogPosts ul li .blogName a { font-size:16px; color:#257e9e; font-family:robotobold;}
.homeBlogPosts ul li .blogName a:hover { color:#2aa18d;}

/* Home eBook and Case */
.ebookBox { width:50%; float:left; padding-bottom:0px;}
.innerEbook{
background: rgba(33,170,149,0.9);
background: -moz-linear-gradient(left, rgba(33,170,149,0.9) 0%, rgba(56,117,147,0.9) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(33,170,149,0.9)), color-stop(100%, rgba(56,117,147,0.9)));
background: -webkit-linear-gradient(left, rgba(33,170,149,0.9) 0%, rgba(56,117,147,0.9) 100%);
background: -o-linear-gradient(left, rgba(33,170,149,0.9) 0%, rgba(56,117,147,0.9) 100%);
background: -ms-linear-gradient(left, rgba(33,170,149,0.9) 0%, rgba(56,117,147,0.9) 100%);
background: linear-gradient(to right, rgba(33,170,149,0.9) 0%, rgba(56,117,147,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21aa95', endColorstr='#387593', GradientType=1 );
padding:71px 0; position: relative; }

.eBookCase { position:relative; overflow: hidden; }
.eBookCaseImg { width: 100%; height: 800px; position: absolute; left: 0; top: 0; background:url(images/e-book-bg.jpg) no-repeat right center; background-size:cover; }
.eBookCase > .container{position:relative; z-index:1;}
.eBookHomeBox { width:100%; float:left; padding:20px 0;}
.eBookHomeBox .eBookHomeImg { width:34%; float:left;}
.eBookHomeBox .eBookHomeCnt { width:64%; float:right; padding-left:20px;}
.eBookHomeBox .eBookName { width:100%; float:left; margin-bottom:15px;}
.eBookHomeBox .eBookName a { font:24px 'open_sansbold';  color:#fff;}
.eBookHomeBox .eBookName a:hover{color:#DCDCDC;}
.eBookHomeBox .eBookDis {width: 100%; float: left; margin-bottom: 15px; color: #fff; font-size: 15px; line-height:24px;}
.eBookHomeBox .eBookBtn { width:100%; float:left; margin-top:10px;}
.eBookHomeBox .eBookBtn .fa.fa-angle-right { margin-left: 5px;}


.ebookBox .owl-theme .owl-controls { display:none; }
.ebookBox .sliderControl { bottom:-23px; height:28px; margin: 0 auto; position: absolute; right:90px; text-align: center; width:60px; z-index:99; }
.ebookBox .playSlider, .ebookBox .stopSlider { background: rgba(0, 0, 0, 0) url(images/silder-arrow.png) no-repeat scroll 0 0; display: block; height: 28px; left: 25px; margin: 0; position: absolute; top: 0; transition: all 0s ease 0ms; width: 28px; }

.ebookBox .sliderControl .prev, .ebookBox .sliderControl .next { background: rgba(0, 0, 0, 0) url(images/silder-arrow.png) no-repeat scroll 0 0; border-radius: 0px; display: inline-block; height: 28px; margin: 0; position: absolute; text-indent: -9999px; top: 0; transition: all 0s ease 0ms; width: 28px; outline:none;}

.ebookBox .sliderControl .prev { background-position: 0px -40px; left:0px; }
.ebookBox .sliderControl .prev:hover { opacity:0.40;}
.ebookBox .sliderControl .next { background-position:-26px -40px; right:0px; }
.ebookBox .sliderControl .next:hover {opacity:0.40; }
.ebookBox .stopSlider { background-position:-72px 5px;}
.ebookBox .playSlider { background-position: -48px -28px; display: none; }
.ebookBox .playSlider em, .ebookBox .stopSlider em, .ebookBox .sliderControl .prev, .ebookBox .sliderControl .next { display: inline-block; text-indent: -9999px; }
.sliderControl em { background-color:#FFF; color:#000; }
.sliderinnerContainer { margin: 0 auto; width: 1170px; max-width: 100%; position: relative; float:left; }

.ebookBox .viewAllRow{ text-align:right;}
.ebookBox .viewAllRow .viewAll{color:#fff; font-size:15px; position:relative;}
.ebookBox .viewAllRow .viewAll:hover{ text-decoration:underline;}
.ebookBox .viewAll::before {position: absolute; content: ""; background: #6cdad2; height: 22px; width: 1px; left: -16px; top: 0;}
.caseHomeBox { width:47%; float: right; height: 100%; padding:16px 0 0 40px;  border-left: 1px solid #6cd3ce; min-height:366px; position:relative;}
.caseHomeBox h3 { font:32px 'open_sansbold';  color:#fff; margin:0 0 15px 0; font-weight:normal;}
.caseHomeBox ul { width:100%; float:left; margin:0 0 10px 0;}
.caseHomeBox ul li { width:100%; float:left; margin:0 0 16px 0; }
.caseHomeBox ul li a { width:100%; display:block; color:#fff; font-size:16px; background:url(images/pdf-icon.png) 0px 5px  no-repeat; padding:5px 0 5px 30px; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.caseHomeBox ul li a:hover { text-decoration:underline;}
.caseHomeBox .viewCase { margin-left:-9px; bottom:0; background:#4e5657; padding:6px 10px; color:#fff; text-transform:uppercase; font-size:12px; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.caseHomeBox .viewCase:hover { background:#2b3536;}
.caseHomeBox .viewAllRow{ text-align:right;}
.caseHomeBox .viewAllRow .viewAll {color: #fff; font-size: 15px; position: relative;}
.caseHomeBox .viewAllRow .viewAll:hover{ text-decoration:underline;}

/*FeedbackSection*/
.FeedbackSection{ background:#e9e9e9; padding:71px 0; display:none;}
.FeedbackTitle{background: #ededed none repeat scroll 0 0;color: #444f4f;margin: 0 auto;padding: 20px 0;text-align: center;text-transform: uppercase;font-size:28px; font-weight:bold;}

.FeedbackDetail {position: relative;}
.FeedbackDetail .title{ margin-bottom:10px;}
.FeedbackDetail .tabNav {margin:15px 0 10px;padding: 0; list-style:none;  width:50%; float:left; padding-right:24px;}
.FeedbackDetail .tabNav li {margin-bottom:7px;position: relative;background-color: #fff;border-left:5px solid #c1c1c1;}
.FeedbackDetail .tabNav li.r-tabs-state-active{ border-color:#2176a1;}
.FeedbackDetail .tabNav li a {padding:18px 15px;text-decoration: none;font-size: 18px;color: #353535; display:block; font-size:15px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms;}
.FeedbackDetail .viewAll{ font-size:15px; color:#2d2d2d; width:50%; text-align:right; display:block; padding-right:25px;}
.FeedbackDetail .viewAll:hover{color:#27c0a9;}




.FeedbackDetail .tabNav li a:hover {background:#27c0a9;  color: #fff; text-shadow: none; display:block; position:relative; z-index:0; 	-webkit-transition: all 0.3s ease 0ms; transition: all 0.3s ease 0ms;}
.FeedbackDetail .tabNav li a:hover span{color:#fff;}
.FeedbackDetail .tabNav .r-tabs-state-active a {background-color: #27c0a9; color: #fff;text-shadow: none; position:relative;}

.FeedbackDetail .tabNav .r-tabs-state-active a span{color:#fff;}
.testmTitle > span ,.r-tabs-anchor > span { color:#129080; font:18px 'open_sanssemibold'; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; text-transform:uppercase;}
.FeedbackDetail .tabContent {padding:0 0 0px 25px;display: none; width:50%; float:right; text-align:right;}
.FeedbackDetail .r-tabs-panel.r-tabs-state-active {display: block;}
.FeedbackDetail .r-tabs-accordion-title {display:none;}
.FeedbackDetail .tabNav .r-tabs-state-disabled {opacity: 0.5;}
.FeedbackDetail .r-tabs-accordion-title .r-tabs-anchor {display: inline-block; width:100%; padding:18px 15px;  background-color: #fff; text-decoration: none; border-top:1px solid #e6e6e6;}
.FeedbackDetail .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color:#27c0a9;;color: #fff;text-shadow: none;}
.FeedbackDetail .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
.noJS .FeedbackDetail .tabContainer { height:150px; overflow:hidden}
.noJS .FeedbackDetail .tabContent { display:block; height:150px}
.FeedbackSection .videoall {background: #eee10d none repeat scroll 0 0;color: #000;font-size: 16px;padding: 5px 10px; margin:3px 0 12px 42%; float:left;clear:left;}
.FeedbackSection .videoall:hover{background-color:#222; color:#fff;}
.FeedbackDetail .tabContent  iframe{max-width:100%;}

.homeVideoBlock{ background:#fff; margin-top:-44px;}
.tShortText {padding:30px 28px; text-align: center; color: #2d2d2d; min-height:111px;}
.tShortText p{ color: #2d2d2d; font-size:15px; display:inline; line-height:24px;}
.tShortText img{ display:inline;}
.tShortText .lquat {margin-right: 5px;}
.tShortText .rquat {margin-left: 5px; vertical-align:middle;}

/* Video Testimonial Start */
.videoTestiBox{ position:relative; background-color:#fff;}
.videoTestiList { width:100%; float:left; margin-top:20px;}
.videoTestiList li { width:100%; float:left; margin-bottom:25px; padding:20px;}
.videoTestiList li.even {color:#fff;}
.videoTestiList li .videoTestiImg { width:30%; float:left;}
.videoTestiList li .videoTestiImg .videoImages { width:100%; float:left; position:relative;}
.videoTestiList li.odd .videoTestiImg { float:right;}
.videoTestiList li .videoTestiImg img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.videoTestiList li .vedioButton { position:absolute; z-index:999; bottom:-30px; left:-10px; }
.videoTestiList li .vedioButton img { width:57px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.videoTestiList li .videoImages:hover .vedioButton img	{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.videoTestiList li.even .vedioButton img { border:5px solid #195077;}
.videoTestiList li.odd .vedioButton img { border:5px solid #d8d8d8;}
.videoTestiList li .videoAuthorTit { width:100%; float:left; padding:0 0 0 20%; font-size:16px; text-align:left; min-height:40px;}

.videoTestiList li .vidTestiDiscription { width:65%; min-height:195px; padding:2% 5% 2% 4%; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.videoTestiList li .vidTestidis { padding:0 0 0 35px; background:url(images/quote-icon.png) 0 0 no-repeat;}
.videoTestiList li .vidTestidis p { padding:0 0 20px 5px; background:url(images/quote-icon-btm.png) bottom right no-repeat;}
.videoTestiList li.even .vidTestiDiscription{ float:right; background:#1a5e8e;}
.videoTestiList li.odd .vidTestiDiscription{ float:left; background:#f6f5f5;}
.videoTestiList li .vidTestiDiscription .testimonialarrow { background:url(images/testimonial-arrow.png) no-repeat; position:absolute; padding:0% 6%; bottom:-40px; left:10%; right:auto; line-height:17px; min-height:40px; text-align:left;}
.videoTestiList li .vidTestiDiscription .testimonialarrow { background:url(images/testimonial-arrow.png) 0 0 no-repeat; position:absolute; padding:0% 6%; bottom:-50px; left:10%; right:auto; line-height:24px; min-height:50px; text-align:left; font-size:14px;}
.videoTestiList li.even .vidTestiDiscription .testimonialarrow a { color:#505050;}
.videoTestiList li.even .vidTestiDiscription .testimonialarrow a:hover{ color:#1a5e8e;}
.videoTestiList li.odd .vidTestiDiscription .testimonialarrow { background-position:0 -67px;}
.testimonialarrow .companyName ,.videoTestiImg .videoAuthorTit , .companyurl a{ color:#505050;}
/* Video Testimonial end */

/* Client Testimonial Start */
.clientTestiBox{ background-color:#fff; position:relative;} 
.clientTestiList { width:100%; float:left; margin-top:20px;}
.clientTestiList li { width:100%; float:left; margin-bottom:20px;}
.clientTestiList li .clientTestiImg { width:150px; float:left; margin-top:20px;}
.clientTestiList li.odd .clientTestiImg { float:right;}
.clientTestiList li .clientTestiDis { width:85%; padding:20px; border:1px solid #aeaeae; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 8px 0px rgba(170,170,170,0.65); -moz-box-shadow: inset 0px 0px 8px 0px rgba(170,170,170,0.65); box-shadow: inset 0px 0px 8px 0px rgba(170,170,170,0.65);}
.clientTestiList li.even .clientTestiDis { float:right;}
.clientTestiList li.odd .clientTestiDis { float:left;}
.clientTestiList li .clientTestiDis .testAero { width:20px; height:20px; position:absolute; top:30px;}
.clientTestiList li.even .clientTestiDis .testAero { left:-15px; background:url(images/left-arrow.jpg) top right no-repeat;}
.clientTestiList li.odd .clientTestiDis .testAero { right:-16px; background:url(images/right-arrow.jpg) top left no-repeat;}
.clientTestiList li .clientTestiDis .clientDis,
.clientTestiList li .clientTestiDis .clientName { width:100%; float:left;}
.clientTestiList li .clientTestiDis .videoAuthorTit { font-size:15px; font-weight:bold; color:#2aa18d; padding-right:5px;}
.clientTestiList li .clientTestiDis .designation { font-style:italic;}
.clientTestiList li .clientTestiDis .companyName { font-style:italic; font-size:13px;}
/* Client Testimonial end */

/*========Inner Page======*/

/*banner*/
.innerBanner{position:relative;}
.innerBanner img{width:100%; max-width:100%;float:left; height:auto;}
.innerBanner > .container ,.innerBannerInn .container{position:absolute; top:48%; left:0; right:0; color:#fff; z-index:11; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.innerBanner > .container h1, .innerBannerInn .container h1{font-family: 'open_sansbold';text-transform: capitalize;font-size:42px; margin:0 0 10px; padding:0;line-height:32px;  float: left; padding:7px 10px 3px 0;}
.innerBanner > .container span.innerBanSubCap , .innerBannerInn .container span.innerBanSubCap {font-family: 'open_sanslight';font-size:24px;margin:0 0 15px; padding:0;line-height:25px;  display: inline-block; float: left; padding:0px 10px 3px 0; width:100%;}
.GetQuetBnr { clear: both; }
.innerBanner > .container .bannerBtn , .innerBannerInn .container .bannerBtn{color: #fff; font: 18px 'open_sansbold';  padding:11px 36px; float: left;background: #3090c0;border-radius:5px;margin-top:10px;text-transform: uppercase;line-height: 22px;}
.innerBanner > .container .bannerBtn:hover, .innerBannerInn .container .bannerBtn:hover{background: #eee10d; color:#2f2f2f;}

.GetQuetBnr a{color: #2f2f2f; font: 18px 'open_sansbold'; padding:11px 36px; margin-right:15px;float: left;background: #eee10d;border-radius:5px;margin-top:10px;text-transform: uppercase;
line-height: 22px;}
.GetQuetBnr a:hover{color:#fff; background:#3090c0; }

.iphone-app-development .innerBanner > .container h1,.iphone-app-development .innerBannerInn .container h1 , .ios-developer .innerBannerInn .container h1, .internet-of-things-iot .innerBannerInn .container h1 , .ebooks .innerBannerInn .container h1{ text-transform:none;}


/*Portfolio*/
.portfolio{padding:50px 0; position:relative; background-color:#fff;}
body.portfolio{padding:0;}
.portfolio .catagories{float:left; width:100%; margin-bottom:20px;}
.portfolio .catagories ul{margin:0; padding:0; list-style:none;}
.portfolio .catagories ul li{float:left; margin:5px;}
.portfolio .catagories ul li:first-child{margin-left:0;}
.portfolio .catagories ul li:last-child{margin-right:0;}
.portfolio .catagories ul li a{border:1px solid #ccc;border-radius:3px; padding:8px 15px;display:block;cursor:pointer;}
.portfolio .catagories ul li a:hover, .portfolio .catagories ul li a.activeclass{background:#2AA18D;color:#fff;border-color:#2AA18D;}
.portfolio .portfilioList ul{margin:0; padding:0; list-style:none;}
.portfolio .portfilioList ul li{float:left; width:22.5%;border:1px solid #ccc;margin:1.5%;min-height:220px;}
.portfolio .portfilioList ul li:nth-child(4n-4) {margin-right:0;}
.portfolio .portfilioList ul li:nth-child(4n-7) { margin-left:0;}
.portfolio .portfilioList ul li .image{display:block;position:relative;float:left; width:100%;overflow:hidden;border-bottom:1px solid #ccc;min-height:150px;}
.portfolio .portfilioList ul li .image img{width:100%; max-width:100%;float:left; transition: all .2s ease-in-out; height:auto}
.portfolio .portfilioList ul li .image .title{opacity:0;background:rgba(0,0,0,0.7);position:absolute; height:100%; width:100%;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.portfolio .portfilioList ul li .image:hover .title{opacity:1; transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.portfolio .portfilioList ul li .image .title span{text-align:center; padding:5px 10px;width:100%; color:#fff;  display:block;margin-top:0;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;  font:16px 'open_sanssemibold';}
.portfolio .portfilioList ul li:hover .image img{transform: scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.portfolio .portfilioList ul li .image:hover .title span{ transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 28%;}
.portfolio .portfilioList ul li .technology{padding:10px;float:left;}
.portfolio .portfilioList ul li .technology a{font-size:11px; display:inline-block; padding:2px 5px;color:#fff;text-transform:uppercase;background:#666;}
.portfolio .portfilioList ul li .technology a.html{background:#e54d26;}
.portfolio .portfilioList ul li .technology a.php{background:#777bb4;}
.portfolio .portfilioList ul li .technology a.design{background:#b31b64;}
.portfolio .portfilioList ul li .technology a.symfony{background:#000000;}
.portfolio .portfilioList ul li .technology a.magento{background:#f57a1f;}
.portfolio .portfilioList ul li .technology a.joomla{background:#59a425;}
.portfolio .portfilioList ul li .technology a.payment{background:#0272bc;}
.portfolio .portfilioList ul li .technology a.ajax{background:#8dc91c;}
.portfolio .portfilioList ul li .technology a.lamp{background:#ff7f00;}
.portfolio .portfilioList ul li .technology a.iphone{background:#bdbdbd ;}
.portfolio .portfilioList ul li .technology a.ipad{background:#a6a6a6;}
.portfolio .portfilioList ul li .technology a.javaj2eej2me{background:#ff0000}
.portfolio .portfilioList ul li .technology a:hover{background:#2AA18D;}
.portfolio .portfilioList ul li .technology a.designing { background: #b31b64; }
.portfolio .portfilioList ul li .technology a.android { background: #a3c538; }


/*Web inner*/
.blockPadding{padding:40px 0;}
.blockPadding h2{padding:0; margin:0 0 25px; font:25px 'open_sansbold'; color:#2d2d2d;}
.blockPadding h3{padding:0; margin:0 0 25px; font:20px 'open_sanssemibold'; color:#3d3d3d;}
ul.arrow{margin:0; padding:0; list-style:none;}
ul.arrow li{padding-left:40px;font-size:16px;margin-bottom:16px;text-align:left; line-height:30px; position:relative;}
ul.arrow li:before{background:url(images/home-sprite.png)no-repeat; background-position: -355px -103px; position:absolute; content:""; height:30px; width:30px; top:0; left:0;}
ul.arrow.two li{ float:left; padding-right: 20px; vertical-align: top; width:50%;}
ul.arrow li ul{margin-top:15px;}
ul.arrow.three li{display: inline-block; padding-right: 20px; vertical-align: top; width:32%;}
ul.arrow.four li{display: inline-block; padding-right: 20px; vertical-align: top; width:24%;}
ul.arrow3 li{padding-left:30px;font-size:16px;margin-bottom:16px;text-align:left; position:relative;}
ul.arrow3 li:before{background-position:-397px -103px;}
.twoColumn h2{ margin-bottom:0;}
.twoColumn.Grayblock::after{ border-left:1px solid #fff;}
.width40{width:40%;}
.width60{width:60%;}
.width50{width:50%;}
.leftAlign{float:left}
.rightAlign{float:right}
.entry-header h1.entry-title {font:32px 'open_sansbold';  color:#2d2d2d; margin:0 0 15px;   padding:30px 0 0 0; text-transform:capitalize;}
.photo-Retouch p  { font-size:16px; line-height:27px;}
.infrastructure-management-services .entry-header h1.entry-title{ text-align:center;}
.blockPadding .halfBlock{width:50%; float:left;}
.welcomeText{display:table; width:100%;padding:0 0 30px;}
.welcomeText .Text{width:67%; float:left;}
.welcomeText h2{font-size:25px; color:#3090c0;font-family: 'open_sanssemibold';padding:0; margin:0 0 15px;line-height:normal;}
.welcomeText h3{font-size:20px;  font-family: 'open_sanssemibold';padding:0; margin:0 0 15px;line-height:normal;}
.welcomeText h4{font-size:22px; font-family: 'open_sanssemibold';padding:0; margin:0 0 15px;line-height:normal;}
.welcomeText img{max-width:100%;}
.Grayblock.fullgray{clear:both;}
.Grayblock.fullgray::after{background:none;}
.Grayblock.fullgray::before{background:none;}
.Grayblock{position:relative;z-index: 1;background:#f5f5f5;}
.Grayblock .container {position: relative;z-index: 2;}
.Grayblock::before {background: #f5f5f5 none repeat scroll 0 0;content: " ";height: 100%;left: 0;position: absolute;top: 0;width: 50%;}
.Grayblock::after {background: #f7f7f7 none repeat scroll 0 0; content: " ";height: 100%;position: absolute;right: 0;top: 0;width: 50%; border-left:1px solid #fff;}
.Grayblock .left{width:50%;float:left;background:#f5f5f5;padding:20px 20px 0 0;}
.Grayblock .right{width:50%; float:right;background:#f7f7f7;padding:20px 0 0 40px;border-left:1px solid #fff;}
.Grayblock h4{color:#2d2d2d; font-size:22px;padding:0;margin-top:0}
.responsiveApproch{padding:30px 0 0;}
.responsiveApproch p { font-size:16px; line-height:24px;}
.responsiveApproch .approch p { font-size:14px; line-height:24px;}
.responsiveApproch .title{font:25px 'open_sansbold'; color:#2d2d2d; margin-bottom:20px;}
.responsiveApproch .highlight{font-size:18px; color:#3090c0; margin-bottom:5px;}
.highlight.mrgBottom{ margin-bottom:20px;}
.approch{clear:both;}
.approch > ul{margin:0; padding:0; list-style:none;}
.approch > ul > li{width:49%;float:left; border:1px solid #e1e5e7;padding:20px 20px 0;min-height:262px; margin:1%;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.approch > ul > li h3{margin-top:0; color:#2d2d2d;}
.approch > ul > li:nth-child(2n-2) {margin-right:0;}
.approch > ul > li:nth-child(2n-9) { margin-left:0;}
.approch > ul > li .title{color:#3d3d3d; font:20px'open_sanssemibold'; margin-bottom:20px; }
.approch > ul > li img{display:inline-block; float:left; margin-right:15px; margin-bottom:15px; width:100px;}
.approch > ul > li p:first-child{margin:0;}
.approch.javaApproch  > ul > li{ border:0 none; border-right:1px solid #e1e5e7;}
.approch.javaApproch  > ul > li:last-child{ border-right:0 none;}

.graySectionPad ul li:last-child{ margin-bottom:0;}

.welcomeText .ProjectForm{width:30%; float:right; border:1px solid #dadada; padding:20px 30px;line-height:normal;}
.welcomeText .ProjectForm .formTitle{font-size:23px; color:#444f4f;font-family: 'open_sanssemibold';text-align:center;text-transform:uppercase;margin-bottom:20px;}
.welcomeText .ProjectForm > p{display:none;}
.welcomeText .ProjectForm .requestproposalPageForm ul.formBlock li{margin:0 0 10px; width:100%;}
.welcomeText .ProjectForm .requestproposalPageForm ul.formBlock li.reqPhone select{display:none;}
.welcomeText .ProjectForm .requestproposalPageForm ul.formBlock li.reqPhone input{width:100%; margin:0;}
.welcomeText .ProjectForm .requestproposalPageForm ul.formBlock li textarea{height:75px;}
.welcomeText .ProjectForm .requestproposalPageForm input[type="submit"]{float:left;background-color:#ed4b23;}
.welcomeText .ProjectForm .requestproposalPageForm input[type="submit"]:hover{background-color:#232D2B;}
.welcomeText .ProjectForm .requestproposalPageForm div{text-align:center;}
.welcomeText .ProjectForm .requestproposalPageForm ul.formBlock li.reqRef{display:none;}
.welcomeText .subTitle{color:#3d3d3d; font:20px'open_sanssemibold'; margin-bottom:15px;}
.welcomeText ul.two li{width:50%;float:left;}
.welcomeText ul.three li{width:33.33%;float:left;}

.Grayblock.graySectionPad {padding-bottom:35px;}
.Grayblock.graySectionPad::after{ border-left:1px solid #fff;}

/*ebook*/
.ebook{padding:50px 0;background-color:#fff; position:relative;}
.ebook .categorylistBox{float:left; width:100%; margin-bottom:20px;}
.ebook .categorylistBox ul{margin:0; padding:0; list-style:none;}
.ebook .categorylistBox ul li{float:left; margin:0px 5px;}
.ebook .categorylistBox ul li:first-child{margin-left:0;}
.ebook .categorylistBox ul li:last-child{margin-right:0;}
.ebook .categorylistBox ul li a{border:1px solid #ccc;border-radius:3px; padding:8px 15px;display:block;cursor:pointer;}
.ebook .categorylistBox ul li a:hover, .ebook .categorylistBox ul li a.activeclass{background:#2AA18D;color:#fff;border-color:#2AA18D;}
.ebook .ebooklist ul{margin:0; padding:0; list-style:none;}
.ebook .ebooklist ul li{float:left; width:22.5%;border:1px solid #ccc;margin:1.5%;}
.ebook .ebooklist ul li:nth-child(4n-4) {margin-right:0;}
.ebook .ebooklist ul li:nth-child(4n-8) { margin-left:0;}
.ebook .ebooklist ul li .primages{display:block;position:relative;float:left; width:100%;overflow:hidden;border-bottom:1px solid #ccc;}
.ebook .ebooklist ul li .primages img{width:100%; max-width:100%;float:left; transition: all .2s ease-in-out; height:auto}
.ebook .ebooklist ul li .primages .prtitle{opacity:0;background:rgba(42,161,141,0.5);position:absolute; height:100%; width:100%;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.ebook .ebooklist ul li .primages:hover .prtitle{opacity:1; transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.ebook .ebooklist ul li:hover .primages img{transform: scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.ebook .ebooklist ul li .primages .prtitle .eBookDownBtn{background:#000; text-align:center; padding:10px 0;width:100%; color:#fff; font-weight:600; display:block;margin-top:90%;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.ebook .ebooklist ul li .primages:hover .prtitle .eBookDownBtn{margin-top:50%;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.ebook .ebooklist ul li .primages .prtitle .eBookDownBtn span{background:#ff9000;border-radius: 6px;padding: 6px 12px;display:inline-block;}
.ebook .ebooklist ul li .primages .prtitle .booktitle{background:#000; text-align:center; padding:10px;width:100%; color:#fff; font-weight:normal; font-size:15px; text-transform:uppercase; display:block;margin-top:0;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.ebook .ebooklist ul li .primages:hover .prtitle .booktitle{margin-top:30%;transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
.ebook .ebooklist ul li .prdetail{padding:10px;float:left;}
.ebook .ebooklist ul li .prdetail .prcat{float:left;margin:0px 2px;}
.ebook .ebooklist ul li .prdetail .prcat a{padding:2px 5px;font-size:11px; display:inline-block; color:#fff;text-transform:uppercase; background:#f00}
.ebook .ebooklist ul li .prdetail .prcat a.ODC{background:#ff0000;}
.ebook .ebooklist ul li .prdetail .prcat a.magento{background:#f57a1f;}
.ebook .ebooklist ul li .prdetail .prcat a.mobile{background:#2dbcef;}
.ebook .ebooklist ul li .prdetail .prcat a:hover{background:#2AA18D;}

/*Ebook Detail*/
.ebookDetail{padding:50px 0;background:#F6F6F6;}
.eBookCntMain{width:67%;float:left;background: #fff ;border-top: 5px solid #2aa18d;padding:10px 25px;}
.eBookCntMain .eBookTitle h1{color:#484848;margin:10px 0 30px; padding:0; line-height:normal; font-family: 'open_sansbold'; font-size:25px;}
.eBookBanner{float: left;margin: 0 30px 30px 0;width: 35%;}
.eBookDetail { float: left; width: 60%;}
.eBookBanner img{width:100%; height:auto;}
/*.eBookDetail{width:60%; float:right;}*/
.eBookCntMain ul{margin:0; padding:0; list-style:none;}
.eBookCntMain ul li{background:url(images/inner-listing.png) left 7px no-repeat;padding-left:20px;font-size:15px;margin-bottom:10px;}
.eBookFormCnt { background: #fff;border:1px solid #2aa18d;border-top: 5px solid #2aa18d;float: right;line-height: normal;padding:30px 30px; width: 30%;}
.eBookFormCnt h3{color: #2d2d2d;font-family: "open_sanssemibold";font-size: 19px;margin:0 0 20px;text-align: center;text-transform: uppercase;}
.eBookFormCnt ul.eBookForm li {float: left;margin-bottom: 15px;width: 100%;position:relative}
.eBookFormCnt ul.eBookForm li input[type="text"] {background: #fff none repeat scroll 0 0;border: 1px solid #d7d7d7;color: #484848;float: left;line-height: normal;padding: 12px;transition-duration: 0.5s;    width: 100%; border-radius:5px;}
.eBookFormCnt ul.eBookForm li.requestCaptcha img {position: absolute;right: 5px;top: 5px;}
.eBookFormCnt ul.eBookForm li.btnBox{text-align:center;margin-bottom:0; margin-top:15px;}
.eBookCntMain .eBookDesc span{color: #f90;font-size: 18px;}
.eBookCoveAerow {background: rgba(0, 0, 0, 0) url(images/cove-aerow1.png) no-repeat scroll left top;bottom: -20px;height: 126px;position: absolute;right: -110px;width: 140px;}
.eBookCntMain .eBookDesc {float: left;position: relative;width: 100%;}

/*Case study*/

.caseStudy{padding:50px 0;background-color:#fff; position:relative;}
.caseStudy .categorylistBox{float:left; width:100%; margin-bottom:20px;}
.caseStudy .categorylistBox ul{margin:0; padding:0; list-style:none;}
.caseStudy .categorylistBox ul li{float:left; margin:0px 5px;}
.caseStudy .categorylistBox ul li:first-child{margin-left:0;}
.caseStudy .categorylistBox ul li:last-child{margin-right:0;}
.caseStudy .categorylistBox ul li a{border:1px solid #ccc;border-radius:3px; padding:8px 15px;display:block;cursor:pointer;}
.caseStudy .categorylistBox ul li a:hover, .caseStudy .categorylistBox ul li a.activeclass{background:#2AA18D;color:#fff;border-color:#2AA18D;}
.caseStudy .caseStudylist ul{margin:0; padding:0; list-style:none;}
.caseStudy .caseStudylist ul li{float:left; width:22.5%;border:1px solid #ccc;margin:1.5%;}
.caseStudy .caseStudylist ul li:nth-child(4n-4) {margin-right:0;}
.caseStudy .caseStudylist ul li:nth-child(4n-7) { margin-left:0;}
.caseStudy .caseStudylist ul li .primages{display:block;position:relative;float:left; width:100%;overflow:hidden;border-bottom:1px solid #ccc;}
.caseStudy .caseStudylist ul li .primages img{width:100%; max-width:100%;float:left; transition: all .2s ease-in-out;}
.caseStudy .caseStudylist ul li .primages .prtitle{ width:100%; position:absolute; bottom:0; padding:10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0;}
.caseStudy .caseStudylist ul li .primages .prtitle h2 {font-family: "open_sansregular"; font-size:18px; text-transform:uppercase; color:#fff; text-align:center; font-weight:normal; margin:0; padding:0;}
.caseStudy .caseStudylist ul li:hover .primages img{transform: scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.caseStudy .caseStudylist ul li .prdetail{padding:0px;float:left;}
.caseStudy .caseStudylist ul li .prdetail .prcat{float:left;margin:0px 2px;}
.caseStudy .caseStudylist ul li .prdetail .prcat a{padding:2px 5px;font-size:11px; background:#f00; display:inline-block; color:#fff;text-transform:uppercase;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.mobile {background:#2dbcef;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.odc{background:#ff0000;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.magento{background:#f57a1f;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.ecommerce{background:#398DD5;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.php{background:#777bb4;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.joomla{background:#59a425;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.designing{background:#b31b64;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.cms{background:#666;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.software{background:#159D49;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.symfony{background:#A683C3;}
.caseStudy .caseStudylist ul li .prdetail .prcat a.drupal{background:#6F0430;}
.casePageLoad, .portfolioPageLoad, .ebookPageLoad { text-align:center}
.ebooklist .viewMore { clear:both; text-align:center}


/*Innerpage Services*/

.grrenBlock{padding:30px 0;background:#2aa18d;}
.grrenBlock p{color:#fff;}
.grrenBlock .title{font-family: 'open_sanssemibold';font-size:32px;margin-bottom:10px;color:#fff;}
.grrenBlock ul{margin:0; padding:0;list-style:none;}
.grrenBlock ul li{background: #26917f;border-left: 5px solid #72b7ac;color: #fff;float: left;padding:10px 15px;font-size:18px;font-family: 'open_sanssemibold';}
.grrenBlock ul.one li{width:100%; margin:5px 0;}
.grrenBlock ul.three li{margin: 0.6%;width: 32.5%;}
.grrenBlock ul.three li:nth-child(3n-3) {margin-right:0;}
.grrenBlock ul.three li:nth-child(3n-8) { margin-left:0;}

.grrenBlock ul.two li{margin: 0.5%;width: 49%;}
.grrenBlock ul.two li:nth-child(2n-2) {margin-right:0;}
.grrenBlock ul.two li:nth-child(2n-9) { margin-left:0;}

.imageEditing{padding:30px 0 50px;}
.imageEditing .title{color:#404040;font-family: 'open_sanssemibold';font-size:32px; margin-bottom:10px;}
.imageEditing ul{margin:0; padding:0; list-style:none;}
.imageEditing .imagecontainer{border:1px solid #d0d0d0;padding:4px !important; width:32.6% !important; float:left;margin:0 0.5%;}
.imagecontainer > div { overflow: visible !important; }
.imageEditing .imagecontainer:first-child{margin-left:0;}
.imageEditing .imagecontainer:last-child{margin-right:0;}
.imageEditing .imagecontainer img{width:100%; height:auto; max-width:100%;float:left;}
.imageEditing ul li .imageDetail{width:100%; float:left; text-align:center;color: #777676;font-size: 11px;padding: 5px 0;text-align: center;}
.imageEditing ul li .imageDetail span.condition{color: #e30606;padding: 0;}
.imageEditing .balinks a{background: #ebecec none repeat scroll 0 0; border: 2px solid #ebecec;border-radius: 5px;color: #585858;display: inline-block;font-size: 13px;font-weight: 400;padding: 2px 8px;    text-decoration: none;margin:8px 0 0;}
.imageEditing .balinks a:hover{background:none;}
.imageEditing ul li .imageDetail .showBtn.left{float:left;}
.imageEditing ul li .imageDetail .showBtn.right{float:right;}
.ui-draggable {background: rgba(0, 0, 0, 0) url("images/ui-draggable-bg.png") repeat-y scroll 0 0; opacity: 1 !important;}
.ui-draggable img {max-width: inherit;}

.purpuse{background:url(images/purpuse.jpg) no-repeat;background-size:100% auto; font-family: 'open_sanslight'; font-size:42px; clear:both; color:#fff;line-height:42px;padding:28px 0;}
.purpuse p{margin-bottom:10px;}

.contentList{padding:30px 0;}
.contentList .title{font-family: 'open_sanssemibold';font-size:17px;margin-bottom:10px;color:#2AA18D;line-height:normal;}
.contentList span{font-size:19px; color:#505050;}
.contentList > .container > ul{margin:0; padding:0; list-style:none;}
.contentList > .container > ul > li{border:1px solid #e1e5e7;width:100%;padding:20px;}
.contentList > .container > ul > li:first-child{margin-left:0;}
.contentList > .container > ul > li:last-child{margin-right:0;}
.contentList > .container > ul.three > li{float: left; margin: 0 1%;min-height: 352px;width: 31%;}

.threeList ul{width:38.33%; float:left;}
.threeList ul:last-child{width:20%;	}

.developerBtn{background:#2aa18d;display:inline-block;color:#fff;font-size:22px; text-transform:uppercase;float:left;border-radius:5px;line-height:55px;padding-right:15px;border-bottom:3px solid #225a51;margin:20px 0 0;}
.developerBtn:focus { color:#fff;}
.developerBtn .icon{width:55px;height:55px;display:block; overflow:hidden; text-indent:-500px;background:url("images/services-ico.png") no-repeat scroll 0 0;float:left;margin-right:15px;border-right:1px solid #26917f;border-radius:5px 0 0 5px;}
.developerBtn .icon.joomla{background-position: -380px -126px;}
.developerBtn .icon.drupal{background-position:-477px -125px;}
.developerBtn .icon.wordpress{background-position:-477px 11px;}
.developerBtn .icon.java{background-position:-678px 7px;}
.developerBtn .icon.microsoft{background-position:-581px 6px;}
.developerBtn .icon.html5{background-position:-252px -257px;}
.developerBtn .icon.php{background-position:-582px -128px;}
.developerBtn .icon.zend{background-position:-672px -132px;}
.developerBtn:hover{background:#404040; color:#fff;}
.developerBtn:hover .icon{border-color:#555;}


/***** Joomla Section *******/
.joomlaSolution { padding:28px 0; background:#f1f2f2; width:100%; margin: 0 auto; display:block;}
.joomlaSolution header { width:1170px; margin:0 auto;}
.joomlaSolution h3 {color:#2d2d2d;   font:32px 'open_sansbold'; display:block; text-align:center; text-transform: capitalize;  padding-bottom:0%; margin:0;}
.joomlaSolution p { text-align:center; font-size:16px; color:#505050;margin:0;}
p.joomsolution{ text-align:left;}
.mobileBanner{text-align:center; padding:46px 0 15px;}
.mobileBannerLeft{width:60%; float:left;}
.mobileBannerRight{width:38%; float:right; padding-top:100px;}
.mobileBannerRight p{font-size:18px; font-style:italic; color:#979797;}
.JoomlaServicesForm .formRight ul li { width:100%; margin-bottom: 12px;}
.JoomlaServicesForm .formRight ul li span.rfpText { border: 0 none; margin: 0; width: 100%;}
.JoomlaServicesForm .formRight ul li span.rfpText br { display:none}
.formLeft { float: left; width: 72%;}
.formRight { float: right; width: 25%; background:#fff; border: 1px solid #d6d6d7; padding: 15px; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
/*.formRight:hover { background:#F1F2F2; border: 1px solid #F1F2F2; }*/
.formRight .pgRef{ margin-bottom:0;}
.formRight #pgsubmit { margin-top:15px; width:100%; background:#ff9000}
.formRight #pgsubmit:hover { background:#222}
.JoomlaServicesForm .formRight h2, .cmnHeading .formRight h2 { font-size:22px; text-align:left}
ul.formBlock li input[type="text"].rpemail {background-position: 11px -50px;}
ul.formBlock li input[type="text"].rpphone {background-position: 9px -108px;}
ul.formBlock li input[type="file"]#pg_upload_rfp {background-position: 12px -272px;}
.pgRef br { display:none}
.formRight ul.formBlock li {margin-bottom: 8px;}
.formLeft ul.arrow li { margin-bottom:15px;}
.formLeft.chosUs ul.arrow li { width:100%;}
.formRight .pgCaptchas input { float: right !important; width: 55% !important; }
.formRight.mobile-migt { background: #271f1e; border: 0; }
#wpfront-notification-bar { font-size:15px; }

.sprite-mobilepage { background-image:url(images/mobile-sprite.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; }

.appOs{padding:5% 2% 10px;}
.appOs li{float:left; margin:0 4.2%; position:relative;}
.appOs li a br{ display:none;}
.appOs li .iPadColor, .appOs li .iPhoneColor, .appOs li .androidColor, .appOs li .windowsColor, .appOs li .blackBerryColor { width:119px; height:120px;  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; transition: all 0.3s ease 0s;}
.appOs li .iconBtn{margin-bottom:12px; padding:4px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-box-shadow:0 0 10px #606060; -webkit-box-shadow:0 0 10px #606060; box-shadow:0 0 10px #606060; background:#fff; text-indent:-9999px;}
.appOs li span{display:block; text-align:center; font:20px 'open_sanssemibold', Arial; color:#252525; transition: all 0.3s ease 0s;}
.appOs li .iPhoneColor{background:#393939;}
.appOs li .iphone{width:51px; height:63px; background-position:0 0; position:relative; left:33px; top:25px;}
.appOs li:hover .iPhoneColor, .appOs li:hover .iPadColor, .appOs li:hover .androidColor, .appOs li:hover .windowsColor, .appOs li:hover .blackBerryColor{ background:#fff;}
.appOs li a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:99;}
.appOs li:hover .iPhoneColor .iphone{ background-position:-85px 0;}
.appOs li .iPadColor{ background:#979292;}
.appOs li .iPad{width:51px; height:63px; background-position:-351px -74px; position:relative; left:33px; top:25px;}
.appOs li:hover .iPadColor{ background:#fff;}
.appOs li:hover .iPadColor .iPad{ background-position:-436px -74px;}
.appOs li .androidColor{ background:#99cc00;}
.appOs li .android{width:55px; height:63px; background-position:0 -74px; position:relative; left:33px; top:25px;}
.appOs li:hover .androidColor .android{ background-position:-85px -74px;}
.appOs li .windowsColor{ background:#3ca0d7; }
.appOs li .windows{width:70px; height:63px; background-position:0 -148px; position:relative; left:25px; top:30px;}
.appOs li:hover .windowsColor .windows{ background-position:-85px -148px;}
.appOs li .blackBerryColor{ background:#00adef; }
.appOs li .blackBerry{width:75px; height:63px; background-position:0 -224px; position:relative; left:20px; top:33px;}
.appOs li:hover .blackBerryColor .blackBerry{ background-position:-85px -224px;}
.appOs li:hover span {color: #024e8b;}


.mobileAppList{ margin:40px -15px 10px;}
.mobileAppList li{ width:25%; float:left; padding:0 15px;}
.mobileAppList{ margin:40px -15px 10px;}
.mobileAppList li{ width:25%; float:left; padding:0 5px;}
.mobileAppList li a {border: 0px solid #ccc; padding: 10px 14px; box-shadow: 0 0px 21px rgba(0,0,0,0.1); display: inline-block;
vertical-align: top; width: 100%; text-align: left;}
.mobileAppList li a img, .mobileAppList li a span {transition: all 350ms ease; -webkit-transition: all 350ms ease; display: inline-block; margin-right: 9px; vertical-align: middle;}
.mobileAppList li a span {display: inline-block; margin-top: 0; font: 16px 'open_sanssemibold'; color: #2d2d2d; text-align: left; vertical-align: middle;}
.mobileAppList li:hover a span {color: #3090c0;}
.joomlaSolution.mobileAppBlock { background:#fff;}
.mobileAppList li:hover a img{ transform: scale(1.1); -webkit-transform: scale(0.9);}




.appbg{ padding:30px 0; background:url(images/appbg.jpg) no-repeat center top; background-size:100% 100%;}
.appbg ul{}
.appbg ul li{ display:inline-block; margin:0 0 40px 5.7%; width:20%; text-align:center; vertical-align:top;}
.appbg ul li:nth-child(4n-4) {margin-right:0;}
.appbg ul li:nth-child(4n-7) { margin-left:0;}
.appbg ul li .appIcon{ margin:0 auto 10px; display:table; font-size:0; transition: all 0.3s ease 0s;}
.appbg ul li span.nativeApp{ background-position:-171px 0; width:30px; height:41px;}
.appbg ul li h2{font:16px 'open_sanssemibold'; color:#3d3d3d; margin-bottom:5px; transition: all 0.3s ease 0s;}
.appbg ul li:hover h2{color:#2AA18D;}
.appbg ul li p{font:14px 'open_sansregular'; color:#505050; margin-bottom:5px; transition: all 0.3s ease 0s;}
.appbg ul li:hover span.nativeApp{ background-position:-236px 0;}
.appbg ul li:hover div{ color:#555;}
.appbg ul li .more{color:#195077; font:13px 'open_sansregular', Arial; text-decoration:underline; padding:0 10px; transition: all 0.3s ease 0s;}
.appbg ul li:hover .more{text-decoration:none;}
.appbg ul li span.game{ background-position:-171px -54px; width:43px; height:38px;}
.appbg ul li:hover span.game{ background-position:-236px -54px;}
.appbg ul li span.mobileCompatibles{ background-position:-171px -108px; width:43px; height:39px;}
.appbg ul li:hover span.mobileCompatibles{ background-position:-234px -108px;}
.appbg ul li span.designUi{ background-position:-171px -159px; width:36px; height:36px;}
.appbg ul li:hover span.designUi{ background-position:-234px -159px;}
.appbg ul li span.appStrategy{ background-position:-171px -214px; width:38px; height:39px;}
.appbg ul li:hover span.appStrategy{ background-position:-234px -214px;}
.appbg ul li span.appPorting{ background-position:-171px -263px; width:26px; height:41px;}
.appbg ul li:hover span.appPorting{ background-position:-234px -263px;}
.appbg ul li span.mobileQcServices{ background-position:-171px -319px; width:29px; height:42px;}
.appbg ul li:hover span.mobileQcServices{ background-position:-234px -319px;}
.appbg ul li span.supportMaintenance{ background-position:-171px -373px; width:32px; height:39px;}
.appbg ul li:hover span.supportMaintenance{ background-position:-234px -373px;}
.appbg ul li span.hireMobileApp{ background-position:-171px -423px; width:37px; height:43px;}
.appbg ul li:hover span.hireMobileApp{ background-position:-234px -423px;}
.appbg ul li span.upgradeMigrate{ background-position:-171px -475px; width:39px; height:45px;}
.appbg ul li:hover span.upgradeMigrate{ background-position:-234px -475px;}
.appbg ul li span.mCommerce{ background-position:-171px -532px; width:25px; height:41px;}
.appbg ul li:hover span.mCommerce{ background-position:-234px -532px;}
.appbg ul li span.prototype{background-position:-171px -584px; width:24px; height:39px;}
.appbg ul li:hover span.prototype{background-position:-234px -584px;}

.mobile-ebook { background:#76c5ca; margin:0; padding:0;}
.mobile-ebook img { width:100%;}

.staticMobileContent { background:url(images/mobile-project.jpg) repeat center bottom #fff; background-size:cover; padding:2.5% 0; }
ul.articalDiscriptiontop { display:block; text-align:center; color:#fff; }
ul.articalDiscriptiontop li { display:inline-block; vertical-align:top; width:24.6%; padding:0 10px; background:none; transition: all 0.3s ease 0s;}
ul.articalDiscriptiontop li span.porjecticon { width:66px; height:55px; background-position:1px -290px; position:relative; margin-left:13px;}
ul.articalDiscriptiontop li p { padding-bottom:2px; line-height:normal;}
ul.articalDiscriptiontop li span em { position:absolute; left:-15%; right:0; top:0; bottom:0; color:#194c75; font-size:16px; font-family: 'open_sanssemibold'; line-height:54px; text-align:center; padding-right:5px; }
ul.articalDiscriptiontop li h2 { font-size:18px; color:#ffc800; margin:8px auto; padding:0px; font-family:'open_sansregular'; line-height:normal;}
ul.articalDiscriptiontop li:hover span { background-position:-84px -290px}
ul.articalDiscriptiontop li:hover span em { color:#fff;  transition:all 0.3s ease 0s;}

.industryVerticals { background-color: #39a3da; color: #fff; padding: 25px 0; text-align: center; float:left; width:100%;}
.industryVerticals h2 { margin-bottom: 25px;}
.verticalsIcons { font-size: 16px; line-height: 22px; list-style: none outside none; margin: 0; padding: 0;}
.verticalsIcons li { float: left; width: 12.5%;}
.verticalsIcons li:hover{ background:#57b1e0;}
.verticalsIcons li a { color: #fff; display: block; height: 125px; padding: 15px 15px 0; text-decoration: none;}
.verticalsIcons li div { background: url("images/mobile-icon-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 55px; overflow: hidden; text-indent: -1000px;}
.verticalsIcons li div { display: block; height: 55px; overflow: hidden; text-indent: -1000px;}
.verticalsIcons li.ico1 div { background-position: center 0px;}
.verticalsIcons li.ico2 div { background-position: center -55px;}
.verticalsIcons li.ico3 div { background-position: center -110px;}
.verticalsIcons li.ico4 div { background-position: center -446px;}
.verticalsIcons li.ico5 div { background-position: center -220px;}
.verticalsIcons li.ico6 div { background-position: center -275px;}
.verticalsIcons li.ico7 div { background-position: center -330px;}
.verticalsIcons li.ico8 div { background-position: center -392px;}
.industryVerticals h2{font-size:22px; font-weight:bold; text-transform:uppercase;}

/*iPhone Development*/
.iPhoneApplicationDevelopment {border-bottom: 1px solid #dadada;margin-bottom: 30px;padding: 20px 0 10px;}
.cmnHeading h1 {color: #444f4f;font-family: 'open_sansregular';font-size: 32px;margin-bottom: 20px;text-align: center;}
.cmnHeading h1 strong{font-weight:700;}
.iPhoneAppDevelopment {padding-bottom: 25px;}
.cmnHeading p { margin-bottom:18px;}
.cmnHeading h1 { font-family: 'open_sansregular'; font-size:32px; color:#2d2d2d; text-align:center; margin:0 0 20px;}
.cmnHeading h1 strong {font-family: 'open_sansbold'; font-weight:normal;}
.cmnHeading h2 { font-family: 'open_sansregular'; font-size:28px; color:#2d2d2d; text-align:center; margin:0 0 20px;}
.cmnHeading h2 strong {font-family: 'open_sansbold'; font-weight:normal;}
.cmnHeading h3 { font-family: 'open_sanssemibold'; font-size:22px; color:#2d2d2d; text-align:center; margin:0 0 15px;}
.iPhoneAppDevelopment { padding-bottom:25px;}
.iPhoneAppDevelopment ul { width:100%; float:left; list-style:none; margin:0; border-bottom:1px solid #fff;}
.iPhoneAppDevelopment ul li { width:25%; float:left; border-right:1px solid #fff; position:relative; list-style:none; margin:0 0 1px 0;}
.iPhoneAppDevelopment ul li div { width:100%; float:left; padding:20px 0; text-align:center; font-size:15px; }
.iPhoneAppDevelopment ul li .one { background:#dadbdf;}
.iPhoneAppDevelopment ul li .oneone { background:#f2f3f5; position:absolute; left:0; top:0;}
.iPhoneAppDevelopment ul li .two { background:#e3e4e8;}
.iPhoneAppDevelopment ul li .twotwo { background:#ebecee; position:absolute; left:0; top:0;}
.iPhoneAppDevelopment ul li .three { background:#ebecee;}
.iPhoneAppDevelopment ul li .threethree { background:#e3e4e8; position:absolute; left:0; top:0;}
.iPhoneAppDevelopment ul li .four { background:#f2f3f5;}
.iPhoneAppDevelopment ul li .fourfour { background:#dadbdf; position:absolute; left:0; top:0;}
@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
.iPhoneAppDevelopment #cf3 div.oneone,
.iPhoneAppDevelopment #cf3 div.twotwo,
.iPhoneAppDevelopment #cf3 div.threethree,
.iPhoneAppDevelopment #cf3 div.fourfour { animation-name: cf3FadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 7s; animation-direction: alternate;}
.appleiPhoneDevelopment { background:#F2F3F5; padding:0;}
.appleiPhoneDevelopment .container{ background:url(images/iphone-apple-bg.png) 60% bottom no-repeat;}
.appleiPhoneDevelopmentPart { width:67%; float:left; padding:24px 0 0; vertical-align:top; margin-right:4%;}
.appleiPhoneDevelopment .formRight { border-color:#fff;}
.appleiPhoneDevelopment .cmnHeading .formLeft h2 { margin-top:25px;}
.discussIphoneDevelopment { width:29%; float:left; background:none; border:1px solid #e1e1e1;}
.innerTwoCol { width:100%; float:left;}
.innerTwoCol .boxCol { width:50%;}
.innerTwoCol .leftCol { float:left;}
.innerTwoCol .rightCol { float:right;}
ul.pointList { width:100%; float:left;}
ul.pointList li { background:url(images/arrow-point-1.png) 0 3px no-repeat; display:block; padding:0 0 0 22px; margin-bottom:10px; font-family: 'open_sansregular';}

.UserRatingMain { padding:5px 0; background:#fff; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }
.UserRatingMain .yellowColor { float:right; padding:5px 10px; margin:-38px 0 0 0;}
.UserRatingMain .starBox { margin:10px 0; text-align:center;}
.UserRatingMain .richsnippetsvote { float:left; margin:10px 5% 10px 0;}

/*iPad Development*/

.iPadApplicationDevelopment {padding: 25px 0;}
.iPadApplicationDevelopment .iPadAppCon { width:60%; float:left;}
.iPadApplicationDevelopment .iPadCntImg { width:40%; float:right;}
.iPadApplicationDevelopment .iPadCntImg img { width:100%; max-width:408px;}
.iPadAppDevelopment { background:url(images/ipad-app-service-bg.jpg) top center no-repeat #151721; background-size:auto 100%; min-height:340px; padding:25px 0 10px 0; margin-bottom:30px;}
.iPadAppDevelopment h2 { color:#fff;}
.iPadAppDevelopment ul.iPadServices { width:100%; float:left;}
.iPadAppDevelopment ul.iPadServices li { width:25%; float:left; margin-bottom:30px;}
.iPadAppDevelopment ul.iPadServices li .ico { width:53px; height:53px; float:left; background-color:#ea5859; margin-right:20px;  border-radius:50%; -web-kit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.iPadAppDevelopment ul.iPadServices li:hover .ico { background-color:#f47778; -moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg); box-shadow:0 0 10px rgba(0,0,0,0.7);}
.iPadAppDevelopment ul.iPadServices li h4 { color:#fff; font-size:15px;  padding-top:5px; font-family: 'open_sansregular';margin:0; display:inline-block;}
.iPadAppDevelopment ul.iPadServices li > br{display:none;}
.iPadAppDevelopment ul.iPadServices li:hover h4 { color:#ccc;}
.iPadAppDevelopment ul.iPadServices li .ico { background-image:url(images/ipad-ico.png); background-repeat:no-repeat;}
.iPadAppDevelopment ul.iPadServices li .ico.custom { background-position:11px 10px;}
.iPadAppDevelopment ul.iPadServices li .ico.gaming { background-position:-61px 10px;}
.iPadAppDevelopment ul.iPadServices li .ico.social { background-position:-133px 10px;}
.iPadAppDevelopment ul.iPadServices li .ico.pdf { background-position:-212px 10px;}
.iPadAppDevelopment ul.iPadServices li .ico.brand { background-position:10px -69px;}
.iPadAppDevelopment ul.iPadServices li .ico.utility { background-position:-62px -69px;}
.iPadAppDevelopment ul.iPadServices li .ico.web { background-position:-131px -69px;}
.iPadAppDevelopment ul.iPadServices li .ico.healthcare { background-position:-212px -69px;}
.iPadAppDevelopment ul.iPadServices li .ico.qaTesting { background-position:10px -149px;}
.iPadAppDevelopment ul.iPadServices li .ico.upgrades { background-position:-60px -149px;}
.iPadAppDevelopment ul.iPadServices li .ico.porting { background-position:-131px -149px;}
.iPadAppDevelopment ul.iPadServices li .ico.support { background-position:-215px -150px;}
.appleiPasDevelopmentPart { width:67%; float:left; padding:24px 0 0; vertical-align:top; margin-right:4%;}
.appleiPasDevelopmentPart ul li { margin-bottom:20px;}
.discussIpadDevelopment { width:29%; float:left; margin-top:30px; background:none; border:1px solid #e1e1e1;}
.discussIpadDevelopment .FormBgTitle { font-size:23px; font-family: 'open_sansregular'; background:none; padding:10px 0 0 0; color:#444f4f;}
.discussIpadDevelopment .FormBgTitle strong { font-family: 'open_sansbold'; font-weight:normal;}

.weDevelopAndroidApps { background:url(images/verticals-develop-android-bg.jpg) top center no-repeat #147466;padding:20px 0; background-size:cover;}
.weDevelopAndroidApps h2 { color:#fff;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps { width:100%; float:left;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li { width:20%; float:left; text-align:center; margin-bottom:20px; min-height:110px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li h4 {color:#a1f8eb; margin:0; }
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp { width:51px; height:51px; display:inline-block; background:url(images/android-develop-icon.png) no-repeat; margin-bottom:7px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.erpCrm				{ background-position:-5px 2px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.erpCrm			{ background-position:-5px -68px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.communication		{ background-position:-76px 1px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.communication	{ background-position:-76px -69px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.gaming				{ background-position:-155px -1px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.gaming			{ background-position:-155px -71px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.multimedia			{ background-position:-235px 0px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.multimedia		{ background-position:-235px -70px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.navigation			{ background-position:-315px 0px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.navigation		{ background-position:-315px -70px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.productivity			{ background-position:5px -142px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.productivity	{ background-position:5px -213px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.education			{ background-position:-76px -141px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.education		{ background-position:-76px -212px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.eGovernance			{ background-position:-155px -141px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.eGovernance	{ background-position:-155px -211px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.travel				{ background-position:-231px -142px; width:57px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.travel			{ background-position:-231px -213px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.utilities			{ background-position:-312px -142px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.utilities		{ background-position:-312px -213px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.entertainment		{ background-position:4px -285px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.entertainment	{ background-position:4px -355px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.finance				{ background-position:-71px -285px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.finance		{ background-position:-71px -355px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.music				{ background-position:-154px -283px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.music			{ background-position:-154px -353px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.photoVideo			{ background-position:-236px -287px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.photoVideo		{ background-position:-236px -357px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li .iconApp.social				{ background-position:-317px -283px;}
.weDevelopAndroidApps ul.whichWeDevelopAndroidApps li:hover .iconApp.social			{ background-position:-317px -353px;}
.weDevelopAndroidApps .verticalsTagLine { width:100%; float:left; text-align:center; color:#fff;}

ul.AndroidServices { width:100%; float:left; margin-top:20px;}
ul.AndroidServices li { width:25%; float:left; margin:25px 0px; }
.android-app-development ul.AndroidServices li { float: none; margin: 0 2% 50px 0; width: 30.8%; display: inline-block; vertical-align: top;}
ul.AndroidServices li > br{display:none;}
ul.AndroidServices .iconApp { width:53px; height:53px; display:inline-block; vertical-align:middle;  margin-right:20px; background:url(images/android-development-services-icon.png) no-repeat; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
/*ul.AndroidServices li:hover .iconApp { -moz-transform: scale(1) rotate(0deg) translateY(30px); -webkit-transform: scale(1) rotate(0deg) translateY(30px);-o-transform: scale(1) rotate(0deg) translateY(30px); transform: scale(1) rotate(0deg) translateY(10px) translateX(10px);}*/
ul.AndroidServices h4 {clear: none;display: inline-block; font-size:14px;margin: 0; vertical-align: middle;width:65%;    font-family: 'open_sanssemibold';}
ul.AndroidServices span.custom 		{ background-position: 0 0;}
ul.AndroidServices span.game 		{ background-position: -60px 0;}
ul.AndroidServices span.cross 		{ background-position: -120px 0;}
ul.AndroidServices span.social 		{ background-position: 0 -60px;}
ul.AndroidServices span.entertainment{ background-position: -60px -60px;}
ul.AndroidServices span.webBased 	{ background-position: -120px -60px;}
ul.AndroidServices span.aMcommerce 	{ background-position: 0 -120px;}
ul.AndroidServices span.widget 		{ background-position: -60px -120px;}
ul.AndroidServices span.qaTesting 	{ background-position: -120px -120px;}
ul.AndroidServices span.enhancements { background-position: 0 -180px}
ul.AndroidServices span.porting 		{ background-position: -60px -180px}
ul.AndroidServices span.support 		{ background-position: -120px -180px}

.commonServiceList li h4 ,.commonServiceList li i.servTitle {display:inline-block; vertical-align:middle; width:65%; font-size:14px; font-style: normal; margin:0; line-height:normal;}
.commonServiceList li span{ display:inline-block !important; vertical-align:middle; float:none!important;}
.commonServiceList br{ display:none;}
.commonServiceList li a{ font-family: 'open_sanssemibold';}

.androidClientChoose {background: rgba(0, 0, 0, 0) url("images/android-top-bg.jpg") repeat-x scroll left top;padding: 20px 0;}

.mobileWelcomeBlock{border-bottom: 1px solid #e1e1e1;margin: 25px 0;padding-bottom: 25px;}
.mobilecontentBlock{padding:25px 0;}

.WindowsAppServicesNew { width:100%; float:left;}
.WindowsAppServicesNew li { width:100%; float:left; padding-left:110px; background:url(images/windows-ten-ico.png) no-repeat; min-height:100px; margin-bottom:15px;}
.WindowsAppServicesNew li h4 { font-family: 'open_sansbold';font-weight:normal; font-size:16px; margin-bottom:10px;margin-top:0;}
.WindowsAppServicesNew li .dtlBox { width:100%; float:left;}
.WindowsAppServicesNew li.WindowsAppEdge { background-position:0 102%;}
.WindowsAppServicesNew li.WindowsAppNewer { padding-left:0; padding-right:110px; text-align:right; background-position:99% 51%;}

.windowsAdvantagesCnt {background: rgba(0, 0, 0, 0) url("images/windows-logo1.png") no-repeat scroll right bottom;border: 1px solid #e1e1e1;float: left;margin-right: 0;padding: 2%;vertical-align: top;width: 100%;}
.WindowsMoAppDevelopment { margin:25px 0 25px 0; padding-bottom:25px; border-bottom:1px solid #e1e1e1;}
.WindowsMoAppDevServices .WindowsMoAppServices { width:100%; float:left;}
.WindowsMoAppDevServices .WindowsMoAppServices li { width:20%; float:left; text-align:center; margin:10px 0 30px 0;}
.WindowsMoAppDevServices .WindowsMoAppServices li .ico { width:90px; height:90px; display:inline-block; background:url(images/windows-ce-development-ico.png) no-repeat; border:0px solid #e1e1e1; margin-bottom:0; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.WindowsMoAppDevServices .WindowsMoAppServices li h4 { font-size:16px; min-height:40px; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover h4 {color:#2aa18d;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .ico { border:0px solid #2aa18d; color:#2aa18d; }
.WindowsMoAppDevServices .WindowsMoAppServices li .end 				{ background-position:0 0;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .end		{ background-position:0 -90px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .custom 			{ background-position:-90px 0;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .custom		{ background-position:-90px -90px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .tracking 		{ background-position:-180px 0;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .tracking	{ background-position:-180px -90px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .enterprise 		{ background-position:-270px 0;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .enterprise	{ background-position:-270px -90px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .inventory 		{ background-position:-360px 0;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .inventory	{ background-position:-360px -90px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .erp-crm 			{ background-position:0 -180px;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .erp-crm	{ background-position:0 -270px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .upgrades 		{ background-position:-90px -180px;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .upgrades	{ background-position:-90px -270px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .testing 			{ background-position:-180px -180px;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .testing	{ background-position:-180px -270px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .migration 		{ background-position:-270px -180px;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .migration	{ background-position:-270px -270px;}
.WindowsMoAppDevServices .WindowsMoAppServices li .support 			{ background-position:-360px -180px;}
.WindowsMoAppDevServices .WindowsMoAppServices li:hover .support	{ background-position:-360px -270px;}

.windowsMoAdvantagest {background: #f5f9fa url("images/windows-mobile-bg1.jpg") no-repeat scroll center top;margin: 0;width: 100%;padding:0;}
.windowsMoAdvantagest .formRight { border-color:#fff;}
.windowsMoAdvantagest .chosUs h2 { margin-top:25px;}

.mobileAppCon > div {float: left;width: 62%; font-size:16px; line-height:26px;}
.mobileAppCon a {float: right;text-align: right;width: 35%;}
.mobileAppCon img{max-width:100%;}

.mobileAppCat { margin-bottom:20px;}
.mobileAppCat .mobileOs { width:24%; height:500px; float:left; margin:0 0 0 1%; position:relative; }
.mobileAppCat .mobileOs a.hoverBox {width:100%; height:500px; float:left; position:relative; left:0; top:0;z-index:9;}
.mobileAppCat .mobileOs a.hoverBox .mobileOsBox { width:100%; height:500px; padding:25px 0; background:#2AA18D; transition:all 0.9s ease; -webkit-transition:all 0.9s ease;}
.mobileAppCat .mobileOs a.hoverBox .mobileOsBox .icon { width:150px; height:91px; margin:145px auto; text-align:center; transition:all 0.9s ease; -webkit-transition:all 0.9s ease;}
.mobileAppCat .mobileOs a.hoverBox .mobileOsBox .icon img { opacity: 0.8; filter: alpha(opacity=80); transition:all 0.9s ease; -webkit-transition:all 0.9s ease;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox .icon img { opacity: 1; filter: alpha(opacity=100);}
.mobileAppCat .mobileOs a.hoverBox .mobileOsBox h3 { font-family: 'open_sansbold'; font-size:14px; color:#fff; text-align:center;}
.mobileAppCat .mobileOs a.hoverBox:hover { z-index:1;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox { height:auto; background:#2AA18D; padding:15px 0;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox.iPhone 	{ background:#dadada;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox.iPad 		{ background:#b1b1b1;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox.android 	{ background:#b9db3b;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox.windows 	{ background:#41abda;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox.blackBerry{ background:#000;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox .icon { margin:0 auto; text-align:center;}
.mobileAppCat .mobileOs a.hoverBox:hover .mobileOsBox h3 { display:none;}
.mobileAppCat .mobileOs .mobileOsCnt { width:100%; float:left; margin-top:135px; text-align:center;position:absolute; top:0;}
.mobileAppCat .mobileOs .mobileOsCnt h3 { font-family: 'open_sansbold'; font-size:14px; color:#2AA18D;}
.mobileAppCat .mobileOs .mobileOsCnt p { font-size:13px; color:#444f4f; margin-bottom:15px; min-height:225px;}
.mobileAppCat .mobileOs .mobileOsCnt a.read { font-size:14px; font-family: 'open_sansbold'; color:#444f4f; background:#fff; border:1px solid #dadada; padding:5px 12px; text-transform:uppercase; border-radius:5px; -web-kit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; transition:all 3s ease; -webkit-transition:all 3s ease;}
.mobileAppCat .mobileOs:hover .mobileOsCnt a.read { color:#fff; background:#2AA18D; border:1px solid #2AA18D;}
.mobileAppCat p{margin:0;}


.MobileAppCapability {background: rgba(0, 0, 0, 0) url("images/android-top-bg.jpg") repeat-x scroll left top;border-bottom: 1px solid #dadada;padding: 25px 0 20px;}
.MobileAppCapability ul.accordion { width:49%; float:left;}
.MobileAppCapability ul.accordion.leftAcc { float:left;}
.MobileAppCapability ul.accordion.rightAcc { float:right;}
.MobileAppCapability ul.accordion li { width:100%; float:left; border-bottom:1px dashed #dadada; padding:0 0 6px 0; margin-top:16px;}
.MobileAppCapability ul.accordion li h4 { margin:0 0 10px;font-family: 'open_sansregular';}
.MobileAppCapability ul.accordion li h4 a { font-size:16px; color:#000; padding:0 0 0 20px; background:url(images/plus.png) 0 5px no-repeat; display:inline-block;}
.MobileAppCapability ul.accordion li h4 a:hover {color: #666;}
.MobileAppCapability ul.accordion li h4 a.active { color:#269ed4; padding:0 0 0 20px; background:url(images/minus.png) 0 5px no-repeat;}
.MobileAppCapability ul.accordion li .accordDetail { width:100%; float:left; margin-bottom:10px;}
.MobileAppCapability ul.accordion li .accordDetail div.ico { width:70px; height:70px; float:left; border:1px solid #dadada; background:url(images/mobile-apps-capability-icon.png) no-repeat; border-radius:4px; -web-kit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; margin:0 15px 0 0; transition:all 0.8s ease; -webkit-transition:all 0.8s ease;}
.MobileAppCapability ul.accordion li:hover .accordDetail div.ico {-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg); box-shadow:0 0 8px rgba(0,0,0,0.3);}
.MobileAppCapability ul.accordion li:hover .accordDetail div.ico { border:1px solid #aaa;}
.MobileAppCapability ul.accordion li .accordDetail div.location	{ background-position:0 0;}
.MobileAppCapability ul.accordion li .accordDetail div.google		{ background-position:-70px 0;}
.MobileAppCapability ul.accordion li .accordDetail div.social		{ background-position:0 -70px;}
.MobileAppCapability ul.accordion li .accordDetail div.liveaud		{ background-position:-70px -70px;}
.MobileAppCapability ul.accordion li .accordDetail div.nativ		{ background-position:0 -140px;}
.MobileAppCapability ul.accordion li .accordDetail div.pdf			{ background-position:-70px -140px;}
.MobileAppCapability ul.accordion li .accordDetail div.barcode		{ background-position:0 -210px;}
.MobileAppCapability ul.accordion li .accordDetail div.party		{ background-position:-70px -210px;}
.MobileAppCapability ul.accordion li .accordDetail div.rss			{ background-position:0 -280px;}
.MobileAppCapability ul.accordion li .accordDetail div.device		{ background-position:-70px -280px;}
.MobileAppCapability ul.accordion li .accordDetail div.game		{ background-position:0 -350px;}
.MobileAppCapability ul.accordion li .accordDetail div.livephoto	{ background-position:-70px -350px;}
.MobileAppCapability ul.accordion li .accordDetail div.augment		{ background-position:0 -420px;}
.MobileAppCapability ul.accordion li .accordDetail div.livedata	{ background-position:-70px -420px;}
.MobileAppCapability ul.accordion li .accordDetail div.backup		{ background-position:0 -490px;}
.MobileAppCapability ul.accordion li .accordDetail div.manage		{ background-position:-70px -490px;}
.MobileAppCapability ul.accordion li .accordDetail div.pushnoti	{ background-position:0 -560px;}
.MobileAppCapability ul.accordion li .accordDetail div.cloud		{ background-position:-70px -560px;}
.MobileAppCapability ul.accordion li .accordDetail div.admbo		{ background-position:0 -630px;}
.MobileAppCapability ul.accordion li .accordDetail div.cross		{ background-position:-70px -630px;}
.MobileAppCapability ul.accordion li .accordDetail div.webser		{ background-position:0 -700px;}
.MobileAppCapability ul.accordion li .accordDetail div.multi		{ background-position:-70px -700px;}
.MobileAppCapability ul.accordion li .accordDetail div.payment		{ background-position:0 -770px;}
.MobileAppCapability ul.accordion li .accordDetail div.mchat		{ background-position:-70px -770px;}
.sliderMobileApp { border-bottom:0px solid #dadada; margin-bottom:0;}

.mobileAppProcess{text-align:center;margin: 15px 0 30px;}
.hireCntBox .formRight h2 { margin:0 0 20px;}

.ourOfferingsServices {background: #efefef none repeat scroll 0 0;padding:0;}
.ourOfferingsServices .formRight { border-color:#fff;}
.ourOfferingsServices .formLeft h2 { margin-top:25px;}
.ourOfferingsServices ul.ourOfferingsServices li{ float:left; width:31%; margin:0 1% 4%; text-align:center;}
.ourOfferingsServices ul.ourOfferingsServices li {font-size:14px; color:#444f4f; font-family:'open_sanssemibold'; min-height:155px; display:block; text-align:center; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.ourOfferingsServices ul.ourOfferingsServices li:hover {color:#2AA18D;}
.ourOfferingsServices ul.ourOfferingsServices li span{ width:107px; height:107px; display:inline-table; 
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s;	
-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; 	-o-transition-property: -o-transform; transition-property: transform;}
.ourOfferingsServices ul.ourOfferingsServices li:hover span{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
.ourOfferingsServices ul.ourOfferingsServices li  p { padding-top:10px;}
.ourOfferingsServices .mCommerceSprite														{ background:url(images/mobile-commerce-sprite.png) no-repeat;}
.ourOfferingsServices .mCommerceAppDevelopment												{ background-position:0 0;}
.ourOfferingsServices ul.ourOfferingsServices li:hover > span.mCommerceAppDevelopment		{ background-position:0 -120px;}
.ourOfferingsServices .mCommerceDevelopmentRetail											{ background-position:-119px 0;}
.ourOfferingsServices ul.ourOfferingsServices li:hover > span.mCommerceDevelopmentRetail	{ background-position:-119px -120px;}
.ourOfferingsServices .mCommerceThemeTemplate												{ background-position:-240px 0;}
.ourOfferingsServices ul.ourOfferingsServices li:hover > span.mCommerceThemeTemplate		{ background-position:-240px -120px;}
.ourOfferingsServices .mCommercePaymentGateway												{ background-position:0 -241px;}
.ourOfferingsServices ul.ourOfferingsServices li:hover > span.mCommercePaymentGateway		{ background-position:0 -361px;}
.ourOfferingsServices .mCommerceMicroPayment												{ background-position:-119px -241px;}
.ourOfferingsServices ul.ourOfferingsServices li:hover > span.mCommerceMicroPayment			{ background-position:-119px -361px;}
.ourOfferingsServices .mCommerceEnterprise													{ background-position:-240px -241px;}
.ourOfferingsServices ul.ourOfferingsServices li:hover > span.mCommerceEnterprise			{ background-position:-240px -361px;}

.optimizeBusiness { border-top:1px solid #efefef; padding:30px 0;}
.benefitedMobileOptimized { background:url(images/benefited-mobile-optimized-bg.jpg) top center no-repeat #fcfcfc; padding:30px 0;}
.benefitedMobileOptimized .imgBox { float:left; margin-right:40px;width:20%;}
.benefitedMobileOptimized .imgBox img{max-width:100%;}
.benefitedMobileOptimized .txtCntBox {width:75%; float:left;}
.benefitedMobileOptimized .txtCntBox h3 { text-align:left; margin:0 0 30px 0;}

.reasonsChoose{padding:0 0 30px;}
.mProcessCnt { width:100%; float:left; padding:20px 0; background:#f8f8f8;}
.mProcessCnt img{max-width:100%;}
.mProcessCnt ul { width:100%; float:left; margin-top:20px;}
.mProcessCnt ul li { font-size:16px; margin-bottom:20px;}
.mProcessCnt ul li strong { font-size:16px;}
.mProcessCnt ul li.proc1 strong { color:#53c2f0;}
.mProcessCnt ul li.proc2 strong { color:#7366b5;}
.mProcessCnt ul li.proc3 strong { color:#d357ab;}
.mProcessCnt ul li.proc4 strong { color:#fe7273;}
.mProcessCnt ul li.proc5 strong { color:#f49b33;}
.mProcessCnt ul li.proc6 strong { color:#fedf2d;}
.mProcessCnt ul li.proc7 strong { color:#288b4b;}
.mProcessCnt ul li.proc8 strong { color:#0c5525;}
.mProcessCnt ul li.proc9 strong { color:#42b918;}
.upgradeServices { width:100%; float:left; padding:20px 0;}
.upgradeServices ul { width:100%; float:left; border-bottom:1px solid #e4e4e4;}
.upgradeServices ul li { width:100%; float:left; border:1px solid #e4e4e4; border-bottom:0 none;}
.upgradeServices ul li h3 { margin:2% 0 5px 0; text-align:left; width:76%; float:right;clear:none;}
.upgradeServices ul li p { margin:0;width:76%; float:right;}
.upgradeServices ul li .ico { width:22%; height:110px; float:left; border-right:1px solid #e4e4e4; background:url(images/upgrade-services.png) no-repeat;  transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.upgradeServices ul li:hover .ico { -moz-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); -o-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); -ms-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg);}
.upgradeServices ul li .Cross { background-position:21px 21px;}
.upgradeServices ul li .Device { background-position:21px -133px;}
.upgradeServices ul li .Platform { background-position:21px -282px;}
.whyMigration { background:url(images/upgrade-migration-why.jpg) center center no-repeat #000;clear:both; color:#fff;}
.whyMigration .cmnHeading h2 { color:#fff; margin:0 0 25px;}
.whyMigration .cmnHeading .formLeft h2 { margin-top:30px;}
.whyMigration  ul.pointList li { margin-bottom:20px; color:#fff; line-height:22px; font-family:"open_sansregular";}
.discussUpgradeMigration { width:29%; float:right; background:url(images/t-bg.png) top left repeat; border:0 none;}
.discussUpgradeMigration .FormBgTitle { font-size:23px; font-family: 'open_sansregular'; background:none; padding:15px 0 0 0; color:#fff;}
.discussUpgradeMigration .FormBgTitle strong { font-family: 'open_sansbold'; font-weight:normal;}
ul.formBlock li.pgCaptchas input[type="text"] { background-image:inherit; padding-left:12px !important}


.MobAppDev { margin-bottom:15px;}
.MobAppDev h2 { text-align:left; margin:2% 0 10px 0;}
.MobAppDev p { color:#505050; line-height:22px; margin:0 0 5px 0;}
.MobAppDev p a.read { background:#2AA18D; padding:2px 8px 3px; color:#fff; border-radius:3px; -web-kit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; display:inline-block}
.MobAppDev .ico { width:22%; min-height:190px; float:left; background:url(images/hire-mobile-app-ico.png) no-repeat #fff; box-shadow:0 0 10px #bbb; 
transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.MobAppDev .ico:hover { -moz-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); -o-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); -ms-transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg); transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg);}
.MobAppDev .Cnt { float:right; margin:0 0 10px 0;width: 76%;}
.MobAppDev.iPhoneMobAppDev { background:#f1f2f2;}
.MobAppDev.iPhoneMobAppDev .ico { background-position:55px 15px;}
.MobAppDev.iPadMobAppDev { background:#e0e0e0;}
.MobAppDev.iPadMobAppDev .ico { background-position:55px -285px;}
.MobAppDev.AndroidMobAppDev { background:#e0f0cf;}
.MobAppDev.AndroidMobAppDev .ico { background-position:60px -585px;}
.MobAppDev.WindowsCeMobAppDev { background:#fef2de;}
.MobAppDev.WindowsCeMobAppDev .ico { background-position:-212px 25px;}
.MobAppDev.WindowsPhMobAppDev { background:#d2f4ff;}
.MobAppDev.WindowsPhMobAppDev .ico { background-position:-215px -285px;}
.MobAppDev.BlackBerryMobAppDev { background:#ededed;}
.MobAppDev.BlackBerryMobAppDev .ico { background-position:-210px -560px;}

/*CMS customization*/

.customization{padding:25px 0;}
.customization .title{ font-family: 'open_sansbold';font-size:32px;}
.customization .cmsLogo { margin-top:15px; padding-bottom:5px}
.customization .cmsLogo li{ float:left; padding:0 24px 15px 0; background:none;}
.customization .cmsLogo li a {margin:0; height:100px; width:100px; border: 5px solid #74ba44; display:block;border-radius:50%;}
.customization .cmsLogo li a img { width:100px; max-width:100%;}
.customization .cmsLogo li a.joomla-icon{border:5px solid #74ba44}
.customization .cmsLogo li a.wordpress-icon{border:5px solid #5187af}
.customization .cmsLogo li a.drupal-icon{border:5px solid #0173ba}
.customization .cmsLogo li a.silvercms-icon{border:5px solid #5e8f2c}
.customization .cmsLogo li a.sharepoint-icon{border:5px solid #ffd601}
.customization .cmsLogo li a:hover, .item-page .cmsLogo li a:active, .item-page .cmsLogo a:focus{ border:4px solid #2AA18D;transition:all 0.8s ease; -webkit-transition:all 0.8s ease;}

/*Joola Development*/
body.joomla-development .entry-header, body.wordpress-development .entry-header, body.drupal-development .entry-header, body.sharepoint-development .entry-header, body.silver-cms .entry-header{display:none;}

/***** Joomla Section *******/
.sprite {background-image: url("images/sprite.png");background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
.joomlaSolution { padding:30px 0; background:#f1f2f2; width:100%; margin: 0 auto; display:block;}
.joomlaSolution.joomlaSolutionBlock { background:none;}
.joomlaSolution.joomlaSolutionBlock ul{ margin-bottom:0;}
.joomlaSolution header { width:1170px; margin:0 auto;}
.joomlaSolution h2{ font:32px 'open_sansbold'; display:block; text-align:center; text-transform: capitalize; letter-spacing:1px; padding-bottom:2.5%; letter-spacing:1px; color:#2d2d2d; } 
ul.joomlaSolutionCont { list-style:none;}
ul.joomlaSolutionCont {text-align:center; margin-bottom:30px;}
ul.joomlaSolutionCont li { display:inline-block; vertical-align:top; width:19.5%;}
ul.joomlaSolutionCont li span, ul.joomlaSolutionCont li div { display:block; text-align:center;}
ul.joomlaSolutionCont li a, ul.joomlaSolutionCont li  { font-size:18px;  font-family: 'open_sansregular'; display:inline-block; text-align:center;}
ul.joomlaSolutionCont li:hover {color:#0072bc;}
ul.joomlaSolutionCont li:hover span { background-color:#3aa0e3; -moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg); box-shadow:0 0 10px rgba(0,0,0,0.7);}
ul.joomlaSolutionCont li a span, ul.joomlaSolutionCont li span, ul.joomlaSolutionCont li div { border-radius:50%; -web-kit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%;}
.Enterprise, .ContentMan, .Ecommerce, .JoomlaExtD, .Joomlatheme { width:95px; height:95px; background-color:#0072bc;  margin:0 auto 15px; position:relative;}
ul.joomlaSolutionCont li a span span { position:absolute; top:110px; width:200px; text-align:center; left:0; right:0;}
.Enterprise { background-position:-5px 3px;}
.ContentMan { background-position:-192px 8px;}
.Ecommerce { background-position:-103px 8px;}
.JoomlaExtD { background-position:-292px 5px;}
.Joomlatheme { background-position:-385px 8px;}
a span.hoverEffect, .a span, .JoomlaDevelopmentServices ul li a, .JoomlaDevelopmentServices ul li a span, ul li { transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.sharepoint-development ul.joomlaSolutionCont li {width:16%;}

.joomlaVitueSection { padding: 30px 0;}

/*************** joomla section end ***************/

/**************Joomla Services*************/

.JoomlaServicesForm { padding:30px 0 0; display:block;}
.JoomlaServicesForm h2 {  font-size:25px; font-family: 'open_sansbold'; padding-bottom:2.4%; line-height:32px; margin:0 0 20px; padding:0; color:#2d2d2d;}
.JoomlaServicesForm p { font-family: 'open_sansregular'; font-size:16px; line-height:27px; margin-bottom:3%;}
.DevelopmentCompany p {font-family: 'open_sansregular'; font-size:16px; line-height:27px; color:#505050}
.JoomlaServicesForm ul li { display:inline-block; vertical-align:top; width:32%; margin-bottom:28px;}
.JoomlaServicesForm ul li { display:inline-block; font-size:16px; line-height:30px;}
.JoomlaServicesForm ul li span { display:block; width:54px; height:54px; border:1px solid #939393; border-radius:50%; -web-kit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; float:left; margin-right:15px; background-color:#fff;}
.JoomlaServicesForm ul li, .JoomlaServicesForm ul li span, ul li {transition: all 350ms ease;}
.JoomlaServicesForm .magentoService li {line-height: 20px;}
.magentoService li i {color: #fff; font-family:"open_sanssemibold"; font-size:15px;}
span.joomlawebsite { background-position:-25px -81px;}
span.joomlatheme { background-position:-25px -147px;}
span.joomlaintegration { background-position:-25px -218px;}
span.joomlawebdevelopment { background-position:-24px -286px;}
span.joomlamoduleD { background-position:-23px -355px;} 
span.joomlamentS { background-position:-25px -424px;}
.joomlaAppDev { background-position:-83px -80px;}
span.joomlaPortalDev { background-position:-83px -148px;}
span.installationConfig { background-position:-83px -215px;}
span.joomlaExtDev { background-position:-83px -285px;}
span.joomlaCustomDev { background-position:-83px -355px;}
span.joomlaExtIntegration  { background-position:-83px -424px;}
.JoomlaServicesForm ul li:hover span { background-color:#257e9e; border:1px solid #000; }
.JoomlaServicesForm ul li:hover span.joomlawebsite { background-position:-25px -115px;}
.JoomlaServicesForm ul li:hover span.joomlatheme { background-position:-25px -182px;}
.JoomlaServicesForm ul li:hover span.joomlaintegration { background-position:-25px -252px;}
.JoomlaServicesForm ul li:hover span.joomlawebdevelopment { background-position:-25px -319px;}
.JoomlaServicesForm ul li:hover span.joomlamoduleD { background-position:-23px -391px;} 
.JoomlaServicesForm ul li:hover span.joomlamentS { background-position:-25px -459px;}
.JoomlaServicesForm ul li:hover span.joomlaAppDev { background-position:-83px -113px;}
.JoomlaServicesForm ul li:hover span.joomlaPortalDev { background-position:-83px -183px;}
.JoomlaServicesForm ul li:hover span.installationConfig { background-position:-83px -250px;}
.JoomlaServicesForm ul li:hover span.joomlaExtDev { background-position:-83px -320px;}
.JoomlaServicesForm ul li:hover span.joomlaCustomDev { background-position:-83px -388px;}
.JoomlaServicesForm ul li:hover span.joomlaExtIntegration  { background-position:-83px -458px;}
/**************Joomla Services*************/

.DevelopmentCompany {color:#2d2d2d; display: block;float: left;padding-top: 10px;width: 52%;}
.DevelopmentCompanyImage {float: right;width: 43%; overflow:hidden; margin-top:20px;}
.DevelopmentCompanyImage img { max-width:100%;}
ul.CompanyDetail {width:100%; padding:0; display:block; vertical-align:top; text-align:center; clear:both;}
.joomla-development ul.CompanyDetail {padding:3% 0 0 0;}
ul.CompanyDetail li { width:14%; display:inline-block; vertical-align:top;   list-style:none; padding:0px; background:none; }
ul.CompanyDetail li:last-child{ border-right:0;}
ul.CompanyDetail li img {transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:65px; height:65px; }
ul.CompanyDetail li:hover img {-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);}
ul.CompanyDetail li span { display:block; text-align:center; margin:0px auto;   font-family:'open_sanssemibold'; font-size:14px; line-height:21px; color:#2d2d2d;}
ul.CompanyDetail li span.HighlyProf { padding:12% 0; margin-bottom:6%; border-right:1px solid #e1e4e7; line-height: 0;}
ul.CompanyDetail li.item-0 span.HighlyProf { background:#2fb1e0;}
ul.CompanyDetail li.item-1 span.HighlyProf { background:#97cb6f;}
ul.CompanyDetail li.item-2 span.HighlyProf  { background:#b88ccf;}
ul.CompanyDetail li.item-3 span.HighlyProf { background:#6ac7c1;}
ul.CompanyDetail li.item-4 span.HighlyProf  { background:#ff9537;}
ul.CompanyDetail li.item-5 span.HighlyProf  { background:#f4867b;}
ul.CompanyDetail li.item-6 span.HighlyProf  { background:#bfc5cb;}
ul.CompanyDetail li.item-0:hover span.HighlyProf{ background:#0076a1;}
ul.CompanyDetail li.item-1:hover span.HighlyProf{ background:#67b729;}
ul.CompanyDetail li.item-2:hover span.HighlyProf { background:#9e59c3;}
ul.CompanyDetail li.item-3:hover span.HighlyProf{ background:#3fbcb4;}
ul.CompanyDetail li.item-4:hover span.HighlyProf { background:#ef7000;}
ul.CompanyDetail li.item-5:hover span.HighlyProf { background:#ed5546;}
ul.CompanyDetail li.item-6:hover span.HighlyProf { background:#9ea3a8;} 

.Developmenttitle {color: #505050;padding-top: 4%; font-size:16px;}
.richsnippetsvote { font-size:16px;}
.CompanyDetail.padTop {padding-top: 30px;}

/*Magento Development*/

.magentoDevelopment{background: #f1f2f2 none repeat scroll 0 0;display: block;margin: 0 auto;width: 100%;}

.magento-development .entry-header{display:none;}
.magento-development .joomlaSolution {padding:0;}
.servicePart{ width:100%; float:left; padding:24px 0 0; vertical-align:top;}
.servicePart h2{display: block;   font:32px 'open_sansbold'; padding-bottom: 40px; text-align: left; text-transform: capitalize;margin:0; color:#2d2d2d;}
.servicePart ul.magentoService{}
.servicePart ul.magentoService li{ float:left; width:33%; margin-bottom:8%;}
.servicePart ul.magentoService li a{font-size:15px; color:#FFF;   font-family: 'open_sansregular'; min-height:58px; display:block;}
.servicePart ul.magentoService li a span{ height:58px; width:58px; margin-right:21px; float:left; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.servicePart ul.magentoService li a p{ padding-top:10px;}
.mangetoSolution{ margin-bottom:22px;}
.mangetoSolution li {float: left;padding-bottom: 50px;text-align: center;width: 33.33%;}
.mangetoSolution li div.sprite{ line-height:64px; height:58px; width:72px; margin-bottom:6px; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.mangetoSolution li .community{ background-position:-511px -134px;}
.mangetoSolution li:hover .community{background-position:-511px -202px;}
.mangetoSolution li .enterprise{ background-position:-505px -264px;}
.mangetoSolution li:hover .enterprise{background-position:-506px -326px;}
.mangetoSolution li .customization{ background-position:-511px -387px;}
.mangetoSolution li:hover .customization{background-position:-511px -445px;}
.mangetoSolution li .development{ background-position:-433px -380px;}
.mangetoSolution li:hover .development{background-position:-433px -437px;}
.mangetoSolution li .theming{ background-position:-364px -374px;}
.mangetoSolution li:hover .theming{background-position:-364px -430px;}
.mangetoSolution li .commerce {background-position: -364px -502px;width:97px !important;}
.mangetoSolution li:hover .commerce {background-position: -364px -554px;}
.mangetoSolution li p{ border-top:1px solid #bbbbbb; min-height: 70px; background:url(images/arrow-bottom.png) no-repeat center top; padding:23px 22.7px 0px 22.7px; font-size:16px; color:#444f4f;  font-family: 'open_sansregular';}
.mangetoSolution li:hover p{ background:url(images/arrow-bottom-hover.png) no-repeat center top; color:#011c2f;}
.mangetoSolutionCon{}
.mangetoSolutionCon p{ color:#000; font-size:16px; font-family: 'open_sansregular'; line-height:27px; color:#444f4f;}

/*Magento Solution */
.mgtSolLeft { float:left; width:72%;}
.mgtSolRight { float:right; width:25%;}
.mgtSolRight ul.formBlock li { color:#f5fbff; font-size:16px;  margin-bottom: 12px;}
.mgtSolRight ul.formBlock li input[type="checkbox"] {margin-right: 10px;}
.JoomlaServicesForm .mgtSolRight ul li { width:100%;}
#bcaptcha_magentoecommerce { float: left; margin: 0 3% 0 0; width: 55%; padding-top: 6px; padding-bottom: 6px;}

.discussYourProject {background: #f6f6f6 none repeat scroll 0 0;float: left;width: 100%;}
.discussYourProject .magentoStore {background: #4b5c68 none repeat scroll 0 0;border-bottom: 8px solid #3778a6;    padding: 0;}
.magentoStore .FormBgTitle{font-family: 'open_sansbold'; font-size:24px; background:none; padding:24px 0 10px 0; text-align:center;color:#fff;}
.discussYourProject .couponCode {background:url("images/coupon-code.png") no-repeat scroll 0 0;display: block;height: 108px;margin: 0 auto;text-indent: -9999px;width: 241px;}
.projectDiscussForm {padding: 15px;}
.projectDiscussForm .viewSilver {background: #697883 none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 13px;line-height: 26px;margin-bottom: 10px;padding: 0 0 0 8px;   width: 100%;}
.projectDiscussForm .viewSilver .arrow {background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -738px -577px;float: right;height: 26px;width: 29px;}

#adminForm input, #adminForm textarea, #magentostoreform input, #magentostoreform textarea {background-color: #fff; border: 1px solid #e3e3e3; font-size: 16px; margin-bottom: 8px; padding: 10px 10px 10px 37px; width: 100%;}
#adminForm #pdsend { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #f37021 none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #ae4405; border-image: none; border-style: none none solid; border-width: medium medium 2px; color: #fff; cursor: pointer; display: block; font-family: "open_sanssemibold"; font-size: 20px; font-weight: normal; padding: 12px 25px; width: 100%;float:left;}
#magentostoreform #pdsend { background: #eee10d none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #000; cursor: pointer; display: block; font-family: "open_sanssemibold"; font-size: 18px; height: 42px; line-height: 42px; margin: 10px auto 0; padding: 0; width: 168px;}
#adminForm #pdsend:hover, #magentostoreform #pdsend:hover { background: #de5300 none repeat scroll 0 0}
.startProButton { background: #eee10d none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #000; cursor: pointer; display: block; font-family: "open_sanssemibold"; font-size: 14px; height: 42px; line-height: 42px; margin: 0 auto 15px; padding: 0; width: 168px;}
.startProButton:hover { background: #ffde67 none repeat scroll 0 0}
#adminForm input.Username, #magentostoreform input.Username { background-position: -793px -280px}
#adminForm input.Emailfld, #magentostoreform input.Emailfld { background-position: -793px -386px}
#adminForm input.PhoneNumber, #magentostoreform input.PhoneNumber { background-position: -793px -332px}
#adminForm input.URL, #magentostoreform input.URL { background-position: -793px -559px}
#adminForm input.Bussiness, #magentostoreform input.Bussiness { background-position: -794px -605px}
#adminForm textarea.msg { background: #fff;}
#adminForm input.uploadFile { background-position: -793px -494px}
#adminForm .reqCaptcha img, .JoomlaServicesForm  .requestCaptcha img { float: left; height: 45px; width: 39%;}
#adminForm .reqCaptcha input.scaptcha, .JoomlaServicesForm  .requestCaptcha input.captcha { float: right; padding: 10px; width: 58% !important;}
#adminForm br { display: none}
.note { color: #ffff00; display: block; margin-bottom: 8px;}

.mangetoSolutionCon {float: left;width:70%;text-align:left;}
.eBookMagentoSecImg {float: right;width:25%; margin-bottom:25px;}
.eBookMagentoSecImg img{max-width:100%;}

.servicesSection {background: #195077 none repeat scroll 0 0;padding: 0;}
.servicesSection .servicePart h2 {color: #c7e8ff;display: block;font-family: "open_sansbold";font-size: 26px;letter-spacing: 1px;padding-bottom: 40px;text-align: left;text-transform: uppercase;}
.servicePart ul.magentoService {}
.servicesSection .servicePart ul.magentoService li {float: left; margin-bottom: 3%; width: 33.33%;}
.servicesSection .servicePart ul.magentoService li a {color: #fff; display: block; font-family: "open_sanssemibold"; font-size: 15px;}
.servicesSection .servicePart ul.magentoService li a:hover{color:#c7e8ff;}

.servicesSection .servicePart ul.magentoService li a span {float: left; height: 58px; margin-right: 21px; transition: all 0.8s ease 0s; width: 58px;}
.servicesSection .servicePart ul.magentoService li a p {padding-top: 10px}
.servicesSection .servicePart ul.magentoService li a br{display:none;}
.servicesSection .discussPart {background: rgba(0, 0, 0, 0) url("images/discussbg.jpg") no-repeat scroll left top; float: right; padding: 24px 30px; vertical-align: top; width: 30%;}
.servicesSection .discussPart h2 {color: #c7e8ff; display: block;  font-size: 24px; padding-bottom: 18px; text-align: center; text-transform: uppercase;}
.servicesSection .website { background-position: -639px -80px}
.servicesSection .servicePart ul.magentoService li:hover > span.website {background-position: -639px -152px}
.servicesSection .extension {background-position: -639px -225px}
.servicesSection .servicePart ul.magentoService li:hover > span.extension {background-position: -639px -304px}
.servicesSection .eCommerce {background-position: -639px -382px}
.servicesSection .servicePart ul.magentoService li:hover > span.eCommerce {background-position: -639px -449px}
.servicesSection .templateDesign {background-position: -713px -9px}
.servicesSection .servicePart ul.magentoService li:hover > span.templateDesign {background-position: -713px -80px}
.magentoMobile {background-position: -710px -152px}
.servicesSection .servicePart ul.magentoService li:hover > span.magentoMobile {background-position: -710px -218px}
.servicesSection .psdMagento {background-position: -713px -286px}
.servicesSection .servicePart ul.magentoService li:hover > span.psdMagento {background-position: -713px -354px}
.servicesSection .magentoResponsive {background-position: -722px -424px}
.servicesSection .servicePart ul.magentoService li:hover > span.magentoResponsive {background-position: -722px -488px}
.servicesSection .magentoHosting {background-position: -780px -10px}
.servicesSection .servicePart ul.magentoService li:hover > span.magentoHosting {background-position: -780px -80px}
.servicesSection .magentoSupport {background-position: -780px -152px}
.servicesSection .servicePart ul.magentoService li:hover > span.magentoSupport {background-position: -780px -218px}
a.yellowBg {background: #eee10d none repeat scroll 0 0; color: #1e1e1e;}
a.yellowBg:hover {background: #f4cf4a none repeat scroll 0 0; color: #fff;}
.viewPortfo {bottom: 20px; left: 50%; position: absolute;}
.viewPortfo a {font-family: "open_sanssemibold"; font-size: 18px; padding: 14px;}
.magento-development  .discussYourProject {background: rgba(0, 0, 0, 0) url("images/discussbg.jpg") no-repeat scroll center top / cover ;}
.magento-development .FormBgTitle {text-transform:uppercase;font-family: "open_sansbold";font-size: 24px;padding: 24px 0 10px;text-align: center;color:#fff;}
.discussYourProject .absolutelyFree {background: rgba(0, 0, 0, 0) url("images/absolutely-free.png") no-repeat scroll 0 0;display: block;height: 108px;margin: 0 auto;text-indent: -9999px;    width: 241px;}

.benifit {background:url("images/benifit-bg.jpg") no-repeat scroll center top;padding: 0 0 30px;}
.benifit h2 {color: #fff;font-size: 48px;padding:0 0 50px; margin:0;font-family: "open_sanslight";}
.boldFour {color: #fff;float: left;font-family: "robotomedium";font-size: 122px;margin-right: 25px;}
.benifitTest {display: table;padding-top: 25px;text-shadow: 0 4px 0 #000;}
.benifitTest2 {display: table;font-family: "open_sanssemibold";font-size: 41px;}
.ueser {border: 2px solid #8c8c8c;padding: 17px 19px;}
.ueser li {background: #000 none repeat scroll 0 0;border-radius: 5px;color: #fff;float: left;font-family: "open_sansbold";font-size: 16px;margin-left: 29px;min-height: 118px;padding: 35px 40px 0 20px;   position: relative;    text-transform: uppercase;    width: 23%;}
.ueser li:first-child {margin-left: 0;}
.ueser li:last-child {margin-right: 0;}
.ueser li strong {background: #fff none repeat scroll 0 0;border-radius: 50px;color: #404040;font-family: "open_sansbold";font-size: 27px;height: 60px;padding-top: 10px;position: absolute;right: -4px;text-align: center;top: -45px;transition: all 300ms ease 0s;width: 60px;}
.ueser li:hover strong {transform: scale(1.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg);}

.whyChoose {background: #195077 url("images/why-choose-sec.png") repeat-x scroll center top;padding: 20px 0;}
.whyChoose h2 {color: #2d2d2d;font-family: "open_sansbold";font-size: 26px;padding: 0 0 35px;text-align: center;text-transform: uppercase;margin:0;}
.whyChoose ul li:first-child {padding-left: 0;}
.whyChoose ul li:first-child {margin-left: 0;}
.whyChoose ul li {float: left;margin-left: 2.5%;width: 18%;}
.whyChoose ul li div.text {color: #fff;float: right;font-size: 16px;width: 80%;}
.whyChoose ul li strong {background: #cbe9ff none repeat scroll 0 0;border-radius: 50px;color: #316489;float: left;font-size: 18px;height: 30px;    padding-top: 3px;    text-align: center;    width: 30px;}

.magento-development .staticMobileContent{background:none;padding:0 0 25px;}
.whySelectCont {float: left;padding-top: 2%;width: 61%;}
.whySelectContImage {float: right;width: 35%;}
.whySelect h2 {color: #2d2d2d;font-family: "open_sansbold";font-size: 28px;letter-spacing: 0.5px;line-height: 33px;margin-bottom: 10px;text-transform: capitalize;}
.whySelectContImage img{max-width:100%;}
.whySelect p {color: #505050;font-size: 16px;line-height: 25px;}

.joomlaExtensionsCaseStudy {background: rgba(0, 0, 0, 0) url("images/case-studiesSection.png") no-repeat scroll center top / cover ;padding: 2% 0;}
.casestudiesSectionMagento {color: #fff;float: left;width: 35%;}
.joomlaExtensionsCaseStudy .casestudiesSectionMagento h2 {padding-bottom: 15px;font-family: "open_sanslight";font-size: 30px;font-weight: normal;padding:0 0 30px;text-transform: uppercase;color:#fff;margin:0;}
.casestudiesSectionMagento ul li {border-bottom: 1px solid #35709a;clear: both;display: block; font-size: 16px;font-weight: normal;vertical-align: middle; padding:15px 0;}
.casestudiesSectionMagento ul li a {color: #ffffff;display: block;padding: 0 10px;}
.casestudiesSectionMagento ul li > p{display:none;}
.casestudiesSectionMagento .textDetail {display: inline-block;padding-right: 10px;vertical-align: middle;width: 340px;}
.casestudiesSectionMagento .pdfIcon {display: inline-block;vertical-align: middle;}

.magentoExtention {color: #000;float: right;position: relative;width: 40%;}
.magentoExtention h2 {border-bottom: 0px solid #69626b;margin-bottom: 15px;padding-bottom:0px; font-family: "open_sanslight";font-size: 30px;font-weight: normal; margin:0 0 10px;}
.magentoLogo {background: rgba(0, 0, 0, 0) url("images/magento-logo.png") repeat scroll 0 0;display: inline-block;float: right;height: 60px;position: absolute;right: 0;top: 10px;width: 52px;}
.magentoExtention ul li {line-height: 18px;margin-bottom: 5%;min-height: 82px;padding: 5px 40px 5px 10px;width: 100%;}
.magentoExtention ul li .magentoExtentionImage {display: block;float: left;height: 70px;margin-right: 15px;width: 70px;}
.magentoExtention ul li strong {font-family: "open_sanssemibold";font-size:18px;font-weight: normal; display:block;}
.magentoExtention .linkDetail {padding-left: 84px;}
.magentoExtention ul li p {font-size: 14px; margin:0; line-height: 20px;}
.magentoExtention ul li a {color: #195077 !important; display:block; padding:12px 0px 0;}
.magentoExtention a{ padding:10px 15px;}
div.ViewLink {display: block;margin-left: 95px;}
.LinkColor {display: block;float: left;margin: 40px auto 0;width: 130px;}
a.yellowColor {background: #e8dc18 none repeat scroll 0 0; float: left;margin-right: 3%;color: #000;font-family: "open_sansbold"; font-size:18px;padding:11px 20px;border-radius:5px; text-transform:uppercase;}
a.yellowColor:hover{color:#fff; background:#2d2d2d;}
.casestudiesSectionMagento ul li a:hover {background: #285e84 none repeat scroll 0 0;}
.magentoExtention ul li:hover{background:#fff;}

/*Checkbox*/
.chackBoxGroup { margin-bottom: 10px; }
.chackBoxGroup li { padding: 8px 0; }
.chackBoxGroup [type="checkbox"]:not(:checked), .chackBoxGroup [type="checkbox"]:checked {left: -9999px; position: absolute;}
.chackBoxGroup  label, .chackBoxGroup label {color: #f5fbff; cursor: pointer; font-size: 16px; padding-left: 40px; position: relative;}
.chackBoxGroup [type="checkbox"]:not(:checked) + label::before, .chackBoxGroup [type="checkbox"]:checked + label::before { background: #f5fbff none repeat scroll 0 0; border: 0 none; content: ""; height: 20px;  left: 0; position: absolute; top: 2px; width: 20px; }
.chackBoxGroup [type="checkbox"]:not(:checked) + label::after, .chackBoxGroup [type="checkbox"]:checked + label::after { color: #4b5c68; content: "✔"; font-size: 16px; left: 4px; position: absolute; top: 0;     transition: all 0.2s ease 0s; }
/*Offshore Development */

.components{box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);clear: both;padding: 30px 0;}
.components .title{font-family: "open_sansbold";font-size:25px;margin-bottom:20px;}
.components .imageSubtitle{text-align:center;font-style:italic; font-size:18px;}
.components img{max-width:100%; text-align:center;}
.components p.center{text-align:center;}
.components ul{margin-bottom:10px;}

ul.serviceOffers{margin:0; padding:0; list-style:none;text-align:center;}
ul.serviceOffers li{background:url("images/sr-line.gif") no-repeat right center;float: none;margin-bottom: 30px;padding: 0 15px;text-align: center;width: 33%;min-height:175px;display:inline-block}
ul.serviceOffers li .title {color: #484848;font-size: 18px;padding: 8px 0;margin:0;}
ul.serviceOffers li:nth-child(3n-3) {background:none;}
ul.serviceOffers li p, ul.serviceOffers li p.title {font-size: 14px; line-height: inherit; margin-bottom: 0; padding-bottom:0;}
.product-development ul.serviceOffers li , .dedicated-support-center ul.serviceOffers li{ margin-bottom:15px; min-height:155px;}
.serviceOffers.padTop{ padding-top:20px;}

.dedicated-support-center ul.serviceOffers li:last-child{background:none;}
.offshore-development-center-2 .approch > ul > li, .offshore-development-center .approch > ul > li{display: inline-block; float: none; min-height: 335px; width: 48%; vertical-align: top;}

.seoServices{padding:30px 0;}
.seoServices .title{ color: #404040;font-family: "open_sanslight";font-size:30px;line-height: normal;margin: 0 0 20px;text-align:center;}

.appbg{background: #f8f8f8 none repeat scroll 0 0;box-shadow: 0 3px 4px #bbb;float: left;padding:40px 0 30px;position: relative;width: 100%;z-index: 1;}
.appbg h2{ color: #2d2d2d;font-family: "open_sansbold";font-size:32px;line-height: normal;margin: 0 0 20px;text-align:center; padding-bottom:2.5%;}
.appbg ul.Services {float: left;width: 100%;}
.appbg ul.Services li {float: left;margin: 0 1%;text-align: center;width: 18%;}
.appbg ul.Services li .ico {background: #fff url("images/seo-icon.png") no-repeat scroll 0 0;border-radius: 50px;display: inline-table;height: 85px;margin-bottom: 10px;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 85px;}
.appbg ul.Services li:hover .ico {transform: rotate(360deg);}
.appbg ul.Services li h4 {font-size: 16px;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; font-family:'open_sanssemibold'; color:#3d3d3d;}
.appbg ul.Services li:hover h4.ranking {color: #e38d25;}
.appbg ul.Services li .ico.ranking {background-color: #f6a441;background-position: 16px 18px;}
.appbg ul.Services li:hover .ico.ranking {background-color: #e38d25;}
.appbg ul.Services li:hover h4.visibility {color: #ee778b;}
.appbg ul.Services li .ico.visibility {background-color: #ee778b;background-position: -89px 25px;}
.appbg ul.Services li:hover .ico.visibility {background-color: #ee778b;}
.appbg ul.Services li:hover h4.analysis {color: #48ccc6;}
.appbg ul.Services li .ico.analysis {background-color: #71ded9;background-position: -209px 25px;}
.appbg ul.Services li:hover .ico.analysis {background-color: #48ccc6;}
.appbg ul.Services li:hover h4.social {color: #c0cf4f;}
.appbg ul.Services li .ico.social {background-color: #cdda6d;background-position: -323px 23px;}
.appbg ul.Services li:hover .ico.social {background-color: #c0cf4f;}
.appbg ul.Services li:hover h4.build {color: #7ac749;}
.appbg ul.Services li .ico.build {background-color: #8ed462;background-position: -438px 25px;}
.appbg ul.Services li:hover .ico.build {background-color: #7ac749;}

.SeoServicesCnt {background: #edecec none repeat scroll 0 0;float: left;padding: 20px 0 10px;width: 100%;}

.SeoServicesCntA { padding:20px 0;clear:both;}
.SeoServicesCntA .innerTwoCol .leftCol { width:38%;}
.SeoServicesCntA .innerTwoCol .leftCol img{max-width:100%;}
.SeoServicesCntA .innerTwoCol .rightCol { width:62%; padding-top:40px;}

.seobenifit {background: #edecec none repeat scroll 0 0;float: left;padding: 20px 0;width: 100%;}
.seobenifit h2 {color: #2d2d2d;font-size: 30px;margin-bottom: 20px; padding: 0;}
.seobenifit ul {float: left;width: 100%;}
.seobenifit ul li {float: left;margin-bottom: 20px;width: 100%;}
.seobenifit ul li h3 {color: #2d2d2d;font-size: 18px;margin: 8px 0 5px;text-align: left;width:90%; float:left;clear:none;}
.seobenifit ul li p{width:90%; float:left;}
.seobenifit ul li .ico {background: rgba(0, 0, 0, 0) url("images/seo-icon.png") no-repeat scroll 0 0;float: left;height: 65px;margin: 0 20px 0 0;text-align: left;transition: all 0.5s ease 0s;width: 65px;display:inline-block;}
.seobenifit ul li:hover .ico {transform: rotate(360deg);}
.seobenifit ul li .on-page {background-position: 0 -103px;}
.seobenifit ul li .analysis {background-position: -73px -103px;}
.seobenifit ul li .penalty {background-position: -144px -103px;}
.seobenifit ul li .content {background-position: -217px -103px;}
.seobenifit ul li .technical {background-position: -290px -103px;}
.seobenifit ul li .building {background-position: -362px -103px;}
.seobenifit ul li .online {background-position: -435px -103px;}

.seoMobileContent {background: rgba(0, 0, 0, 0) url("images/seo-optimization-bg.jpg") no-repeat scroll center top;float: left;width: 100%;}
.seoMobileContent > #middleContainer > .container{position:relative;}
.seoMobileContent h2 {color: #444f4f;font-size: 30px;margin-bottom: 20px; padding: 0;margin-top:0;}
.seoMobileContent #middleContainer {background: rgba(0, 0, 0, 0) url("images/cove-bg.png") no-repeat scroll 530px bottom; float: left;max-width: 100%;position: relative; width: 100%;}
.seoMobileContent .seoExpertsCove {}
.seoMobileContent .seoExpertsCnt {color: #fff;float: left;width: 60%;padding:30px 0 0;}
.seoMobileContent .seoExpertsCnt h2 {color: #fff;}
.seoMobileContent .seoExpertsCnt p {color: #fff;float: left;margin-top: 30px;width: 65%;}
.seoMobileContent .seoExpertsImg {bottom: 0;float: right;position: absolute;right: 0; width: 40%;}

.ppc-management .entry-header{display:none;}
.ppcManagement{padding:50px 0;text-align:center;}
.ppcManagement .ppcMainTag{display:inline-block;}
.ppcManagement .ppcMainTag .text{display:inline-block; float:left; text-align:right;}
.ppcManagement .ppcMainTag .image{display:inline-block; float:right;margin-left:100px;}
.ppcManagement .ppcMainTag .image img{width:auto;max-width:100%;}
.ppcManagement .ppcMainTag img{display:inline-block; float:right;}
.ppcManagement .ppcMainTag h2 {font-size: 36px;margin: 4% 0 8px;text-align: right;text-transform: uppercase;float:right;display:inline-block;clear:both; font-family: 'open_sansregular';}
.ppcManagement .ppcMainTag h1 {color: #ed4b23;font-size: 54px;margin:0 0 30px;text-align: right;text-transform: uppercase;float:right;display:inline-block;clear:both; font-family: 'open_sansregular';}
.ppcManagement .ppcMainTag p{clear:both;}
.theChallenge{background: #f1f2f2;padding: 20px 0;clear:both;}
.theChallenge .image{width:20%; float:left;}
.theChallenge .image img{width:auto;max-width:100%;}
.theChallenge .text{width:80%; float:right;}

.theChallenge .text h2{color: #444f4f;font-size: 30px;margin-bottom: 20px; padding: 0;font-family: 'open_sanssemibold';}
.advertizing {background: #1d7392;color: #fff;}
.advertizing .text{width:70%; float:left;}
.advertizing .text h2{font-family: 'open_sansregular';font-size:32px;margin-top:80px;}
.advertizing .image{width:30%; float:right;padding-top:10px;}
.advertizing .image img{float:right;max-width:100%; width:auto;}
.ppcApproach{background: #f2f3f3;}
.ppcApproach .image{margin-bottom: -3px;padding-top: 28px;text-align: right;width: 45%;float:left;}
.ppcApproach .image img{width:auto;max-width:100%;}
.ppcApproach .text{padding-top: 65px;width: 52%;float:right;}
.ppcApproach .text h2{font-size:36px; margin-bottom:20px;}
.youGet{padding: 25px 0;}
.youGet .image{float: right;text-align: right;width: 23%;}
.youGet .image img{width:auto;max-width:100%;}
.youGet .text{background: #f1f2f2 none repeat scroll 0 0; float: left;padding: 3%;width: 77%;}
.youGet .text h2{font-family: 'open_sansregular';font-size:32px;}
.efforts {background: #f1f2f2 none repeat scroll 0 0;padding-bottom: 20px;}
.efforts .image{ width: 32%;float:left;}
.efforts .image img{width:auto;max-width:100%;}
.efforts .text{padding-top: 30px;width: 68%;float:right;}
.efforts .text h2{font-size:32px; margin: 0 0 20px;}

/*Social Media Marketing*/
.social-media-marketing .entry-header{display:none;}
.marketingServices{ background: #f5f5f5;padding: 20px 0;}
.marketingServices h1{font-family: 'open_sansregular';font-size:36px;text-align:center;}
.semaphore{padding:30px 0;}
.semaphore h5 {font-family: 'open_sanslight';font-size: 35px;text-align: left;margin:0 0 20px;}
.semaphore h3{font-size:22px; text-transform:uppercase; margin:0 0 20px;}
.semaphoreHelp{background: #0f7fb1 url("images/social-bg.jpg") repeat-y scroll center top;color: #fff;padding: 30px 0 0;}
.semaphoreHelp .helpCnt, .semaphoreHelp .helpTouch {float: left;padding-top: 20px;width: 36%;}
.semaphoreHelp .helpCnt .tit {background: rgba(0, 0, 0, 0) url("images/help-bg.png") no-repeat scroll left top; color: #fff; float: left; margin-bottom: 30px;min-height: 105px;padding: 0 0 0 3%;width: 100%;}
.semaphoreHelp .helpCnt .tit h4 {color: #fff; font-family: 'open_sansregular';font-size: 35px;line-height: 45px;margin: 0;}
.semaphoreHelp .helpCnt .tit h5 {color: #fff; font-family: 'open_sanssemibold';font-size: 60px;line-height: 50px;margin:0}
.semaphoreHelp .helpCnt p {color: #fff;margin-bottom: 18px;}
.semaphoreHelp .helpCnt p.big {font-size: 20px;}
.semaphoreHelp .helpImg {float: left;text-align: center;width: 28%;}
.semaphoreHelp .helpImg img{max-width:100%;}

.semaphoreHelp .helpTouch ul {float: left;width: 100%;}
.semaphoreHelp .helpTouch ul li {float: left;font-size: 16px;margin-bottom: 25px;padding: 0 0 0 55px;width: 100%;}
.semaphoreHelp .helpTouch ul li.ico:hover {transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg);}
.semaphoreHelp .helpTouch ul li.ico {background: rgba(0, 0, 0, 0) url("images/help-touch-ico.png") no-repeat scroll 0 0;}
.semaphoreHelp .helpTouch ul li.icoA {background-position: 0 7px;}
.semaphoreHelp .helpTouch ul li.icoB {background-position: 0 -115px;}
.semaphoreHelp .helpTouch ul li.icoC {background-position: 0 -235px;}
.semaphoreHelp .helpTouch ul li.icoD {background-position: 0 -365px;}

.whyChooseSemaphore{padding: 20px 0;}
.whyChooseSemaphore h2{font-size:30px;font-family: 'open_sansregular';text-align:center; margin:0 0 10px;text-transform:uppercase;}
.whyChooseSemaphore h3{color:#1a88b1; margin:0 0 20px; text-align:center;font-family: 'open_sanssemibold'; font-size:26px;}
.whyChooseSemaphore ul {float: left;width: 100%;}
.whyChooseSemaphore ul li {background: #ededee none repeat scroll 0 0;margin: 0 0 3%;width: 48.5%;}
.whyChooseSemaphore ul li.smoLeft {float: left;}
.whyChooseSemaphore ul li.smoRight {float: right;}
.whyChooseSemaphore ul li .ico {background: #ededee url("images/smm-ico.png") no-repeat scroll 0 0;height: 100px;padding: 10px;transition: all 0.5s ease 0s;width: 100px;}
.whyChooseSemaphore ul li:hover .ico {background-color: #555;}
.whyChooseSemaphore ul li.smoLeft .ico {float: right;}
.whyChooseSemaphore ul li.smoRight .ico {float: left;}
.whyChooseSemaphore ul li.smoLeft:hover .ico {transform: scale(1) rotate(0deg) translateX(10px) translateY(0px) skewX(0deg);}
.whyChooseSemaphore ul li.smoRight:hover .ico {transform: scale(1) rotate(0deg) translateX(-10px) translateY(0px) skewX(0deg);}
.whyChooseSemaphore ul li .cnt {color: #333;padding: 10px;width: 77%;}
.whyChooseSemaphore ul li.smoLeft .cnt {float: left;}
.whyChooseSemaphore ul li.smoRight .cnt {float: right;}
.whyChooseSemaphore ul li .twitter {background-color: #2fb1e0;background-position: 20px 20px;}
.whyChooseSemaphore ul li .facebook {background-color: #3b5a98;background-position: -125px 20px;}
.whyChooseSemaphore ul li .gplus {background-color: #ce322e;background-position: 25px -115px;}
.whyChooseSemaphore ul li .in {background-color: #0b689d;background-position: -125px -115px;}
.whyChooseSemaphore ul li .pinterest {background-color: #e0e0e0;background-position: 21px -253px;}
.whyChooseSemaphore ul li .youTube {background-color: #ce322e; background-position: -125px -253px;}
.ExpertGuidance{padding:0 0 30px;}
.ExpertGuidance .container{border: 1px solid #ededee;padding: 20px;}
.ExpertGuidance h4 {font-family: 'open_sansregular';font-size: 30px; margin: 0 0 5px;}
.ExpertGuidance p{font-size:16px;}
.ExpertGuidance .leftCnt {float: left;width: 72%;}
.ExpertGuidance .yellowColor {float: right;margin: 2% 0 0;}
.ExpertGuidance p{margin:0;}

/*Technical Allience*/
.alliance-listing{ margin:0 -5px;}
.alliance-listing li {float: left;height: 150px;margin-bottom: 40px;text-align: center;width: 20%; padding:0 5px;}
.alliance-listing{margin-top:30px;}
.alliance-listing li img { max-width:100%;  border:2px solid #e6e6e6;}

p.pcenter {text-align: center;}
.application-testing-services img{max-width:100%; width:auto; height:auto;}

/*ODC form*/
.swMain {display: block; float: left; margin: 0; overflow: visible; padding: 0; position: relative; width: 620px;}
.swMain .stepContainer {border: 0 solid #ccc; clear: both; display: block; height: 500px !important; margin: 0; overflow: hidden; padding: 0; position: relative;}
.swMain .stepContainer div.content {background: #fff none repeat scroll 0 0; clear: both; display: block; float: left; margin: 0; overflow: visible; padding: 10px 0; position: absolute; text-align: left; width: 100%; z-index: 88;  }
.swMain .stepContainer div.content .scrollactive {height: 500px; overflow-x: hidden; overflow-y: auto;}
.swMain .stepContainer div.content .stepContent {height: 425px; overflow-x: hidden; overflow-y: auto; width: 100%;}
.swMain div.actionBar {clear: both; display: block;}
.swMain .stepContainer .StepTitle {background-color: #e0e0e0; border: 1px solid #e0e0e0; clear: both; color: #5a5655; display: block; font: bold 16px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 5px; position: relative; text-align: left; z-index: 88; }
.swMain ul.anchor {background: transparent none repeat scroll 0 0; border: 0 solid #cccccc; clear: both; display: block; float: left; list-style: outside none none; margin: 10px 0; padding: 0; position: relative; }
.swMain ul.anchor li {display: block; float: left; margin: 0; padding: 0; position: relative;}
.swMain ul.anchor li a {color: #a5a5a5; display: block; height: 60px; margin: 0; padding: 0; position: relative; width: 121px; z-index: 99;}
.swMain ul.anchor li.textwrap a {width: 135px}
.swMain ul.anchor li a .stepNumber, .swMain ul.anchor li a .steptitle, .swMain ul.anchor li a .stepDesc, .swMain ul.anchor li a .line {display: block; font-weight: 400; position: relative; text-align: center; z-index: 9999;  } 
.swMain ul.anchor li a .stepNumber {color: #fff; font-size: 18px; font-weight: bold; line-height: 36px; margin: 0 auto; padding-bottom: 4px;}
.swMain ul.anchor li a .steptitle {font-size: 14px; padding-bottom: 2px;}
.swMain ul.anchor li a .stepDesc {font-size: 13px}

.swMain ul.anchor li a .line, .swMain ul.anchor li .dot {background: #e2e2e2 none repeat scroll 0 0; line-height: 4px; position: absolute; right: 0; top: 15px;}
.swMain ul.anchor li.textwrap a .line {width: 135px}
.swMain ul.anchor li.textwrap a.done .line {width: 135px !important}
.swMain ul.anchor li.first a .line {border-bottom-left-radius: 2px; border-top-left-radius: 2px;}
.swMain ul.anchor li.last a .line {border-bottom-right-radius: 2px; border-top-right-radius: 2px;}
.swMain ul.anchor li a .line {height: 4px; margin: 2px 0; width: 121px; z-index: 99;}
.swMain ul.anchor li a.done .line {background: #598d16 none repeat scroll 0 0; height: 4px; margin: 2px 0; width: 121px; z-index: 99;}
.swMain ul.anchor li .dot {border-radius: 4px; height: 8px; right: -2px; width: 8px; z-index: 999;}
.swMain ul.anchor li a.selected {cursor: text}
.swMain ul.anchor li a.selected .stepDesc {color: #e99b13}
.swMain ul.anchor li a.done .stepDesc {color: #719a16}
.swMain ul.anchor li a.done .stepNumber, .swMain ul.anchor li a.done .steptitle, .swMain ul.anchor li.done a .stepDesc {cursor: pointer}
.swMain ul.anchor li a.disabled {color: #a5a5a5; cursor: text;}
.swMain ul.anchor li a.disabled:hover {color: #a5a5a5}
.swMain ul.anchor li a.error {}
.swMain .buttonDisabled {cursor: text; display: none !important; opacity: 0.8;}
.swMain .buttonFinish {}
.swMain ul.anchor li a .stepNumber {background: rgba(0, 0, 0, 0) url("images/stepNumber-bg.png") no-repeat scroll 0 0; height: 36px; width: 36px;}
.swMain ul.anchor li a.selected .stepNumber {background: rgba(0, 0, 0, 0) url("images/stepNumber-bg-selected.png") no-repeat scroll 0 0}
.swMain ul.anchor li a.done .stepNumber {background: rgba(0, 0, 0, 0) url("images/stepNumber-bg-done.png") no-repeat scroll 0 0}
.swMain .msgBox, #odctypeError {border: 2px solid #f47724; border-radius: 3px; display: block; float: left; max-width: 670px; padding: 8px 10px 8px 15px; position: relative; z-index: 999; }
.swMain .loader {background: #fff url("images/loader.gif") no-repeat scroll 5px center; border: 1px solid #ffd700; color: #5a5655; display: none; float: left; font: bold 13px Verdana,Arial,Helvetica,sans-serif; margin: 2px 0 0 2px; padding: 8px 10px 8px 40px; position: relative; z-index: 998; }
.swMain .msgBox, #odctypeError, #teamcnt_error {border: 2px solid #f47724; border-radius: 3px; display: none; float: left; margin: 10px 0; max-width: 70%; padding: 8px 10px 8px 15px; position: relative; z-index: 999; }
.odc-proposal .checkbox_list li {border: 1px solid #e6e6e6; border-radius: 3px; float: left; margin: 0 8px 8px 0; padding: 2px;}
.odc-proposal .checkbox_list li span {border: 1px solid #e6e6e6; border-radius: 3px; display: block; height: 48px; padding: 0 10px 0 15px; width: 240px;}
.checklist {list-style: outside none none; margin: 0; padding: 0;}
 .checklist li {border: 1px solid #e6e6e6; border-radius: 3px; float: left; margin: 0 8px 8px 0; padding: 2px; position: relative; width: 265px;}
.checklist li .border {background: rgba(0, 0, 0, 0) url("images/unchecked.jpg") no-repeat scroll right center; border: 1px solid #e6e6e6; border-radius: 3px;}
.checklist li a {color: #484848; display: block; font-size: 14px; font-weight: normal; line-height: 18px; padding: 6px 40px 6px 75px;}
.checklist li .textwrap a {line-height: 48px; padding: 0 40px 0 75px;}
.checklist li.clear {clear: both}
.checklist li .selected {background: rgba(0, 0, 0, 0) url("images/checked.jpg") no-repeat scroll right center; border: 1px solid #878787;}
.checklist li .border a {background: rgba(0, 0, 0, 0) url("images/icons.jpg") no-repeat scroll 0 0}
.checklist li.icon1 .border a {background-position: 15px 0}
.checklist li.icon2 .border a {background-position: 15px -144px}
.checklist li.icon3 .border a {background-position: 15px -48px}
.checklist li.icon4 .border a {background-position: 15px -192px}
.checklist li.icon5 .border a {background-position: 15px -96px}
.checklist li.icon6 .border a {background-position: 15px -240px}
.checklist li.icon7 .border a {background-position: 15px -288px}
.checklist li.icon8 .border a {background-position: 15px -336px}
.checklist li.icon9 .border a {background-position: 15px -384px}
.checklist li.icon10 .border a {background-position: 15px -432px}
.checklist li.icon11 .border a {background-position: 15px -480px}
.checklist li.icon12 .border a {background-position: 15px -528px}
.checklist li.icon13 .border a {background-position: 15px -576px}
.checklist li.icon14 .border a {background-position: 15px -624px}
.checklist li.icon15 .border a {background-position: 15px -672px}
.checklist li.icon16 .border a {background-position: 15px -720px}
.checklist li.icon17 .border a {background-position: 15px -768px}
.checklist li.icon18 .border a {background-position: 15px -816px}
.checklist li.icon19 .border a {background-position: 15px -864px}
.checklist li.icon20 .border a {background-position: 15px -912px}
.checklist li .selected .checkbox-select {display: none}
.checklist .checkbox-select {display: block}
.checklist li input {display: none}
.checklist a.checkbox-deselect {display: none}
.checklist li .selected a.checkbox-deselect {display: block}
.stepsselect {border: 1px solid #e6e6e6; color: #666; font-size: 14px; padding: 5px;}
.stepsselectMulti option {color: #666; font-size: 14px; padding: 5px;}
.odc-proposal .nor_text {color: #484848; font-size: 14px; font-weight: normal;}
.odc-proposal .field {float: left; overflow: hidden;}
 .odc-proposal .field input {margin: 0 0 0 20px }
.odc-proposal .cb-enable, .cb-disable, .cb-enable span, .cb-disable span {background: rgba(0, 0, 0, 0) url("images/switch.gif") repeat-x scroll 0 0; display: block; float: left;}
 .odc-proposal .cb-enable span, .cb-disable span {background-repeat: no-repeat; display: block; line-height: 30px; }
 .odc-proposal .cb-enable span {background-position: left -90px; padding: 0 10px;}
.odc-proposal .cb-disable span {background-position: right -180px; padding: 0 10px;}
.odc-proposal .cb-disable.selected {background-position: 0 -30px}
 .odc-proposal .cb-disable.selected span {background-position: right -210px; color: #fff; }
.odc-proposal .cb-enable.selected {background-position: 0 -60px}
 .odc-proposal .cb-enable.selected span {background-position: left -150px; color: #fff;}
.odc-proposal .switch label {cursor: pointer}
.odc-proposal strong {color: #4c711b; float: left; font-size: 16px; line-height: 20px; margin-right: 20px; padding: 5px 0; width: 430px;}
.odc-proposal .hidden {visibility: hidden}
.odc-proposal .swMain .buttonNext, .odc-proposal .swMain .buttonPrevious, .odc-proposal .swMain .buttonFinish {display: block; float: right; height: 42px; margin: 0 6px; overflow: hidden; text-indent: -1000px; width: 128px;}
.odc-proposal .swMain .buttonNext {background: rgba(0, 0, 0, 0) url("images/btn-next.png") no-repeat scroll 0 0}
.odc-proposal .swMain .buttonPrevious {background: rgba(0, 0, 0, 0) url("images/btn-prev.png") no-repeat scroll 0 0}
.odc-proposal .swMain .buttonFinish {background: rgba(0, 0, 0, 0) url("images/btn-finish.png") no-repeat scroll 0 0}
.odc-proposal .swMain .inputbox {border: 1px solid #e6e6e6; color: #666; font-size: 14px; line-height: 18px; padding: 5px;}
.odc-proposal .swMain .odcCaptcha .odcInputBoxCaptcha {float: left; width: 80px;}
 .odc-proposal .swMain .odcCaptcha .odcInputBoxCaptcha .inputbox {width: 68px}
.odc-proposal .swMain .odcCaptcha #bcaptchaodc_error {color: #f00; float: left; font-size: 12px; padding: 7px 0 0;}
.odc-proposal .boxinfo {font-size: 12px}
.thankyou a {color: #2fb1e0}
.odc-proposal #companyname_error, .odc-proposal #companyemail_error, .odc-proposal #companywebsite_error, .odc-proposal #companyphone_error {color: #f00; font-size: 12px;}
.odc-proposal h3.green {color: #4c711b}
.odc-proposal h3 {color: #484848; font-size: 16px; font-weight: bold; padding-bottom: 20px; padding: 0;}
.odc-proposal p {clear: both; font-size: 16px; margin-bottom: 15px;}
.teamform {clear: both; float: left; margin: 20px 0 30px; width: 100%;}
.teamform .roleblock, .teamform .techblock, .teamform .qtyblock {float: left; padding-right: 15px; }
.teamform label {display: block; padding-bottom: 3px;}
.teamform select {width: 100%}
.teamform .roleblock {width: 250px}
.teamform .techblock {width: 100px }
.teamform .qtyblock {}
.teamform .btnaddteam {display: inline-block; float: left; line-height: 24px; margin-top: 25px;}
.teamform .btnaddteam img {float: left; margin-right: 3px;}
#myDiv {clear: both; margin-bottom: 10px;}
.teamtable {width: 100%}
.teamtable td, .teamtable th {border: 1px solid #cccccc; line-height: 20px; padding: 5px 10px;}
.totaltbl td {border-top: medium none}
#teamcnt {font-weight: bold}
.action {text-align: center; vertical-align: middle;}
.teamtable th {color: #484848; font-weight: bold;}
#team_technology_error, #team_role_error {color: red; display: block; float: left; font-size: 13px; width: 40%;}
#team_role_error {clear: both}
#team_technology_error {float: right; width: 57%;}
.special-request label {float: left; margin-right: 10px; width: 160px;}
.special-request textarea {clear: both; float: left; height: 80px; margin-top: 5px; width: 550px;}
.odc-proposal .swMain .inputbox {border: 1px solid #e6e6e6; color: #666; font-size: 14px; line-height: 18px; padding: 5px;}
.odc-proposal .swMain .odcCaptcha .odcInputBoxCaptcha {float: left; width: 80px;}
.odc-proposal .swMain .odcCaptcha .odcInputBoxCaptcha .inputbox {width: 68px }
.odc-proposal .swMain .odcCaptcha #bcaptchaodc_error {color: #f00; float: left; font-size: 12px; padding: 7px 0 0;}
.odc-proposal .boxinfo {font-size: 12px}
.thankyou a {color: #2fb1e0}
.odc-proposal #companyname_error, .odc-proposal #companyemail_error, .odc-proposal #companywebsite_error, .odc-proposal #companyphone_error {color: #f00; font-size: 12px;}
.front-end-edit label {display: block; float: left; margin-right: 10px; padding: 4px 0 0; width: 150px !important;}
.front-end-edit input {width: 200px}
.front-end-edit textarea {width: 400px}
.fancybox-close {background: transparent; background-position: -40px 0; cursor: pointer; height: 29px !important; position: absolute; right: -15px; top: -15px; width: 29px !important; z-index: 1103;}


/*===============*/

.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content { display: none; position: fixed; top: 10%; width: auto; height: auto; padding: 0 16px 16px; background-color: white; z-index:1002; overflow: auto; border:5px solid #2AA18D;  left:20%; right:20%; }
#gnrl_form .reqName{width:100%;}
#gnrl_form .reqEmail{width:48%; float:left;}
#gnrl_form .reqPhone input{margin-left:0; width:100%;}
#gnrl_form ul.formBlock li{margin:0 0 25px 0}
#gnrl_form .reqPhone, #gnrl_form .reqRef{width:50%; float:left;margin-right:0 !important;}
#gnrl_form .reqMessage{margin-right:0 !important; width:100%;}
#gnrl_form ul.formBlock li.gName { margin-right: 0; width: 100%; }
#gnrl_form ul.formBlock li.gPhone{ float:right}
#gnrl_form ul.formBlock li.gCaptcha { float:right; position:relative}
#gnrl_form ul.formBlock li.gCaptcha img {position: absolute; right: 1px; top: 4px;}
#gnrl_form ul.formBlock li.gRef { margin-bottom:10px;}

 

/*Infrastructure Management Services*/
.imspage {background: rgba(0, 0, 0, 0) url("images/ims-bg.png") no-repeat scroll 0 0; clear: both; color: #656565; font-size: 16px; font-style: italic; height: 295px; margin: 65px auto 20px; position: relative; max-width:680px;}
.imspage .block1 .border, .imspage .block2 .border, .imspage .block3 .border, .imspage .block1 a, .imspage .block2 a, .imspage .block3 a {border: 10px solid #74cdbe; border-radius: 85px; height: 150px; left: 0; opacity: 0.5; position: absolute; top: 0; width: 150px; }
.imspage .block1 a, .imspage .block2 a, .imspage .block3 a,.imspage .block1 p, .imspage .block2 p, .imspage .block3 p {background: #fff none repeat scroll 0 0; border: 0 none; color: #656565; font-size: 22px; font-style: italic; height: 110px; opacity: 1; padding: 25px 10px; text-align: center; top: 15px; width: 110px; }
.imspage .block1 a:hover, .imspage .block2 a:hover, .imspage .block3 a:hover {color: #168b77}
.imspage .block1 .border {left: 130px}
.imspage .block2 .border {left: 322px}
.imspage .block3 .border {border-radius: 99px; height: 178px; left: 212px; top: 120px; width: 178px;}
.imspage .block1 a, .imspage .block1 p {left: 150px; position: absolute; z-index: -1;}
.imspage .block2 a, .imspage .block2 p {left: 340px; position: absolute;z-index: -1;}
.imspage .block3 a, .imspage .block3 p { position: absolute; left: 245px; top: 126px; z-index: -1;}
.imspage .block3 a {border-radius: 99px; left: 245px; padding: 10px; top: 155px; width: 110px;}
.imspage .dot {background: rgba(0, 0, 0, 0) url("images/dot.png") no-repeat scroll 0 0; cursor: pointer; height: 24px; left: 0; position: absolute; top: 0; width: 24px; z-index: 1000; }
.imspage .dot:hover {background-position: 0 -23px}
.imspage .block1 .dot1 {left: 130px; top: 25px;}
.imspage .block1 .dot2 {left: 123px; top: 80px;}
.imspage .block1 .dot3 {left: 145px; top: 120px;}
.imspage .block2 .dot1 {left: 418px; top: -4px;}
.imspage .block2 .dot2 {left: 448px; top: 30px;}
.imspage .block2 .dot3 {left: 455px; top: 78px;}
.imspage .block2 .dot4 {left: 440px; top: 108px;}
.imspage .block2 .dot5 {left: 415px; top: 125px;}
.imspage .text {left: 0; position: absolute; top: 0; z-index: 1000;}
.imspage .block1 .text1 {left: 60px; top: 22px;}
.imspage .block1 .text2 {left: -4px; top: 77px;}
.imspage .block1 .text3 {left: -8px; top: 128px;}
.imspage .block2 .text1 {left: 445px; top: -40px;}
.imspage .block2 .text2 {left: 493px; top: 28px;}
.imspage .block2 .text3 {left: 484px; top: 70px;}
.imspage .block2 .text4 {left: 470px; top: 115px;}
.imspage .block2 .text5 {left: 425px; top: 160px;}

/*Feedback Form*/
.feddbackform label{display:block;margin-bottom:5px;}
.feddbackform .reqPhone input{margin:0 !important;width:100% !important;}
.feddbackform .reqPhone.m0, .feddbackform .reqsDesc{padding-left:1%;}
.feddbackform .reqPhone, .feddbackform .reqAddress, .feddbackform .reqsDesc{width:50%; float:left;}

/* Hire Dedicated Developers start */
.hireAppExp { border-bottom:1px solid #d0d0d0; position: relative; background-color: #fff; }
.hireAppExp ul { width:74%; margin:0 auto;}
.hireAppExp ul li { width:25%; float:left; height:65px; border-left:1px solid #d0d0d0; text-indent:-99999px; background:url(images/app_experience.png) no-repeat;}
.hireAppExp ul li:last-child{border-right:0px solid #d0d0d0;}
.hireAppExp ul li.expMobile { background-position:center -5%;}
.hireAppExp ul li.expProfes { background-position:center 22%;}
.hireAppExp ul li.expProjects { background-position:center 50%;}
.hireAppExp ul li.expODC { background-position:center 78%;}
.hireAppExp ul li.expCmmi { background-position:center 105%; border-right:1px solid #d0d0d0;}

.techHireDedicated { width:100%; float:left; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.techHireDedicated li { width:100px; float:left; border:1px solid #f1f1f1; margin:0 8% 15px 0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.techHireDedicated li:hover { border:1px solid #4cb0a0;}
.techHireDedicated:hover li {filter: alpha(opacity=50); }
.techHireDedicated:hover li:hover { opacity:1; filter: alpha(opacity=100);}

.hireTagLineBx {  border-top:1px solid #d2d2d2; margin-top:30px; padding:20px 0 10px; text-align:center;}
.hireTagLineBx h3 { font-size:28px; font-family:'open_sansregular'; font-weight:normal; margin:0 0 5px 0;}
.hireTagLineBx h3 strong { font-family:'open_sanssemibold'; font-weight:normal; color:#ff9000;}
.hireTagLineBx h4 { font-size:18px; font-weight:normal; font-family:'open_sansregular'; margin:0 0 15px 0;}
.hireTagLineBx h4 strong { font-family:'open_sanssemibold'; font-weight:normal; color:#ff9000;}

/* Case Study Ditels Start */
.casestudyDtl { background:#f6f6f6; padding:20px 0;}
.casestudyDtl { background:#f6f6f6; padding:20px 0;}
.casestudyDtl .caseStudyBnr { width:100%; float:left; margin:0;  border-top:5px solid #2aa18d; position:relative;}
.casestudyDtl .caseStudyBnr img { width:100%;}
.casestudyDtl .caseStudyBnr h1.title { width:100%; padding:12px 30px; font-family:'open_sansbold'; font-size:30px; color:#2d2d2d; background: rgba(255, 255, 255, .8); position:absolute; left:0; bottom:0; margin:0;}
.casestudyDtl .caseDtlCnt { width:100%; float:left; padding:30px; background:#fff;}
.casestudyDtl .caseDtlCnt .caseDtlRow { width:100%; float:left; border-bottom:1px solid #d7d7d7; padding:20px 0 5px 0;}
.casestudyDtl .caseDtlCnt .caseDtlRow:first-child { padding-top:0;}
.casestudyDtl .caseDtlCnt .caseDtlRow:last-child { border-bottom:0 none;}
.casestudyDtl .caseDtlCnt .caseDtlRow .caseDtlTitBox { width:19%; float:left; padding:0 15px 0 0;}
.casestudyDtl .caseDtlCnt .caseDtlRow .caseDtlTitBox h4 { font-family:'open_sansbold'; font-size:15px; font-weight:normal; margin:0; color:#2d2d2d;}
.casestudyDtl .caseDtlCnt .caseDtlRow .caseDtlCntBox { width:81%; float:left;}
.casestudyDtl .caseDtlCnt .caseDtlRow .caseDtlCntBox p { font-size:15px; margin-bottom:16px; line-height:22px;}
.casestudyDtl .caseDtlCnt .caseDtlRow .caseDtlCntBox ul { margin:0 0 8px 0; list-style:none;}
.casestudyDtl .caseDtlCnt .caseDtlRow .caseDtlCntBox ul li { color:#666; font-size:15px; margin:0 0 8px 0; padding:0 0 0 18px; background:url(images/inner-listing.png) 0 6px no-repeat;}
.casestudyDtl .caseImgRow ul { width:100%; float:left; list-style:none; margin:0;}
.casestudyDtl .caseImgRow ul li {float:left; padding:15px; margin: 0 1% 20px 0; border:1px solid #d7d7d7; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

/*White Papers*/
.whitePapers{padding:50px 0;background-color:#fff; position:relative;}
.whitePapers .categorylistBox{float:left; width:100%; margin-bottom:20px;}
.whitePapers .categorylistBox ul{margin:0; padding:0; list-style:none;}
.whitePapers .categorylistBox ul li{float:left; margin:3px 5px;}
.whitePapers .categorylistBox ul li:first-child{margin-left:0;}
.whitePapers .categorylistBox ul li:last-child{margin-right:0;}
.whitePapers .categorylistBox ul li a{border:1px solid #ccc;border-radius:3px; padding:8px 15px;display:block;cursor:pointer;}
.whitePapers .categorylistBox ul li a:hover, .whitePapers .categorylistBox ul li a.activeclass{background:#2AA18D;color:#fff;border-color:#2AA18D;}
.whitePapers .whitePaperslist ul{margin:0; padding:0; list-style:none;}
.whitePapers .whitePaperslist ul li{float:left; width:23.5%;margin:1%;}
.whitePapers .whitePaperslist ul li:nth-child(4n-4) {margin-right:0;}
.whitePapers .whitePaperslist ul li:nth-child(4n-7) { margin-left:0;}
.whitePapers .whitePaperslist ul li .primages{display:block;position:relative;float:left; width:100%;overflow:hidden;border-bottom:1px solid #ccc;min-height:180px;}
.whitePapers .whitePaperslist ul li .primages img{width:100%; max-width:100%;float:left; transition: all .2s ease-in-out;}
.whitePapers .whitePaperslist ul li .primages .prtitle{ width:100%; position:absolute; bottom:0; padding:10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0;}
.whitePapers .whitePaperslist ul li .primages .prtitle h2 {font-family: "open_sansregular"; font-size:18px; text-transform:uppercase; color:#fff; text-align:center; font-weight:normal; margin:0; padding:0;}
.whitePapers .whitePaperslist ul li:hover .primages img{transform: scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.whitePapers .whitePaperslist ul li .prdetail{padding:10px;float:left; display:none}
.whitePapers .whitePaperslist ul li .prdetail .prcat{float:left;margin:0px 2px;}
.whitePapers .whitePaperslist ul li .prdetail .prcat a{padding:2px 5px;font-size:11px; display:inline-block; color:#fff;text-transform:uppercase;}
.whitePapers .whitePaperslist ul li .prdetail .prcat a.Mobile {background:#2dbcef;}
.whitePapers .whitePaperslist ul li .prdetail .prcat a.ODC{background:#ff0000;}
.whitePapers .whitePaperslist ul li .prdetail .prcat a.Magento{background:#f57a1f;}
.recaptcha_nothad_incorrect_sol.recaptcha_isnot_showing_audio{float:left;}


/* Sitemap */
.sitemap  ul li h2 { padding: 0 0 3px; margin: 0 0 20px; border-bottom:1px solid #ddd;  }
.sitemap  ul li h2 a{color:#3090c0; font:22px 'open_sansbold'; position:relative;}
.sitemap  ul li h2 a:hover{ color:#2d2d2d;}
.sitemap  ul li h2 a:after{ background:#3090c0; height:4px; width:100%; position:absolute; content:""; left:0; bottom:-7px;}
.sitemap  ul li h3 {padding: 0; margin:10px 0 20px;}
.sitemap  ul li h3 a{ color: #2d2d2d;  font: 18px 'open_sansbold';}
.sitemap  ul li h3 a:hover{color:#3090c0;}
.sitemap .sm-menu-2417 ul.level-1 > li{ width:33.333%; float:left;   position:relative; margin-bottom:20px;}
.sitemap .sm-menu-2417{ margin-bottom:20px; width:100%;}
.sitemap .sm-menu-2417 ul.level-1 > li ul.level-2 li ,.sitemap .sm-menu-2471 ul.level-1 li ,.sitemap .sm-menu-2485  ul.level-1 li ,.sitemap .sm-menu-2483  ul.level-1 li{ background: url("images/inner-listing.png") no-repeat 0 10px; list-style: outside none none; padding: 5px 0 5px 18px;} 
.sitemap  ul li  a{ font-size:16px;}
.sitemapList > ul { margin:0 -10px;}
.sitemapList > ul > li { width:33.333%; float:left; padding:0 10px;}
.sm-menu-2466 { margin-top: -110px;}
.sm-menu-2417 ul.level-2 li a:hover ,.sm-menu-63 ul.level-1 li a:hover , .sm-menu-64 ul.level-1 li a:hover{ padding-left:5px; color:#3090c0;}
.sm-menu-2471 , .sm-menu-2485,.sm-menu-2483{min-height: 230px;}


 
.popClsoe { background: #2aa18d; height: 35px; position: absolute; right: 0; top: 0; width: 35px; text-align:center; line-height:35px;}
.popClsoe img { padding-left:4px;}
.nivo-directionNav a.nivo-prevNav { font-size:0; background: url("images/bannerArrow.png") no-repeat 0 0; display:block; width:44px; height:44px;}
.nivo-directionNav a.nivo-nextNav { font-size:0; background: url("images/bannerArrow.png") no-repeat -44px 0; display:block; width:44px; height:44px;}


/* GetQuet Button */
.GetQuet { color:#fff; background:rgba(237, 140, 18, 1.0);  position:fixed; bottom:35%; right:-3px; z-index:123; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; transition:all 300ms ease; -webkit-transition:all 300ms ease;}
.GetQuet:hover { background:rgba(0, 0, 0, 0.8);}
.GetQuet a { padding:7px 15px 7px 10px; text-transform:uppercase; color:#fff; display:block; font-size:15px; }

/* Page Navigation CSS Plugin pagenavi-css.css*/ .wp-pagenavi { clear: both;} .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px;margin: 2px;} .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000;} .wp-pagenavi span.current { font-weight: bold;}/* end*/

/*---------Call Us---------*/
.odcInputBoxCaptcha input { margin-right: 23px; width: 75px; }
.tab-nav { margin: 0 auto; position: fixed; right: 0; bottom: 39px; width: 266px; z-index: 9999; }
.callUsout { position: relative; float: left; /*width: 1600px; margin-left: 513px;*/ width: 266px; padding-left: 0; list-style-type: none; position:absolute; left:0; }
.callUsout a { width:100%; height:80px; float:left; cursor:pointer; position:absolute; top:0px; left:0; }
.callUsout a.expanded { background-position: 2px -244px; }
.callUsout a img { height:79px; }
.callUsin { width:264px; padding-bottom: 20px; background:url(images/content-bg.png) no-repeat left top; float:left; margin:0px; }
.callUsin .callContent { width:256px; padding-left:10px; text-align:center; }
.callUsin .callContent .please-call { font-size:20px; font-weight:bold; padding:6px 0 0 0; color:#fff; }
.callUsin .callContent .please-call span { font-weight:bold; font-size:20px; width:100%; padding:20px 0 10px 0px; float:left; color:#1c708e; }
.callUsin .callContent .call-back { margin:14px 0 0 0; color:#ededee; font-weight:bold; text-align:center; font-size:22px; float:left; width:100%; line-height:25px; }
.callUsin .callContent .formMain { float:left; background:#1c708e; padding-bottom:5px; width:99.7%; }
.callUsin .callContent .formMain .LeftBox { float:left; width:110px; margin:9px 0 0 0px; position:relative; }
.callError {color: #fe5c5c; float: left; font-size: 11px; margin: 0; padding: 0; text-align: center; width: 108px;}
.callUsin .callContent .formMain .LeftBox.lst { background:#fff; }
.callUsin .callContent .formMain .LeftBox img { }
.callUsin .callContent .formMain .LeftBox select { background:#fff; border:0; height:33px; width:100%; padding:4px; font-size:14px; color:#000; }
.callUsin .callContent .formMain .LeftBox input { background:#fff; border:0px; height:33px; padding:0 5px; font-size:14px; color:#000; line-height:29px; width:100%;}
.callUsin .callContent .formMain .LeftBox select:focus, .callUsin .callContent .formMain .LeftBox input:focus { outline:none; }
.callUsin .callContent .bottomBut {margin:0px  auto 20px; position: relative; clear:both;}
.callUsin .callContent .bottomBut .submitBut { background:#135e79 url(images/bottom-arrow.png) no-repeat center top; width:173px; margin:0 auto; font-weight:bold; font-size:18px; padding: 8px 0px; color:#fff; border:none; cursor:pointer; clear:both;}
.callUsin .callContent .bottomBut .submitBut:hover { background:#9d3605 url(images/bottom-arrow.png) no-repeat center top; }
.callUsin .leftcall { float:left; width:108px; margin:0 0 3px 10px; }
.rfpText { color:red} 

/*---------Right sidebar Captcha---------*/
.recaptchatable #recaptcha_image #recaptcha_challenge_image {width: 100% !important;}
.recaptchatable #recaptcha_image {width: auto !important;}
#recaptcha_widget_div #recaptcha_area, #recaptcha_widget_div #recaptcha_table { width: 100% !important; max-width:100%; }
#recaptcha_widget_div .recaptchatable .recaptcha_r1_c1,
#recaptcha_widget_div .recaptchatable .recaptcha_r2_c1,
#recaptcha_widget_div .recaptcha_r3_c1,
#recaptcha_widget_div .recaptcha_r8_c1,
#recaptcha_widget_div .recaptcha_r4_c4,
#recaptcha_widget_div .recaptcha_r3_c3,
#recaptcha_widget_div .recaptcha_r2_c2,
#recaptcha_widget_div .recaptcha_r4_c2,
#recaptcha_widget_div .recaptcha_r7_c1{ background:#7C0000}

/*---------------Search page-----------------------*/
.searchPage { padding-bottom: 30px; }
.searchPage .entry-header h1.entry-title { padding-top:0; }
.searchPage article { float: left; margin: 15px 0; width: 100%;}
.searchPage .page-header h1 { color:#2aa18d; margin-bottom: 0;}
.searchPage .post-thumbnail img { max-width:250px; height:auto}
.searchPage a.post-thumbnail { float: left; padding-right: 30px; width: 280px;}
.searchPage article header.entry-header, .searchPage article .entry-summary { overflow:hidden}
.searchPage .more-link, .searchPage h1.screen-reader-text { display:none}

.more-link{float:left; color:#2aa18d; margin-top:3px;}

/*---------------ODC Webinar-----------------------*/
.odcWebinarL { width: 48.5%; float: left; background: #fff; padding: 10px; margin-top: 10px;}
.odcWebinarL .photo { max-height: 259px; float: left; margin-right: 20px;}
.odcWebinarL .photo img { width: 100%;}
.odcWebinarL .PresentedBy { float: left; line-height: 22px;}
.odcWebinarL .PresentedBy strong { color: #215d57;}
.odcWebinarL .PresentedBy em { font-style: italic; }
.odcWebinarR { width: 48.5%; float: right; background: #215d57; margin-top: 10px; padding: 30px 10px 30px 30px; min-height: 225px; }
.odcWebinarR .month { width: 100%; float: left; color: #f6ff00; font-family: "open_sansbold"; font-size: 30px; padding-bottom: 10px;}
.month sup { top: -0.5em; position:relative}
.odcWebinarR .date { width: 55%; float: left; color: #fff; font-size: 20px; line-height: 32px; }
.odcWebinarR .date span { color: #f6ff00; }
.servererror{ color:#f33; font-size:12px; }
.megerror { color: #f33 !important;   font-size: 12px !important;  margin-bottom: 0 !important; }
.embed-container > iframe {height: 450px;  text-align: center; width: 60%; vertical-align: top;}
.embed-container { background: #313646;}

.leftContent { float:left; width:65%;}
.leftContent p { font-size:16px; line-height:26px;}
.rightGraphics { float:right; width:30%;}
.products .rightGraphics { margin-bottom:30px;}


.homepage-hero-module {border-right: none; border-left: none; position: relative;}
.no-video .video-container video,
.touch .video-container video {display: none;}
.no-video .video-container .poster,
.touch .video-container .poster {display: block !important;}
.video-container {position: relative; bottom: 0%; left: 0%; height: 495px; width: 100%; overflow: hidden; background: #000;}
.video-container .poster img {width: 100%; bottom: 0; position: absolute;}
.video-container .filter {z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.2); width: 100%;}
.video-container .title-container {z-index: 1000; position: absolute; top: 35%; width: 100%; text-align: center; color: #fff;}
.video-container .description .inner {font-size: 1em; width: 45%; margin: 0 auto;}
.video-container .link {position: absolute; bottom: 3em; width: 100%; text-align: center; z-index: 1001; font-size: 2em; color: #fff;}
.video-container .link a {color: #fff;}
.video-container video {position: absolute; z-index: 0; bottom: 0;}
.video-container video.fillWidth { width: 100%; top:0 !important; height:auto !important;}



/* Notification-bar Css */
  #wpfront-notification-bar 
    {
        background: #23bd8f;
        background: -moz-linear-gradient(top, #23bd8f 0%, #23bd8f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23bd8f), color-stop(100%,#23bd8f));
        background: -webkit-linear-gradient(top, #23bd8f 0%,#23bd8f 100%);
        background: -o-linear-gradient(top, #23bd8f 0%,#23bd8f 100%);
        background: -ms-linear-gradient(top, #23bd8f 0%,#23bd8f 100%);
        background: linear-gradient(to bottom, #23bd8f 0%, #23bd8f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bd8f', endColorstr='#23bd8f',GradientType=0 );
    }

    #wpfront-notification-bar div.wpfront-message{color: #ffffff;}
    #wpfront-notification-bar a.wpfront-button
    {
        background: #314457;
        background: -moz-linear-gradient(top, #314457 0%, #2c3e51 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#314457), color-stop(100%,#2c3e51));
        background: -webkit-linear-gradient(top, #314457 0%,#2c3e51 100%);
        background: -o-linear-gradient(top, #314457 0%,#2c3e51 100%);
        background: -ms-linear-gradient(top, #314457 0%,#2c3e51 100%);
        background: linear-gradient(to bottom, #314457 0%, #2c3e51 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314457', endColorstr='#2c3e51',GradientType=0 );
        color: #ffffff;
    }

    #wpfront-notification-bar-open-button{background-color: #23bd8f;}
    #wpfront-notification-bar  div.wpfront-close {border: 1px solid #ffffff; background-color: #ffffff; color: #000000;}
    #wpfront-notification-bar  div.wpfront-close:hover {border: 1px solid #d9d9d9; background-color: #d9d9d9;}
	
/*--------------- Portfolio Details -----------------------*/

.portfolioDtl .entry-title { margin-bottom:20px !important;}
.portfolioDtl .proDtlMain { width:100%; float:left; margin-bottom:40px;}
.portfolioDtl .proDtlLogo { width:33%; float:left;}
.portfolioDtl .proDtlLogo img { width:100%; float:left;}
.portfolioDtl .proDtlDis { width:41%; float:left; padding:0 40px;}
.portfolioDtl .proDtlDis a.liveDemo{background:#ff9000; padding:8px 12px; border:none; color:#fff; display:inline-block; margin:10px 0 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family:'open_sanssemibold';}
.portfolioDtl .proDtlDis a.liveDemo:hover{background:#2AA18D;}
.portfolioDtl .proDtlForm { width:26%; float:left; padding:10px 15px 5px 15px; border:1px solid #dcdcdc;}
.portfolioDtl .proDtlForm  h2 { margin:0 0 8px 0 !important;}
.portfolioDtl .proDtlForm ul.formBlock li { margin-bottom:10px;}
.portfolioDtl .proDtlForm ul.formBlock li textarea { height:auto;}

.portfolioDtl .proDtlPrijectDis { width:46%; float:left; padding:0 50px 0 0;}
.portfolioDtl .proDtlScreen { width:54%; float:left;}
.portfolioDtl .browser-img { width:100%; float:left; line-height:0;}
.portfolioDtl .browser-img img { width:100%; float:left; border:0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.portfolioDtl .portfolio-screen { width:100%; float:left;}
.portfolioDtl .portfolio-screen img { width:100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.portfolioDtl .portfolio-screen .owl-controls .owl-prev { width:20px; height:35px; float:left; padding:0; margin:0 0 0 -40px !important; 
background:url(images/portfolio-aerow-ico.png) top left no-repeat !important;  text-indent:-99999px;  transition:all 300ms ease; -webkit-transition:all 300ms ease;  opacity:0.6; filter:alpha(opacity=60);
}
.portfolioDtl .portfolio-screen  .owl-controls .owl-next { width:20px; height:35px; float:right; padding:0; margin:0 -30px 0 0 !important; background:url(images/portfolio-aerow-ico.png) top right no-repeat !important; text-indent:-99999px; transition:all 300ms ease; -webkit-transition:all 300ms ease; opacity:0.6; filter:alpha(opacity=60); margin-right:-50px;
}

.quickInquiryForm li{ margin-bottom:10px; }
.honeypot {    display: none; }

/*---------------------------New Home page css start----------------------------*/
.callUsout{ display:none;}
#wpfront-notification-bar-spacer{ display:none !important;}

.topStrip{ background:#3090c0; position:relative;}
.topStrip ul li a{ font-size:14px; padding:8px 0; display:block; color:#fff;}
.contactDetail li .fa {padding-right: 5px;}
.topStrip ul li a:hover { text-decoration:underline;}
.topStrip ul li{ display:inline-block; position:relative}
.headerLeft{ float:left;}
.headerRight{ float:right;}
.topLeftMenu { padding:0; margin:0 -8px;}
.topLeftMenu  li{ padding:0 8px;}
.topLeftMenu li:after{ background:#fff; position:absolute; width:1px; height:15px; content:""; top:11px; right:-2px;}
.topLeftMenu li:last-child:after, .contactDetail li:last-child:after{ display:none;}
.contactDetail li:after{ background:#fff; position:absolute; height:5px; width:5px; content:""; top:16px; right:-16px; border-radius:2px;}


/*****Get a Quote Fixed form*****/
.floatedQuoteForm { position:fixed; top:40%; right:-300px; width:300px; margin-top: -150px; height:auto; z-index:13;background:#fff; padding:20px; border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; overflow:inherit; /*display:none;*/  z-index:9999; transform: translate(0, -27%);}
.floatedQuoteForm.visiable{box-shadow:0 0 9px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 9px rgba(0, 0, 0, 0.5);}
.visiable .floatedQuoteFormBtn , .floatedQuoteFormBtn:hover{ background:#27c0a9;}
.floatedQuoteFormBtn { position:absolute; left:-109px; top:152px; margin:0;box-shadow:0 3px 15px rgba(0, 0, 0, 0.30); -webkit-box-shadow:0 3px 15px rgba(0, 0, 0, 0.30);transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);border-radius:0 0 4px 11px; -webkit-border-radius:0 0 4px 12px; padding:10px 15px 0 18px; line-height:24px; text-transform:uppercase;  white-space:nowrap; height:50px; line-height:50px; overflow:inherit; background:#3090c0; font:18px 'open_sanssemibold'; color:#fff;}
.floatedQuoteFormBtn:focus, .floatedQuoteFormBtn:hover{color:#fff;}
.floatedQuoteFormBtn .inquiry-icon{background:#fff url(images/home-sprite.png) no-repeat -290px -90px; display:inline-block; vertical-align:middle; width:56px; height:50px; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; position:absolute; margin:0 0 0 -74px; top:0; border-radius:0 0 11px 4px; -webkit-border-radius:0 0 11px 4px; box-shadow:0 3px 15px rgba(0, 0, 0, 0.30); -webkit-box-shadow:0 3px 15px rgba(0, 0, 0, 0.30);}

.floatedQuoteFormWrap {min-height: 280px;}
.floatedQuoteFormBtn .blobBtnInner {display:none;}
.statcounter {	display: none !important;}

.servicesSubmenu .width33p { float : left; width:33.33%; padding-right: 15px; height:460px;}
.width33p.heightAuto {height: auto;}
.eBookHomeBox li{ padding-top: 23px; }

 #mobileClose{ display: none; }
 
 .servicesSubmenu .width33p:nth-child(4) ,  .servicesSubmenu .width33p:nth-child(5) ,  .servicesSubmenu .width33p:nth-child(6){ height:270px;}

 /* Home Services */
.homeServices { background:#2aa18d; padding:50px 0 0 0;}
.homeServices ul { width:100%; float:left;}
.homeServices ul > li { width:30.8%; /*float:left;*/ display:inline-block; vertical-align:top; margin-right:2.30%; margin-bottom:25px;min-height:155px; }
.homeServices ul > li a { width:100%; color:#fff; outline:0 none; height:100%; display:block; position:relative; padding-bottom:5px;}
.homeServices ul > li:hover a{ opacity:0.8;}
.homeServices ul > li .serviceCnt a:after{ background:#fff; height:2px; width:0%; position:absolute; content:""; left:0; bottom:0; transition:all 350ms ease; -webkit-transition:all 350ms ease;}
.homeServices ul > li:hover .serviceCnt a:after{ width:70px;}

.homeServices ul > li .serviceIcon { width:100px; height:100px; float:left; margin-right:20px; border:2px solid #fff; background:url(images/services-ico.png) #2aa18d no-repeat; text-indent:-9999px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; transition:all 0.8s ease; -webkit-transition:all 0.8s ease;}
.homeServices ul > li:hover .serviceIcon { background:url(images/services-ico-over.png) #fff no-repeat;}
.homeServices ul > li .serviceCnt {color:#fff; font-size:14px;width: 66%; float:right; min-height: 112px;}
.homeServices ul > li .serviceCnt h2 {  font-family: 'open_sanssemibold'; color:#fff; font-size:16px; margin:10px 0; text-transform:uppercase; line-height:normal;}
.homeServices ul > li.mobileSerBox .serviceIcon		{ background-position:37px 30px;}
.homeServices ul > li.webSerBox .serviceIcon		{ background-position:-101px 30px;}
.homeServices ul > li.eCommerceSerBox .serviceIcon	{ background-position:-230px 30px;}
.homeServices ul > li.cmsSerBox .serviceIcon		{ background-position:29px -104px;}
.homeServices ul > li.customSerBox .serviceIcon		{ background-position:-100px -104px;}
.homeServices ul > li.digitalSerBox .serviceIcon	{ background-position:-236px -104px;}
.homeServices ul > li.magentoSerBox .serviceIcon	{ background-position:-359px 30px;}
.homeServices ul > li.webDesignBox .serviceIcon	{ background-position:29px -234px;}
.homeServices ul > li.intThingBox .serviceIcon	{ background-position:-100px 30px;}
.homeServices ul > li.cloudSerBox .serviceIcon	{ background-position:-100px -370px;}
.homeServices ul > li.softProtoSerBox .serviceIcon	{ background-position:-99px -102px;}
.homeServices ul > li.bigDataSerBox .serviceIcon	{ background-position:-230px -370px;}
.homeServices ul > li.nodeJsSerBox .serviceIcon {background-position: -463px -370px;}
.homeServices ul > li.blockChainSerBox .serviceIcon {background-position: -565px -370px;}
.homeServices ul > li.respoWebBox .serviceIcon	{ background-position:-99px -238px;}
.homeServices ul > li.html5Box .serviceIcon	{ background-position:-362px -370px;}
.homeServices ul > li.joomlaSerBox .serviceIcon	{ background-position:-358px -104px;}
.homeServices ul > li.prestaSerBox .serviceIcon	{ background-position:29px -370px;}
.homeServices ul > li.zendSerBox .serviceIcon	{ background-position:-650px -110px;}
.homeServices ul > li.wordpressSerBox .serviceIcon	{ background-position:-457px 30px;}
.homeServices ul > li.drupalSerBox .serviceIcon	{ background-position:-456px -106px;}
.homeServices ul > li.sharePoiSerBox .serviceIcon	{ background-position:-650px -230px;}
.homeServices ul > li.silCMSSerBox .serviceIcon { background-position: 31px -103px; }
.homeServices ul > li.microsoftSerBox .serviceIcon	{ background-position:-560px 27px;}
.homeServices ul > li.opensourceSerBox .serviceIcon	{ background-position:-563px -108px;}
.homeServices ul > li.javaSerBox .serviceIcon	{ background-position:-660px 27px;}
.homeServices ul > li.seoBox .serviceIcon	{ background-position:-360px -235px;}
.homeServices ul > li.smmBox .serviceIcon	{ background-position:-463px -235px;}
.homeServices ul > li.ppcBox .serviceIcon	{ background-position:-563px -232px;}
.homeServices p { line-height:inherit; font-size:15px;}


.homeServices ul > li.iosSerBox .serviceIcon	{ background-position:30px -507px;}
.homeServices ul > li.androidSerBox .serviceIcon	{ background-position:-101px -505px;}
.homeServices ul > li.xamarinSerBox .serviceIcon	{ background-position:-228px -506px;}
.homeServices ul > li.windowsSerBox .serviceIcon	{ background-position:-364px -506px;}

/* Home all count inner*/
.homeAllCount { width:22%; float:right; padding:0 2% 0 2%;}
.homeAllCount ul { float:left;}
.homeAllCount ul li { float:left; margin:6% 0;}
.homeAllCount ul li .countBox { width:100%; float:left; font-family: 'open_sanssemibold'; font-size:50px; padding:0 0 5px 65px; margin-bottom:5px; line-height:40px; background:url(images/countIco-live.png) no-repeat; text-align:right; background-size: 80px auto; line-height: 55px;}
.homeAllCount ul li .countLable { width:100%; float:left; font-family: 'open_sanssemibold'; color:#404040; text-transform:uppercase; font-size:15px; padding:0 10px 0 0; text-align:right;}

.homeAllCount ul { float:left;}
.homeAllCount ul li { float:left; margin:6% 0;}
.homeAllCount ul li .countBox {  line-height:40px; background:url(images/counticon-new.png) no-repeat; text-align:left;}
.homeAllCount ul li .countLable { width:100%; float:left;   font-family: 'open_sanssemibold'; font-size:16px; color:#353535; text-transform:capitalize;  padding:0 10px 0 0; text-align:left;}

.homeAllCount ul li.projects .countBox , .homeAllCount ul li.client .countBox , .homeAllCount ul li.resources .countBox{ font-family:'open_sansbold'; font-size:35px; color:#22ab96;  border-bottom:1px solid #c9c9c9; opacity:1!important;}
.homeAllCount ul li.projects .countBox {    background-position:5px 0;}
.homeAllCount ul li.client .countBox {    background-position:5px -115px;}
.homeAllCount ul li.resources .countBox {  background-position:5px -237px;}


.homeWelcomeCnt  { padding: 40px 0; }
.homeWelcomeCnt  .homeWelcomeTxt{ width: 78%; padding-right: 2%;}
.homeWelcomeCnt  .homeAllCount{  border-left: 1px solid #ccc; }
.slidesjs-pagination li a { background-repeat: no-repeat; }

/*Thank You Page*/
.thank-you .entry-header{ display:none;}
.mainBox.mainBoxThk {padding-top: 50px;}
.mainBoxThk .centerBox { text-align: center; padding: 25px; background-color: #f1f1f1; max-width: 800px; margin: 0 auto; width: 100%;}
.mainBoxThk h2 {margin-bottom: 10px; color:#3090c0; font-size: 40px; font-family: 'open_sanssemibold'; margin-top:0;}
.mainBoxThk .blueColor { color:#2d2d2d; font-size:18px; margin-bottom: 5px;}
.mainBoxThk .contactDetail {margin-top: 25px;}
.mainBoxThk .contactDetail p {font-size: 14px; margin-bottom:0px;}
.mainBoxThk .contactDetail p.dirName{ font-size:17px; margin-bottom:5px;}
.mainBoxThk .contactDetail p a{color:#3090c0;}
.mainBoxThk .contactDetail p a:hover{color:#2d2d2d;}

header .navRight #logo { display: none; }
.slidesjs-pagination li { margin: -2px 3px !important;}

/*ui/ux developement*/
ul.arrowWhite li { background: url(images/inner-listing-white.png) left 7px no-repeat; padding-left: 20px; font-size: 16px; margin-bottom: 10px; text-align: left;}
 



.callToAction h2 { margin: 15px 0 35px; font-size: 30px;}
.callToAction .innerEbook{ padding:40px 0;}
.graySection{ background:#f5f5f5;}
.sectionPad.crativeTouch h2{ margin-top:8px; color:#3090c0; font-size:32px;}
.sectionPad h2, .sectionPad h3{ color: #2d2d2d; text-align: left; }
.sectionPad h2 { font:25px 'open_sansbold'; margin: 0 0 25px 0;}
.topHeadLine h2{  font:32px 'open_sansbold'; margin: 0 0 15px 0; color:#3090c0;}
.sectionPad h3{font:20px 'open_sanssemibold'; margin: 0 0 15px 0;}
.bottomSection {margin-top:25px;}
.sectionPad { padding:40px 0;}
.sectionPad.topHeadLine{ padding-top:0px;}
.callToAction { text-align:center; color:#fff;}
.callToActionTop .innerEbook	{background: rgba(48,144,192,0.9);
background: -moz-linear-gradient(-45deg, rgba(48,144,192,0.9) 0%, rgba(34,171,150,0.9) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(48,144,192,0.9)), color-stop(100%, rgba(34,171,150,0.9)));
background: -webkit-linear-gradient(-45deg, rgba(48,144,192,0.9) 0%, rgba(34,171,150,0.9) 100%);
background: -o-linear-gradient(-45deg, rgba(48,144,192,0.9) 0%, rgba(34,171,150,0.9) 100%);
background: -ms-linear-gradient(-45deg, rgba(48,144,192,0.9) 0%, rgba(34,171,150,0.9) 100%);
background: linear-gradient(135deg, rgba(48,144,192,0.9) 0%, rgba(34,171,150,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3090c0', endColorstr='#22ab96', GradientType=1 );}
.callToAction .eBookCase {background: url(images/e-book-bg.jpg) no-repeat right center; background-size: cover; position: relative;}
.threeColRow { margin: 0 -15px;}
.column { float: left; width: 33.333%; padding: 0 15px;}
.fancybox-overlay{ z-index:99999 !important;}
.darkTitle {color: #2d2d2d!important;}
.borderB {border-bottom: 1px solid #f0ebeb;}

.microsoft-technologies .entry-title, .joomla-virtuemart .entry-title , .seo-services .entry-title{ display:none;}
.textLeft {text-align: left !important;}
.mobile-commerce .btnBox{ padding-top:15px;}
.sectionPad.padTopNone  {padding-top: 0;}
.padBottomNone{ padding-bottom:0;}
.mangedServiceTitle{font:28px 'open_sansbold';}
.sTitle{color:#3d3d3d;}

.entry-header .entry-title{ display:none;}
.portfolioDtl .entry-title{ display:block;}

.home .inner-page , .magento-development .inner-page , .joomla-virtuemart  .inner-page , .sharepoint-development .inner-page{ padding-top:0;}
.container.hirePageCnt.hireCntBox {padding-top: 40px;}
.joomla-virtuemart .joomlaSolutionCont{ margin-bottom:0;}
.padNone { padding:0;}
.UserRatingMain{ display:none;}
.displayNone{ display:none;}

/*404 Error Page*/
.sm404page { padding: 40px 25px 50px 25px; margin:50px auto; max-width: 800px; width: 100%; border-radius: 15px; -webkit-border-radius: 15px; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, .1); }
.sm404page .errorText { position: absolute; left: 15px; top: -14px; font-size: 17px; letter-spacing: 0; text-transform: uppercase; background-color: #fff; }
.sm404page .detail404 { margin: 0 auto; max-width: 410px; width: 100%; }
.sm404page .text404 { font-size: 110px; border: 2px solid #3090c0; position: relative; margin-bottom: 20px; padding: 10px; letter-spacing: 10px; line-height: 1; font-family: 'open_sanssemibold'; display: block; color: #3090c0; border-radius: 10px; }
.sm404page h3 { color: #3090c0; position: relative; }
.sm404page h3::before { position: absolute;  left: 50%;  bottom: -7px;  width: 37px;  margin-left: -26px;  height: 3px; content: ""; background-color: #3090c0;}

.btnGreen{   background-color: #22ab96; border: 0; color: #fff; cursor: pointer; font-weight: 700; padding: 14px 38px; text-transform: uppercase;
transition: all 300ms ease; display: inline-block; border-radius: 5px; font-size: 16px;}
.btnGreen:hover{ background-color:#2d2d2d!important; color:#fff !important;} 
 .fourColRow{ margin:0 -10px;}
 .fourColRow .col{ padding:0 10px; float:left; width:25%; border-right:1px solid #ddd;}
 .fourColRow .col:last-child{ border-right:0 none;}
 .whatWeLoveSection .smm ,.whatWeLoveSection .cid ,.whatWeLoveSection .pd ,.whatWeLoveSection .dm{ padding:15px 16px; min-height: 246px;}
 .twoColRw{ margin:0 -10px;}
 .twoColRw .leftSide{ float:left; padding:0 10px; width:30%;}
 .twoColRw .rightSide{ float:left; padding:0 10px; width:70%;}
 .leftSide.right {float: right;}
 .twoColRw .imgBox img{ width:100%; height:100%;}
 .hireDeveloperAction {padding: 50px 0; text-align: center; border:1px solid #f0f0f0; border-left:0 none; border-right:0 none;}
 .row {margin: 0 -15px;}
.cols6 {width: 50%;}
.cols6  {float: left; padding-left: 15px; padding-right: 15px;}
.imageHolderR .imageBottomBg { background-color: #3090c0; text-indent: -9999px; position: absolute; top: 16px; left: 16px; right: 0; bottom: -16px; display:none; }
.imageHolderR img { position: relative; z-index: 1; width: 100%; margin: 0; display: block; float: none; background:#fff; border:4px solid #ddd; padding:10px; }
 .vCent .cols6{ display:inline-block; width:49.5%; vertical-align:middle; float:none;}
 .padLeft {padding-left:40px;}
.imageHolderR {position: relative; padding-right: 16px;}
.hireDeveloperAction{ display:none;}

/*home slider animation*/
.imageCap {position: absolute; right: 0; top: 0;}
.imageCap.imageCap1 {top: 0; right: 71px;}
.imageCap.imageCap2 {top: -111px; right: -122px;}
.imageCap.imageCap3	 {top:90px; right: -210px;}
.imageCap.imageCap img {-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: balloonAnimation 3s ease infinite; animation: balloonAnimation 3s ease infinite;}
.imageCap.imageCap1 img{-webkit-animation-delay: -.6s; animation-delay: -.6s;}
.imageCap.imageCap2 img{-webkit-animation-delay: -.4s; animation-delay: -.4s;}
.imageCap.imageCap3 img{-webkit-animation-delay: -.2s; animation-delay: -.2s;}

.slidesjs-slide .slide-image .shadowAnimation{ display:none!important;}
.active.slidesjs-slide .slide-image .shadowAnimation {position: absolute; z-index: 9; left: 0; top: 0; display:block;} 
.active.slidesjs-slide .slide-image .shadowAnimation img{ margin-top:0px; width:auto; height:0; -webkit-animation: mymove 0.9s 4s forwards; /* Safari 4.0 - 8.0 */animation: mymove 0.9s 4s forwards; opacity:1;}
.active.slidesjs-slide .slide-image .shadowAnimation{  -webkit-animation: opacit 0.8s 6s forwards;  animation: opacit 0.8s 6s forwards; opacity:1;}

.active .capInn {opacity: 0;  -webkit-animation: fadeInUp 3s 0.6s forwards; /* Safari 4.0 - 8.0 */animation: fadeInUp 3s 0.6s forwards;  }
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); display:block;
  }
  to {
    opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.service-icon-list li a {-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: techology 3s ease infinite; animation: techology 3s ease infinite;}
.service-icon-list li.t1 a img{-webkit-animation-delay: -.2s; animation-delay: -.2s;}
.service-icon-list li.t2 a img{-webkit-animation-delay: -.3s; animation-delay: -.3s;}
.service-icon-list li.t3 a img{-webkit-animation-delay: -.4s; animation-delay: -.4s;}
.service-icon-list li.t4 a img{-webkit-animation-delay: -.5s; animation-delay: -.5s;}
.service-icon-list li.t5 a img{-webkit-animation-delay: -.6s; animation-delay: -.6s;}
.service-icon-list li.t6 a img{-webkit-animation-delay: -.8s; animation-delay: -.8s;}
.service-icon-list li.t7 a img{-webkit-animation-delay: -.7s; animation-delay: -.7s;}
.service-icon-list li.t8 a img{-webkit-animation-delay: -.6s; animation-delay: -.6s;}
.service-icon-list li.t9 a img{-webkit-animation-delay: -.5s; animation-delay: -.5s;}
.service-icon-list li.t10 a img{-webkit-animation-delay: -.4s; animation-delay: -.4s;}
.service-icon-list li.t11 a img{-webkit-animation-delay: -.3s; animation-delay: -.3s;}
.service-icon-list li.t12 a img{-webkit-animation-delay: -.2s; animation-delay: -.2s;}

@-webkit-keyframes techology {
0%, 50% {
    -webkit-transform: translateY(0); transform: translateY(0); 
	-webkit-animation-timing-function: cubic-bezier(.2,.25,.55,1); animation-timing-function: cubic-bezier(.2,.25,.55,1);
}
25% {
    -webkit-transform: translateY(-5px); transform: translateY(-5px);
    -webkit-animation-timing-function: cubic-bezier(.45,0,.8,.75); animation-timing-function: cubic-bezier(.45,0,.8,.75);
}
75% {
    -webkit-transform: translateY(5px); transform: translateY(5px);
    -webkit-animation-timing-function: cubic-bezier(.45,0,.8,.75); animation-timing-function: cubic-bezier(.45,0,.8,.75);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
@keyframes techology {
0%, 50% {
    -webkit-transform: translateY(0); transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(.2,.25,.55,1); animation-timing-function: cubic-bezier(.2,.25,.55,1);
}
25% {
    -webkit-transform: translateY(-5px); transform: translateY(-5px);
    -webkit-animation-timing-function: cubic-bezier(.45,0,.8,.75); animation-timing-function: cubic-bezier(.45,0,.8,.75);
}
75% {
    -webkit-transform: translateY(5px); transform: translateY(5px);
    -webkit-animation-timing-function: cubic-bezier(.45,0,.8,.75);animation-timing-function: cubic-bezier(.45,0,.8,.75);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}


.imageCaption img{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: techology 4s ease infinite; animation: techology 4s ease infinite;}
.imageCaption img{-webkit-animation-delay: -.2s; animation-delay: -.2s;}
.PadRemove p{ margin-bottom:0;}
.innerRow {margin: 0 -15px;}
.cl6 {padding: 0 15px; width: 50%; float: left;}
.mrgTop {margin-top: 15px !important;}
.productsList{ margin:50px 0 0;}
.productsList li{ width:50%; float:left; padding:0 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; }
.inoLogo {margin-bottom: 20px; padding-top:10px;}
.inovativePro { min-height:360px; padding: 20px; text-align: left; transition:all 350ms ease; -webkit-transition:all 350ms ease;}
.inoProDis .btnYellow{ margin-top:10px; padding:10px 19px; font-size:16px;}
.productsList li.myhrms{ border-right:0 none;  padding-right:0;}
.productsList li.mynino{ border-right:0 none; padding-right:0;}
.silverCm .inovativePro{ min-height:325px;}


.inovativeProducts h2{color:#3090c0; font-size:32px; margin-bottom:10px;}
.inoProDis h4{ font-size:22px; font-family:'open_sansregular'; color:#2d2d2d;}
.productsList li.sarkId , .productsList li.sarkId .inovativePro  ,.productsList li.limeSoft, .productsList li.limeSoft .inovativePro, .productsList li.silverCm , .productsList li.silverCm .inovativePro{ padding-left:0;} 
.productsList li.limeSoft , .productsList li.myhrms{ min-height:395px;}
.productsList li.silverCm{ border-bottom:0 none;}
.magentExt .inovativePro{ text-align:center;}
.productsList li.sarkId:after, .productsList li.limeSoft:after{ position:absolute; height:80px; width:80px; background:#fff; content:""; bottom:-40px; right:-40px; z-index:1;}
.bigTitle {font-size: 22px; color: #2d2d2d;}
.btnYellow { position: relative; transition: all 350ms ease; -webkit-transition: all 350ms ease;  overflow:hidden; z-index:0;}
.btnYellow::after ,.btnYellow::before {content: ''; position: absolute; top: 0; left: 0;
width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.4); -webkit-transition: all 200ms ease; transition: all 200ms ease;
-webkit-transform: translate(-30%,-232%) rotate(-30deg); transform: translate(-30%,-232%) rotate(-30deg); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); z-index:-1;}
.btnYellow::after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
 .btnYellow:hover::before, .btnYellow:hover::after {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
.slidesjs-control .animated , header .animated{-webkit-animation-duration:1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.floatedQuoteForm.animated{
-webkit-animation-duration:2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInLeftBanner {
  from {
    opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1; -webkit-transform: none; transform: none;
  }
}

@keyframes fadeInLeftBanner {
  from {
    opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1; -webkit-transform: none; transform: none;
  }
}

.fadeInLeftBanner {
  -webkit-animation-name: fadeInLeftBanner; animation-name: fadeInLeftBanner;
}
 @-webkit-keyframes fadeInRightBanner {
  from {
    opacity: 0; -webkit-transform: translate3d(80px, 0, 0); transform: translate3d(80px, 0, 0);
  }
  to {
    opacity: 1; -webkit-transform: none; transform: none;
  }
}

@keyframes fadeInRightBanner {
  from {
    opacity: 0; -webkit-transform: translate3d(80px, 0, 0); transform: translate3d(80px, 0, 0);
  }
  to {
    opacity: 1; -webkit-transform: none; transform: none;
  }
}

 

.fadeInRightBanner {
  -webkit-animation-name: fadeInRightBanner; animation-name: fadeInRightBanner;}
  
.homeServices ul.webDevService > li{width: 48.5%;}
.homeServices ul.webDevService > li:nth-child(2), .homeServices ul.webDevService > li:last-child  { margin-right:0}
.homeServices ul.webDevService > li .serviceCnt{ float:left; width:78%;}
.homeAllCountfinal h2{ margin-left:0 !important; opacity:1 !important;}

canvas {display: block; vertical-align: bottom;}
#particles-js {width: 100%; position:absolute;  top:0; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.cols6.padLeftNone {padding-left: 0;}
.companyurl{ display:none;}

/** new case-study css added by dharmesh **/

/* Case Studies */
.caseStudieHeadning { border-bottom: 2px solid #ddd; margin-bottom: 30px; padding-bottom: 30px; position: relative; }
.caseStudieHeadning h3 { color: #2d62b2; font-size: 25px; font-weight: 400; margin: 0; float:left; }
.caseStudieHeadning .shareBtnWrap { top:-5px; right:0; }
.caseStudieHeadning .share-toggle-button { background-color:#fff; }
.caseStudieHeadning .shareBtnWrap > a, .caseStudieHeadning .shareBtnWrap > a i { color:#ccc; font-size:32px; }
.selectTech { float:left; width:19.5%; }
.caseStudieFilter h3 { display: block; font-size: 25px; font-weight: 400; margin: 0 0 25px; }
.caseStudieFilter .customSelect { padding:0 20px 0 0; width:99.9% !important; }
.hasJS .caseStudieFilter select.customSelect { width:99.9% !important; }
.caseStudieFilter .customSelectOuter { padding-top:6px; }
.caseStudieFilter .customSelectInner { height:inherit; }
.filberByInd { float:left; width:80.5%; padding-left:60px; }

.filterColors{padding:0; margin:0; list-style:none;}
.filterColors li {float:left; margin-right:7px; margin-bottom:7px;}
.filterColors li a {background-color:#e3e3e3; color:#595959; display: block; font-size: 14px; padding: 10px 24px; text-decoration: none; opacity:1; border-radius: 5px; -webkit-border-radius: 5px; }
.filterColors li a.active { color:#fff;}
.filterColors li:first-child a.active { background-color:#23B9D2;}
.filterColors li:nth-child(2) a.active, .srtByTechBlkBtn li:nth-child(11) a.active, .filterColors li:nth-child(11) a.active { background-color:#1590e9;}
.filterColors li:nth-child(3) a.active, .srtByTechBlkBtn li:nth-child(12) a.active, .filterColors li:nth-child(12) a.active { background-color:#2c4fca;}
.filterColors li:nth-child(4) a.active, .srtByTechBlkBtn li:nth-child(13) a.active, .filterColors li:nth-child(13) a.active { background-color:#9245dd;}
.filterColors li:nth-child(5) a.active, .srtByTechBlkBtn li:nth-child(14) a.active, .filterColors li:nth-child(14) a.active { background-color:#d13287;}
.filterColors li:nth-child(6) a.active, .srtByTechBlkBtn li:nth-child(15) a.active, .filterColors li:nth-child(15) a.active { background-color:#f12a20;}
.filterColors li:nth-child(7) a.active, .srtByTechBlkBtn li:nth-child(16) a.active, .filterColors li:nth-child(16) a.active { background-color:#F37326;}
.filterColors li:nth-child(8) a.active, .srtByTechBlkBtn li:nth-child(17) a.active, .filterColors li:nth-child(17) a.active { background-color:#d4ae15;}
.filterColors li:nth-child(9) a.active, .srtByTechBlkBtn li:nth-child(18) a.active, .filterColors li:nth-child(18) a.active { background-color:#893bbf;}
.filterColors li:nth-child(10) a.active, .srtByTechBlkBtn li:nth-child(19) a.active, .filterColors li:nth-child(19) a.active { background-color:#379e65;}
.filterColors li a.active:hover { opacity:0.9;}

.filberByIndBtn li a { border: 1px solid rgba(0,0,0,0.3); background-color:transparent;}
.filberByIndBtn li a:hover { border-color:rgba(0,0,0,0.6); }
.filberByIndBtn li a.active { border-color:rgba(0,0,0,0); }

.caseStudieTable { margin-top:60px; }
.caseStudieTable table.dataTable tr th { background: #fff; color: #121212; border-bottom:2px solid #dbdbdb !important; font-size: 16px; font-weight: 600 !important; padding:15px 30px; text-align:center; }
.caseStudieTable table tr:nth-child(2n+1) td {
background-color:#fff;
}

.caseStudieTable table.dataTable tr td { border-bottom:none; border-top:none; padding:15px 30px; font-size:16px; }
.caseStudieTable table { border-bottom:1px solid #dbdbdb; margin-bottom:25px !important; }
.caseStudieTable .downloadIcon { width:25px; height:25px; font-size:0; background:url(assets/images/download-Icon.png) left top no-repeat; display:inline-block; vertical-align:middle; }
.caseStudieTable .downloadIcon:hover { background-position:0 -25px; }
.paginationBlock p { margin:5px 0 0; float:left; }
.paginationBlock ul { float: right; list-style-type: none; margin: 0; }
.paginationBlock ul li { float:left; }
.paginationBlock ul li a, .caseStudieTable .paginate_button { color: #595959; display: block; font-size: 16px; margin:7px 15px !important; border:none !important; padding:0 !important; background:none !important; min-width:inherit !important; text-decoration: none; }
.paginationBlock ul li a.active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color: #121212 !important; font-weight: 600 !important; }
.paginationBlock ul li a.first, .caseStudieTable .paginate_button.previous { width:39px !important; height:39px !important; font-size:0 !important; margin:0 10px 0 0 !important; background:url(assets/images/paginationArrow.png) left top no-repeat !important; padding:0 !important; vertical-align:top; border:none !important; cursor:pointer !important; }
.paginationBlock ul li a.last, .caseStudieTable .paginate_button.next { width:39px !important; height:39px !important; font-size:0 !important; margin:0 0 0 10px !important; background:url(assets/images/paginationArrow.png) -50px top no-repeat !important; padding:0 !important; vertical-align:top; border:none !important; cursor:pointer !important; }
.paginationBlock ul li a.first:hover, .caseStudieTable .paginate_button.previous:hover { background-position:left -45px !important; }
.paginationBlock ul li a.last:hover, .caseStudieTable .paginate_button.next:hover { background-position:-50px -45px  !important; }

.dataTables_length, .dataTables_filter { display:none;}
table.dataTable.no-footer {  border-bottom:1px solid #dbdbdb !important; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:#fff !important;}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:#fff !important;}
.caseStudieTable table.dataTable, .caseStudieTable table.dataTable th, .caseStudieTable table.dataTable td { box-sizing: border-box; -webkit-box-sizing: border-box; text-align:center;}
.caseStudieTable table.dataTable .caseSrnoCell { width:10%;}
.caseStudieTable table.dataTable .caseDetailsCell { text-align:left; width:78%;}
.caseStudieTable table.dataTable .caseDownloadCell { width:12%;}
/* End Case Studies */

.caseStudieHeadning h3 { color:#3090c0;; font-size: 25px; font-weight: 400; margin: 0; float:left; }
.caseStudieHeadning .shareBtnWrap { top:-5px; right:0; }
.caseStudieHeadning .share-toggle-button { background-color:#fff; }
.caseStudieHeadning .shareBtnWrap > a, .caseStudieHeadning .shareBtnWrap > a i { color:#ccc; font-size:32px; }
.selectTech { float:left; width:19.5%; }
.caseStudieFilter h3 { display: block; font-size: 25px; font-weight: 400; margin: 0 0 25px; }
.caseStudieFilter .customSelect { padding:0 20px 0 0; width:99.9% !important; }
.hasJS .caseStudieFilter select.customSelect { width:99.9% !important; }
.caseStudieFilter .customSelectOuter { padding-top:6px; }
.caseStudieFilter .customSelectInner { height:inherit; }
.filberByInd { float:left; width:80.5%; padding-left:150px; position:relative;}
.filterColors{padding:0; margin:0; list-style:none;}
.filterColors li {float:left; margin-right:7px; margin-bottom:7px;}
.filterColors li a {background-color:#e3e3e3; color:#595959; display: block; font-size: 14px; padding: 10px 24px; text-decoration: none; opacity:1; border-radius: 5px; -webkit-border-radius: 5px; }
.filterColors li a.active { color:#fff;}
.filterColors li:first-child a.active { background-color:#23B9D2;}
.filterColors li:nth-child(2) a.active, .srtByTechBlkBtn li:nth-child(11) a.active, .filterColors li:nth-child(11) a.active { background-color:#1590e9;}
.filterColors li:nth-child(3) a.active, .srtByTechBlkBtn li:nth-child(12) a.active, .filterColors li:nth-child(12) a.active { background-color:#2c4fca;}
.filterColors li:nth-child(4) a.active, .srtByTechBlkBtn li:nth-child(13) a.active, .filterColors li:nth-child(13) a.active { background-color:#9245dd;}
.filterColors li:nth-child(5) a.active, .srtByTechBlkBtn li:nth-child(14) a.active, .filterColors li:nth-child(14) a.active { background-color:#d13287;}
.filterColors li:nth-child(6) a.active, .srtByTechBlkBtn li:nth-child(15) a.active, .filterColors li:nth-child(15) a.active { background-color:#f12a20;}
.filterColors li:nth-child(7) a.active, .srtByTechBlkBtn li:nth-child(16) a.active, .filterColors li:nth-child(16) a.active { background-color:#F37326;}
.filterColors li:nth-child(8) a.active, .srtByTechBlkBtn li:nth-child(17) a.active, .filterColors li:nth-child(17) a.active { background-color:#d4ae15;}
.filterColors li:nth-child(9) a.active, .srtByTechBlkBtn li:nth-child(18) a.active, .filterColors li:nth-child(18) a.active { background-color:#893bbf;}
.filterColors li:nth-child(10) a.active, .srtByTechBlkBtn li:nth-child(19) a.active, .filterColors li:nth-child(19) a.active { background-color:#379e65;}
.filterColors li a.active:hover { opacity:0.9;}
.filberByIndBtn li a { border: 1px solid rgba(0,0,0,0.3); background-color:transparent;}
.filberByIndBtn li a:hover { border-color:rgba(0,0,0,0.6); }
.filberByIndBtn li a.active { border-color:rgba(0,0,0,0); }
.caseStudieTable { margin-top:60px; }
.caseStudieTable table.dataTable tr th { background: #fff; color: #121212; border-bottom:2px solid #dbdbdb !important; font-size: 16px; font-weight: 600 !important; padding:15px 30px; text-align:center; }
.caseStudieTable table tr:nth-child(2n+1) td {
background-color:#fff;
}
.caseStudieTable table.dataTable tr td { border-bottom:none; border-top:none; padding:15px 30px; font-size:16px; }
.caseStudieTable table { border-bottom:1px solid #dbdbdb; margin-bottom:25px !important; }
.caseStudieTable .downloadIcon { width:25px; height:25px; font-size:0; background:url(images/download-Icon.png) left top no-repeat; display:inline-block; vertical-align:middle; }
.caseStudieTable .downloadIcon:hover { background-position:0 -25px; }
.paginationBlock p { margin:5px 0 0; float:left; }
.paginationBlock ul { float: right; list-style-type: none; margin: 0; }
.paginationBlock ul li { float:left; }
.paginationBlock ul li a, .caseStudieTable .paginate_button { color: #595959; display: block; font-size: 16px; margin:7px 15px !important; border:none !important; padding:0 !important; background:none !important; min-width:inherit !important; text-decoration: none; }
.paginationBlock ul li a.active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color: #121212 !important; font-weight: 600 !important; }
.paginationBlock ul li a.first, .caseStudieTable .paginate_button.previous { width:39px !important; height:39px !important; font-size:0 !important; margin:0 10px 0 0 !important; background:url(images/paginationArrow.png) left top no-repeat !important; padding:0 !important; vertical-align:top; border:none !important; cursor:pointer !important; }
.paginationBlock ul li a.last, .caseStudieTable .paginate_button.next { width:39px !important; height:39px !important; font-size:0 !important; margin:0 0 0 10px !important; background:url(images/paginationArrow.png) -50px top no-repeat !important; padding:0 !important; vertical-align:top; border:none !important; cursor:pointer !important; }
.paginationBlock ul li a.first:hover, .caseStudieTable .paginate_button.previous:hover { background-position:left -45px !important; }
.paginationBlock ul li a.last:hover, .caseStudieTable .paginate_button.next:hover { background-position:-50px -45px  !important; }
.dataTables_length, .dataTables_filter { display:none;}
table.dataTable.no-footer {  border-bottom:1px solid #dbdbdb !important; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:#fff !important;}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:#fff !important;}
.caseStudieTable table.dataTable, .caseStudieTable table.dataTable th, .caseStudieTable table.dataTable td { box-sizing: border-box; -webkit-box-sizing: border-box; text-align:center;}
.caseStudieTable table.dataTable .caseSrnoCell { width:10%;}
.caseStudieTable table.dataTable .caseDetailsCell { text-align:left; width:78%;}
.caseStudieTable table.dataTable .caseDownloadCell { width:12%;}  .phpFrmSwiper .swiper-container{z-index:0;}

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/****************commonpopup********/
.commonPopup { background:#fff; margin:30px auto; max-width:518px; position:relative; }
.popupContainer .popupMandetoryTxt { font-size:12px; color:#8b8b8b; position:absolute; top:10px; right:30px; }
.commonPopup .popupContainer { padding-top:0px; padding-bottom:60px; }
.commonPopupPopupForm .feildRow { border-bottom:1px solid #dadada; padding:13px 0; }
.commonPopupPopupForm .feildRow:first-child { border-top:1px solid #dadada; }
.commonPopupPopupForm .feildName { float:left; width:113px; position:relative; padding-right:15px; line-height:32px; position:relative; min-height:32px; }
.commonPopupPopupForm .feildInput { width:100%; padding-left:140px; position:relative; min-height:32px; }
.commonPopupPopupForm .feildName label { font-size:14px; color:#323232; font-weight:600; padding-bottom:0; margin-bottom: 0; }
.commonPopupPopupForm .star { color:#F00; }
.commonPopupPopupForm .feildName:before { background:#a8bdc9; height:100%; width:1px; right:0; top:0; content:""; position:absolute; }
.commonPopupPopupForm input[type="text"], .commonPopupPopupForm input[type="email"], .commonPopupPopupForm input[type="tel"], .commonPopupPopupForm input[type="number"], .commonPopupPopupForm input[type="url"], .commonPopupPopupForm input[type="password"], .commonPopupPopupForm input[type="search"], .commonPopupPopupForm select, .commonPopupPopupForm textarea { border:0 none; height:32px; padding:5px 0; }
.commonPopupPopupForm .customSelectOuter { border:0 none; padding:0; font-size:16px; }
.commonPopupPopupForm .customSelect { font-size:15px; line-height:22px; vertical-align:middle; }
.commonPopup .mfp-close { display:none !important; }

.contentPopup h2 { background:#2177a3;  color:#fff; text-transform:uppercase;  margin-bottom:0; padding:10px 30px; font-size:20px; }
.contentPopup .popup-modal-dismiss { position:absolute; right:-15px; top:-15px; background:#fff; width:30px; height:30px; line-height:23px !important; vertical-align:middle; font-size:16px!important; color:#323232; text-align:center; border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5); padding:3px 9px;}
.contentPopup .popup-modal-dismiss:hover { background:#2177a3; color:#fff; }
.popupContainer h3 { font-size: 16px; color: #2177a3; margin-bottom: 10px;}

.popupContainer {padding: 30px;padding-top: 30px; position: relative;}
.commonPopupPopupForm .feildRow .error{clear:none;}

.mdi::before, .mdi-set {display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px;  line-height: 1;font-size: inherit; text-rendering: auto; line-height: inherit;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.mdi-close:before { content: "\F156";}
.hiddenText {text-indent: -9999px; display: inline-block; overflow: hidden; text-align: left;}

.btnRow.btnRight {text-align: right;}
.btnRow { margin-top: 20px;}
.commonBtnArrow.cancelBtn { background: #b9b9b9;  color: #ffa200; padding: 10px 20px 10px 20px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.commonBtnArrow { background: #22ab96; padding: 10px 30px 10px 30px; border-radius: 5px; -webkit-border-radius: 5px;  color: #fff; text-decoration: none;font-size: 16px; font-weight: 600; text-transform: uppercase;  position: relative; overflow: hidden; display: inline-block;
}
.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-error{color:#F00;}

/** case study google catcha **/
.feildRow.grecaptcha { border-bottom: none; }
#dwnLoadPopup .grecaptcha .feildInput {float: left; padding: 0; width: auto;}
#dwnLoadPopup .grecaptcha .btnRight { float:right; margin-top:0;}
#dwnLoadPopup .gglcptch {border: 1px solid #c9c9c9; padding-top:-10px; border-radius: 5px; -weblit-border-radius: 5px; height:54px; overflow: hidden; padding: 0; position: relative; width: 180px;background:url(images/loading1.gif) center center no-repeat; }
#dwnLoadPopup .gglcptch_recaptcha {left: -2px; position: absolute; top: -14px;}
#dwnLoadPopup .gglcptch_recaptcha div {width: 304px; height: 78px; } 
#dwnLoadPopup .gglcptch{ width:157px;}

#caseStudyData_paginate  .paginate_button:hover{ color:#121212 !important;}
/** case study google catcha **/

/** case-study technology dropdown **/
.customSelectOuter { position: relative; }
.hasJS select.customSelect {position: absolute!important; width: 100.1%!important; cursor: pointer; height: 100%!important; left: 0!important;
top: 0!important; border: 0; }
span.customSelect { display: block!important; padding-right: 20px; background: #fff url(images/down-arrow-case.png) no-repeat right center;
border-bottom: 1px solid #9f9f9f;}
.customSelect {font-size: 18px; color: #5b5b5b; height: 35px !important;}
.customSelectInner {display: block!important; width: auto!important; word-break: keep-all; overflow: hidden; margin-right: 20px; height: 24px;}
/** technology dropdown **/

.selectTech .customSelectOuter option{ font-size:15px;}
.caseStudieTable table{ border:1px solid #ddd; border-right:0 none;}
.caseStudieTable table.dataTable tr th , .caseStudieTable table.dataTable tr td{ border-right:1px solid #ddd;}
.commonPopupPopupForm input:focus,.commonPopupPopupForm textarea:focus { box-shadow: 0 0 0px rgba(91, 184, 243, 0.8) !important;}
canvas {display: block; vertical-align: bottom;}
#particles-js {width: 100%; position:absolute;  top:0; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}

.caseHomeBox select {height: 49px; width: 255px; padding: 0 30px 0 20px; border: 1px solid rgba(255,255,255,0.7);
color: #fff; font-size: 16px; -webkit-appearance: none; -moz-appearance: none;
background:rgba(0,0,0,0) url(images/down-arrow-case-w.png) no-repeat 94% center; cursor:pointer;}
.caseHomeBox select option{color:#333;}
.caseHomeBox select::-ms-expand {display: none;}
.caseHomeBox label {font-size: 18px; font-family: 'open_sanssemibold'; color: #fff; width: 140px; display: inline-block; padding-right:15px;}
#casestudy_home {padding-top:20px; max-width:400px;}
.selectTechHome {margin-bottom: 20px;}
.orText { display: block; text-align: center; color: #22ab96; position: relative; margin-bottom:20px;}
.orText:after{ position:absolute; background:#7ab0b1; width:100%; height:1px; top:18px; left:0; content:""; z-index:1;}
.viewCaseStudy {text-align:left; margin-top:54px; display:inline-block; position:relative;}
.viewCaseStudy::after {position: absolute; content: "\f105"; right:24px; top:14px; font-size: 19px; font-family: FontAwesome;}
.viewCaseStudy:hover::after{ color:#fff; transition: all 300ms ease;}
.viewCaseStudy input[type="submit"] { background:#e8dc18; color:#2d2d2d; padding:11px 40px 11px 30px; font: 18px 'open_sansbold';}
.viewCaseStudy input[type="submit"]:hover { background:#2d2d2d; color:#fff;}
.orText span { display: block; height: 35px; width: 36px; margin: 0 auto; border-radius: 50px; background:#fff; padding: 9px 0; font-size: 12px; position:relative; z-index:2;}
.orTextInn {position: absolute; left:54px; height:100%; }
.orTextInn span { height: 35px; width: 35px; font-size: 12px; border-radius: 50%; border: 1px solid #ccc; display: block; text-align: center; padding: 8px 0;
margin-top:80px; position:relative;  z-index:1; background:#fff;}
.orTextInn:after{ position:absolute; background:#e9e5e5; width:1px; height:100%; top:0; left:17px; content:""; z-index:0;}
#casestudyError .error {bottom:65px; left:40px;}

/*google captcha*/
#commentform .gglcptch { margin: 0 0 10px; }
#recaptcha_response_field { height: 17px !important; max-height: 35px !important; font-size: 10pt !important; }
.recaptcha_theme_clean #recaptcha_response_field { height: 25px !important; }
#gglcptch_error { color: #F00; }
.gglcptch table#recaptcha_table { table-layout: auto !important; }
/* in whitelist notification message */
.gglcptch_whitelist_message { display: block; margin: 12px 0; }
.gglcptch_v1, .gglcptch_v2 { min-width: 1px; padding: 10px 0; clear: both; }
/* rtl fix recaptcha v1 */
.rtl .gglcptch_v1 .recaptcha_r2_c1 { background: url('https://www.google.com/recaptcha/api/img/red/sprite.png') -27px 0 no-repeat !important; }
.rtl .gglcptch_v1 .recaptcha_r2_c2 { background: url('https://www.google.com/recaptcha/api/img/red/sprite.png') -18px 0 no-repeat !important; }
.rtl .gglcptch_v1 .recaptcha_r3_c1 { background: url('https://www.google.com/recaptcha/api/img/red/sprite.png') -9px 0 no-repeat !important; }
.rtl .gglcptch_v1 .recaptcha_r3_c3 { background: url('https://www.google.com/recaptcha/api/img/red/sprite.png') 0 0 no-repeat !important; }

/*wpfront-notification-bar*/
#wpfront-notification-bar{visibility:hidden;position:fixed;overflow:hidden;left:0px;right:0px;color:#fff;background-color:#000;}
.wpfront-bottom-shadow{-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 5px 5px 0px rgba(0,0,0,0.75);}
.wpfront-top-shadow{-webkit-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.75);box-shadow:0px -5px 5px 0px rgba(0,0,0,0.75);}
#wpfront-notification-bar.wpfront-fixed{position:fixed;z-index:9999;width:100%;}
#wpfront-notification-bar div.wpfront-close{position:absolute;top:3px;right:5px;cursor:pointer;font-family:Arial, sans-serif;font-weight:bold;line-height:0px;font-size:10px;padding:5px 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#wpfront-notification-bar table, #wpfront-notification-bar tbody, #wpfront-notification-bar tr{margin:auto;border:0px;padding:0px;background:inherit;}
#wpfront-notification-bar td{background:inherit;vertical-align:middle;text-align:center;border:0px;margin:0px;padding:5px 0px;line-height:1em;}
#wpfront-notification-bar div{text-align:center;display:inline-block;vertical-align:middle;}
#wpfront-notification-bar div.wpfront-message{}
#wpfront-notification-bar a.wpfront-button{display:inline-block;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);white-space:nowrap;font-size:13px;font-weight:bold;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);cursor:pointer;padding:5px 10px;margin-left:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#wpfront-notification-bar-open-button{display:none;position:absolute;right:10px;z-index:9999;border:3px solid white;width:23px;height:30px;cursor:pointer;background-repeat:no-repeat;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#wpfront-notification-bar-open-button.top{top:0px;background-image:url(../images/arrow_down.png);background-position:top center;border-top:0px;-webkit-border-top-right-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-moz-border-radius-topleft:0px;border-top-right-radius:0px;border-top-left-radius:0px;}
#wpfront-notification-bar-open-button.bottom{bottom:0px;background-image:url(../images/arrow_up.png);background-position:bottom center;border-bottom:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
#wpfront-notification-bar-spacer{display:none;position:relative;}

.odcButton {margin-top: 30px;}
.innerBanner .container{ max-width:1200px; width:100%; margin:0 auto;}
.padRight0 {padding-right: 0;}


/*Home page Blog*/
.homePageBlog { padding: 55px 0; background: #eee; position: relative; }
.homePageBlog .blogList li .proName { position: relative;}
.homePageBlog .blogList .imgBoxPor a { padding-bottom:0; line-height:0; }
.homePageBlog .blogList li .imgBoxPor img { width: 100%; height: 209px; transition: all 350ms ease; -webkit-transition: all 350ms ease; }
.homePageBlog .blogList { margin:0 -20px; }
.homePageBlog .blogList li { width:33.333%; float:left; padding:0 20px; overflow:hidden; }
.homePageBlog .blogList li .imgBoxPor { width: 100%; float: left; line-height: normal; position: relative; overflow: hidden; }
.homePageBlog .blogList li a { width: 100%; display: block; font:18px 'open_sanssemibold'; line-height: 26px; position: relative; padding-bottom:5px; color: #505050; }
.homePageBlog .blogList .cntBoxPor .proDis { line-height: 24px; float: left; height: 100px; overflow: hidden; }
.homePageBlog .blogList li .cntBoxPor { width: 100%; float: left; padding: 20px; background: #fff; color: #353535; text-align: left; height:/*115px*/ 160px;}
 
.homePageBlog .blogList li:hover img { transform: scale(1.1); }
.homePageBlog .blogList li:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.homePageBlog .blogList li:hover .proName > a { color: #3090c0; }

/** added by dharmesh **/
.cntBoxPor .meta-date { margin-right: 5px; padding-right: 5px; border-right: 1px solid #EBEFF1; }
.cntBoxPor i{ font-size:16px; }
.publishedByDtl{ font-size:14px; }
.icon-left { margin-right: 7px; } 
.fa-calendar-o:before { content: "\f133"; }
.entry-date { font-size: 0.9em; }
.screen-reader-text{    position: absolute !important; clip: rect(1px, 1px, 1px, 1px);}

/**************Blog Section***********/
.blogRow{margin:0 -15px; padding:50px 0;}
.blogRow .blogLeftPart{float:left; width:75%; padding:0 15px;}
.blogRow #sidebar{float:right; width:25%; padding:0 15px;}
.blogRow .blogLeftPart ul.blogList{margin:0 -15px;}
.blogRow .blogLeftPart ul.blogList > li{width:50%; float:left; padding:0 15px; margin-bottom:20px;}
.blogRow .blogLeftPart ul.blogList > li:nth-of-type(2n+1){clear:both;}
.smartlib-post-box {position:relative; padding-bottom:35px; clear:both; margin-bottom:0px;}
.smartlib-post-box::after {content:""; border-bottom:1px solid #DFDFDF; display:block; margin-top:15px; position:absolute; bottom:0; width:100%;}
.smartlib-thumbnail-outer{float:left; margin:20px 0 50px 0px; margin-bottom:5px; position:relative; font-size:30px; max-width:100%;}
.smartlib-category-line {float:right; margin:5px 0 10px; position:relative; z-index:100;}
.smartlib-thumbnail-outer > a {overflow:hidden; display:block; line-height:1; font-size:0;}
.smartlib-thumbnail-outer .smartlib-category-line {position:absolute; bottom:-30px; height:30px; right:0; margin:0; padding:0;line-height:1;}
.smartlib-category-line li{display:inline-block;}
.smartlib-category-line a {background:#5bd2a0; color:#fff; padding:3px 7px; font-size:12px; float:left; margin:1px 0 0 1px; line-height:1.6;}
.smartlib-category-line a:hover {background-color:#3fb4ab;}
.smartlib-thumbnail-caption {background-color:rgba(0,0,0,0.6); position:absolute; color:#fff; z-index:100; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out;   left:0; top:100%; bottom:0; width:100%; text-align:center; line-height:100%; height:0; overflow:hidden;}
.smartlib-thumbnail-outer:hover .smartlib-thumbnail-caption {top:0; height:auto; right:0;}
.smartlib-thumbnail-outer .smartlib-caption-link:hover {text-decoration:none; border:1px solid #3FB4AB; color:#3FB4AB;}
.smartlib-thumbnail-outer .smartlib-caption-link {border:1px solid #fff; padding:5px 35px 5px 15px; display:inline-block; color:#fff; font-weight:normal; font-size:17px;    -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; transform:translateY(-50%); margin-top:25%; position:relative;}
.blogThumbBox {min-height:280px;}
.smartlib-post-box .entry-content{padding-top:5px; margin-top:5px; border-top:1px solid #EBEFF1;}
.smartlib-post-box h3{margin-bottom:15px;}
.blogRow .blogLeftPart  .more-link {display:block; float:right; background:#5bd2a0; color:#fff; padding:1px 11px; clear:both; font-size:12px; text-transform:uppercase;   border-radius:3px;box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.25) inset !important;}
.blogRow .blogLeftPart .smartlib-post-box .more-link {position:absolute; bottom:15px; right:0;}
.blogRow .blogLeftPart .more-link:hover {background:#2C3E51; text-decoration:none; color:#fff; -webkit-transition:background 0.4s linear; -moz-transition:background 0.4s linear;
-o-transition:background 0.4s linear; transition:background 0.4s linear;}
.blogRow .blogLeftPart .meta-publisher {margin:0; font-size:14px;}
.blogRow .blogLeftPart .smartlib-post-box .meta-publisher {position:absolute; bottom:15px; left:0;}
.blogRow .blogLeftPart .meta-publisher a {font-weight:bold;}
.blogRow .blogLeftPart .entry-date{font-size:14px;}
.smartlib-thumbnail-outer .smartlib-caption-link i {position:absolute; top:12px; right:12px;}
#sidebar .widget-area .widget-title{font-size:24px; padding:9px 10px 9px 0; position:relative; z-index:1; margin:0 0 15px 0; border-bottom:1px solid #e7e6e4; color:#3090c0;}
#sidebar .widget-area .widget {padding-bottom:15px;}
#sidebar .widget-area li {line-height:1.2; margin-bottom:5px;}
#sidebar .widget-area form{padding:10px 0 20px; width:100%;}
#sidebar .widget-area select{-webkit-appearance: none !important; appearance: none !important; -moz-appearance: none !important; background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; background-position-x:97%; background-position-y: center; border:1px solid #ccc; padding:0.5rem; font-size:0.875rem; -webkit-border-radius:0; border-radius:0; width:100%;}
#sidebar .popular-posts .wpp-list li a {margin:5px; float:left;}
#sidebar .popular-posts .wpp-list li a.wpp-post-title {width: 100%; margin: 0 -95px; padding: 8px 0 8px 95px;}
#sidebar .popular-posts .wpp-list li {width:100%; float:left; padding:0; margin-bottom:15px; border:1px solid #d9e5e1;}
#sidebar .popular-posts .wpp-list .post-stats { width:100%; float:left; font-size:12px; font-weight:normal; background:#f6f6f6; padding:4px 5px;}
#sidebar .widget_recent_entries ul{padding:0; margin:0; list-style:none;}
#sidebar .widget_recent_entries ul li{border-bottom:1px solid #d9e5e1; margin-bottom:10px; padding-bottom:10px;}
#sidebar .widget_recent_entries ul li:last-child{border-bottom:0 none;}
#sidebar .widget_recent_entries ul li a{display:block; margin-bottom:5px;}
#sidebar .widget_recent_entries ul li  .post-date{font-size:13px;}
.blogLeftPart .pagination{margin-top:20px;}
.blogLeftPart .page-numbers{padding:4px 12px 4px; display:inline-block; color:#999;}
.blogLeftPart .page-numbers:hover{background:#e6e6e6; text-decoration:none;}
.blogLeftPart .page-numbers.current{background: #2C3E51; color:#fff; font-weight:600;}
.post-navigation{margin-top:20px;}
.padL15{padding-left:15px;}
.blogContent ul, .blogContent  ol {margin:10px 30px;}
.blogContent ul{list-style:disc;}
.blogContent ul li{font-size:16px; margin-bottom:5px;}
.blogContent p{text-align:justify;}
.blogLeftPart .blogDetailImg{position:relative; margin-bottom:30px;}	
.blogLeftPart .blogDetailImg img{max-width:none; width:100%; height:auto;}
.smartlib-single-next-prev{text-align: left;}
.smartlib-single-next-prev a, .smartlib-next-prev a {background:#22ab96; color:white; cursor:pointer;  display:inline-block;  font-family:inherit;  font-size:14px;   font-weight:bold; line-height:1; margin:0;  padding:10px 20px 11px; position:relative; text-align:center; text-decoration:none; -webkit-transition:background-color 0.15s ease-in-out; -moz-transition:background-color 0.15s ease-in-out; -o-transition:background-color 0.15s ease-in-out; transition:background-color 0.15s ease-in-out; border-radius: 3px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25) inset !important;}
.smartlib-single-next-prev a:hover, .smartlib-next-prev a:hover {color:#fff; background:#3FB4AA;}
.smartlib-single-next-prev a:last-child{float:right;}
.smartlib-single-next-prev a:first-child{float:left;}
.blogLeftPart h2.entry-title{color:#3090c0;font-size:32px;}
/***************author Page*************/
.author-brdr .author-detail {width:100%; float:left; border:1px solid #d9e5e1; border-bottom-color:rgb(217, 229, 225); border-bottom-width:1px; border-bottom-width:5px;border-bottom-color:#23bd8f; padding:10px; margin-bottom:12px; box-sizing:border-box;}
.author-brdr .authorAvatar{float:left; width:220px; box-sizing:border-box;}
.author-brdr .authorInfo{ box-sizing:border-box; padding-left:220px; margin-left:-220px; float:left; width:100%;}
.author-brdr .authorInfo h2{margin-top:0; margin-bottom:10px;}
.authorLinks a{font-size:14px;}
.authorAvatar .avatar-200{width: 200px; height: 200px;}
.author-info{background:#f1f0f0; padding:20px 20px 20px; margin:40px 0px 60px; float:left; width:100%;}
.author-avatar {float:left; margin:0px 15px 15px 0px;}
.author-avatar img {max-width:150px; height:auto;}
.author-description{width:100%; padding-left:150px; margin-left:-130px; float:left;}
.author-description h2{margin-top:0; margin-bottom:5px;}
.author-description p{margin-bottom:0;}
.socialIconHome{margin-top:12px;}
.blogContent .size-full{width:100%; max-width:none; height:auto;}
.blogContent p a, .blogContent ul li a{color:#F60;}
.blogContent blockquote {background:#d4e3df; border:none; border-left-style:none; border-left-width:medium; border-left:4px solid #9ea7ae; margin: 20px; overflow:auto; padding: 0 10px 10px 45px; position:relative;}
.blogContent blockquote::before {content:"\f10d"; font-size:30px; font-family:FontAwesome; display:inline-block; position:absolute; top:20px; left:8px; color:#9ea7ae;}


/* Hire .net Developer  */
.net-why-hire-developer { background-color: #174c9b; color: #fff; }
.net-servicesH1 { position: relative; }
.dot-net-dev-img { max-width: 700px; width: 100%; margin: 10px auto 0; }
.net-servicesH1 .tech-icon-for-hire { height: 162px; width: 162px; position: absolute; right: 50px; top: -79px; -webkit-box-shadow: 0px 0px 48px 5px rgba(62, 159, 233, 0.54); -moz-box-shadow: 0px 0px 48px 5px rgba(62, 159, 233, 0.54); box-shadow: 0px 0px 48px 5px rgba(62, 159, 233, 0.54); border-radius: 100%; z-index: 1; }
.dot-net-connect { padding: 40px 0; text-align: center; background-color: #f2f2f2; }