.Purchase-Solution-box .box-title:before { color: #ef8c1b; content: '\f022'; font-family: "FontAwesome"; font-size: 34px; margin-right: 15px; vertical-align: top; } .exchange-panel { width: 100%; } .exchange-panel h2 { line-height: 29px; padding: 3px 5px; margin: 0px; background: none repeat scroll 0 0 #0d1d31; color: #FFFFFF; font-size: 16px; text-align: left; } .Sub-Links { list-style-type: none !important; margin-left: 0 !important; padding-bottom: 5px; padding-left: 18px; list-style-type: none !important; } .exchange-panel .Sub-Links li { color: #004DB5 !important; border-bottom: 1px dotted #3F63C3; } .Sub-Links li { background: url(../images/arrow-left.PNG) no-repeat scroll left 6px rgba(0, 0, 0, 0) !important; color: #7B7A7A; font: 13px/188% Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; list-style-type: none !important; margin-left: -18px; padding-left: 16px; text-align: left; } .purchasingWorkflow { float: left; margin: 0px; padding: 0px; } .purchasingWorkflow ul { width: 100%; height: auto; float: left; margin: 0px; padding: 0px; list-style-type: none; } .purchasingWorkflow ul li { width:100%; height: auto; float: left; margin: 0px; padding: 0px; list-style-type: disc; color: #333; text-align: left; } .proud-users{text-align:center; width:100%;} .proud-users .inner_div{margin-top: 40px;height: auto;float: left;text-align: left;} .UserProud{/* border: 1px solid #ddd; */padding: 20px;border-radius: 7px;background:rgba(255,255,255,0.4);} .streamlinedEntireProcess{width: 150px;height: 150px;border-radius: 50%;background:#0d1d31;margin: 0 auto;} .Purproudusers {background:#ef8c1b;} .imgMiddleCenter{margin-top: 50px;} .ProudUsermainDiv{background: rgba(239,136,26,0.9); float: left; width:100%; padding: 30px 0px; margin: 0px;} .UserProud p{margin-bottom:0px;} .ProudUsermainDiv .col-md-12{margin-bottom:20px;} .ProudUsermainDiv .col-md-3 p{text-align:center;} /* ***********FOR GOOGLE CSS CAPTCHA************ */ /* .rc-anchor-normal { width: 81% !important; float: left !important; } .rc-anchor-normal .rc-anchor-checkbox-label { width: 92px !important; } .rc-anchor-normal .rc-anchor-content { width: 146px !important; } .rc-anchor-normal .rc-anchor-pt { right: 0px; text-align: right; width: 229px !important; left: 0 !important; } */ #recaptcha4{margin-top: -30px !important;} #recaptcha3{margin-top: -22px !important;} /* ***********Inrigation form design************ */ .alignright { display: block !important; float: none !important; margin: 0 auto !important; width: 26% !important; text-align: center !important; border-radius:5px; } .GOIS-form .form-contents .form-input {display:none !important;} .row-fluid .form-contents{display:none !important;} /* ***********Inrigation form design************ */ .SignUpSubmission_Popup {display: none;position: absolute;top: 20%;left: 50%;width: 35%;height: auto; margin-left:-17.5%;margin-top: 0px; padding: 20px;border: 2px solid #ef891a;background: #ffffff;z-index:1002; overflow:visible;border-radius:10px;} .SignUpSubmission_gray{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: #000;z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);} .SignUpSubmission_Close{float: right;margin:-39px -32px 0px 0px;border-radius: 50%;color: #ffffff;background: #ef891a;text-decoration: none;padding: 4px 12px; font-weight: bold;} .SignUpSubmission_Popup p{text-align:center;} .SignUpSubmission_Popup p a{text-decoration:none; font-size:20px;} .ErrorSignIcon { background: url(../images/down.png); width: 24px; height: 24px; float: right; margin: -33px 12px 0px 0px; } .RightSignIcon { background: url(../images/up.png); width: 24px; height: 24px; float: right; margin: -33px 12px 0px 0px; } .loderSignUp{ background:url(../images/ajax-loader.gif); width:24px; height:24px; float:right; margin:-33px 12px 0px 0px; } .SignUp-layout .BusinessID{float:left;color:#000;font-size:12px;width:auto;margin: 10px 10px 0px 0px;overflow:hidden;} .SignUp-layout .BusinessID input[type=checkbox], input[type=radio]{float:left;color:#000;font-size:13px;width:15px !important;margin-top:4px;overflow:hidden;} .SignUp-layout .groupph { position: relative; float: left; width: 48%;margin: 6px; } .groupph input { font-size: 14px !important; padding: 12px 10px 12px 40px !important; display: block; border: none !important; border-bottom: 1px solid #757575 !important; margin: 10px 0px 0px 0px; border-radius: 3px !important; line-height: 12px; } .gropphoneCode { width: 25% !important; float: left; margin-top: 10px!important; } .gropphoneNumber { width: 71% !important; float: left; margin-left: 10px !important; margin-top: 10px!important; } .groupph i { margin: 20px 0px 0px 10px; position: absolute; font-size: 20px; color: #777; left: 0; } .Sign-layout { padding-top: 8%; margin: 10px auto auto auto; max-width: 280px; overflow: hidden; } .SignUp-layout {padding-top: 0%; margin: 10px auto auto auto; max-width: 60%; overflow: hidden;} .SignUp-layout .group { position: relative; float: left; width: 48%; margin: 5px; } .Sign-layout a{color: #ef8c1b;} .ForgotSign{position: relative; text-align: left; float: left; margin: 8px 0px 0px 0px; width: 100%;} .sign-header {margin-top: 30px;margin-bottom: 20px !important;} .sign-layout h2{font-weight: 100;font-size: 20px;line-height: normal;} .SignUp-layout h2{font-weight: 100;font-size: 20px;line-height: normal;} .signInBtn { position: relative; float: left; width: 100%; text-align: center; margin: 8px 0px 0px 0px; } .signUpHear { text-align: center;margin:30px; } .signUpHear a { color: #ef8c1b; text-transform: uppercase; font-family: 'proxima_novasemibold'; } #faq_wrapp .side_box {} #faq_wrapp .side_box h4 { background: #0d1d31; color: #fff; margin-bottom: 0px; padding: 5px; text-align: center; text-transform: uppercase; font-size: 19px; font-weight: 600; position: relative; } #faq_wrapp .side_box .category { margin-left: 17px; padding: 25px; box-shadow: -11px -14px 38px 0px #D7D7D7 inset; -moz-box-shadow: -11px -14px 38px 0px #D7D7D7 inset; -webkit-box-shadow: -11px -14px 38px 0px #D7D7D7 inset; -o-box-shadow: -11px -14px 38px 0px #D7D7D7 inset; -ms-box-shadow: -11px -14px 38px 0px #D7D7D7 inset; } #faq_wrapp .side_box .category li { border-bottom: 1px solid #EAEAEA; } #mytab li:hover a, #mytab li.active a { color: #29408E; } #mytab li a { display: block; padding: 10px 7px; color: #8C8C8C; font-size: 14px; font-weight: 600; } .faq_contentlist .solutionbox li { margin-bottom: 15px; } .faq_contentlist .question { background-color: #F4F4F4; padding: 10px 15px; font-size: 15px; border: 1px solid #EAE9E9; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; cursor: pointer; font-weight: 700; } .faq_contentlist .question .plus { float: left; margin-top: -1px; margin-right: 12px; font-size: 14px; height: 30px; width: 41px; background: url(../images/question.png) no-repeat 0px 0px; } .faq_contentlist .question .plus.minus { background-position: -56px 0px; } .question .q_info { margin-left: 50px; } .faq_contentlist .answer { display: none; padding: 10px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180,180,180,0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(180,180,180,0.1); box-shadow: 0px 1px 1px 0px rgba(180,180,180,0.1); border: 1px solid #E7E7E7; border-top: 0; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -o-border-radius: 0px 0px 3px 3px; -ms-border-radius: 0px 0px 3px 3px; font-size: 14px; } .faq_contentlist .answer .title { color: #EF8E25; font-size: 18px; text-decoration: underline; font-weight: 600; } .faq_contentlist .answer .ans_row { margin-top: 5px; } .faq_contentlist .answer strong { font-size: 14px; } #faq_wrapp .side_box h4:after { content: " "; width: 0; height: 0; border-left: 17px solid transparent; border-right: 0px solid transparent; border-top: 10px solid #21242E; position: absolute; bottom: -10px; left: 0px; } .stickytop{position:fixed;top:0;width: 100%; z-index: 100;} .lineHightcls li{line-height:19px !important;margin-left:10px !important;} .ProPosedSolutionList li{list-style-type:none !important;} .IntegrationsSummeryform .col-md-5 .col-md-6 input[type="submit"]:hover{background:#fff;} .Topreviewbox { width:100%; padding: 7px; margin: 10px 0px; float: left; min-height: 128px; box-shadow: 0px 0px 1px 0px #959595; -moz-box-shadow: 0px 0px 1px 0px #959595; -webkit-box-shadow: 0px 0px 1px 0px #959595; -o-box-shadow: 0px 0px 1px 0px #959595; -ms-box-shadow: 0px 0px 1px 0px #959595; } .Topreviewbox .rating .fa-star { font-size: 22px; margin: 2px; color: #EF8A1B; font-size: 18px } .Topreviewbox .logo { margin-bottom: 15px; } .leftSocialButtonOnPage { display: none; } .schedule-list-box .panel-body{ overflow-y: scroll; height:335px; } .panel-Click{ overflow: hidden; height: auto; position: relative; background-image: url(../images/texture.jpg); padding: 10px; } .panel-Click:hover a { font-size: 16px !important; color: #fff; } .Media-accordion{margin:15px 0px;} .review_head.marginLess { margin-bottom: 0px; } .review_head { padding: 5px 5px; background: url(../images/media-heading.jpg) repeat-x 3px -6px; font-weight: 600; font-size: 19px; text-align: center; border: 1px solid #cccccc; border-bottom: 4px solid #C4C4C4; color: #fff; } .left_pr_shadow .pr_shadow { width:100%; box-shadow: 0px 0px 1px 0px #959595; -moz-box-shadow: 0px 0px 1px 0px #959595; -webkit-box-shadow: 0px 0px 1px 0px #959595; -o-box-shadow: 0px 0px 1px 0px #959595; -ms-box-shadow: 0px 0px 1px 0px #959595; height: 485px; overflow-y: scroll; } .pr_featured li { border-bottom: 1px solid #DFDFDF; text-align: center; } .pr_featured li a{margin: 0 auto;} .pr_featured .singleClient { border: 0px; text-align:center; } /* ------------------------------------------ */ #mainPlayer { text-align: center; padding: 5px; border: 1px solid #000; margin-bottom: 15px; } #mainPlayer p { font-size: 20px; } #videoThumbnails { text-align: center; padding: 5px; border: 1px solid #000; } .video { display: none; } .thumbnail { cursor: pointer; } .multiselect { width: 100%; } .selectBox { position: relative; } .selectBox select { width: 100%; font-weight: bold; } .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #checkboxes { display: none; border: 1px #dadada solid; } #checkboxes label { display: block; margin:0px; padding:0px 5px; } #checkboxes input { display: block; margin: 7px 0px 0px 0px; padding:5px; float: left; } #checkboxes label:hover { background-color: #0d1d31; color:#fff; } .featureTxtHeadingBottam{ position: absolute; bottom: 0px; padding: 5px; background: rgba(0,0,0,0.6); color: #333; width:100%; } .blue-panel-lists { position: relative; z-index: 2; width: 100%; padding: 40px 0 0; } .blue-panel-lists > li:nth-child(3n+1) { clear: left; } .blue-panel-lists > li { list-style-type: none; float: left; width: 33.3%; padding-right: 30px; padding-bottom: 30px; } .blue-panel-lists > li h3 { font-size: 20px; font-weight: normal; color: #333; } ul.large-list { padding: 0px; position: relative; list-style-type: none; } .blue-panel-lists > li ul li { font-size: 15px; } ul.large-list li { list-style-type: none; position: relative; padding: 4px 0 4px 28px; } ul.large-list li:before { background: url(../images/tick.png); width: 20px; height: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; font-size: 16px; left: 0; } .reseller-Silver{width:100%;margin:0px;padding:0px 0px 0px 0px;background:#ededed;border:1px solid #b1b0b0;color:#000;text-align:center;} .reseller-Gold{width:100%;margin:0px;padding:0px 0px 0px 0px;background:#ffc000;border:1px solid #dfa903;color:#000;text-align:center;} .reseller-Diamond{width:100%;margin:0px;padding:0px 0px 0px 0px;background:#deebf7;border:1px solid #afcce8;color:#000;text-align:center;} .reseller-Platinum{width:100%;margin:0px;padding:0px 0px 0px 0px;background:#7c7c7c;border:1px solid #5b5a5a;color:#000;text-align:center;} .resellerProfit{width:100%;height:auto;margin:0px;padding:0px;border:1px solid #b1b0b0;padding:7px;} .resellerProfit ul {width:100%;height:auto;margin:0px 0px 0px 20px;} .resellerProfit ul li{width:100%;height:auto;margin:0px;padding:0px 0px 0px 0px;color:#333;list-style-type: disc;} .resellerProfit1{width:100%;height:auto;margin:0px;padding:0px;border:1px solid #dfa903;padding:7px;} .resellerProfit1 ul {width:100%;height:auto;margin:0px 0px 0px 20px;} .resellerProfit1 ul li{width:100%;height:auto;margin:0px;padding:0px 0px 0px 0px;color:#333;list-style-type: disc;} .resellerProfit2{width:100%;height:auto;margin:0px;padding:0px;border:1px solid #afcce8;padding:7px;} .resellerProfit2 ul {width:100%;height:auto;margin:0px 0px 0px 20px;} .resellerProfit2 ul li{width:100%;height:auto;margin:0px;padding:0px 0px 0px 0px;color:#333;list-style-type: disc;} .resellerProfit3{width:100%;height:auto;margin:0px;padding:0px;border:1px solid #5b5a5a;padding:7px;} .resellerProfit3 ul {width:100%;height:auto;margin:0px 0px 0px 20px;} .resellerProfit3 ul li{width:100%;height:auto;margin:0px;padding:0px 0px 0px 0px;color:#333;list-style-type: disc;} .ResellerJoiningForm-popup{display: none;position:fixed;top: 10%;left: 50%;width: 45%;height: auto; margin-left:-22.4%;margin-top: 0px;border: 2px solid #ef891a;background: #ffffff;z-index:1002; overflow:visible;border-radius:2px;} .ConsumerID_gray{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: #000;z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50);} #videos_container .video { height: 300px; width: 100%; display: block; } #videos_container .points { margin-left: 26px; } #videos_container .points li { list-style-type: disc; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } .do_it { font-size: 18px; font-weight: bold; color: #EF8E25; margin-top: 10px; text-align: left; } .dotted_divider .dots { height: 2px; width: 100%; border-top: 1px dotted #D0DBE9; } #videos_container .bottom_row { margin-top: 40px; margin-bottom: 40px; } #videos_container .bottom_row h4, #videos_container .bottom_row p{ text-align:left; } #videos_container .bottom_row h1 { padding: 0px 5px 12px 16px; color: #444444; } #videos_container .v_small { height: 250px; } .ourClientslogo .gracereliant-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/gracereliant-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .gracereliant-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/gracereliant-client1.png) no-repeat; background-size:100%; } .ourClientslogo .Alpha-Air { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Alpha-Air1.png) no-repeat; background-size: 100%; } .ourClientslogo .Alpha-Air:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Alpha-Air1.png) no-repeat; background-size:100%; } .ourClientslogo .Infinity-Air { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Infinity-Air1.png) no-repeat; background-size: 100%; } .ourClientslogo .Infinity-Air:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Infinity-Air1.png) no-repeat; background-size:100%; } .ourClientslogo .flash-back { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/flash-back1.png) no-repeat; background-size: 100%; } .ourClientslogo .flash-back:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/flash-back1.png) no-repeat; background-size:100%; } .ourClientslogo .Eurogulf { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Eurogulf1.png) no-repeat; background-size: 100%; } .ourClientslogo .Eurogulf:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Eurogulf1.png) no-repeat; background-size:100%; } .ourClientslogo .Rainbow-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Rainbow-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .Rainbow-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Rainbow-client1.png) no-repeat; background-size:100%; } .ourClientslogo .Cintas-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Cintas-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .Cintas-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Cintas-client1.png) no-repeat; background-size:100%; } .ourClientslogo .RDR-Express-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/RDR-Express-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .RDR-Express-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/RDR-Express-client1.png) no-repeat; background-size:100%; } .ourClientslogo .CML { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/CML1.png) no-repeat; background-size: 100%; } .ourClientslogo .CML:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/CML1.png) no-repeat; background-size:100%; } .ourClientslogo .Nosara { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Nosara1.png) no-repeat; background-size: 100%; } .ourClientslogo .Nosara:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Nosara1.png) no-repeat; background-size:100%; } .ourClientslogo .redlinetelecom-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/redlinetelecom-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .redlinetelecom-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/redlinetelecom-client1.png) no-repeat; background-size:100%; } .ourClientslogo .Shasta { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Shasta1.png) no-repeat; background-size: 100%; } .ourClientslogo .Shasta:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Shasta1.png) no-repeat; background-size:100%; } .ourClientslogo .Diamond-spas-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Diamond-spas-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .Diamond-spas-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Diamond-spas-client1.png) no-repeat; background-size:100%; } .ourClientslogo .Maryaland { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Maryaland1.png) no-repeat; background-size: 100%; } .ourClientslogo .Maryaland:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Maryaland1.png) no-repeat; background-size:100%; } .ourClientslogo .moxie-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/moxie-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .moxie-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/moxie-client1.png) no-repeat; background-size:100%; } .ourClientslogo .telstra { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/telstra1.png) no-repeat; background-size: 100%; } .ourClientslogo .telstra:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/telstra1.png) no-repeat; background-size:100%; } .ourClientslogo .Ribeiro-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Ribeiro-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .Ribeiro-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Ribeiro-client1.png) no-repeat; background-size:100%; } .ourClientslogo .Peterson { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Peterson1.png) no-repeat; background-size: 100%; } .ourClientslogo .Peterson:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Peterson1.png) no-repeat; background-size:100%; } .ourClientslogo .Pagani-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Pagani-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .Pagani-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Pagani-client1.png) no-repeat; background-size:100%; } .ourClientslogo .NewZealand-made { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/NewZealand-made1.png) no-repeat; background-size: 100%; } .ourClientslogo .NewZealand-made:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/NewZealand-made1.png) no-repeat; background-size:100%; } .ourClientslogo .gel-bottles { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/gel-bottles1.png) no-repeat; background-size: 100%; } .ourClientslogo .gel-bottles:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/gel-bottles1.png) no-repeat; background-size:100%; } .ourClientslogo .Chase { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Chase1.png) no-repeat; background-size: 100%; } .ourClientslogo .Chase:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Chase1.png) no-repeat; background-size:100%; } .ourClientslogo .Barefeet { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Barefeet1.png) no-repeat; background-size: 100%; } .ourClientslogo .Barefeet:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/CBarefeet1.png) no-repeat; background-size:100%; } .ourClientslogo .revive-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/revive-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .revive-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/revive-client1.png) no-repeat; background-size:100%; } .ourClientslogo .dermatology { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/dermatology1.png) no-repeat; background-size: 100%; } .ourClientslogo .dermatology:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/dermatology1.png) no-repeat; background-size:100%; } .ourClientslogo .ISHI-client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/ISHI-client1.png) no-repeat; background-size: 100%; } .ourClientslogo .ISHI-client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/ISHI-client1.png) no-repeat; background-size:100%; } .ourClientslogo .SummitGroup { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/SummitGroup1.png) no-repeat; background-size: 100%; } .ourClientslogo .SummitGroup:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/SummitGroup1.png) no-repeat; background-size:100%; } .ourClientslogo .Habital-Client { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Habital-Client1.png) no-repeat; background-size: 100%; } .ourClientslogo .Habital-Client:hover { display: block; width: 180px; height: 180px; margin: 25px auto; background: url(../images/Habital-Client1.png) no-repeat; background-size:100%; } .OurExcellence{auto;float:left;margin:0px;padding:0px;} .OurExcellence ul{width:100%;height:auto;float:left;margin:0px;padding: 0px 0px 0px 50px;list-style-type:none;} .OurExcellence ul li{width:100%;height:auto;float:left;margin:0px;padding:0px;list-style-type: disc;text-align:left;font-weight:bold;} .OurExcellence ul li ul {width:100%;height:auto;float:left;margin:0px;padding: 0px 0px 0px 30px;list-style-type: disc;text-align:left;} .OurExcellence ul li ul li{width:100%;height:auto;float:left;margin:0px;padding:0px;list-style-type: disc;text-align:left;font-weight:normal;} .HighlightsMode{auto;float:left;margin:0px;padding:0px;} .HighlightsMode ul{width:100%;height:auto;float:left;margin:0px;padding:0px;list-style-type:none;} .HighlightsMode ul li{width:50%;height:auto;float:left;margin:0px;padding:0px;list-style-type: disc;color:#fff;text-align:left;} .support_options .optn_box { width: 170px; height: 170px; text-align: center; margin: 20px auto 5px; } .support_options .optn_box a { width: 170px; height: 170px; display: table-cell; vertical-align: middle; background: #0d1d31; border-radius: 50%x; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius:50%; -ms-border-radius:50%; } .support_options .under_title { font-family: "Roboto Condensed", sans-serif; font-size: 17px; line-height: 1.444; padding-bottom: 15px; position: relative; text-transform: uppercase; color: #333; text-align:center; font-weight: bold; margin:10px 0px; } #under_info { padding: 15px 0px; background: #fff; } .form_contact .common_row{margin-bottom: 15px;} .form_contact .common_row label { float: left; margin-bottom: 0px; margin-top: 3px; font-weight: normal; width: 90px; } .input_row .input-group, .input-group textarea { width: 78%; } .input-group-addon:first-child { border-right: 0; } .contactUsformposition{position: absolute;top: 5px;right: 0px;background:rgba(37,93,156,0.6);} .box-pricing .vivid1 { width:220px; } .box-pricing .vivid{ width:220px; } .basicInformationheding{padding: 2px 10px; background: #0d1d31; color: #fff; font-size: 14px; margin: 9px 0px 5px 0px;} /* QuickBook Start */ /************* FOR Hover Menu **************/ .dropdown-menu li:hover .sub-menu {visibility: visible;} .dropdown:hover .dropdown-menu {display: block;} .navbar-default .navbar-nav>li>a:hover {background: #ffb225;} .QuickB-component.Qfirst{min-height: 460px;position: relative;} .QuickB-component.-bgimg {background-size: cover;} .Q-component.background-teal {background-color: #3ACCB6;color: #fff;fill: #fff;} .QuickB-component {padding-top: 20px;text-align: center;} .QuickB-component .component-inner {max-width: 78rem;} .Q-component .component-inner {margin: 0 auto;max-width: 1170px;width: 95%;} .QuickB-component h1.section-title {font-size: 28px;font-weight: 700;color: #fff;} .QuickB-component .section-subtitle {font-size: 21px;font-weight: 400;color: #fff;} .QuickB-component .section-subtitlebtn {font-size: 14px;font-weight: 400;color: #fff;} .QuickB-component .quickCircleIcon {display: block; width: 90%;max-width: 350px;margin: 0 auto 20px;padding: 0;} /* .QuickB-component .section-subtitlebtn span{font-size: 14px;font-weight: 700;color: #fff;} */ #QuickBooksAdvantage {position: relative;background: #fff;background-size: cover;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;transition: all .2s ease-out;height: auto;color: #000;padding-bottom: 30px;} #IntegrationHelps {position: relative;/* background:#f8f8f8; */background-size: cover;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;transition: all .2s ease-out;height: auto;color: #000;/* padding-bottom: 30px; */} .QuickBmain{margin: 10px auto;overflow: hidden;text-align:center;} .view {width: 300px;height: 270px;margin: 5px;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6;-moz-box-shadow: 1px 1px 2px #e6e6e6;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center;display:inline-block; } .view .mask,.view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;} .view img {display: block;position: relative;} .view h3 {text-transform:capitalize;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8) !important;margin: 20px 0 0 0; height:auto !important;} .view p { /*font-family: Georgia, serif;*/font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center;} .view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000;-moz-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;} .view a.info: hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;} .view-fifth img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .view-fifth .mask {background-color: rgba(146,96,91,0.3);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px); -o-transform: translateX(-300px);-ms-transform: translateX(-300px);transform: translateX(-300px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .view-fifth h2 {background: rgba(255, 255, 255, 0.5);color: #000;-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);} .view-fifth p {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: #333; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear; transition: all 0.2s linear;} .view-fifth:hover .mask {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .view-fifth:hover img {-webkit-transform: translateX(300px);-moz-transform: translateX(300px);-o-transform: translateX(300px); -ms-transform: translateX(300px);transform: translateX(300px);} .view-fifth:hover p {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;} #AboutQuickBooksOnline {position: relative;background: #fff;background-size: cover;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;transition: all .2s ease-out;height: auto;color: #000;padding-bottom: 30px;} .aboutQuickHeight{min-height: 300px;position: relative;} .AboutQuickBooksList ul {padding:0px 0px 0px 30px; margin:0px; list-style-image:url(../images/plainicon.png) !important;} .AboutQuickBooksList ul li{ width:99%; color:#fff;float:left;text-align:left;} .ediBooksList ul {padding:0px 0px 0px 30px; margin:0px; list-style-image:url(../images/plainicon.png) !important;} .ediBooksList ul li{ width:99%; color:#000;float:left;} .ediBooksList p{margin:10px 0px 0px 30px} #OtherIntegrationsOffered{position: relative;/* background: #fff; */background-size: cover;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;transition: all .2s ease-out;height: auto;color: #000;} .viewOffer {width: 218px;height: 170px;margin: 5px;float: left;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6;-moz-box-shadow: 1px 1px 2px #e6e6e6;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center; } .viewOffer .mask,.viewOffer .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;} .viewOffer img {display: block;position: relative;} .viewOffer h4 {text-transform: capitalize;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8) !important;margin: 55px 0 0 0; height:auto !important;} .viewOffer p { /*font-family: Georgia, serif;*/font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center;} .viewOffer a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000;-moz-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;} .viewOffer a.info: hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;} .viewPopularInt {width: 19%;height:auto;margin: 5px;float: left;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6;-moz-box-shadow: 1px 1px 2px #e6e6e6;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center; } .viewPopularInt .mask,.viewOffer .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;} .viewPopularInt img {display: block;position: relative;width: 100%;height: auto;} .viewPopularInt h4 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8) !important;margin: 55px 0 0 0; height:auto !important;} .viewPopularInt p { /*font-family: Georgia, serif;*/font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center;} .viewPopularInt a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000;-moz-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;} .viewPopularInt a.info: hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;} .view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .view-tenth .mask { background-color: rgba(255, 231, 179, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .view-tenth:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .IntegrationsSummeryform { padding: 20px 0; } .IntegrationsSummeryform h5 { color: #ffffff; text-transform: capitalize; font-weight: bold; margin: 0 0 10px; padding: 0; font-size: 12px; } .IntegrationsSummeryform h5 span { color: #3fa1da; font-weight: bold; font-size: 12px; } .IntegrationsSummeryform .form-input, .IntegrationsSummeryform .input, .IntegrationsSummeryform .hs_submit { float: left; box-sizing: border-box; width: 33%; padding: 0 5px; } .IntegrationsSummeryform form input[type="text"] { background-position: 0 0; } .IntegrationsSummeryform form input { display: block; width: 100%; background-color: /* #2C4492 */ #ffffff; background-image: url(../images/signup.png); background-repeat: no-repeat; background-position: 0 0; border-radius: 3px; border: 0; box-sizing: border-box; padding: 14px 15px 14px 40px; margin: 0; font-size: 14px; color: #2C4492; /*font-family: "Open Sans",Arial,sans-serif;*/ } .IntegrationsSummeryform form input[type="email"] { background-position: 0 -54px; } .IntegrationsSummeryform form input[type="tel"] { background-position: 0 -108px; } .IntegrationsSummeryform form button { box-sizing: border-box; width: 100%; border-radius: 3px; border: 0; padding: 15px 20px; margin: 0; transition: box-shadow ease .4s; } .IntegrationsSummeryform .button:hover, .IntegrationsSummeryform button:hover { color: #484848; text-decoration: none; } .IntegrationsSummeryform form button:hover { box-shadow: 0 0 10px rgba(255,155,58,0.5); } .IntegrationsSummeryform .button, .IntegrationsSummeryform button { color: white; text-transform: uppercase; /* background-color: #3FA1DA; font-size: 13px; padding: 8px 16px; border: 1px solid #2d86b9; font-weight: bold;*/ border-radius: 3px; display: inline-block; text-decoration: none; cursor: pointer; margin: 20px 0px; } .IntegrationsSummeryform .form-contents { margin: 0 -5px; } .IntegrationsDemoBtn { width:100%; background-color: #3FA1DA; color: white; text-transform: uppercase; font-size: 13px; padding: 14px 15px 14px 15px !important; border: 1px solid #2d86b9; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; } .QuickB-component .Integrationssubtitlebtn {font-size: 17px;font-weight: 400;color: #fff;} #PopularIntegrations{position: relative;/* background:#f8f8f8; */background-size: cover;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;transition: all .2s ease-out;height: auto;color: #000;padding-bottom: 30px;} #SumOtherIntegrations{position: relative;/* background: #fff; */background-size: cover;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;height: auto;color: #000;padding-bottom: 30px;} .grid-15 {float: left;/* width: 16.5%; */} .grid-15, .m-50, .t-15,{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;padding-left: 10px;padding-right: 10px;} /* .int-panel img {display: block;width: 85%;margin: 25px auto;} */ .int-panel .quickBookOnline {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/quickBookOnline1.png) no-repeat; background-size:100% 108px;} .int-panel .quickBookOnline:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/quickBookOnline1.png) no-repeat; background-size:100% 108px;} .int-panel .quickBookDesktop {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/quickBookDesktop1.png) no-repeat; background-size:100% 108px;} .int-panel .quickBookDesktop:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/quickBookDesktop1.png) no-repeat; background-size:100% 108px;} .int-panel .salesforceGrey {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/salesforceGrey1.png) no-repeat; background-size:100% 108px;} .int-panel .salesforceGrey:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/salesforceGrey1.png) no-repeat; background-size:100% 108px;} .int-panel .EDI {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/EDI1.png) no-repeat; background-size:100% 108px;} .int-panel .EDI:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/EDI1.png) no-repeat; background-size:100% 108px;} .int-panel .e-commerce {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/e-commerce1.png) no-repeat; background-size:100% 108px;} .int-panel .e-commerce:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/e-commerce1.png) no-repeat; background-size:100% 108px;} .int-panel .amazonint {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/amazon1.png) no-repeat; background-size:100% 108px;} .int-panel .amazonint:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/amazon.png) no-repeat; background-size:100% 108px;} .int-panel .magnetoint {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/magneto1.png) no-repeat; background-size:100% 108px;} .int-panel .magnetoint:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/magneto.png) no-repeat; background-size:100% 108px;} .int-panel .ebayint {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/ebay1.png) no-repeat; background-size:100% 108px;} .int-panel .ebayint:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/ebay.png) no-repeat; background-size:100% 108px;} .int-panel .shopifyint {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/shopify1.png) no-repeat; background-size:100% 108px;} .int-panel .shopifyint:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/shopify.png) no-repeat; background-size:100% 108px;} .int-panel .BigCommerceint {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/BigCommerce1.png) no-repeat; background-size:100% 108px;} .int-panel .BigCommerceint:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/BigCommerce.png) no-repeat; background-size:100% 108px;} .int-panel .etsyint {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/etsy1.png) no-repeat; background-size:100% 108px;} .int-panel .etsyint:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/etsy.png) no-repeat; background-size:100% 108px;} .int-panel .DynamicGP-feature {display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/DynamicGP-feature1.jpg) no-repeat; background-size:100% 108px;} .int-panel .DynamicGP-feature:hover{display: block;width: 100%;height: 108px;margin: 25px auto; background:url(../images/DynamicGP-feature1.jpg) no-repeat; background-size:100% 108px;} .reinventedTxt{float:right; margin:65px 0px 0px 0px;} .GOIS-form form input:hover{display: block;width: 100%;background-color: /* #2C4492 */ #feffc9;background-image: url(../images/signup.png); background-repeat: no-repeat;background-position: 0 0;border-radius: 3px;border: 0;box-sizing: border-box;padding: 14px 15px 14px 40px; margin: 0;font-size: 14px;color: #333!important; /*font-family: "Open Sans",Arial,sans-serif;*/border:1px solid #999;} #homebanner{min-height: 620px;position: relative;} #homebanner .GOIS-form {bottom: 0px;position: absolute;width: 100%;} .dropdown-menu>li>a:hover {color: #ffeb3b;text-decoration: none;background-color: #373736;} .twitter img {border-radius: 50%;} .linkedin img {border-radius: 50%;} .gplus img {border-radius: 50%;} .facebook img {border-radius: 50%;} .int-panel .hgray img{width:100%;} .int-panel:hover .hgray{ -webkit-transform: rotateY(360deg); -webkit-transform-style: preserve-3d; transform: rotateY(360deg); transform-style: preserve-3d; } .int-panel .hgray, .container:hover .hgray { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .reviewbox { padding: 7px; width:100%; float: left; min-height: 121px; } .pr_shadow { box-shadow: 0px 0px 1px 0px #959595; -moz-box-shadow: 0px 0px 1px 0px #959595; -webkit-box-shadow: 0px 0px 1px 0px #959595; -o-box-shadow: 0px 0px 1px 0px #959595; -ms-box-shadow: 0px 0px 1px 0px #959595; } .reviewbox .logo { margin-bottom: 15px; } .reviewbox .logo a, .reviewsList .reviewbox .logo a { float: none; display: block; } .reviewbox .rating .fa-star { font-size: 22px !important; margin: 2px; color: #ef871a; } .reviewbox .rating .ratingCount { margin-left: 12px; font-size: 16px; font-weight: bold; color: #929BB8; } .h-MoreClientsReview{ background-color: #3FA1DA; color: white; text-transform:capitalize; font-size: 14px; padding: 15px 20px; border: 1px solid #2d86b9; border-radius: 3px; font-weight: bold; text-decoration: none; cursor: pointer; margin:0 auto; float:none; width:280px; } .h-MoreClientsReview:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5);background: #ef8c1b;color: #fff;} @-webkit-keyframes shakeit { 0% { -webkit-transform: rotate(0deg) translate(2px, 1px); } 10% { -webkit-transform: rotate(2deg) translate(1px, 2px); } 20% { -webkit-transform: rotate(-2deg) translate(3px, 0px) ; } 30% { -webkit-transform: rotate(0deg) translate(0px, -2px); } 40% { -webkit-transform: rotate(-2deg) translate(-1px, 1px); } 50% { -webkit-transform: rotate(2deg) translate(1px, -2px); } 60% { -webkit-transform: rotate(0deg) translate(3px, -1px); } 70% { -webkit-transform: rotate(2deg) translate(-2px, -1px); } 80% { -webkit-transform: rotate(-2deg) translate(1px, 1px); } 90% { -webkit-transform: rotate(0deg) translate(-2px, -2px); } 100% { -webkit-transform: rotate(2deg) translate(-1px, 2px); } } @keyframes shakeit { 0% { transform: rotate(0deg) translate(2px, 1px); } 10% { transform: rotate(2deg) translate(1px, 2px); } 20% { transform: rotate(-2deg) translate(3px, 0px) ; } 30% { transform: rotate(0deg) translate(0px, -2px); } 40% { transform: rotate(-2deg) translate(-1px, 1px); } 50% { transform: rotate(2deg) translate(1px, -2px); } 60% { transform: rotate(0deg) translate(3px, -1px); } 70% { transform: rotate(2deg) translate(-2px, -1px); } 80% { transform: rotate(-2deg) translate(1px, 1px); } 90% { transform: rotate(0deg) translate(-2px, -2px); } 100% { transform: rotate(2deg) translate(-1px, 2px); } } .shakeit img:hover { -webkit-animation-name: shakeit; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: shakeit; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } .homeHeaderTopbackcolor{background-color : transparent !important;} .Zoomvideo:hover { -webkit-transform:scale(1.2); transform:scale(1.2); } .Zoomvideo { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } #UserRelations { background: #0d1d31; padding: 25px 0px 25px 0px; } .URelations { position:relative; overflow:hidden; border-radius:7px; } .URelations .textbox { width:100%; min-height:150px; position:absolute; top:0; left:0; margin-top:-295px; border-radius:5px; background-color: rgba(0,0,0,0.8); -webkit-box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,.8); box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,.8); } .URelations:hover .textbox { margin-top:0; } .URelations img{/* width:100%; */} #UserRelations .text { padding:20px; text-align:center; color:#fff; font-size:13px; min-height: 200px; } .textbox { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .IndustryAssociation{ margin:60px 0px 0px 0px; } .GOISBTN button { background-color: #3FA1DA; color: white; text-transform:capitalize; font-size: 13px; padding: 8px 20px; border: 1px solid #3FA1DA; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; margin:0 auto; float:none; text-align:center; } .GOISBTN button:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #ef8c1b; color: #fff; } .testimonialDivborder { display: block; padding: 1px 0px 1px 0px; height:auto; text-align: center; width: 100%; margin: 0px; border-radius: 10px; background: #fff; margin:20px auto; } .testimonialClientImage{width:100px;height:100px;border-radius:50%;margin:20px auto;background:#f3f3f3;border:1px solid #eee;text-align:center;} .testimonialClientImage .fa{font-size: 70px !important;margin-top: 10px;color:#999;} .testimonialDivText{margin:0 auto; float:none;overflow:hidden;text-align:center;} .testimonialDivText span{margin:25px auto 0px auto; float:left;overflow:hidden;font-weight:bold;font-style: italic; width:100%;} .TopReviewsSection {margin: 0px;} .capterraHover{background:url(../images/capterra1.png) no-repeat; width:100%;height:50px;} .capterraHover:hover{background:url(../images/capterra.png) no-repeat; width:100%;height:50px;} .scrchenHover{background:url(../images/scrchen1.png) no-repeat; width:100%;height:50px;} .scrchenHover:hover{background:url(../images/scrchen.png) no-repeat; width:100%;height:50px;} .softwareinsiderHover{background:url(../images/softwareinsider1.png) no-repeat; width:100%;height:50px;} .softwareinsiderHover:hover{background:url(../images/softwareinsider.png) no-repeat; width:100%;height:50px;} .softwaresuggestHover{background:url(../images/softwaresuggest1.png) no-repeat; width:100%;height:50px;} .softwaresuggestHover:hover{background:url(../images/softwaresuggest.png) no-repeat; width:100%;height:50px;} .Rborderline{border-right:1px solid #4f4e4e; float:left;height:100px;} .TopReviewsBox{width: 24% !important;} .TopReviewsSection hr{/* border:1px solid #4f4e4e; */} .PlanPricingTopHedaing h1 {display: block;padding: 0 0 5px;width: 100%;text-transform: capitalize;font-size: 27px;font-weight: 400;text-align:center;line-height: 1.2; /* font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; */} .entry-subtitle {max-width: 36em;margin: 0 auto;text-align: center;font-size: 17px;} .box-pricing { float: left; padding: 0 10px; width: 50%; } .box-pricing .bpheader { padding: 0 10px; } .box-pricing .block { margin-bottom: 2.7rem; } .block { display: block; margin-bottom: 1.8rem; border:2px solid #0d1d31; border-radius: 1rem; overflow: hidden; min-height: 292px; } .block>.header { padding: 1rem; color: #000; background: #0d1d31; text-align: center; min-height: 68px; } .block .title { font-weight: 300; margin: 0; color:#fff; font-size: 20px; } .block .suptitle { font-size: 20px; font-weight: 700; display: block; } .block>.blockcontent { padding:10px; text-align: center; } .block>.blockcontent>.content{min-height:120px;} .box-pricing .bpcontent{padding: 0 10px;} .list-check { margin: 0 0 1.8rem; padding: 0; list-style-type: none; } .list-check .listitem { position: relative; display: block; /* margin-bottom: .9rem; */ padding-left: 1.7rem; } .list-check .listitem:before { position: absolute; top: 1px; left: 1px; display: block; width: 15px; height: 15px; content: ""; transition: all .2s ease-in-out; opacity: 1; color: #4D92DE; background-image:url(../images/tick.svg); background-repeat: no-repeat; background-size: 15px; fill: #4D92DE; } .list-check .listitem ul li{line-height: 25px;list-style-type: disc;margin: 0px 0px 0px 15px;} .list-check .listitem.-disabled { display: block; color: #C9CBD0; } .Pricebuttoncls{ background-color: #3FA1DA; color: white; text-transform:capitalize; font-size: 13px; padding: 8px 10px; border: 1px solid #3FA1DA; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; margin:0 auto 5px auto; float:none; text-align:center; width:100%; text-decoration:none; } .Pricebuttoncls:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5);background: #ef8c1b !important;color: #fff; border: 1px solid #ef8c1b;} .testimonials-list li .inner { padding: 15px; text-align: center; border: 1px solid #efefef; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; background: #FBFBFB; } #enterpris_ftr .ftr_title .highlight { margin-left: 10px; color: #EF8824; border: 1px solid #DCDCDC; font-weight: normal; background: #f1f1f1; padding: 5px 7px; float: right; width: 128px; } #enterpris_ftr .ftr_title { font-size: 16px; margin: 25px 0px 15px 0px; font-weight: bold; } .CustomizePackageID_Popup {display: none;position:absolute;top: 5%;left: 50%;width: 45%;height: auto; margin-left:-22.4%;margin-top: 0px;border: 2px solid #ef891a;background: #ffffff;z-index:1002; overflow:visible;border-radius:2px; /*font-family:Arial, Helvetica, sans-serif;*/padding:10px; } .ConsumerID_gray{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: #000;z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50);} .ContactReportBug_Popup {display: none;position:fixed;top: 20%;left: 50%;width: 45%;height: auto; margin-left:-22.4%;margin-top: 0px;border: 2px solid #ef891a;background: #ffffff;z-index:1002; overflow:visible;border-radius:2px; /*font-family:Arial, Helvetica, sans-serif;*/ } .ContactFeedBack_Popup {display: none;position:fixed;top: 20%;left: 50%;width: 45%;height: auto; margin-left:-22.4%;margin-top: 0px;border: 2px solid #ef891a;background: #ffffff;z-index:1002; overflow:visible;border-radius:2px; /*font-family:Arial, Helvetica, sans-serif;*/ } .PriceConsumerID_Popup {display: none;position:fixed;top: 20%;left: 50%;width: 45%;height: auto; margin-left:-22.4%;margin-top: 0px;border: 2px solid #ef891a;background: #ffffff;z-index:1002; overflow:visible;border-radius:2px; /*font-family:Arial, Helvetica, sans-serif;*/ } .ConsumerID_Popup {display: none;position:fixed;top: 20%;left: 50%;width: 45%;height: auto; margin-left:-22.4%;margin-top: 0px;/* border: 2px solid #ef891a;background: #ffffff; */z-index:1002; overflow:visible;border-radius:2px; /*font-family:Arial, Helvetica, sans-serif;*/ } .PricePopupCenterBoxDiv{ background: #0d1d31;color:#fff;text-align:center;display: inline-table; float: left;min-height: 335px;} .ResellerJoiningForm-popup .PricePopupCenterBoxDiv{ background: #0d1d31;color:#fff;text-align:center;display: inline-table; float: left;min-height:525px;} .MessPricePopContct{width:100%;float:left;margin-right:5px;} .MessPricePopContct label{width: 100%;float: left;font-size: 12px;color: #000;text-align: left;font-weight: normal;margin: 10px 0px 0px 0px;} .PriceMessageText{height: 60px;width: 100%; border-radius: 2px;border: 1px solid #cccccc; padding-left:7px;} .PricePopupCenterBoxDiv h1{font-size:22px;width:100%;text-align:center;color:#fff;margin-top: 85px;} .PricePopupCenterBoxDiv p{font-size:14px;width:100%;text-align:center;} .Consumer_Close{float: right;margin: -15px -15px 0px 0px;border-radius: 50%;color: #ffffff;background:#ef891a;text-decoration: none;padding: 4px 12px;font-weight: bold;} .Consumer_Heading{width:97%; padding:7px; background:#0000FF; border:1px solid #f3f3f3; color:#000000; text-align:center; color:#ffffff; border-radius:5px;} .consumerID_Input{height: 30px;width: 100%; border-radius: 2px;border: 1px solid #cccccc; padding-left:7px;} .consumerID_CenterDiv{width:97%; padding:7px; border:1px solid #cccccc; color:#000000; text-align:justify; font-size:13px; margin:-2px 0px 0px 0px;} .getFreeTrialMdl{text-decoration:none;} .PricePopContctchk{width:100%;float:left;margin-right:5px;font-size: 14px;} .PricePopContctchk input[type="checkbox"]{margin: 0 0 0px !important;padding:5px;} .PricePopContctchk label{width: 100%;float: left;font-size: 14px;color: #000;text-align: left;font-weight: normal;margin: 10px 0px 0px 0px;} .PricePopContct{width:48%;float:left;margin-right:5px;} .PricePopContct label{width: 100%;float: left;font-size: 14px;color: #000;text-align: left;font-weight: normal;margin: 10px 0px 0px 0px;} .PricePopContct select{width:100%;float: left;font-size: 14px;color: #000;background-color: #fafafa;padding: 4px 6px;border-radius:5px; border: 1px solid rgba(0, 0, 0, 0.3);} .PricePopContctSelect{width:32%;float:left;margin-right:5px;} .PricePopContctSelect label{width: 100%;float: left;font-size: 14px;color: #000;text-align: left;font-weight: normal;margin: 10px 0px 0px 0px;} .PricePopContctSelect select{width:100%;float: left;font-size: 12px;color: #666;background-color: #fafafa;padding: 4px 6px;border-radius:5px; border: 1px solid rgba(0, 0, 0, 0.3);} .PricePopContct input, .PricePopContctchk input{border: 1px solid rgba(0, 0, 0, 0.3) !important;} .PricePopContct table{margin-bottom:0px;} /* .PricePopContct table, th, td {border:none !important;} */ .PriceContactUsbtn {background-color: #3FA1DA;color: white;text-transform: capitalize;font-size: 14px;padding: 10px;border: 1px solid #2d86b9;border-radius: 3px; font-weight: bold;text-decoration: none;cursor: pointer;margin: 0 auto;float: none;} .PriceContactUsbtn:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5);background: #ef8c1b;color: #fff;border: 1px solid #ef8c1b;} .ContactfeedbackBoxDiv { background: #0d1d31; color: #fff; text-align: center; display: inline-table; float: left; height: 300px; } .ContactfeedbackBoxDiv h1{font-size:22px;width:100%;text-align:center;color:#fff;margin-top: 85px;} .ContactfeedbackBoxDiv p{font-size:14px;width:100%;text-align:center;} .ReportAbugBoxDiv { background: #0d1d31; color: #fff; text-align: center; display: inline-table; float: left; height: 450px; } .ReportAbugBoxDiv h1{font-size:22px;width:100%;text-align:center;color:#fff;margin-top: 55px;} .ReportAbugBoxDiv p{font-size:14px;width:100%;text-align:center;} .videoWrapper { position: relative; width: 100%; height: 0; /* background-color: #000; */ } .videoWrapper43 { padding-top: 75%; } .videoWrapper169 { padding-top: 63%; } .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none; background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s; background-color: transparent; } .videoPoster:before { content: ''; position: absolute; top: 50%; left: 50%; width: 64px; height: 50px; margin: -40px 0 0 -46px; border: 5px solid #333; border-radius: 27%; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; background: #333; } .videoPoster:after { content: ''; position: absolute; top: 47.3%; left: 48%; width: 0; height: 0; margin: -16px 0 0 -5px; border-left: 15px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; } .videoPoster:hover:before, .videoPoster:focus:before { border-color: #cc181e; background:#cc181e; } .videoPoster:hover:after, .videoPoster:focus:after { border-left-color: #fff; } .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms; } main { max-width: 660px; margin: 20px auto; text-align:center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #464646; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #2C4391; } #slider-carousel1 .right-arrow { font-size: 45px !important; right: 15px; position: absolute; top: 30%; } #slider-carousel1 .left-arrow { font-size: 45px !important; left: 0; position: absolute; top: 30%; } #slider-carousel1 i.fa { font-size: 45px !important; } figure { opacity: 1 !important; } #slider-carousel2 .right-arrow { font-size: 45px !important; right: 15px; position: absolute; top: 30%; } #slider-carousel2 .left-arrow { font-size: 45px !important; left: 0; position: absolute; top: 30%; } #slider-carousel2 i.fa { font-size: 45px !important; } #slider-carousel3 .right-arrow { font-size: 45px !important; right: 15px; position: absolute; top: 30%; } #slider-carousel3 .left-arrow { font-size: 45px !important; left: 0; position: absolute; top: 30%; } #slider-carousel3 i.fa { font-size: 45px !important; } #slider-carousel4 i.fa { font-size: 45px !important; } .UserRelationsmargin{margin:0px 0px 30px 0px;} .panel-heading:hover {background:#0d1d31;font-size:20px;} .panel-heading:hover a {font-size:18px;color:#fff;} .col-md-offset-1 {margin-left: 4%;padding-top: 10%;} #slider .img-responsive{margin: 0 auto;} .integration-part span{transition: all .2s ease-in-out;} .integration-part span:hover{transform: scale(1.1);} .testimonial-Box{ background: #fff; width: 800px; min-height:320px; margin: 22px auto; padding: 15px 30px; border-radius: 8px; -webkit-box-shadow: 0 4px 20px 0 rgba(92,92,92,1); -moz-box-shadow: 0 4px 20px 0 rgba(92,92,92,1); box-shadow: 0 4px 20px 0 rgba(92,92,92,1); float:none !important; } #slider-carousel3 .left-arrow { font-size: 45px !important; left: 0; position: absolute; top: 30%; width: 50px; height: 50px; background: rgba(51,122,183,0.5); border-radius: 50%; color: #fff; } #slider-carousel3 .left-arrow i{margin: 0px 0px 18px 13px;float: left;} #slider-carousel3 .right-arrow { font-size: 45px !important; right: 15px; position: absolute; top: 30%; width: 50px; height: 50px; background: rgba(51,122,183,0.5); border-radius: 50%; color: #fff; } #slider-carousel3 .right-arrow i{margin: 0px 0px 18px 20px;float: left;} #slider-carousel3_slide i.fa { font-size: 45px !important; } /* .NewsummeryMainpnl { background: #fff; border: 1px solid #283f51; padding: 10px; margin-bottom: 7px; float: left; border-radius: 7px; min-height: 170px; } .NewsummeryTittle { color: #ef881a; font-size: 15px; font-weight: normal; margin-bottom: 7px; } .NewsummeryDate { color: #083351; font-size: 17px; font-weight: normal; margin-bottom: 7px; } */ .bs-example{float:left;width:100%;} .bluebackground{background: #0d1d31;color:#fff; padding:20px 0px;} .bluebackground h3{color:#fff;} .bluebackground .list-check .listitem:before{ position: absolute; top: 5px; left: 1px; display: block; width: 15px; height: 15px; content: ""; transition: all .2s ease-in-out; opacity: 1; color: #4D92DE; background-image: url(../images/tickwhite.svg); background-repeat: no-repeat; background-size: 15px; fill: #4D92DE; } .bluebackground ul.download-icon a { border: 1px solid #fff; color: #fff; font-size: 22px; height: 50px; padding-top: 13px; text-align: center; width: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .bluebackground .left-arrow { font-size: 45px !important; left: 0; position: absolute; top: 30%; } .bluebackground .right-arrow { font-size: 45px !important; right: 15px; position: absolute; top: 30%; } .bluebackground #slider i.fa { font-size: 45px !important; color:#fff; } .common_box { text-align: center; } .common_box .ref_link { display: block; padding: 10px 0px; font-size: 16px; color: #8E8E8E; font-weight: 700; } .downloads_feature .col-md-2 { width: 19.666667%; } .downloads_feature { margin: 25px 0px 10px 0px; } .downloads_feature .dload_ftrbox { width: 100%; height: auto; margin: 0px auto; } .dload_ftrbox .adjust { width: 200px; height: auto; display: table-cell; text-align: center; vertical-align: middle; } .dload_ftrbox .adjust img { width: 115px; height: 115px; max-width: 200px; max-height: 200px; max-width: 100%; */ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .downloads_feature .dld_app { display: block; text-align: center; padding: 13px 0px 0px 0px; font-size: 18px; color: #29408E; } #DocumentationsID .dld_app { display: block; text-align: center; padding: 13px 0px 0px 0px; font-size: 18px; color: #29408E; } .downloads_feature .dld_manual { padding: 5px 0px; text-align: center; display: block; font-size: 15px; color: #E38721; border-bottom: 1px solid #cccccc; margin-bottom: 20px; } .downloads_feature .dld_app:hover { color: #4A63B6; } .tr { transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; } .dload_ftrbox img:hover { transform: scale(1.1); } #dld_lists { padding: 25px 0px; } #dld_lists ul { list-style-image: url(../images/angle-right.png); padding-left: 1.3em; margin-top: 15px; } #dld_lists ul li { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } #dld_lists ul li a { display: block; color: #444; font-size: 16px; padding: 7px 0px; } #dld_lists ul li:hover { margin-left: 2em; } /* ***************** START BLIKNING CSS ************************** */ /* Firefox old*/ @-moz-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* IE */ @-ms-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* Opera and prob css3 final iteration */ @keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .blink-image { -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 2s infinite ease-in-out; /* IE */ animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ } .blink-image1 { -moz-animation: blink normal 3s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 3s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 3s infinite ease-in-out; /* IE */ animation: blink normal 3s infinite ease-in-out; /* Opera and prob css3 final iteration */ } .blink-image2 { -moz-animation: blink normal 4s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 4s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 4s infinite ease-in-out; /* IE */ animation: blink normal 4s infinite ease-in-out; /* Opera and prob css3 final iteration */ } .blink-image3 { -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 1s infinite ease-in-out; /* IE */ animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */ } .blinkAbsolute {position:relative;height: 100%; margin:0 auto;float: none;} .blinkAbsolute p{width:120px;height:50px;position:relative; float:left;text-align:center;} /* .blinkAbsolute p:nth-child(1){top:15%;left:0px;position:absolute;} .blinkAbsolute p:nth-child(2){top:32%;left:0px;position:absolute;} .blinkAbsolute p:nth-child(3){top:60%;left:0px;position:absolute;} .blinkAbsolute p:nth-child(4){top:72%;left:0px;position:absolute;} .blinkAbsolute p:nth-child(5){top:84%;left:0px;position:absolute;} .blinkAbsolute p:nth-child(6){top:15%;right:0px;position:absolute;} .blinkAbsolute p:nth-child(7){top:32%;right:0px;position:absolute;} .blinkAbsolute p:nth-child(8){top:60%;right:0px;position:absolute;} .blinkAbsolute p:nth-child(9){top:72%;right:0px;position:absolute;} .blinkAbsolute p:nth-child(10){top:84%;right:0px;position:absolute;} */ .blinkAbsolute p img{width:auto;height:100%;} /* ***************** END BLIKNING CSS ************************** */ .Casestudiestitle p{ /* font-family: 'Roboto', sans-serif; */ color: #000; font-size: 29px !important; font-weight: 700; margin:25px 0px 0px 0px; } .Casestudiestitle h3{font-style: italic;font-size: 16px !important;font-weight: normal;} .caseStudiesLine{width: 100%;margin: 25px 0px;height: 1px;border:1px solid #ddd;float: left;} .caseStudiesContenttxt h3{font-size: 24px !important; line-height: 34px;color: #121215;} .caseStudiesContenttxt h3 a{color: #057ac6;text-decoration: none;} .caseStudiesContenttxt p{font-size:18px !important; color:#666;} .caseStudiesContenttxt ul li{ padding: 0; margin: 0 0 10px 25px;list-style-type: disc; font-size: 17px;} .caseStudiesalign_center {text-align: center;} .caseStudiesalign_center img {height: auto;max-width: 100%;vertical-align: top;} .green {background: #008000;color:#fff;} .royalblue {background: #4169E1;color:#fff;} .TurnkeySolution-Slide{padding-top:120px;} .TurnkeyYellowBack{background:rgba(239,136,26,0.9);float:left width:100%;padding:30px 0px;margin:0px;} .TurnkeyYellowBack p{color:#fff; font-size:18px; font-weight:bold;} .caseShareULtxt li{color:#000;list-style-type: disc;font-size:16px; font-weight:normal; margin-top:15px;} .ConsumerID_gray{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: #000; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50);} /* .ConsumerID_Popup {display: none;position: absolute;top: 20%;left: 50%;width: 35%;height: auto; margin-left:-17.5%; margin-top: 0px; padding: 5px;border: 2px solid #ffffff;background: #ffffff;z-index:1002; overflow:visible; border-radius:10px; font-family:Arial, Helvetica, sans-serif; } */ .PopupCenterBoxDiv{ /* background: #ffffff; */width: 100%; } .Consumer_Close1{float: right;margin: -30px -29px 0px 0px;border-radius: 15px;color: #ffffff;background: #ff5722;text-decoration: none; padding: 7px 12px;font-weight: bold;} .Consumer_Heading{width:97%; padding:7px; background:#0000FF; border:1px solid #f3f3f3; color:#000000; text-align:center; color:#ffffff; border-radius:5px;} .consumerID_Input{height: 30px;width: 100%; border-radius: 5px;border: 1px solid #cccccc;margin-bottom:0px !Important;} .consumerID_CenterDiv{width:97%; padding:7px; border:1px solid #cccccc; color:#000000; text-align:justify; font-size:13px; margin:-2px 0px 0px 0px;} #ConsumerIdPop{text-decoration:none;} .ConsumerIdPop{text-decoration:none;} .TurnkeyBackColor{background:rgba(239,136,26,0.7);padding:30px;margin:100px auto 0 auto; float:none;text-align:center;border-radius:7px;} .TurnkeyBackColor p{font-size:30px;/* font-family: Helvetica, sans-serif; */font-weight:bold;color:#fff;} .Letsasktxt{padding:83px 20px 0px 20px;} .Letsasktxt li{color:#333;list-style-type: disc;font-size:16px; font-weight:normal; margin-top:15px;} .IntegrationsDemoBtn:hover {box-shadow: 0 0 10px rgba(0,0,0,0.5);background: #ef8c1b;color: #fff;} .IntegrationsSummeryform form input:hover {display: block;width: 100%;background-color: /* #2C4492 */ #feffc9;border-radius: 3px;} .ZoomSignInOut:hover { -webkit-transform:scale(0.5) !important; transform:scale(0.5) !important; color:#ffa500; zoom: 0.95; text-align:center; } .ZoomSignInOut { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } /* BOTTOM BARS ================================= */ .Spanbar { position:relative !important; display:block; width:100% !important; } .Spanbar:before, .Spanbar:after { content:''; height:3px; width:0; bottom:1px; position:absolute; background:#ff9915; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; } .Spanbar:before { left:50%; } .Spanbar:after { right:50%; } /* active state */ input:focus ~ .Spanbar:before, input:focus ~ .Spanbar:after { width:50%; } .group select { font-size: 14px !important; display: block; border: none !important; border-bottom: 1px solid #757575 !important; margin: 5px 0px 0px 0px !important; width: 100%; border-radius: 3px !important; color: #999; text-indent: 35px; line-height: 35px; padding: 6px 0px 6px 0px !important; } .frmSubmitbutton{ background-color: #3FA1DA; color: white; text-transform: capitalize; font-size: 14px; padding: 15px 20px; border: 1px solid #2d86b9; border-radius: 3px; font-weight: bold; text-decoration: none; cursor: pointer; margin:10px auto 5px auto; float: none; width: 100%; } .frmSubmitbutton:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #ef8c1b; color: #fff; } .ProposalPhase{width:100%;float:left;padding:5px;font-weight:bold;font-size:20px;text-align:left;color:#333;} .ProposalPhasedes { width: 100%; float: left; padding: 5px; font-weight: normal; font-size: 15px; text-align: left; color: #333; min-height: 180px; } .mainProposalPhasedes{background: rgba(255,255,255,0.2);border-radius: 5px;float: left;padding: 7px;margin-bottom: 25px;min-height: 292px;} /* ul.resp-tabs-list, p { margin: 0px; padding: 0px; } */ .resp-tabs-list li { font-weight: 600; font-size: 22px; display: inline-block; padding: 13px 15px; margin: 0 0px 0 0; list-style: none; cursor: pointer; float: left; width: 50%; float: left; text-align:center; background: #0d1d31; color:#fff; border-top: 6px solid #0d1d31; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; /* padding: 15px; */ } .resp-tab-active { border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; border-top: 6px solid #0d1d31 !important; border-bottom: 0px #29408E solid !important; background-color: #e67c0a !important; text-align: center; color: #fff; } .resp-tab-active { border-bottom: none; background-color: #fff; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border-top: 1px solid #5AB1D0; /* border: 1px solid #c1c1c1; */ border-top-color: #5AB1D0; } h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; } h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } .each-detail-feature-row { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid #e1e1e1; } .dp-inline-block { display: inline-block; } .list-of-features-hoz .w-detail-feature-icon { float: none; text-align: center; margin: 0 auto; width: 100%; } .detail-feature-icon { height: 100px; display: inline-block; } .each-detail-feature-row h3 { font-size: 18px; line-height: 1.2; } .blue-text-2 { color: #48b5e4; } .list-detail-feature { clear: both; } .list-unstyled { padding-left: 0; list-style: none; } .list-detail-feature li { padding-left: 15px; margin-bottom: 10px; } .list-detail-feature li span { margin-left: 30px; display: inline-block; } .list-detail-feature li:before { content: ''; position: absolute; display: inline-block; width: 16px; height: 12px; background: url(../images/arrow_set.png) no-repeat; background-size: 16px 12px; margin-top: 5px; } .componetHeight{min-height:300px; position: relative;padding-top: 60px;text-align: center;} .componetHeight h1.section-title { font-size: 28px; font-weight: 700; color: #fff; } .componetHeight h3.section-subtitle{font-size: 17px;color: #fff;font-weight:normal;} .grey-bg { background: none repeat scroll 0 0 #f8f8f8 !important; } .grey-bg #slider{ height: auto; overflow: hidden; padding: 10px 0 30px 0; } .grey-bg .right-arrow { font-size: 45px !important; right: 15px; position: absolute; top: 30%; } .grey-bg .left-arrow { font-size: 45px !important; left: 0; position: absolute; top: 30%; } .grey-bg ul.download-icon a { border: 1px solid #888; color: #999; font-size: 22px; height: 50px; padding-top: 13px; text-align: center; width: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .grey-bg #slider i.fa{font-size: 45px !important;} .grey-bg #slider .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #464646; border-radius: 10px; } .grey-bg #slider .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #2C4391; } .grey-bg #slider figure{ opacity:1 !important; } /*! * bootstrap-vertical-tabs - v1.2.1 */ /* Aoutus page CSS start*/ #AboutHighlights{ position: relative; background: #3fa1da; background-size: cover; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; height: auto; color: #ffffff; padding: 30px; } #AboutHighlights ul {width:100%; margin:0px; padding:0px; list-style-type:none;} #AboutHighlights li{width:47%; margin:0px; padding:0px;text-align:left; font-size:14px;margin: 5px 0px 0px 20px;list-style-image: url(../ImageNew/MainImages/check-sign.png) !important; float:left;} #keyFeatures{ position: relative; padding: 30px; } #AboutMetaOptionLLC{ position: relative; background: #3fa1da; background-size: cover; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; height: auto; color: #ffffff; padding: 30px; } #metaMajorAreas{ position: relative; padding: 30px; } .AboutCompanypage{width:100%; float:left;} .AboutCompanypage ul{width:100%; float:left;list-style-type:none; margin:0px;padding:0px;} .AboutCompanypage ul li{width:100%; float:left;margin:5px 0px 0px 15px;padding:0px;} .AboutCompanypage ul li strong{width:100%; float:left;} .AboutCompanypage ul li ul.childpoint li { list-style-image: none !important; list-style-type: disc; font-size: 15px; margin-left: 45px; } /* Aoutus page CSS start*/ /*!* ongoing offers and discounts start - v1.2.1*/ .more-than { background-attachment: scroll; background-color:#21242E; background-image: url("../images/home/feture-section.png"); background-origin: padding-box; background-position:100% 50px, 0 0, 0 0; background-repeat: no-repeat; color: #fff; } .form-parent { height: auto; position: fixed; top: 150px; transition: all 0.6s ease 0s; width: 323px; z-index: 99999; right:-323px; } .form-parent.active { right:0px; } .cc-float-form { /* background: linear-gradient(to bottom, #07304c 5%, #0c446a 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #07304c;width:100%; */ border-radius: 5px; color: #fafafa; padding: 10px; position:relative;z-index:999999; /* font-family: helvetica; */ overflow: hidden; } #ContactForm1 { display: none; } .contact-form-area { background: none repeat scroll 0 0 #fff; border: 1px solid #111; box-shadow: 2px 2px 2px #d9e2ff inset; color: #fafafa; font-size: 12px; padding: 10px 0; width: 245px; } #cc { color: #777; float: right; font-size: 9px; margin-top: -10px; } #cc a { color: #777; text-decoration: none; } .contact-form-button-submit{ background:#EF861A !important;} .contctUptotxt{width:100%; text-transform:uppercase;color:#fff;font-size:20px;text-align:center; font-weight:bold;float:left;} .contctOfferAmount{width:52%; text-transform:uppercase;color:#fff;font-size:70px;text-align:right; font-weight:bold;float:left;} .contctAmountPersent{width:48%; text-transform:uppercase;color:#fff;font-size:30px;text-align:left; font-weight:bold;float:left;margin: 10px 0px 0px 0px;} .contctAmountOff{width:48%; text-transform:uppercase;color:#fff;font-size:25px;text-align:left; font-weight:bold;float:left;margin:0px 0px 0px 0px;} .contctBuyNow{width:100%;float:left;} .contctBuyNowbtn{padding:7px 10px; margin:0 auto;background:#22a102; border:1px solid #1d8004;text-align: center;width: 80%;border-radius:5px;} .contctDashline{width:100%; float:left;height:1px; border-bottom:1px dashed #f3f3f3; margin:15px 0px 15px 0px;} .contcttrailtxt{width:100%; text-transform:capitalize;color:#fff;font-size:14px;text-align:center; font-weight:normal;float:left;} .contctFreetrailbtn{padding:7px 10px; margin:0 auto;background:#00a8ff; border:1px solid #077dba;text-align: center;width: 80%;border-radius:5px; margin-top:20px;} /*!* ongoing offers and discounts end */ /** Resseler page CSS start hear */ .resselerFormNameDiv{width: 118px; padding:0px;} .resselerFormMiddleDiv{width: 118px; padding:0px; margin-left:5px;} .resselerFormLasteDiv{width: 113px; padding:0px;margin-left:5px;} .ResselerTxtCity{padding: 0px; margin-bottom: 30px;float:left;} .ResselerTxtCity .col-lg-6{padding-left: 0px;} .ResselerddlCountry{padding: 0px; margin-bottom: 30px;float:left;} .ResselerddlCountry.col-lg-6{padding-right: 0px !important;} .slide_banner { border-bottom: 1px solid #d5d5d5; position: relative; } .carousel-caption h3 { color: #0658D4; font-size: 25px; } .carousel-caption p { color: #222630; font-size: 18px; line-height: 24px; } .slide_banner img { width: 100%; } .carousel-caption { text-shadow: none; } .vert-offset-bottom-2 { margin-bottom: 2em; } .reseller_wrapp h2 { color: #003366; font-size: 22px; } .reseller_wrapp h4 { margin-bottom: 0px; } .widget-title { border-bottom: 3px solid #2e2e2e; color: #2e2e2e; font-size: 20px; font-weight: bold; margin-bottom: 25px; padding-bottom: 12px; position: relative; } .widget-title .small-line { display: block; height: 3px; left: 0; margin: 12px 0 0; position: absolute; width: 100px; background-color: #FB9800; } .left-border { border-left: 5px solid #0A5DA6; padding-left: 20px; } .reseller_profit { background: url('../images/sale1.jpg') fixed 50% 0; background-repeat: no-repeat; } .type3:hover h4 a { color: #EF871A; } .type3 { box-sizing: border-box; padding-bottom: 6px; padding-left: 85px; text-align: left; line-height: 63px; } .dt-sc-ico-content { clear: both; display: block; float: left; margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } .type3 h4 { font-size: 16px; font-weight: normal; margin-bottom: 6px; border-bottom: 1px dashed #ccc; float: left; width: 100%; } .type3 .icon { background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 0 3px #eceaea inset; float: left; height: 70px; left: 5px; position: absolute; text-align: center; top: 0px; transition: all 300ms linear 0s; width: 70px; z-index: 2; } .type3:hover .icon { transform: rotate(360deg); background: #EF871A; } .type3 .icon span { color: #2c3e50; font-size: 24px; line-height: 70px; } .type3:hover .icon span { color: #ffffff; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; float: left; width: 100%; } .panel-title a{ width: 100%; float: left; /* padding-top: 20px; padding-bottom: 20px; */ } .panel-heading { overflow: hidden; height:40px; position:relative; background-image: url(../images/texture.jpg) } .col-lg-9 p span:nth-child(odd){float:left; width:auto;} .col-lg-9 p span:nth-child(even){float:left; width:95%;} table tr td.center { text-align: center; } .table-bordered td:nth-child(3) { font-size: 13px; font-weight: 700; color: #29408E; } .widget-title { border-bottom: 3px solid #2e2e2e; color: #2e2e2e; font-size: 20px; font-weight: bold; margin-bottom: 25px; padding-bottom: 12px; position: relative; } .dt-li li { padding-bottom: 18px; margin-top: 10px; border-bottom: 1px dashed #c0c0c0; font-size: 17px; } .dt-li li span { clear: both; float: left; font-size: 24px; height: 47px; padding-right: 9px; padding-top: 3px; } .toggle-arrow { margin-right: 10px; margin-top: 19px; } .table_grid{float:left;width: 100%;} .table_grid th{ background:#ee861a;color:#fff;} .vert-offset-bottom-4 { margin-bottom: 4em; } .vert-offset-top-4 { margin-top: 4em; } .widget-title-h4 { border-bottom: 3px solid #fff; color: #fff; font-size: 25px; font-weight: lighter; margin-bottom: 15px; padding-bottom: 12px; position: relative; } .text-center { text-align: center; } #partner-scope .crore-pls { background: none repeat scroll 0 0 #fff; border-radius: 10px; margin: 40px 0 0; padding: 30px; position: relative; text-align: center; width: 100%; } #partner-scope .crore-pls h4 { border-bottom: 1px dashed #ccc; font-size: 17px; font-weight: normal; padding-bottom: 10px; } .text-left { text-align: left; } #partner-scope .crore-pls::after { border-color: #fff transparent transparent; border-style: solid; border-width: 20px 10px; content: ""; height: 0; position: absolute; right: -30px; top: 20px; transform: rotate(-90deg); width: 0; } .check-box { color: #fb9800; position: absolute; left: 12px; line-height: 24px; clear: both; } #partner-scope .ryt-con { background-color: #fff; border-radius: 10px; margin: 100px 0 0; padding: 30px; position: relative; width: 100%; } #partner-scope .ryt-con::after { border-color: #fff transparent transparent; border-style: solid; border-width: 20px 10px; content: ""; height: 0; left: -30px; position: absolute; top: 15px; transform: rotate(90deg); width: 0; } .widget-title-h4 .small-line { display: block; height: 3px; left: 46%; margin: 12px 0 0; position: absolute; width: 100px; background-color: #FB9800; } /** Resseler page CSS end hear */ /** Standlone page CSS start hear */ .StndBusinessReports{margin-top:130px;} ul.followingModules{width:100%; float:left;margin-left: 25px;} ul.followingModules li{width:auto;padding: 0px 35px 0px 0px;font-weight:bold; float:left;list-style-image: url(../images/check-sign.png);} /** Standlone page CSS end hear */ .ErrorSignIcon{background:url("../images/down.png"); width:24px; height:24px; float:right;margin: -33px 12px 0px 0px;} .RightSignIcon{background:url("../images/up.png"); width:24px; height:24px; float:right;margin: -33px 12px 0px 0px;} .loderSignUp{background:url("../images/ajax-loader.gif"); width:24px; height:24px; float:right;margin: -33px 12px 0px 0px;} /** Pricing page CSS start hear */ .QuickBarcodeBoxBorder{border:1px solid #ccc;margin:10px 0px 10px 0px;background: #f8f8f8;border-radius: 5px;} .QuickBarcodetopheading{border-radius:5px;width:100%; float:left;font-size:16px;background:#0d1d31;text-align:center;padding:7px;color:#fff;margin:0px 0px 0px 0px;} .QuickBarcodeimage{width:85px; height:73px; margin:0 auto;overflow:hidden;float:none;} .QuickBarcodecenterTxt{text-align:center; padding:10px;min-height: 263px;} /** Pricing page CSS END hear */ .BenefitTextHeadingBoldTop{font-size: 16px !important;font-weight: bold;text-align: center;margin: 35px 0px;} /* #relevantFeedback table td button { background-color: #40a7d2; color: white; text-transform: uppercase; font-size: 13px; padding: 10px 100px; border: 1px solid #257fa5; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; } */ /** Strat Free Trail UP CSS POPUP Start */ .takeFreeTrialPnl{ position:relative; width:100%; background:#185378; padding:10px 10px; float:left; margin: 10px 0px; border-radius:8px; } .takeFreeTrialPnl p{ width:auto; float:left; color:#fff; font-weight:normal; font-size:14px; margin:10px 10px 0px 0px; } .takeFreeTrialPnl p span{ color:#F3CC41; font-weight:normal; font-size:16px; text-decoration:underline; font-weight:bold; } .takeFreeTrialPnl img{float:left;} .takeFreeTrial{width:60%; margin:0 auto; overflow:hidden;} .takeFreeTrialPnl .button { background-color: #40a7d2; color: white; text-transform:capitalize; font-size: 15px; padding: 8px 30px; border: 1px solid #257fa5; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; margin:3px 10px; float:left; } #SigntrailUpMain{ width:100%; float:left; overflow:hidden; /* background:#0189b3; */ } #SigntrailUpMain .col-md-4{ width:100%; float:left; border: 3px solid #fff; border-radius: 7px; background:#40a7d2 } /* form starting stylings ------------------------------- */ .group { position:relative; float: left; width: 100%; } .group i{ margin: 10px 0px 0px 10px; position: absolute; font-size: 20px; color: #777; } .group input { font-size: 14px; padding: 6px 10px 6px 40px !important; display: block; border: none !important; border-bottom: 1px solid #757575 !important; margin-bottom: 0px !important; margin: 5px 0px 0px 0px; width: 100% !important; border-radius: 3px !important; line-height: 12px; } .group input focus { outline:none; } /* BOTTOM BARS ================================= */ .bar { position:relative; display:block; width:100%; } .bar:before, .bar:after { content:''; height:3px; width:0; bottom:1px; position:absolute; background:#ff9915; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; } .bar:before { left:50%; } .bar:after { right:50%; } /* active state */ input:focus ~ .bar:before, input:focus ~ .bar:after { width:50%; } /* form End stylings ------------------------------- */ .classH2Div{color: #fff; font-size: 21px; margin: 0 auto; text-align: center; padding: 20px; /* font-family: arial; */ text-transform: uppercase; font-weight: bold;} .BusinessID{float:left;color:#fff;font-size:12px;width:auto;margin: 10px 10px 0px 0px;overflow:hidden;} .BusinessID input[type=checkbox], input[type=radio]{float:left;color:#fff;font-size:13px;width:15px;margin-top:2px;overflow:hidden;} #SigntrailUpMain .button { background-color: #07304c; color: white; text-transform:capitalize; font-size: 15px; padding: 8px 30px; border: 1px solid #0d3955; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; margin:10px 10px; float:left; } .SignUpOverlay_blue{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: #0189b3; z-index:1; -moz-opacity: 0.9; opacity:.90; filter: alpha(opacity=90);} .SignUpID_Popup {display: none;position: fixed;top:0%;left: 50%;width: 100%;height: auto; margin-left:-50%; margin-top: 0px; padding: 5px;z-index:2; border-radius:10px; /*font-family:Arial, Helvetica, sans-serif;*/ } .SignUpPopup_Close{float: right; margin:-20px -32px 0px 0px; border-radius: 50%; color: #ffffff; background: #F3CC41; text-decoration: none; z-index: 1111111; width: 30px; height: 30px; text-align: center; font-size: 20px;} .SignUpPopup_Close:hover{color:#000;text-decoration:none;} /** Strat Free Trail UP CSS POPUP End */ .boxHeadingGOISPro{ background: #ef881a; padding: 7px; border-radius: 5px; border: 1px solid #dddddd; color: #fff; margin-top: 25px; } .boxHeadingbenefit{background: #f3f3f3; padding: 7px; border-radius: 5px; border: 1px solid #dddddd;} /* #relevantFeedback{ background: #0d1d31; padding: 25px 0px 25px 0px; } #relevantFeedback table{ width:100%; height:auto; border:none; } #relevantFeedback table tr td.formText{font-size: 18px;padding-bottom: 10px;} #relevantFeedback table tr td{padding:4px 7px;} #relevantFeedback table tr td:nth-child(odd){width:100px;color: #000;} #relevantFeedback table tr td input, #relevantFeedback table tr td textarea{ width:100%; padding:5px 10px; background:#fff; border:1px solid #ddd; border-radius:4px; outline:none; } */ .back-to-top { position: fixed; z-index: 100; display: inline-block; width: 40px; height: 40px; padding: 10px 5px; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: center; background: #29408E; color: #ffffff; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; bottom: -40px; right: 20px; opacity: 0; visibility: hidden; } .back-to-top.fadeInup { opacity: 1; bottom: 20px; } .back-to-top:hover { margin-bottom: 0px; color: #ffffff; background-color: #21242e; } .benefit_points { padding-left: 25px; } .benefit_points li { font-size: 14px; margin: 10px; list-style-image: url(../images/check-sign.png); line-height: 24px; width: 48%; float: left; } .ftrcmpare_tbl { border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; } .ftrcmpare_tbl tr:nth-child(odd) { background: #EEF5FF; } .ftrcmpare_tbl > tbody > tr > th { border: 1px solid #9ACBE5; padding: 7px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; } .ftrcmpare_tbl > tbody > tr > th.large { vertical-align: middle; } .ftrcmpare_tbl > tbody > tr > th { background-color: #07304c; text-align: center; font-weight: bold; color: #fff; font-size: 16px; } .ftrcmpare_tbl tr:nth-child(even) { background: #fff; } .ftrcmpare_tbl tr:nth-child(odd) { background: #eee; } .ftrcmpare_tbl > tbody > tr > td { border: 1px solid #CFCFCF; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; padding: 12px 5px; font-size: 14px; font-weight: bold; color: #565656; } .ftrcmpare_tbl > tbody > tr > td.green { color: #009B02; } .ftrcmpare_tbl > tbody > tr > td.red { color: red; } /*Circle for benifit page start*/ #FeaturemainIcon{ position: relative; background: url('../images/Back_Slide.jpg') center center repeat; background-size: cover; } #FeaturemainIcon .dark-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: /*#ffffffef891a*/ #6AC2E8; opacity: .9; filter: alpha(opacity=90); } .GOISProImgMargin{margin-top: 33px;} .c100.p50 .bar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.big { font-size: 240px; margin:25px auto; -webkit-box-shadow: 10px 10px 10px 0px rgba(173,173,173,1); -moz-box-shadow: 10px 10px 10px 0px rgba(173,173,173,1); box-shadow: 10px 10px 10px 0px rgba(173,173,173,1); } .c100 { position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; /* float: left; */ margin: 0 0.1em 0.1em 0; background-color: #cccccc; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .c100 > span { position: absolute; width: 100%; z-index: 1; left: 0; top: 50px; width: 242px; line-height: 25px; /* line-height: 7em; */ font-size: 25px; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100:hover { cursor: default; } .c100:hover > span { width: 240px; font-size: 30px; color: #307bbb; line-height: 25px; } .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } .c100.green .bar, .c100.green .fill { border-color: #4db53c !important; } .c100.green:hover > span { color: #4db53c; } .c100.green.dark .bar, .c100.green.dark .fill { border-color: #5fd400 !important; } .c100.green.dark:hover > span { color: #5fd400; } .bar{ position: absolute; width: 0.84em; height: 0.84em; border: 0.08em solid #40a7d2; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .c100.Orrenge .bar, .c100.Orrenge .fill { border-color: #ff8d1d !important; } /* Circle for benifit page End*/ .ProPHeading{/* font-family: "Helvetica",Helvetica,Arial,sans-serif; */ font-weight:normal; } .SliderCrauselmaincenter img{max-width:none;} .SliderCrauselitem1{background:#185378; float:left; width:100%;} .SliderCrauselitem2{background:#0189b3; float:left; width:100%;} .SliderCrauselitem3{background:#185378; float:left; width:100%;} .SliderCrauselitem4{background:#0189b3; float:left; width:100%;} .SliderCrauselitem5{background:#185378; float:left; width:100%;} .SliderCrauselmainLeft{background:#0189b3; float:left; width:100%;} .SliderCrauselmaincenter{width:1200px; margin:0 auto; height:auto; overflow:hidden;} ul.FeturebenifitLeftpanel{width:100%;margin:0px;padding:0px;} ul.FeturebenifitLeftpanel li{width:100%;margin:0px 0px 2px 0px;padding:0px;background:#3fa1da;} ul.FeturebenifitLeftpanel li a{display:block;width:100%;margin:0px;padding:10px;color:#fff;font-size:17px;} ul.FeturebenifitLeftpanel li:hover a{background:#0d1d31;color:#fff;} .panalActive {background:#07304c !important;} .barcodeMargin{margin-top: 0px !important;overflow: hidden;} #multilocation{padding-bottom:25px;} .multilocationPmargin{margin-top: 80px !important;overflow: hidden;} .ImportExportPmargin{margin-top: 20px !important;overflow: hidden;} .CompatibilityPmargin{margin-top: 80px !important;overflow: hidden;} .EasyStockPmargin{margin-top: 80px !important;overflow: hidden;} .IntelligentBusinessPmargin{margin-top: 40px !important;overflow: hidden;} .sectionWrapper .othr_ftr { margin-top: 10px; margin-bottom: 10px; min-height: 110px; } #BarcodeScanning{position: relative; background: #0d1d31; background-size: cover; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; height: auto;color: #ffffff; padding-bottom: 30px; } /* Smoothness Image ZOOM CSS Start */ .sz-overlay { position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:url('../images/load.gif') center no-repeat #eee; } .sz-zoomed { display:block; text-decoration: none; background-size:contain!important; background-position: center!important; background-repeat: no-repeat!important; position:fixed; cursor:zoom-out; top: 10% !important; z-index:15; } #lightzoomed { opacity:0; } .sz-caption { position:fixed; bottom:0; width:100%; background:#fff; text-align:center; display:none; } .sz-caption span { display: inline-block; padding: 5px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; } .sz-close { position: fixed; top: 5px; right: 5px; padding: 10px; color: #666; text-decoration: none; font-size: 20px; background: #FFF; border-radius: 25px; } .sz-left:after, .sz-left:before{ content='<<'; } .sz-left, .sz-right { position: fixed; top: 50%; left:0; margin-top: -25px; text-decoration: none; height: 40px; width: 5%; background: #FFF; color: #666; text-align: center; padding-top: 10px; border-radius: 0 25px 25px 0; display:none; } .sz-right { right:0; left:auto; border-radius: 25px 0 0 25px; } @media screen and (max-width: 414px){ .sz-left, .sz-right { width:50px; } } /* Smoothness Image ZOOM CSS End */ #GOISProCategories{ background:#05273f; padding:25px 0px 25px 0px; } #GOISProCategories p{ color:#07304c; padding: 10px 12px 10px 12px; } .Slderbtn { box-sizing: border-box; width: 100%; padding: 0 5px; margin: 25px auto 25px auto; float: left; } .Slderbtn button { /* background-color: #40a7d2; */ color: white; text-transform: uppercase; font-size: 13px; padding: 8px 20px; border: 1px solid #257fa5; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; width: 230px; } .Slderbtn button:hover { color:#ccc; } /*!* testimonial start*/ blockquote { margin-top: 20px; border:none; } blockquote p.bubble { position: relative; padding: 30px; background: #fff; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.1); box-shadow: 1px 2px 8px rgba(0,0,0,0.1); font-size: 17px; line-height: 1.5; color: #444 !important; text-align: center; margin: 0px; } blockquote p.bubble:before { content: "\e603"; top: -22px; left: 12px; } blockquote p.bubble:after { content: "\e604"; bottom: -24px; right: 12px; } blockquote cite { position: relative; display: block; padding: 40px 0 0 30px; line-height: 1.3; color: #fff; } blockquote cite:before { content: ""; position: absolute; top: 0; left: 20px; width: 30px; height: 30px; background-image: url(../images/blockquote-triangle.png); background-repeat: no-repeat; } blockquote cite .author { font-size: 18px; font-weight: 700; } blockquote cite .role { font-size: 15px; font-weight: 300; } blockquote p.bubble:before { background:url(../images/Leftcomma.png); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; text-shadow: 1px 2px 4px rgba(0,0,0,0.05); width:37px;height:30px; } blockquote p.bubble:after { background:url(../images/Rightcomma.png); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; text-shadow: 1px 2px 4px rgba(0,0,0,0.05); width:41px;height:30px; } /*!* testimonial END*/ .clientsCarousel{padding-top: 20px;padding-bottom: 0px;} .circleBox i.fa{font-size:50px !important;} .main-contantdiv {overflow: hidden; background: #185378; padding: 25px 15px 25px 15px; border-radius: 10px;} .fpoint{/*background: #3fa1da; */ padding: 15px 5px 15px 10px; line-height: 15px; border-radius: 4px; margin-bottom: 5px; box-shadow: 3px 3px 3px #dddddd; color: #07304C;} #top p{float:left;} #top .col-xs-6{float:right;} .dropdown-menu>li>a { padding: 10px 20px; float: left; width: 100%; color: #fff; } .Certified_ClientD .owl-controls{padding-top:10px;} .Certified_ClientD{ margin: 0px; background: url('../images/PartnerBck.jpg'); } .lightSection { background-color: #fafafa; border-top: 1px solid #dedfe1; } .section .sectionWrapper { padding: 15px 0px 20px 0px; position: relative; } /*New fetaure Section start */ .featureIconAbp { position: relative; float: right; margin-top: -47px; } .featurequickbarCode{ position: relative; float: right; margin-top: -47px; margin-right: 30px; } .AutometicEmail{ position: relative; float: right; margin-top: -48px; margin-right: 46px; } .multiUserOnline{ position: relative; float: right; margin-top: -48px; margin-right: 92px; } .realTimeSync{ position: relative; float: right; margin-top: -48px; margin-right: 32px; } .featureSec ul li a { display: block; float: left; height: 50px; background: #185378; text-align: left; padding:10px; position: relative; margin: 5px 10px 0 0; font-size: 16px; text-decoration: none; color: #fff; width:100%; font-weight: bold; position: relative; } .featureSec ul{ padding-left:0px !important; width:100%; } .featureSec ul li a:after { content: ""; border-top: 50px solid; border-left: 14px solid #185378; position: absolute; right: -14px; top: 0; } .featureSec1 ul li a { display: block; float: left; height: 50px; background: #3eceb7; text-align: left; padding:10px; position: relative; margin: 6px 10px 0 0; font-size: 16px; text-decoration: none; color: #fff; width: 95%; font-weight: bold; position: relative; } .featureSec1 ul{ padding-left:0px !important; width:100%; } .featureSec1 ul li a:after { content: ""; border-top: 50px solid; border-left: 14px solid #3eceb7; position: absolute; right: -14px; top: 0; } .featureSec2 ul li a { display: block; float: left; height: 50px; background: #3fa1da; text-align: left; padding:10px; position: relative; margin: 6px 10px 0 0; font-size: 16px; text-decoration: none; color: #fff; width: 93%; font-weight: bold; position: relative; } .featureSec2 ul{ padding-left:0px !important; width:100%; } .featureSec2 ul li a:after { content: ""; border-top: 50px solid; border-left: 14px solid #3fa1da; position: absolute; right: -14px; top: 0; } .featureSec3 ul li a { display: block; float: left; height: 50px; background: #a338aa; text-align: left; padding:10px; position: relative; margin: 6px 10px 0 0; font-size: 16px; text-decoration: none; color: #fff; width:85%; font-weight: bold; position: relative; } .featureSec3 ul{ padding-left:0px !important; width:100%; } .featureSec3 ul li a:after { content: ""; border-top: 50px solid; border-left: 14px solid #a338aa; position: absolute; right: -14px; top: 0; } .featureSec4 ul li a { display: block; float: left; height: 50px; background: #0189b3; text-align: left; padding:10px; position: relative; margin: 6px 10px 0 0; font-size: 16px; text-decoration: none; color: #fff; width:95%; font-weight: bold; position: relative; } .featureSec4 ul{ padding-left:0px !important; width:100%; } .featureSec4 ul li a:after { content: ""; border-top: 50px solid; border-left: 14px solid #0189b3; position: absolute; right: -14px; top: 0; } /*New fetaure Section start */ .sliderPHeading {/* font-family: "Helvetica",Helvetica,Arial,sans-serif; */font-weight: 600;line-height: 1.1;margin: 50px 0px 0px 20px;} .sliderPHeading div{/* font-family: "Helvetica",Helvetica,Arial,sans-serif; */font-weight: 600;line-height: 1.1;color: #fff;font-size: 30px;} .sliderPHeading p{margin:0px 0px 0px 0px; width:100%;float:left; font-weight:normal;} .sliderPHeading ul{width:100%; float:left; list-style-type:none;margin:0px; padding:0px;} .sliderPHeading li{width:49%; float:left; text-align:left;} .integration-part li.zinventory span:after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.024); } .integration-part .zoho-books span:after { background-position: -124px -130px; } .integration-part .zoho-crm span:after { background-position: -1228px -130px; } .integration-part .shipping-channels span:after { background-position: -94px -525px; } .integration-part .ebay span:after { background-position: -1256px -39px; } .integration-part .amazon span:after { background-position: -282px -116px; } .integration-part .etsy span:after { background-position: -1126px -32px; } .integration-part .shopify span:after { background-position: -1184px -235px; } .integration-part .stripe span:after { background-position: -722px -376px; } .integration-part .ConstructionInt span:after { background-position: -1303px -130px; } .integration-part .paypal span:after { background-position: -345px -550px; } .integration-part .authorize-net span:after { background-position: -660px -548px; } .integration-part .checkout span:after { background-position: -490px -546px; } .integration-part .zoho-books span:after { background-position: -124px -130px; } .integration-part .RealEstate span:after { background-position: -114px -234px; } .integration-part .Janitorialservices span:after { background-position: -439px -234px; } .integration-part .ConsumerGoods span:after { background-position: -287px -234px; } .addons { /* background: none repeat scroll 0 0 #fff; */ margin: 0 auto; padding: 0px 5% 10px; text-align: center; } .addons .more-integration a { border-bottom: 2px solid #fff; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; padding: 0px 5px 5px 5px; text-transform: uppercase; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .addons h2 { color: #fff; padding-bottom: 20px; } .integration-part { margin: 0 auto; max-width: 1000px; min-height: 625px; padding: 50px 0; position: relative; text-align: center; } .integration-part > ul { overflow: hidden; width: 100%; list-style-type:none; } .integration-part li.zinventory { font-size: 15px; height: 300px; margin: 110px auto 0; position: relative; width: 215px; z-index: 11; } .integration-part li { color: #ffffff; padding-top: 20px; text-align: center; width: 130px; height: 130px; font-size: 14px; font-weight: 400; position: absolute; transition: 1.6s ease; -webkit-transition: 1.6s ease; opacity: 1; font-weight: bold; } .integration-part li span { border-radius: 100%; -webkit-border-radius: 100%; display: block; height: 100px; margin: 0 auto 8px; position: relative; width: 100px; } .integration-part li.zinventory span { background-image: url(../images/spritimg.png); background-size: 1400px 714px; background-repeat: no-repeat; background-position: -868px -362px; width: 200px; height: 201px; border: 2px solid #d69443; /* background-color: #23222f; */ } .integration-part li.zinventory span:after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.024); } .integration-part li span:after { background-color: #e6f2ff; background-image: url('../images/spritimg.png'); background-repeat: no-repeat; background-size: 1400px 714px; border-radius: 100%; content: ""; height: 94%; left: 3%; position: absolute; top: 3%; width: 94%; } .integration-part li.zoho-books { height: 130px; left: 200px; top: 30px; width: 130px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part li a { color: #ffffff; display: block; font-weight: bold; } .integration-part .zoho-books span { height: 80px; width: 80px; border: 2px solid #6AC2E8; } .integration-part li.zoho-crm { height: 130px; left: 200px; top: 190px; width: 130px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .zoho-crm span { height: 80px; width: 80px; border: 2px solid #A5B17B; } .integration-part li.shipping-channels { height: 200px; left: 40px; top: 320px; width: 230px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .shipping-channels span { height: 110px; width: 110px; border: 2px solid #43CFD6; } .integration-part li.ebay { height: 140px; left: 640px; top: 205px; width: 140px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .ebay span { height: 100px; width: 100px; border: 2px solid #A5B17B; } .integration-part li.amazon { height: 140px; left: 375px; top: 0px; width: 150px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .amazon span { height: 110px; width: 115px; border: 2px solid #FF9B3A; } .integration-part li.etsy { height: 140px; left: 790px; top: 160px; width: 140px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .etsy span { height: 110px; width: 110px; border: 2px solid #C676EF; } .integration-part li.RealEstate { height: 140px; left: 619px; top: 355px; width: 140px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .RealEstate span { height: 110px; width: 110px; border: 2px solid #0158b7; } .integration-part li.ConsumerGoods { height: 140px; left: 36px; top: 153px; width: 140px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .ConsumerGoods span { height: 110px; width: 110px; border: 2px solid #a97b50; } .integration-part li.Janitorialservices { height: 140px; left: 425px; top: 432px; width: 140px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .Janitorialservices span { height: 110px; width: 110px; border: 2px solid #006666; } .integration-part li.shopify { height: 140px; left: 590px; top: 30px; width: 160px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .shopify span { height: 125px; width: 130px; border: 2px solid #0FC379; } .integration-part li.stripe { height: 130px; left: 270px; top: 336px; width: 120px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .stripe span { height: 90px; width: 90px; border: 2px solid #C676EF; } .integration-part li.ConstructionInt { height: 130px; left: 196px; top: 461px; width: 120px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .ConstructionInt span { height: 90px; width: 90px; border: 2px solid #C676EF; } .integration-part li.paypal { height: 140px; left: 780px; top: 380px; width: 140px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .paypal span { height: 100px; width: 100px; border: 2px solid #6AC2E8; } .integration-part li.authorize-net { height: 140px; left: 450px; top: 530px; width: 130px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .authorize-net span { height: 100px; width: 100px; border: 2px solid #0FC379; } .integration-part li.checkout { height: 140px; left: 640px; top: 500px; width: 130px; transition: 1.5s ease; -webkit-transition: 1.5s ease; } .integration-part .checkout span { height: 100px; width: 100px; } /* industries end */ #industries { background: url('../images/Feture-Back.png') no-repeat 100% 100% fixed #c9c9c9; margin: 35px 0px 0px 0px; position: relative; padding: 50px 0px; } .tab-pane ul {padding-left:10px ; margin:0px;} .tab-pane ul li {line-height:25px;} .icon-check-sign-img { background: url('../images/icon-check-sign.png') repeat-x center center !important; display: inline-block !important; height: 19px !important; width: 18px !important; margin: 0px 5px 0px 0px; float: left; } .tabPaddingRight{padding-right:0px !important;} .tabPaddingLeft{padding-left:0px !important;} .tabContentbox{width: 100%; height: 442px; border: 1px solid #ddd; padding: 10px; border-left: none; margin-top: 0px; background:#fff; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } .tabs-left, .tabs-right { border-bottom: none; padding-top: 2px; } .tabs-left { border-right: 1px solid #ddd; } .tabs-right { border-left: 1px solid #ddd; } .tabs-left>li, .tabs-right>li { float: none; margin-bottom: 2px; } .tabs-left>li { margin-right: -1px; background: #f3f3f3; } .tabs-right>li { margin-left: -1px; } .tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus { border-bottom-color: #ddd; border-right-color: transparent; } .tabs-right>li.active>a, .tabs-right>li.active>a:hover, .tabs-right>li.active>a:focus { border-bottom: 1px solid #ddd; border-left-color: transparent; } .tabs-left>li>a { border-radius: 4px 0 0 4px; margin-right: 0; display:block; } .tabs-right>li>a { border-radius: 0 4px 4px 0; margin-right: 0; } .sideways { margin-top:50px; border: none; position: relative; } .sideways>li { height: 20px; width: 120px; margin-bottom: 100px; } .sideways>li>a { border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0px 0px; } .sideways>li.active>a, .sideways>li.active>a:hover, .sideways>li.active>a:focus { border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd; } .sideways.tabs-left { left: -50px; } .sideways.tabs-right { right: -50px; } .sideways.tabs-right>li { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sideways.tabs-left>li { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } ul.footerLinksList{padding-left:0px !important;} ul.getInTouchList{padding-left:0px !important;} .topFooter .footerWidget .footerLinksList li.reviews_li:before {content:initial;width:0px;} .container{padding:0px 15px !important;} .bottom_foothead{color:#EF881A;font-size:22px;border-bottom:1px solid #cccccc;margin-bottom:10px;font-weight:bold;padding-bottom:10px;} .navbar-default .navbar-nav>li>a { /* border-right: 1px solid #ccc; */ font-weight: bold; color: #eee; text-transform: capitalize; font-size: 15px; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #eee; background-color: transparent; } .navbar-default .navbar-nav>li>a:hover span { color:#fff; /* border-bottom:3px solid #373737; */ width:100%; height:5px; float:left; } .navbar-nav>li>.dropdown-menu { padding-top: 0px; transition: .3s ease opacity; width: 200px; margin: 0; padding: 0; background: #373737; -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.1); box-shadow: 1px 2px 10px rgba(0,0,0,0.1); } /* .navbar-nav>li>.dropdown-menu li:nth-child(2n+2){ background:#f3f3f3; border:1px solid #ddd; } */ .MoreClientsbtn { box-sizing: border-box; width: 50%; padding: 0 5px; margin: 25px auto 25px auto; } .MoreClientsbtn button { background-color: #40a7d2; color: white; text-transform: uppercase; font-size: 13px; padding: 8px 20px; border: 1px solid #257fa5; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; width: 100%; } .clients_logos { padding: 0px 0px; margin: 0px 0px; list-style-type: none; } .clients_logos li { margin: 10px 11px 0px 11px; height: 112px; width: 112px; display: block; border: 1px solid #cccccc; list-style-type: none; text-align: center; float: left; padding: 5px 5px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; background:#fff; } .clients_logos li .imgbox { height: 100px; width: 100px; display: table-cell; text-align: center; vertical-align: middle; } .clients_logos li img { width: 99%; } .content_client { margin-top: 20px; } #GOisClients{ background:#0d1d31; padding:25px 0px 25px 0px; } #GOisClients.content_client p{ text-align:center; } #GOisClients p{ text-align: center; color: #fff; } .features .col-md-3 span { height: 117px; width: 120px; display: inline-block; text-align: center; vertical-align: middle; overflow: hidden; margin:0 auto; } .features .col-md-3 span i { height: inherit; width: inherit; display: block; font-size: 17px; margin-top: 6px; color: #0F4188; } .feturemainHeading{ float: left; margin: 0px; padding: 10px 5px; text-align: center; width: 100%; background: #555; color: #fff; font-size: 18px; font-weight: bold; } .GOIS-form { /* background: rgba(0,0,0,0.5); padding: 20px 0; border: 1px solid #353535; */ } .GOIS-form h5 { color: #fff; text-transform: capitalize; font-weight: bold; margin: 0 0 10px; padding: 0; font-size: 14px; } .GOIS-form h5 span { color: #ffeb3b; font-weight: bold; font-size: 13px; } .row-fluid:after { clear: both; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid { width: 100%; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .GOIS-form .form-input, .GOIS-form .input, .GOIS-form .hs_submit { float: left; box-sizing: border-box; width: 25%; padding: 0 5px; } .GOIS-form form input[type="text"] { background-position: 0 0; } .GOIS-form form input { display: block; width: 100%; background-color: /* #2C4492 */ #ffffff; background-image: url(../images/signup.png); background-repeat: no-repeat; background-position: 0 0; border-radius: 3px; border: 0; box-sizing: border-box; padding: 14px 15px 14px 40px; margin: 0; font-size: 14px; color: #2C4492; /*font-family: "Open Sans",Arial,sans-serif;*/ border:1px solid #ddd; } .GOIS-form form input[type="email"] { background-position: 0 -54px; } .GOIS-form form input[type="tel"] { background-position: 0 -108px; } .GOIS-form form button { box-sizing: border-box; width: 100%; border-radius: 3px; border: 0; padding: 15px 20px; margin: 0; transition: box-shadow ease .4s; } .GOIS-form .button:hover, .GOIS-form button:hover { color: white; text-decoration: none; } .GOIS-form form button:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #ef8c1b; color: #fff; } .GOIS-form .button, .GOIS-form button { background-color: #3FA1DA; color: white; text-transform: uppercase; font-size: 13px; padding: 8px 20px; border: 1px solid #2d86b9; border-radius: 3px; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; } .GOIS-form .form-contents { margin: 0 -5px; } .readmore { color: #EF8E25; display: inline-block; vertical-align: middle; } .readmore span.ftrcircle { height: 15px; width: 15px; border: 1px solid #F47B36; position: static; float: right; margin: 2px 0px 0px 7px; border-radius: 50%; } .readmore span.ftrcircle i{ float:left; } .feature_ClientD{ margin:0px; background: url('../images/clientBack.jpg'); } #features{ margin:0px ; position:relative; padding:10px 0px; text-align: center; } #features .col-md-4 { margin: 5px 0px; color: #6F6F6F; min-height: 320px; border-radius: 7px; border: 1px solid #345A7F; margin-left: 7px; width: 32%; padding:0px; background: rgba(255,255,255,1); } #features .col-md-3:hover { color: #ffffff; /* background: rgb(255, 155, 58); */ background: rgb(203, 237, 255); color: #555; } #features .col-md-3:hover .readmore { color: #ffffff; padding:5px; background:#555; border-radius:4px; } #features .circle { height: 58px; width: 58px; float: left; background: #42ACFD; border-radius: 50%; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border: 3px solid #42ACFD; } #features .point_info { margin-left: 70px; } .normal { color: #808080; font-weight: normal; line-height: 20px; } #features .circle i { height: 58px; width: 58px; display: table-cell; vertical-align: middle; background: url(../../wp-includes/images/services.png) no-repeat 0px 10px; } .homepage .owl-theme { margin-top: -10px ; text-align: center; } .owl-controls { margin-top: 0px !important; text-align: center; } .ClientFeture .owl-theme .owl-controls { margin-top: 0px; text-align: center; } .owl-controls .owl-prev:before { content: '\f104'; font-family: 'FontAwesome'; } .owl-controls .owl-prev:before { content: '\ea0f'; font-family: 'FontAwesome'; } .ClientFeture .owl-pagination{padding-top: 12px;} .singleClient { display: block; padding: 1px 0px 1px 0px; height: 80px; text-align: center; width: 180px; margin: 0px; border-radius: 10px; } .reviewbox .singleClient { display: block; border: 1px solid #cccccc; padding: 1px 0px 1px 0px; height: 80px; text-align: center; width: 180px; margin: 0px; border-radius: 10px; background: #fff; } .singleClient:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .singleClient img, .ClientFeture img{ /* width: 100%;*/ display: block; vertical-align: middle; margin: 0 auto; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -khtml-transition: all 0 ease-in-out; transition: all 0 ease-in-out; } .singleClient img:hover { opacity: 1; } .circleBox{ width: 70px; border-radius: 50%; background: #EF891A; color: #fff; text-align: center; height: 70px; vertical-align: middle; font-size: 42px; padding-top: 10px; margin:10px auto; } .circleBox:hover{ color: #333; } a:hover{text-decoration:none;} .GOIS-logo img { width: 100%; max-width: 300px; } .companylearn-more { font-weight: bold; font-size: 12px; color: #3383CE; } .textheadingWhite h2 { background: url(../images/Heading_break-white.png) no-repeat center bottom !important; display: block; height: auto; padding: 0 0 15px; width: 100%; font-weight:normal; color:#fefefe !important; text-transform:capitalize; font-size: 27px; } .textheadingWhite p{ font-size: 16px; line-height: 20px; } .margiTopGap{margin-top: 25px;} .textheading h2 { /* background: url(../images/Heading_break.png) no-repeat center bottom !important; */ display: block; height: 75px; padding: 0 0 15px; width: 100%; font-weight:normal; text-transform:capitalize; font-size: 27px; } .textheading p{ font-size: 16px; line-height: 20px; } .divider { width: 40%; border: 0; border-top: 1px solid rgba(0,0,0,0.15); z-index: 9; margin: 0 auto 8px auto; } .divider:after { position: absolute; display: inline; content: ""; width: 30px; margin-top: -1px; border-top: 1px solid #014FA2; z-index: 9; left: 50%; } .text-left { text-align: left; } .text-center { text-align: center; } .icon-check-sign-img { background: url('../images/icon-check-sign.png') repeat-x center center !important; display: inline-block !important; height: 19px !important; width: 18px !important; } .affix { background: #373737 !important; position: fixed; width: 100%; z-index: 16; top: 0px; left:0px; border-bottom:1px solid #eee; } .affix .mediaWidth { display:none; } .affix img{ margin-left:auto; margin-right:auto; height:100%; } .home-carousel h1 { font-weight: 700; text-transform: uppercase; font-size: 46px; letter-spacing: .08em; } .home-carousel ul, .home-carousel p { font-size: 14px; font-weight: normal; padding: 0; margin-top: 10px; /* text-transform: uppercase; letter-spacing: .1em; */ } .home-carousel h1, .home-carousel h2, .home-carousel h3, .home-carousel p, .home-carousel ul { color: #ffffff; } /* .home-carousel { position: relative; background: url('../images/Back_Slide.jpg') center center repeat; background-size: cover; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; height: 400px; } */ .home-carousel { position: relative; background: #3fa1da; background-size: cover; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; height: auto; } /* .home-carousel .dark-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #3fa1da; opacity: 1; filter: alpha(opacity=90); } */ .home-carousel .owl-carousel { padding-top: 36px; padding-bottom: 20px; } .home-carousel .owl-theme .owl-controls .owl-page:hover span { background: #fff; } .home-carousel .owl-theme .owl-controls .owl-page span { background: #666; } .home-carousel .owl-theme .owl-controls .owl-page.active span { background: #EF861A; } #top { background: #373737; color: #eee; padding: 10px 0 0 0; } #top p { margin: 10px 0px 0px 40px; font-size: 16px; font-weight: normal; } #top .social { float: right; text-align: right; } #top .social a { color: #eee; display: inline-block; width: 35px; height: 35px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; } #top .social a:hover.email { background-color: #4a7f45; } #top .social a:hover.twitter { background-color: #3cf; } #top .social a:hover { color: #fff; } #top .social a:hover.gplus { background-color: #c21f25; } #top .social a .facebook { } #top .social a:hover.facebook { background-color: #4460ae; } #top .login { float: right; margin-top: 10px; } #top .login a { font-size: 12px; color: #eee; margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; } a i.fa, button i.fa { margin: 0 5px; } .text-uppercase { text-transform: capitalize;; letter-spacing: .08em; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color:transparent !important; } .navbar-brand { padding: 0px 0px 0px 10px; } .navbar { min-height: auto; border-top:none; margin-bottom: 0px; float:left; } .navbar-default { background-color:transparent; border-color: transparent; float:right; } .top-bar { font-size: 12px; width: 100%; clear: both; float: left; padding: 0px; color: #ffffff; height: 30px; background:#2c4491; } .top-right { float: right; margin: 0px; padding: 0px; } .top-right ul li { display: inline; float: left; padding: 0px; margin: 0px; border-right: 1px solid; height: 30px; } .top-right ul li { border-color: #3ba1dd; } .top-right ul li a { padding: 4px 10px; float: left; } .top-right ul li a i{font-size: 19px; padding-top: 3px;} .top-right ul li a i:hover{color:#d0f99e;} .top-bar a { color: #ffffff; } .dt-sc-contact-info i{font-size: 19px; padding-top: 3px;} .mastheadMain { width: 100%; background: url('../images/header-bg.jpg') #F2F2F2; background-repeat: repeat-x; float: left; } .site-header { height: auto; margin: 0px auto 0px auto; text-align: left; /* max-width: 1170px; */ } .GOIS-logo { padding: 0px; float: left; margin: 2px 0px 0px 0px; } /* --- Main Nav --------------------- */ .mainNav { padding-top: 14px; padding-right: 15px; float: right; } .mainNav .navTabs { float: right; } .mainNav .navTabs > li { float: left; margin-left: 10px; position: relative; } .mainNav .navTabs > li > a, .mainNav .navTabs > li > button { display: block; height: 33px; line-height: 33px; text-align: center; padding: 0px 12px; color: #fff; font-size: 14px; font-weight: 700; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background:#29408E; } .mainNav .navTabs > li .active { background-color: #EF881A; color: #ffffff !important; } .mainNav .navTabs > li .menuArrow { display: inline-block; line-height: 33px; margin-left: 5px; padding-top: 1px; float: right; } .mainNav .navTabs > li .dropDown { position: absolute; z-index: 1000000000; left: 0px; top: 31px; min-width: 156px; -webkit-border-radius: 0px 2px 2px 2px; -moz-border-radius: 0px 2px 2px 2px; -o-border-radius: 0px 2px 2px 2px; -ms-border-radius: 0px 2px 2px 2px; -khtml-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px 2px; background-color: #ffffff; border: 1px solid #cccccc; border-top: 2px solid #29408E; display: none; padding: 0; } .mainNav .navTabs > li .dropDown li { position: relative; } .mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { display: block; white-space: nowrap; color: #21242e; text-align: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; width: 100%; overflow: hidden; font-size: 13px; font-weight: 700; padding: 0px 12px; height: 40px; line-height: 40px; border-bottom: 1px solid #cccccc; } .mainNav .navTabs > li .dropDown li .active { color: #ffffff !important; background-color: #29408E; } .mainNav .navTabs > li .dropDown li .dropDown { position: absolute; z-index: 1000000000; left: 100%; top: -2px; min-width: 156px; -webkit-border-radius: 0px 2px 2px 2px; -moz-border-radius: 0px 2px 2px 2px; -o-border-radius: 0px 2px 2px 2px; -ms-border-radius: 0px 2px 2px 2px; -khtml-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px 2px; overflow: hidden; } .mainNav .navTabs > li .dropDown li:hover > a, .mainNav .navTabs > li .dropDown li:hover > button { color: #ffffff; background-color: #29408E; } .mainNav .navTabs > li .dropDown :first-child > a, .mainNav .navTabs > li .dropDown :first-child > button { -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; -o-border-radius: 0px 2px 0px 0px; -ms-border-radius: 0px 2px 0px 0px; -khtml-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px; } .mainNav .navTabs > li .dropDown :last-child > a, .mainNav .navTabs > li .dropDown :last-child > button { border-bottom: none; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; } .mainNav .navTabs > li:hover .dropDown { display: block; animation-name: slideUpSlow; -webkit-animation-name: slideUpSlow; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } .mainNav .navTabs > li:hover .dropDown .dropDown { display: none; } .mainNav .navTabs > li:hover .dropDown li:hover .dropDown { display: block; animation-name: slideLeftSlow; -webkit-animation-name: slideLeftSlow; } .mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { background-color: #EF881A; color: #ffffff !important; } .mainNav .navTabs > li .formWrapper { padding: 20px; overflow: hidden; } .mainNav .navTabs > li .formWrapper form input { width: 100%; padding: 13px 20px; margin-bottom: 20px; } .mainNav .navTabs > li .formWrapper form input:focus { border-color: #29408E; } .mainNav .navTabs > li .formWrapper form button { width: 100%; color: #ffffff; font-size: 15px; font-weight: 700; padding: 13px 20px; margin-top: 10px; } .mainNav .navTabs .login .loginModal .container {width:470px;} .mainNav .navTabs .login .loginModal .container .formWrapper{float:left;width:280px;} .mainNav .navTabs .login .loginModal .container .loginPopSideInfo{float:left;width:186px;background:#DADADA;min-height:405px;position:relative; border-radius:0px 2px 2px 0px;-webkit-border-radius:0px 2px 2px 0px;-moz-border-radius:0px 2px 2px 0px;-o-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px;-khtml-border-radius:0px 2px 2px 0px;padding:0px 8px;} .mainNav .navTabs .login .loginModal .container .loginPopSideInfo .close{position:absolute;top:0px;right:0px;height:30px;width:30px; background:none;margin:0px;padding:0px;display:inline-block;text-shadow:0px 0px 0px;font-size:14px;border:0px} .mainNav .navTabs .login .loginModal .container .loginPopSideInfo .logo{text-align:center;margin:35px 0px;} .mainNav .navTabs .login .loginModal .container .loginPopSideInfo .logo img{width:125px;} .mainNav .navTabs .login .loginModal .container .loginPopSideInfo a{display:block;margin:20px 5px;background:#E4E4E4;padding:15px 5px; text-align:center;color:#000;border:1px solid #6B6B6B;font-size:13px;} .mainNav .navTabs .login .loginModal .container .loginPopSideInfo a:hover{background:none;} .mainNav .navTabs .login > a { display: none; } .mainNav .navTabs .login a, .mainNav .navTabs .login > button, .mainNav .navTabs .login .opened { background-color: #29408E; color: #ffffff; } .mainNav .navTabs .login a:hover, .mainNav .navTabs .login > button:hover, .mainNav .navTabs .login .opened:hover { background-color: #21242e; } .mainNav .navTabs .login .formWrapper { background-color: #ffffff !important; z-index: 1000000000; -webkit-border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; -o-border-radius: 2px 0px 0px 2px; -ms-border-radius: 2px 0px 0px 2px; -khtml-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; } .mainNav .navTabs .login .formWrapper li { border-bottom: 1px solid #cccccc; margin-bottom: 20px; } .mainNav .navTabs .login .formWrapper li:last-child { border-bottom: none; } .mainNav .navTabs .login .formWrapper li h5 { margin-bottom: 20px; height: 35px; line-height: 35px; } .mainNav .navTabs .login .formWrapper li h5 i { float: left; display: block; width: 35px; height: 35px; background-color: #29408E; color: #ffffff; text-align: center; line-height: 35px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-right: 20px; } .mainNav .navTabs .login .formWrapper form { display: block; margin-bottom: 20px; } .mainNav .navTabs .login .formWrapper form button, .mainNav .navTabs .login .formWrapper form input[type="submit"] { background-color: #21242e; } .mainNav .navTabs .login .formWrapper form button:hover, .mainNav .navTabs .login .formWrapper form input[type="submit"]:hover { background-color: #29408E; color: #ffffff; } .mainNav .navTabs .login .formWrapper .register { margin-bottom: 0; text-align: center; } .mainNav .navTabs .login .formWrapper .register a { background-color: transparent; font-size: 16px; font-weight: 700; color: #21242e; } .mainNav .navTabs .login .formWrapper .register a:hover { color: #29408E; } .mainNav .navTabs .menuSocial { margin-left: 4px; } .mainNav .navTabs .menuSocial a { width: 33px; text-align: center; background-color: #f1f1f1; font-weight: bold; } .mainNav .navTabs .menuSocial a i { font-weight: bold; } .mainNav .navTabs .menuSocial a:hover { background-color: #29408E; color: #ffffff; } .mainNav .navTabs li:first-child { margin-left: 0px; } /* --- responsiveMainNav --------------------- */ #responsiveMainNavToggler { padding: 0; height: 33px; width: 33px; text-align: center; line-height: 33px; margin-top: 30px; margin-bottom: 30px; font-size: 18px; overflow: hidden; margin-right: 15px; float: right; } #responsiveMainNavToggler.opened { background-color: #29408E; color: #ffffff; } .style-5 #responsiveMainNavToggler { background-color: #29408E; color: #ffffff; } .style-5 #responsiveMainNavToggler:hover { background-color: #21242e; } .responsiveMainNav { padding: 0 15px; margin-bottom: 30px; position: relative; display: none; } .responsiveMainNav > ul.navTabs > li a, .responsiveMainNav > ul.navTabs > li > button { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px; background-color: #f5f6f8; color: #21242e; border-bottom: 1px solid #cccccc; text-align: left; font-weight: 700; font-size:14px; } .responsiveMainNav > ul.navTabs > li a:hover, .responsiveMainNav > ul.navTabs > li > button:hover { background-color: #29408E; color: #ffffff; } .responsiveMainNav > ul.navTabs > li a:hover:after, .responsiveMainNav > ul.navTabs > li > button:hover:after { color: #ffffff !important; } .responsiveMainNav > ul.navTabs > li a.toggleResponsive:after, .responsiveMainNav > ul.navTabs > li > button.toggleResponsive:after { content: '+'; /*font-family: 'tahoma';*/ float: right; color: #21242e; font-size: 17px; font-weight: 700; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .responsiveMainNav > ul.navTabs > li .toggleResponsive.activeLine { background-color: #29408E; color: #ffffff; } .responsiveMainNav > ul.navTabs > li .toggleResponsive.activeLine:after { content: '-'; /*font-family: 'tahoma';*/ float: right; color: #ffffff; font-size: 17px; font-weight: 700; } .responsiveMainNav > ul.navTabs > li .active { background-color: #29408E; color: #ffffff; } .responsiveMainNav > ul.navTabs > li .active:after { color: #ffffff !important; } .responsiveMainNav > ul.navTabs > li .dropDown { display: none; } .responsiveMainNav > ul.navTabs > li .dropDown li a { padding: 0 30px; } .responsiveMainNav > ul.navTabs > li .dropDown li a:before { content: '-'; /*font-family: 'tahoma';*/ font-weight: 700; margin-right: 5px; } .responsiveMainNav > ul.navTabs > li .dropDown li .dropDown li a { padding: 0 45px; } .responsiveMainNav > ul.navTabs .register .formSwitcher, .responsiveMainNav > ul.navTabs .login .formSwitcher { display: none; } /* --- Footer --------------------- */ /* Top Footer */ .footer{margin-top:0px;} .topFooter { padding: 80px 0px; background-color: #333; } .topFooter .footerWidget .footerWidgetHeader { color: #EF881A;font-size:18px; font-weight: 700; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #0e1424; position: relative; } .topFooter .footerWidget .footerWidgetHeader:after { content: ''; display: block; width: 30px; height: 4px; left: 0; bottom: -1px; position: absolute; background-color: #393f4f; } .topFooter .footerWidget .footerAboutContent { margin-bottom: 30px; } .topFooter .footerWidget .footerLinksList li { margin-bottom: 8px; } .topFooter .footerWidget .footerLinksList li a { color: #ffffff; font-size: 13px; } .topFooter .footerWidget .footerLinksList li a:hover { color: #EF881A; margin-left: 10px; } .topFooter .footerWidget .footerLinksList li:before { content: "-"; width: 10px; color: #ffffff; display: inline-block; } .topFooter .footerWidget .aboutLinks .footerLinksList li { float: left; width: 50%; } .topFooter .footerWidget .getInTouchList li { margin-bottom: 20px; } .topFooter .footerWidget .getInTouchList li span { margin-bottom: 5px; font-size: 13px; line-height: 19.5px; /* font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; */ color: #7a7c82; font-weight: 500; display: block; } .topFooter .footerWidget .getInTouchList li span a { color: #EF881A; } .topFooter .footerWidget .getInTouchList li .text { color: #ffffff; line-height: 25px; } /* Bottom Footer */ .bottomFooter { background-color: #333; } .bottomFooter .copyrights p { color: #ffffff; font-weight: 700; margin-bottom: 0px; line-height: 50px; } .bottomFooter .copyrights p a { color: #ffffff; } .bottomFooter .copyrights p a:hover { color: #29408E; } .bottomFooter .terms { margin-bottom: 15px; padding-left: 0px; } .bottomFooter .terms li { float: left; margin-right: 5px; } .bottomFooter .terms li a { color: #7a7c82; } .bottomFooter .terms li a:hover { color: #ffffff; } .bottomFooter .terms li:after { content: "-"; width: 5px; color: #7a7c82; display: inline-block; margin-left: 5px; } .bottomFooter .terms li:last-child { margin-right: 0px; } .bottomFooter .terms li:last-child:after { display: none; } .bottomFooter .footerSocial .footerSocialWrapper { float: right; padding-top: 32px; } .bottomFooter .footerSocial ul { float: left; margin-left: 10px; } .bottomFooter .footerSocial ul li { float: left; } .bottomFooter .footerSocial ul:first-child { margin-left: 0px; } .bottomFooter .footerSocial .socialNav li a { background-color: #7a7c82; width: 22px; color: #21242e; height: 22px; line-height: 22px; text-align: center; margin: 0px; } .bottomFooter .footerSocial .socialNav li a:hover { color: #ffffff; background-color: #29408E; } .bottomFooter .footerSocial .socialNav .facebook a:hover { background-color: #3b5998; } .bottomFooter .footerSocial .socialNav .twitter a:hover { background-color: #55acee; } .bottomFooter .footerSocial .socialNav .rss a:hover { background-color: #f26522; } .bottomFooter .footerSocial .socialNav .youtube a:hover { background-color: #e52d27; } .bottomFooter .footerSocial .socialNav .gplus a:hover { background-color: #dd4b39; } .bottomFooter .footerSocial .paymentsNav li { margin: 0px 2.5px; } .bottomFooter .footerSocial .paymentsNav li a img { display: block; } .bottomFooter .footerSocial .paymentsNav li:first-child { margin-left: 0px; } .bottomFooter .footerSocial .paymentsNav li:last-child { margin-right: 0px; } .socialNav { text-align: right; } .socialNav > li:first-child { margin-left: 0px; } .socialNav > li { float: right; font-size: 12px; margin: 0px 2.5px; white-space: nowrap; text-align: center; position: relative; } .socialNav > li a { display: block; width: 25px; height: 25px; line-height: 25px; font-size: 17px; position: relative; color: #fff; background-color: #283C80; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; overflow: hidden; } /*============================================================================= Style 2 =============================================================================*/ @media only screen and (max-width: 991px) { .container { max-width: 100% !important; width: 100% !important; } } @media (min-width:1025px) and (max-width: 1300px) { .main-navigation a { padding: 0px 8px !important; } .container { max-width: 100% !important; width: 100% !important; } } @media (min-width:1025px) and (max-width: 1199px) { /*QuickBook*/ img.barcodeMargin{width:100%;} .view {width: 31.9%;height: auto;} .view img {width: 100%;} .viewOffer {width: 23.5%;height: auto;} .viewOffer img {width: 100%;} /* Reseller CSS only for reseller media use given max and min width size*/ .vert-offset-bottom-2 {margin:5px 0px 0px 0px;width: 100%;} .resselerFormNameDiv {width:100%;} .resselerFormMiddleDiv {width:100%; margin:5px 0px 0px 0px;} .resselerFormLasteDiv {width:100%;margin:5px 0px 0px 0px;} .ResselerTxtCity {padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResselerddlCountry{padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResellerinputcityDiv{margin:5px 0px 0px 0px; width:100%;} .ResselerTxtCity .col-lg-6 {padding-right: 0px;} #partner-scope .crore-pls {width: 90%;margin:5px 0px 0px 0px;} .selectConPadding{padding:0px;margin:5px 0px 0px 0px; width:100%;} .ResselerCityMainDiv{width:100%;} /* Reseller CSS only for reseller*/ } @media (min-width: 768px){ /* Reseller CSS*/ .carousel-caption { left: 9%; padding-bottom: 30px; right: 20%; top: 20%; } /* Reseller CSS*/ .navbar-nav>li>a {padding: 15px 9px;} .navbar {border-radius: 0px;} .col-sm-6 {width: 49%;} .int-panel .quickBookOnline {background-size: 100% auto;} .int-panel .quickBookOnline:hover{background-size: 100% auto;} .int-panel .quickBookDesktop {background-size: 100% auto;} .int-panel .quickBookDesktop:hover{background-size: 100% auto;} .int-panel .salesforceGrey {background-size: 100% auto;} .int-panel .salesforceGrey:hover{background-size: 100% auto;} .int-panel .EDI {background-size: 100% auto;} .int-panel .EDI:hover{background-size: 100% auto;} .int-panel .DynamicGP-feature {background-size: 100% auto;} .int-panel .DynamicGP-feature:hover{background-size: 100% auto;} .int-panel .e-commerce {background-size: 100% auto;} .int-panel .e-commerce:hover{background-size: 100% auto;} } @media (min-width:768px) and (max-width: 1024px) { #site-branding {width: 23%;} .downloads_feature .col-md-3{float:left;} .downloads_feature .col-md-3 .col-md-12{float:left;margin-top:25px;} .downloads_feature .col-md-2 {float:left;} .downloads_feature .dld_app {line-height: 20px;} .IntegrationsSummeryform .col-md-5 .col-md-6{width: 50%;float:left;} .IntegrationsSummeryform input[type="submit"]{width:100%;margin-top: 5px;} .IntegrationsSummeryform .col-md-5 .col-md-6 .vivid{width:100%} .main-navigation a { padding: 0px 2px;font-size: 11px;line-height: 5.833333;} .integration-part ul li {margin-bottom: 5px;} .integration-part li a {color: #333;} .integration-part li.zinventory {margin-bottom: 5px !important;} /*QuickBook*/ img.barcodeMargin{width:100%;} .view {width: 31.9%;height: auto;} .view img {width: 100%;} .viewOffer {width: 23.5%;height: auto;} .viewOffer img {width: 100%;} .int-panel .amazonint {background-size:100%;} .int-panel .magnetoint {background-size:100%;} .int-panel .ebayint {background-size:100%;} .int-panel .shopifyint {background-size:100%;} .int-panel .BigCommerceint {background-size:100%;} .viewPopularInt {width: 23%;} .IntegrationsSummeryform .button, .IntegrationsSummeryform button{width: 48.5%;float: left;margin: 5px 0px 0px 5px;} .onQuotation{width:50% !important; float:left;} /* Reseller CSS*/ .vert-offset-bottom-2 {margin:5px 0px 0px 0px;width: 100%;} .resselerFormNameDiv {width:100%;} .resselerFormMiddleDiv {width:100%; margin:5px 0px 0px 0px;} .resselerFormLasteDiv {width:100%;margin:5px 0px 0px 0px;} .ResselerTxtCity {padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResselerddlCountry{padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResellerinputcityDiv{margin:5px 0px 0px 0px; width:100%;} .ResselerTxtCity .col-lg-6 {padding-right: 0px;} #partner-scope .crore-pls {width: 90%;margin:5px 0px 0px 0px;} .selectConPadding{padding:0px;margin:5px 0px 0px 0px; width:100%;} .ResselerCityMainDiv{width:100%;} /* Reseller CSS*/ .SliderCrauselmaincenter{width:100%;} .SliderCrauselmaincenter img {width:100%;} .SliderCrauselmaincenter .col-sm-6{width: 48%;} .mediaWidth{width:60%;} .topFooter .footerWidget .getInTouchList li span a {font-size:11px !important;} .addons { padding: 10px; } .integration-part { padding: 0px; min-height: auto; } .integration-part > ul{ padding:0px; } .integration-part li{ position:relative; } .integration-part ul li{ position:relative; background: #eee; border: 1px solid #ddd; padding: 5px !important; } .integration-part li.zinventory { height: auto; margin: 5px auto 0; width: 100%; text-transform: capitalize; text-align:left; } .integration-part li.zinventory span{ display:none; } .integration-part .zoho-books span { display:none; } .integration-part li.zoho-books{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .zoho-crm span { display:none; } .integration-part li.zoho-crm{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .ebay span { display:none; } .integration-part li.ebay{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .shipping-channels span { display:none; } .integration-part li.shipping-channels{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .amazon span { display:none; } .integration-part li.amazon{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .etsy span { display:none; } .integration-part li.etsy{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .stripe span { display:none; } .integration-part li.stripe{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .shopify span { display:none; } .integration-part li.shopify{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .ConstructionInt span { display:none; } .integration-part li.ConstructionInt{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .paypal span { display:none; } .integration-part li.paypal{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part li.ConsumerGoods { width: 100%; height: auto; top: 0px; left: 0px; padding: 0px; text-align: left; } .integration-part li.ConsumerGoods span{ display:none; } .integration-part li.Janitorialservices { width: 100%; height: auto; top: 0px; left: 0px; padding: 0px; text-align: left; } .integration-part li.Janitorialservices span{ display:none; } .integration-part li.RealEstate { width: 100%; height: auto; top: 0px; left: 0px; padding: 0px; text-align: left; } .integration-part li.RealEstate span{ display:none; } #relevantIndustries.addons.container { width: 100% !important; } } @media (min-width: 992px){ .IntegrationsSummeryform .vivid{width:100% !important; margin: 20px 0px;padding: 7px 22px;} .IntegrationsSummeryform .vivid:hover { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #484848; } .IntegrationsSummeryform .button, .IntegrationsSummeryform button{width: 100%;} .SignupWrapperMainPnl { width: 33.33333333%; margin:0 auto; float:none; padding: 0px 15px 0px 15px; } .home-carousel .right { text-align: right; } .home-carousel .left { text-align: left; } } @media (max-width: 767px){ .PricePopContctSelect {width: 48%;} .ResellerJoiningForm-popup {width: 90%;margin-left: -46%;} .blue-panel-lists > li {width: 100%;padding: 10px;} .downloads_feature .col-md-3 .col-md-12{float:left;width:50%;} .downloads_feature .col-md-3{float:left;width:100%;} .downloads_feature .dld_app {padding: 5px 0px;font-size: 14px;} .downloads_feature .col-md-2 {width: 50%;float:left;} .IntegrationsSummeryform .col-md-5{width:90%;} .IntegrationsSummeryform .col-md-5 .col-md-6{width: 50%;float:left;} .IntegrationsSummeryform input[type="submit"]{margin-left: 0px;width:100%;margin-top: 5px;} #site-branding {max-width: 240px;} .integration-part ul li{margin-bottom:5px;} .integration-part li a {color: #333;} .simply-scroll .simply-scroll-list li {width:180px;height: 80px;} .testimonial-quote {margin: 0px 0px 25px 0px;} .TopReviewsBox {width: 50% !important;overflow:hidden;float:left;} .Rborderline{display:none;} .capterraHover {background-size: 100%;width: 100%;margin: 0 auto;} .capterraHover:hover {background-size: 100%;width: 100%;margin: 0 auto;} .scrchenHover {background-size: 100%;width: 100%;margin: 0 auto;} .scrchenHover:hover {background-size: 100%;width: 100%;margin: 0 auto;} .softwareinsiderHover {background-size: 100%;width: 100%;margin: 0 auto;} .softwareinsiderHover:hover {background-size: 100%;width: 100%;margin: 0 auto;} .softwaresuggestHover {background-size: 100%;width: 60%;margin: 0 auto;} .softwaresuggestHover:hover {background-size: 100%;width: 100%;margin: 0 auto;} .videoPoster:after {top: 43.3%;left: 45%;} .Consumer_Close1 {margin: -30px -8px 0px 0px;padding: 3px 12px;} .PriceConsumerID_Popup {top: 5%;left: 6px;width: 95%;margin-left: 0;} .PricePopupCenterBoxDiv {min-height: auto !important;} .PricePopupCenterBoxDiv h1 {margin-top: 10px;} .container {padding: 0px 0px !important; } .contactUsformposition {position: relative;} .CustomizePackageID_Popup {width: 80%;margin-left: -40%;} #content iframe{height:200px;} .input_row .input-group, .input-group textarea {width: 66%;} .ContactReportBug_Popup {position: absolute;top: 5%;left: 50%;width: 90%;margin-left: -45%;} .ReportAbugBoxDiv {height: auto;} .ReportAbugBoxDiv h1 {margin-top: 10px;} .PricePopContct {width:48%;} .PricePopContct label {margin: 0px 0px 0px 0px;} .ContactFeedBack_Popup {position: absolute;top: 5%;left: 50%;width: 90%;margin-left: -45%;} .ContactfeedbackBoxDiv {height: auto;} .ContactfeedbackBoxDiv h1 {margin-top: 10px;} /*QuickBook*/ img.barcodeMargin{width:100%;} .view {width: 30.5%;height: auto;} .view img {width: 100%;} .viewOffer {height: auto;} .viewOffer img {width: 100%;} .IntegrationsSummeryform .form-input, .IntegrationsSummeryform .input, .IntegrationsSummeryform .hs_submit {width: 100%;margin-bottom: 4px;} .IntegrationsSummeryform .button, .IntegrationsSummeryform button{width:100%;float: left;margin-top: 5px;} .viewPopularInt {width: 47%;margin: 5px;} .grid-15 { width: 50%;} .int-panel .amazonint {width: 100%;height: 90px;margin: 0px auto;} .int-panel .magnetoint {width: 100%;height: 90px;margin: 0px auto;} .int-panel .ebayint {width: 100%;height: 90px;margin: 0px auto;} .int-panel .shopifyint {width: 100%;height: 90px;margin: 0px auto;} .int-panel .BigCommerceint {width: 100%;height: 90px;margin: 0px auto;} .viewPopularInt .mask, .viewOffer .content{left: -25px;} .block>.blockcontent>.content {min-height:auto;} .box-pricing {width: 100%;} .list-check .listitem {width: 50%;float:left;} .onQuotation{width:50% !important; float:left;} ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } .resp-accordion-closed { display: none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } /* Reseller CSS*/ .vert-offset-bottom-2 {margin:5px 0px 0px 0px;} .resselerFormNameDiv {width:100%;} .resselerFormMiddleDiv {width:100%; margin:5px 0px 0px 0px;} .resselerFormLasteDiv {width:100%;margin:5px 0px 0px 0px;} .ResselerTxtCity {padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResselerddlCountry{padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResellerinputcityDiv{margin:5px 0px 0px 0px; width:100%;} .ResselerTxtCity .col-lg-6 {padding-right: 0px;} #partner-scope .crore-pls {width: 90%;margin:5px 0px 0px 0px;} .selectConPadding{padding:0px;margin:5px 0px 0px 0px; width:100%;} /* Reseller CSS*/ .SliderCrauselmaincenter{width:100%;} .SliderCrauselmaincenter img{max-width:100%;} .textheading h2 {height:auto;} .clients_logos li {width: 31%;} .clients_logos li {margin: 10px 5px 0px 0px;} .featureSec ul li a:after{display:none;} .featureSec1 ul li a{width:100%;height: auto;} .featureSec1 ul li a:after{display:none;} .featureSec2 ul li a{width:100%;height: auto;} .featureSec2 ul li a:after{display:none;} .featureSec3 ul li a{width:100%;height: auto;} .featureSec3 ul li a:after{display:none;} .featureSec4 ul li a{width:100%;height: auto;} .featureSec4 ul li a:after{display:none;} .featureIconAbp{display:none;} .featurequickbarCode{display:none;} .AutometicEmail{display:none;} .multiUserOnline{display:none;} .realTimeSync{display:none;} .navbar-default{width:100%;} #top {height: auto;} .mediaWidth {width:100%;} .mediaSize{width:100%;} .home-carousel { height:auto !important; } .addons { padding: 10px 5% 10px; } .integration-part { padding: 0px; min-height: auto; } .integration-part > ul{ padding:0px; } .integration-part ul li{ position:relative; background: #eee; border: 1px solid #ddd; padding: 5px !important; } .integration-part li.ConsumerGoods { width: 100%; height: auto; top: 0px; left: 0px; padding: 0px; text-align: left; } .integration-part li.ConsumerGoods span{ display:none; } .integration-part li.Janitorialservices { width: 100%; height: auto; top: 0px; left: 0px; padding: 0px; text-align: left; } .integration-part li.Janitorialservices span{ display:none; } .integration-part li.RealEstate { width: 100%; height: auto; top: 0px; left: 0px; padding: 0px; text-align: left; } .integration-part .ConstructionInt span { display:none; } .integration-part li.ConstructionInt{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part li.RealEstate span{ display:none; } .integration-part li.zinventory { height: auto; margin: 5px auto 0; width: 100%; text-transform: capitalize; text-align:left; } .integration-part li.zinventory span{ display:none; } .integration-part .zoho-books span { display:none; } .integration-part li.zoho-books{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .zoho-crm span { display:none; } .integration-part li.zoho-crm{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .ebay span { display:none; } .integration-part li.ebay{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .shipping-channels span { display:none; } .integration-part li.shipping-channels{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .amazon span { display:none; } .integration-part li.amazon{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .etsy span { display:none; } .integration-part li.etsy{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .stripe span { display:none; } .integration-part li.stripe{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .shopify span { display:none; } .integration-part li.shopify{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .paypal span { display:none; } .integration-part li.paypal{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .MoreClientsbtn { width: 100%; } #features .col-md-3{ width:96%; } .main-contant .col-md-4{ width: 30%; float: left; padding: 0px; } .singleClient { width: 100%; } .GOIS-form .form-input, .GOIS-form .input, .GOIS-form .hs_submit { width: 100%; margin-bottom:4px; } .row-fluid { padding: 10px; } } /* @media only screen and (min-width: 481px) and (max-width: 600px) { } */ @media (min-width:321px) and (max-width: 420px) { .PricePopContct {width:100%;} .CustomizePackageID_Popup {left: 50%;width: 98%;margin-left: -50%;} .PricePopContctSelect {width: 100%;} .IntegrationsSummeryform .col-md-5 {width: 75%;} .IntegrationsSummeryform .col-md-5 .col-md-6 {width: 100%;float: left;padding:0px;} /*QuickBook*/ img.barcodeMargin{width:100%;} .view {width: 280px;margin: 10px auto;float: none;width: 90%;} .view img {width: 100%;height: 100%;} .viewOffer {margin: 10px auto;float: none;} .IntegrationsSummeryform .form-input, .IntegrationsSummeryform .input, .IntegrationsSummeryform .hs_submit {width: 100%;margin-bottom: 4px;} .IntegrationsSummeryform .button, .IntegrationsSummeryform button{margin:5px 0px 0px 0px; width:100%;} .viewPopularInt {width: 80%;margin: 10px auto;float: none;} .grid-15 { width: 98%;} .int-panel .amazonint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .magnetoint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .ebayint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .shopifyint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .BigCommerceint {width: 70%;height: 90px;margin: 0px auto;} .box-pricing {width: 100%;} .ConsumerID_Popup {top: 10%;left: 50%;width: 91%;margin-left: -45%;} .PopupCenterBoxDiv {min-height: auto;} .PopupCenterBoxDiv h1 {margin-top: 10px;} .clients_logos li {margin: 10px 5px 0px 0px;width: 48%;} } @media (max-width: 320px){ .PricePopContct {width:100%;} .ResellerJoiningForm-popup {width: 90%;margin-left: -46%;} .blue-panel-lists > li {width: 100%;padding: 10px;} .schedule-list-box {padding: 60px 10px;} .CustomizePackageID_Popup {left: 50%;width: 98%;margin-left: -50%;} .PricePopContctSelect {width: 100%;} .IntegrationsSummeryform .col-md-5 {width: 75%;} .IntegrationsSummeryform .col-md-5 .col-md-6 {width: 100%;float: left;padding:0px;} .downloads_feature .col-md-3 .col-md-12{float:left;width:50%;} .downloads_feature .col-md-3{float:left;width:100%;} .downloads_feature .dld_app {padding: 5px 0px;font-size: 14px;} .downloads_feature .col-md-2 {width: 50%;float:left;} .integration-part ul li{margin-bottom:5px;} .integration-part li a {color: #333;} .simply-scroll .simply-scroll-list li {width:180px;height: 80px;} .testimonial-quote {margin: 0px 8px 25px 0px;} .TopReviewsBox {width: 100% !important;} .Rborderline{display:none;} .capterraHover {background-size: 100%;} .capterraHover:hover {background-size: 100%;} .scrchenHover {background-size: 100%;} .scrchenHover:hover {background-size: 100%;} .softwareinsiderHover {background-size: 100%;} .softwareinsiderHover:hover {background-size: 100%;} .softwaresuggestHover {background-size: 100%;} .softwaresuggestHover:hover {background-size: 100%;} .videoPoster:after {top: 43.3%;left: 45%;} .Consumer_Close1 {margin: -30px -8px 0px 0px;padding: 3px 12px;} .PriceConsumerID_Popup {top: 5%;left: 6px;width: 95%;margin-left: 0;} .PricePopupCenterBoxDiv {min-height: auto !important;} .PricePopupCenterBoxDiv h1 {margin-top: 10px;} .container {padding: 0px 0px !important; } .contactUsformposition {position: relative;} #content iframe{height:200px;} .input_row .input-group, .input-group textarea {width: 66%;} .ContactReportBug_Popup {position: absolute;top: 5%;left: 50%;width: 90%;margin-left: -45%;} .ReportAbugBoxDiv {height: auto;} .ReportAbugBoxDiv h1 {margin-top: 10px;} .PricePopContct {width:100%;} .PricePopContct label {margin: 0px 0px 0px 0px;} .ContactFeedBack_Popup {position: absolute;top: 5%;left: 50%;width: 90%;margin-left: -45%;} .ContactfeedbackBoxDiv {height: auto;} .ContactfeedbackBoxDiv h1 {margin-top: 10px;} /*QuickBook*/ img.barcodeMargin{width:100%;} .view {width: 280px;width: 90%;} .view img {width: 100%;height: 100%;} .viewOffer {margin: 10px auto;float: none;} .IntegrationsSummeryform .form-input, .IntegrationsSummeryform .input, .IntegrationsSummeryform .hs_submit {width: 100%;margin-bottom: 4px;} .IntegrationsSummeryform .button, .IntegrationsSummeryform button{margin-top:5px;} .viewPopularInt {width: 98%;} .grid-15 { width: 98%;} .int-panel .amazonint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .magnetoint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .ebayint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .shopifyint {width: 70%;height: 90px;margin: 0px auto;} .int-panel .BigCommerceint {width: 70%;height: 90px;margin: 0px auto;} .box-pricing {width: 100%;} .ConsumerID_Popup {top: 10%;left: 50%;width: 91%;margin-left: -45%;} .PopupCenterBoxDiv {min-height: auto;} .PopupCenterBoxDiv h1 {margin-top: 10px;} .block>.blockcontent>.content {min-height:auto;} /* Reseller CSS*/ .vert-offset-bottom-2 {margin:5px 0px 0px 0px;} .resselerFormNameDiv {width:100%;} .resselerFormMiddleDiv {width:100%; margin:5px 0px 0px 0px;} .resselerFormLasteDiv {width:100%;margin:5px 0px 0px 0px;} .ResselerTxtCity {padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResselerddlCountry{padding: 0px;margin-bottom:5px;width:100%;float:left;} .ResellerinputcityDiv{margin:5px 0px 0px 0px; width:100%;} .ResselerTxtCity .col-lg-6 {padding-right: 0px;} #partner-scope .crore-pls {width: 90%;margin:5px 0px 0px 0px;} .selectConPadding{padding:0px;margin:5px 0px 0px 0px; width:100%;} /* Reseller CSS*/ .clients_logos li {width: 112px;} .clients_logos li {margin: 10px 5px 0px 12px;} .featureSec ul li a:after{display:none;} .featureSec1 ul li a{width:100%;height: auto;} .featureSec1 ul li a:after{display:none;} .featureSec2 ul li a{width:100%;height: auto;} .featureSec2 ul li a:after{display:none;} .featureSec3 ul li a{width:100%;height: auto;} .featureSec3 ul li a:after{display:none;} .featureSec4 ul li a{width:100%;height: auto;} .featureSec4 ul li a:after{display:none;} .featureIconAbp{display:none;} .featurequickbarCode{display:none;} .AutometicEmail{display:none;} .multiUserOnline{display:none;} .realTimeSync{display:none;} .navbar-default{width:100%;} #top {height: auto;} .mediaWidth {width:100%;} .mediaSize{width:100%;} .addons { padding: 10px 5% 10px; } .integration-part { padding: 0px; min-height: auto; } .integration-part > ul{ padding:0px; } .integration-part li{ position:relative; } .integration-part li.zinventory { height: auto; margin: 5px auto 0; width: 100%; text-transform: capitalize; text-align:left; } .integration-part li.zinventory span{ display:none; } .integration-part .zoho-books span { display:none; } .integration-part li.zoho-books{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; margin-top: 5px; } .integration-part .zoho-crm span { display:none; } .integration-part li.zoho-crm{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .ebay span { display:none; } .integration-part li.ebay{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .shipping-channels span { display:none; } .integration-part li.shipping-channels{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .amazon span { display:none; } .integration-part li.amazon{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .etsy span { display:none; } .integration-part li.etsy{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .stripe span { display:none; } .integration-part li.stripe{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .shopify span { display:none; } .integration-part li.shopify{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .ConstructionInt span { display:none; } .integration-part li.ConstructionInt{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .integration-part .paypal span { display:none; } .integration-part li.paypal{ width:100%; height:auto; top:0px; left:0px; padding:0px; text-align:left; } .MoreClientsbtn { width: 100%; } #features .col-md-3{ width:96%; } .main-contant .col-md-4{ width: 30%; float: left; padding: 0px; } .singleClient { width: 100%; } .GOIS-form .form-input, .GOIS-form .input, .GOIS-form .hs_submit { width: 100%; margin-bottom:4px; } .row-fluid { padding: 10px; } }