::-ms-clear{display:none} #banner-container{width:100%;height:450px;background-position:top right;background-repeat:no-repeat;*float:left;border:solid 0 red;*z-index:99999;clear:both;background-color:#01051e;background-image:url('/images/home-page-banner.webp');background-size:contain} #banner-holder{width:1170px;height:430px;margin:0 auto;position:relative;overflow:hidden} #banner-holder #banner-right{width:256px;float:right;*float:right;float:right\9;margin:0 0 0 -4px;*margin:2px 0 0 -4px;position:relative;*position:absolute;z-index:2} #banner-right #mainpg-contact-form{width: 100%;padding: 1% 1.5%;float: none;margin: 0 auto 0 auto;background: #edeff3;max-width: 1170px;border-radius: 0; display: inline-block;font-size: 0;top: -35px;position: relative;box-shadow: 0px 1px 6px 0px #999999} #banner-right #mainpg-contact-form form{font:normal 12px Arial,Helvetica,sans-serif;color:#777;text-align:left;width:100%;margin:0 auto;clear:both;margin-bottom:2%} #banner-right #mainpg-contact-form h2{display:block;color:#252525;font:bold 18px 'Montserrat', sans-serif;margin:7px auto 6px 0;text-align:left;padding:4px 0 0 0\9;letter-spacing:-1px} #banner-right #mainpg-contact-form p{font-size:15px;width:100%;text-align:left;margin:0 auto 9px!important;line-height:18px;color:#565656} #banner-right #mainpg-testimonial{width:99%;height:132px;padding:18px 0 0;float:left;margin:0;background:#ececec} #banner-right #mainpg-testimonial img{display:block;float:none;margin:0 auto} #banner-holder #banner-right #mainpg-contact-form form .inputs{margin:0 0 10px;border:0;border-radius:3px;height:22px;font-size:13px} #banner-holder #banner-right #mainpg-contact-form form input.ui-combobox-input{border:0;border-radius:3px;height:22px;margin-bottom:10px;font-size:13px} #banner-holder #banner-right #mainpg-contact-form form .txt-area{margin:6px 0px 8px 0;border:0;border-radius:3px;font-size:13px;height:40px} #banner-holder #banner-right #mainpg-contact-form form .selects{border-radius:3px;width:98%} #abtus-contact-box #form #right-form .selects{width:44%} #banner-holder #banner-right #mainpg-contact-form form .ui-button{top:-35px;right:-89%} #main-left-container{width:50%;float:left;margin:1% 0;padding:1% 0;border:0 solid red} #main-left-container h2{color:#7a0099;font:normal 16px swis721_cn_bt;text-align:left;letter-spacing:0;margin:2px 0 8px} #main-left-container h2 a{color:#7a0099!important;text-decoration:none;font:normal 16px swis721_cn_bt!important} #main-left-container h2 a:hover{color:#7a0099!important;text-decoration:none;font:normal 16px swis721_cn_bt!important} #main-left-container #testimonial{width:100%;height:auto;margin:3% 0 0;float:left} #main-left-container #testimonial h2{font:normal 16px swis721_cn_bt;color:#7a0099;text-align:left;letter-spacing:0;margin:0 0 5px;border-bottom:1px solid #e3e3e3} #main-left-container #testimonial h2 a{font:normal 16px swis721_cn_bt!important;color:#7a0099!important;text-decoration:none} #main-left-container #testimonial h2 a:hover{font:normal 16px swis721_cn_bt!important;color:#7a0099!important;text-decoration:none} #main-left-container #testimonial span.lftquotes{font:normal 16px tahoma;color:#33a0d9} #main-left-container #testimonial span.rgtquotes{font:normal 16px tahoma;color:#33a0d9;position:absolute} #main-left-container #app-banner{width:92%;max-width:501px;height:auto;border:0 solid #e4e4e4;padding:2% 4%;margin:0 0 25px;background:url(https://www.outsource2india.com/images/mobile-app.png) no-repeat;float:left} #main-left-container h2.app-heading{color:#7a0099!important;font:bold 20px swis721_cn_bt!important;text-align:left;margin:18px 0 -36px 29px !important} #main-left-container #app-text{float:right;font:normal 16px Arial;color:#fff;line-height:22px;width:62%;margin:22px 0 0;padding:0;position:relative;z-index:1;text-shadow:1px 1px 1px #b2b2b2} #main-left-container #app-text img{vertical-align:text-top} #main-left-container #main-articles{width:100%;height:auto;margin:6% 0 0} #main-left-container #main-articles h2{font:normal 16px swis721_cn_bt;color:#7a0099;text-align:left;letter-spacing:0;margin:0;border-bottom:1px solid #e3e3e3} #main-left-container #main-articles h2 a{font:normal 16px swis721_cn_bt!important;color:#7a0099!important;text-decoration:none} #main-left-container #main-articles h2 a:hover{font:normal 16px swis721_cn_bt!important;color:#7a0099!important;text-decoration:none} #main-left-container #main-articles ul{list-style-image:url(https://www.outsource2india.com/images/mainpg-article-arrow.png);list-style-position:outside;margin:1% 0 2%;padding:0} #main-left-container #main-articles ul li{margin:2px 0 6px 20px;font:normal 12px Arial;color:#565454;line-height:1.65em} #main-left-container #main-articles ul li a{font:normal 12px Arial;color:#565454;text-decoration:none} #main-left-container #main-articles ul li a:hover{color:#7a0099;text-decoration:none} #main-left-container #main-articles ul li b a{font:bold 12px Arial;color:#565454;text-decoration:none} #main-left-container #main-articles ul li b a:hover{color:#7a0099;text-decoration:none} #main-left-container #de-service{width:93%;height:auto;background:#ececec;max-width:452px;padding:2.5% 3.5% 1.5%;float:left;margin:0 0 25px} #main-left-container #de-service .service-img{padding:6px 0 2px;float:left} #main-left-container #content{width:233px;float:right;padding:0} #main-left-container #content p{font:normal 14px Arial;color:#333;line-height:18px;margin:0 0 6px} #main-left-container #content ul{list-style-image:url(https://www.outsource2india.com/images/arrow-grey.png);list-style-position:outside;margin:8px 0 10px;padding:0} #main-left-container #content ul li{margin:2px 0 0 26px;font:normal 14px Arial;color:#333;line-height:1.5em} #main-left-container #content ul li a{font:normal 14px Arial;color:#57307f;text-decoration:none} #main-left-container #content ul li a:hover{color:#33a0d9;text-decoration:underline} #main-right-container{width:46%;float:right;margin:1% 0;padding:1% 0;border:0 solid red} #main-right-container h2{font:normal 16px swis721_cn_bt;color:#7a0099;text-align:left;letter-spacing:0;margin:2px 0 8px} #main-right-container h2 a{font:normal 16px swis721_cn_bt!important;color:#7a0099!important} #main-right-container h2 a:hover{font:normal 16px swis721_cn_bt!important;color:#7a0099!important} #main-right-container #de-service{width:93%;height:auto;background:#ececec;max-width:452px;padding:2.5% 3.5% 1.5%;float:left;margin:0 0 25px} #main-right-container #de-service .service-img{padding:6px 0 2px;float:left} #main-right-container #content{width:216px;float:right;padding:0} #main-right-container #content p{font:normal 14px Arial;color:#333;line-height:18px;margin:0 0 6px} #main-right-container #content ul{list-style-image:url(https://www.outsource2india.com/images/arrow-grey.png);list-style-position:outside;margin:13px 0 10px;padding:0} #main-right-container #content ul li{margin:2px 0 0 26px;font:normal 14px Arial;color:#333;line-height:1.5em} #main-right-container #content ul li a{font:normal 14px Arial;color:#57307f;text-decoration:none} #main-right-container #content ul li a:hover{color:#33a0d9;text-decoration:underline} #main-right-container #content .de-row{width:100%;float:left;display:table-row} #main-right-container #content .de-cells{display:table-cell;background:#f4f4f4;border:1px solid #e8e8e8;padding:2px 4px;text-align:center;vertical-align:middle;color:#197fb5;font:normal 12px Arial;width:45%!important;height:20px} #main-right-container #content .de-cells a{color:#197fb5;text-decoration:none} #main-right-container #content .de-cells a:hover{color:#336fa5;text-decoration:none} #main-right-container #fs-service{width:100%;height:160px;background:url(https://www.outsource2india.com/images/featured-fiancial-services-bg.png) left top no-repeat;max-width:452px} #main-right-container #content .more{font:bold 12px Arial;color:#7a0099;float:right;margin:10px 0 0} #main-right-container #content .more a{font:bold 12px Arial;color:#7a0099;text-decoration:none} #main-right-container #content .more a:hover{color:#7a0099;text-decoration:underline} #main-right-container #video-holder{width:265px;height:190px;margin:0 0 10px;float:left} #main-right-container object{width:245px;height:180px;border:0 solid blue} #main-right-container embed{width:245px;height:180px;border:0 solid blue} #main-right-container iframe{width:245px;height:180px;border:0 solid blue} #main-right-container #mainpg-testimonial-sr{width:212px;padding:0 0 0 10px;float:left;margin:4px 0 0} #main-right-container #mainpg-testimonial-sr p{color:#565454;font:normal 12px Arial;line-height:1.35em;margin:0;text-align:left} #main-right-container #mainpg-testimonial-sr span.testimonial-more{color:#7a0099;font:normal 12px Arial;text-align:right;float:right;margin:5px 0 0} #main-right-container #mainpg-testimonial-sr span.testimonial-more a{color:#7a0099;text-decoration:none} #main-right-container #mainpg-testimonial-sr span.testimonial-more a:hover{color:#7a0099;text-decoration:underline} #main-right-container #mainpg-testimonial-sr h2{font:normal 16px swis721_cn_bt;color:#7a0099;text-align:left;letter-spacing:0;margin:1% 0 3.5%} #main-right-container #mainpg-testimonial-sr h2 a{color:#7a0099;text-decoration:none} #main-right-container #mainpg-testimonial-sr h2 a:hover{color:#3bb5f4;text-decoration:none} .more{font:bold 12px Arial;color:#7a0099;text-align:left} .more a{font:normal 12px Arial;color:#7a0099;text-decoration:none} .more a:hover{color:#7a0099;text-decoration:underline} #hp-small-device-form{background:#f4f4f4;float:left;margin:2% auto 5%;padding:1.5%;width:90%} #main-wrapper{display:block;width:100%;clear:both;float:left;margin-top:35px;padding-top:10px;background-color:#f7f7f7} #main-wrapper #main-container-new{width:1000px;margin:0 auto} #main-wrapper #main-container-new .more-popular-services{margin:0 auto;width:65%;text-align:center;padding-bottom:20px} #main-wrapper #main-container-new .more-popular-services a{background-color:#e3e3e3;text-decoration:none;color:#333333;font:12px "Open Sans",sans-serif;padding:3px 10px;display:inline-block;margin:9px 5px;border-radius:10px} #main-wrapper #main-container-new .more-popular-services a.bold{font:600 12px "Open Sans",sans-serif} #main-wrapper #main-container-new h2{font:27px "Open Sans",sans-serif;color:#2b86c8;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 15px} #main-wrapper #main-container-new .box-area{width:100%;float:left;margin-bottom:20px} #main-wrapper #main-container-new .box-area .cols1{width:98%;float:left;margin:0;padding:10px} #main-wrapper #main-container-new .box-area .cols1 .box1{width:27%;float:left;margin:0 2%;border:0 solid red;padding:10px 0 10px 1%} @-webkit-keyframes hvr-ripple-out { 100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0} } @keyframes hvr-ripple-out { 100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0} } #main-wrapper #main-container-new .box-area .cols1 .box1 #software,#main-wrapper #main-container-new .box-area .cols1 .box1 #bookkeeping,#main-wrapper #main-container-new .box-area .cols1 .box1 #healthcare,#main-wrapper #main-container-new .box-area .cols1 .box1 #market_Research,#main-wrapper #main-container-new .box-area .cols1 .box1 #business_research,#main-wrapper #main-container-new .box-area .cols1 .box1 #mortgage,#main-wrapper #main-container-new .box-area .cols1 .box1 #virtual-remote-assistant,#main-wrapper #main-container-new .box-area .cols1 .box1 #kpo,#main-wrapper #main-container-new .box-area .cols1 .box1 #electrical-engineering-services{background-image:url(https://www.outsource2india.com/images/popular-outsourced-services.png);background-repeat:no-repeat;margin:0 auto;display:block;margin-bottom:10px} #main-wrapper #main-container-new .box-area .cols1 .box1{display:block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;text-decoration:none} #main-wrapper #main-container-new .box-area .cols1 .box1:hover{background:rgba(204,204,204,0.1) none repeat scroll 0 0} #main-wrapper #main-container-new .box-area .cols1 .box1:before,#main-wrapper #main-container-new .box-area .cols1 .box1:after{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;background-repeat:no-repeat;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity} #main-wrapper #main-container-new .box-area .cols1 .box1:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%)} #main-wrapper #main-container-new .box-area .cols1 .box1:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%)} #main-wrapper #main-container-new .box-area .cols1 .box1:hover:before,#main-wrapper #main-container-new .box-area .cols1 .box1:focus:before,#main-wrapper #main-container-new .box-area .cols1 .box1:active:before,#main-wrapper #main-container-new .box-area .cols1 .box1:hover:after,#main-wrapper #main-container-new .box-area .cols1 .box1:focus:after,#main-wrapper #main-container-new .box-area .cols1 .box1:active:after{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)} #main-wrapper #main-container-new .box-area .cols1 .box1 #software{background-position:0 0;width:63px;height:57px;margin-top:10px} #main-wrapper #main-container-new .box-area .cols1 .box1 #bookkeeping{background-position:0 -67px;width:90px;height:68px} #main-wrapper #main-container-new .box-area .cols1 .box1 #healthcare{background-position:0 -145px;width:105px;height:66px} #main-wrapper #main-container-new .box-area .cols1 .box1 #market_Research{background-position:0 -221px;width:73px;height:54px;margin-top:5px} #main-wrapper #main-container-new .box-area .cols1 .box1 #business_research{background-position:0 -285px;width:70px;height:53px;margin-top:5px} #main-wrapper #main-container-new .box-area .cols1 .box1 #mortgage{background-position:0 -348px;width:100px;height:60px} #main-wrapper #main-container-new .box-area .cols1 .box1 #virtual-remote-assistant{background-position:0 -374px;width:52px;height:52px} #main-wrapper #main-container-new .box-area .cols1 .box1 #kpo{background-position:0 -436px;width:52px;height:52px} #main-wrapper #main-container-new .box-area .cols1 .box1 #electrical-engineering-services{background-position:0 -498px;width:51px;height:53px} #main-wrapper #main-container-new .box-area .cols1 .box1 #video-editing{margin:0 auto;display:block;margin-bottom:5px; background: url('/images/icons/video-editing-services.png') 0 0 no-repeat;height:68px;width:60px} #main-wrapper #main-container-new .box-area .cols1 .box1 #telemarketing{margin:0 auto;display:block;margin-bottom:5px; background: url('/images/icons/telemarketing-services.png') 0 0 no-repeat;height:68px;width:68px} #main-wrapper #main-container-new .box-area .cols1 .box1 #software-programming{margin:0 auto;display:block;margin-bottom:5px; background: url('/images/icons/software-programming-services.png') 0 0 no-repeat;height:68px;width:75px} #main-wrapper #main-container-new .box-area .cols1 .box1 #lead-generation{margin:0 auto;display:block;margin-bottom:5px; background: url('/images/icons/lead-generation-services.png') 0 0 no-repeat;height:68px;width:84px} #main-wrapper #main-container-new .box-area .cols1 .box1 #data-science{margin:0 auto;display:block;margin-bottom:5px;background: url('/images/icons/data-science.png') 0 0 no-repeat;height:66px;width:65px} #main-wrapper #main-container-new .box-area .cols1 .box1 #photo-editing{margin:0 auto;display:block;margin-bottom:5px;background: url(https://www.outsource2india.com/images/photo-editing-services-icon.png) 0 0 no-repeat;height:58px;width:61px} #main-wrapper #main-container-new .box-area .cols1 .box1 #graphic-design{margin:0 auto;display:block;margin-bottom:5px;background: url('/images/icons/graphic-design-services.png') 0 0 no-repeat;height:65px;width:61px} #main-wrapper #main-container-new .box-area .cols1 .box1 #call-center-services{margin:0 auto;display:block;margin-bottom:5px;background: url(/images/icons/call-center-services-icon.png) 0 0 no-repeat;height:58px;width:61px} #main-wrapper #main-container-new .box-area .cols1 .box1 #transcription-services{margin:0 auto;display:block;margin-bottom:5px;background: url(/images/icons/transcription-services-icon.png) 0 0 no-repeat;height:61px;width:61px} #main-wrapper #main-container-new .box-area .cols1 .box1 #healthcare-bpo{margin:0 auto;display:block;margin-bottom:5px;background: url(/images/icons/healthcare-bpo-icon.png) 0 0 no-repeat;height:61px;width:61px} #main-wrapper #main-container-new .box-area .cols1 .box1 #real-estate-image-editing{margin:0 auto;display:block;margin-bottom:5px;background: url(/images/icons/real-estate-image-editing-icon.png) 0 0 no-repeat;height:61px;width:61px} #main-wrapper #main-container-new .box-area .cols1 .box1 img{float:left;margin-right:16px} #main-wrapper #main-container-new .box-area .cols1 .box1 img.new{float:left;margin-right:16px;margin-left:-9px} #main-wrapper #main-container-new .box-area .cols1 .box1 img.new1{float:left;margin-right:16px;margin-left:-6px} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn{height:100%;overflow:hidden;width:95%;margin-right:auto;margin-left:auto} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn h3{color:#33a0db;font:600 17px "Open Sans",sans-serif;letter-spacing:0;text-align:center;margin:0} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn h3 a{font:600 17px "Open Sans",sans-serif;color:#33a0db;text-align:center;letter-spacing:0;margin:0;float:left; clear:right;text-decoration:none} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn h3 a:hover{font:600 17px "Open Sans",sans-serif;color:#33a0db;text-align:center;letter-spacing:0;margin:0;float:left; clear:right} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn p{color:#333333;font:13px "Open Sans",sans-serif;letter-spacing:normal;margin:1.4% 0 0;text-align:center} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn p a,#main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn span.readmore{color:#33a0db;font:13px "Open Sans",sans-serif;letter-spacing:normal;margin:2% 0 0;text-align:center;display:block} #main-wrapper1 #main-container-new1{width:100%;float:left;margin:1% 0;border:0 solid red} #main-wrapper1 #main-container-new1 h2{font:27px "Open Sans",sans-serif;color:#2B86C8;text-align:left;letter-spacing:0;margin:0;padding:20px 20px 15px 6px} #main-wrapper1 #main-container-new1 .box-area .cols1-new{width:100%;float:left;margin:0;border:0 solid red;background:#fff} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new{width:47%;float:left;margin:1%;border-top:1px solid #ccc;padding-left:1%;padding-top:15px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new img{float:left;margin-right:16px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new img.article-img-small{border:1px solid #c6c6c6!important;height:62px;width:62px!important;padding:1px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn{height:100%;overflow:hidden;padding-top:1px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn h3{font:bold 15px swis721_cn_bt;color:#33a0d9;text-align:left;letter-spacing:0;margin:0;float:left;clear:right;width:100%} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn h3 a{font:bold 15px swis721_cn_bt;color:#33a0d9;text-align:left;letter-spacing:0;margin:0;float:left;text-decoration:none;clear:right} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn h3 a:hover{font:bold 15px swis721_cn_bt;color:#333;text-align:left;letter-spacing:0;margin:0;float:left;text-decoration:none;clear:right} #main-container-blue{width:100%;float:left;*margin:0 1% 1% 0;margin:0;border:0 solid red;background:#251EA8;opacity:.8} #main-container-bg{background:url(https://www.outsource2india.com/images/how-we-work-bg.jpg) repeat-x 0 0;width:100%;float:left;clear:both} #main-container-blue #cntn-blue-box{border:0 solid #fff;color:#fff;float:none!important;margin:0 auto;padding:1% 0;width:1000px} #main-container-blue #cntn-blue-box .how-we-work{font:30px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px;font-weight:700;text-decoration:none} #main-container-blue #cntn-blue-box .how-we-work a{font:30px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px;font-weight:700;text-decoration:none} #main-container-blue #cntn-blue-box h3{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:5px 20px 15px} #main-container-blue #cntn-blue-box h3 a{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0} #main-container-blue #cntn-blue-box h3 a:hover{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;text-decoration:none} #main-container-blue #cntn-blue-box .blue-box{float:left;width:1000px;padding:20px 0 50px} #main-container-blue #cntn-blue-box .blue-box .process-box{width:18%;float:left;margin-right:15px;border:solid 1px #7570d2} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line{border:solid 2px #fff;border-radius:100px;height:130px;width:130px;margin:23px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line img{float:left;padding:25% 27%;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line #requirement-analysis,#main-container-blue #cntn-blue-box .blue-box .process-box .round-line #establish-contact,#main-container-blue #cntn-blue-box .blue-box .process-box .round-line #project-steady-state,#main-container-blue #cntn-blue-box .blue-box .process-box .round-line #project-initiation,#main-container-blue #cntn-blue-box .blue-box .process-box .round-line #pricing-contracting{background-image:url(https://www.outsource2india.com/images/popular-outsourced-services.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;margin-top:32px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line #establish-contact{background-position:0 -561px;width:63px;height:70px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line #requirement-analysis{background-position:0 -641px;width:63px;height:67px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line #pricing-contracting{background-position:0 -718px;width:63px;height:67px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line #project-initiation{background-position:0 -795px;width:63px;height:67px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line #project-steady-state{background-position:0 -872px;width:63px;height:67px} #main-container-blue #cntn-blue-box .blue-box .process-box h3{font:bold 22px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:5px 20px 15px} #homepage-content-section{display:block;width:100%;clear:both;margin-top:30px;padding:0;float:left} #homepage-content-section .inner-wrapper{width:1000px;margin:0 auto} #homepage-client-section{display:block;width:100%;clear:both;margin:auto;padding:0;float:left;margin-bottom:0;background:#2f2f2f url('/images/client-served-section-bg.png') 0 0 no-repeat;background-size:cover} #homepage-client-section .inner-wrapper{width:1000px;margin:0 auto} #homepage-content-section .inner-wrapper #video-holder{width:50%;float:left;text-align:center} #homepage-content-section .inner-wrapper #video-holder iframe{width:89.7%;height:253px;border:10px solid #bcbcbc} #homepage-content-section .inner-wrapper #video-holder p{color:#333333;font:17px 'Open Sans',sans-serif;width:94%;margin:0 auto!important;display:block} #homepage-content-section .inner-wrapper #video-holder p a{color:#2b86c8;font:17px 'Open Sans',sans-serif;text-decoration:none} #homepage-content-section .inner-wrapper #video-holder p a,#articles-carousel #slider1 .view-articles{vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden} #homepage-content-section .inner-wrapper #video-holder p a:before,#articles-carousel #slider1 .view-articles:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2B86C8;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} #homepage-content-section .inner-wrapper #video-holder p a:before{height:2px} #articles-carousel #slider1 .view-articles:before{height:1px} #homepage-content-section .inner-wrapper #video-holder p a:hover:before,#homepage-content-section .inner-wrapper #video-holder p a:focus:before,#homepage-content-section .inner-wrapper #video-holder p a:active:before,#articles-carousel #slider1 .view-articles:hover:before,#articles-carousel #slider1 .view-articles:focus:before,#articles-carousel #slider1 .view-articles:active:before{right:0} #homepage-content-section .inner-wrapper .content-holder{width:42%;float:left; margin-left:20px} #homepage-content-section .inner-wrapper .content-holder .cus-testi{float:left;width:100%;clear:both;border-bottom:1px solid #e9e9e9} #homepage-content-section .inner-wrapper .content-holder .cus-testi h2{color:#2b86c8;font:27px 'Open Sans',sans-serif;margin-top:0;*margin-left:31px!important} #homepage-content-section .inner-wrapper .content-holder .cus-testi .hp-cus-testi-panel{background:#f6f6f6;float:left;padding:10px;border-radius:5px 5px 0 0;height:107px;width:96%;clear:both} #homepage-content-section .inner-wrapper .content-holder .cus-testi p{color:#333333;font:14px/25px 'Open Sans',sans-serif;background:url(https://www.outsource2india.com/images/quotes-large.png) no-repeat 3px 0;padding-left:32px;padding-top:0} #homepage-content-section .inner-wrapper .content-holder .cus-testi p img{position:relative;top:-3px;left:5px} #homepage-content-section .inner-wrapper .content-holder .cus-testi a{float:right;background-color:#ffffff;padding:3px 10px;border-radius:2px;text-decoration:none;font:13px 'Open Sans',sans-serif;color:#2b86c8;margin-top:10px;border:1px solid #e9e9e9;position:relative;bottom:-11px} #homepage-content-section .inner-wrapper .content-holder .cus-testi a,#main-wrapper #main-container-new .more-popular-services a{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s} #homepage-content-section .inner-wrapper .content-holder .cus-testi a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2b86c8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:2px} #main-wrapper #main-container-new .more-popular-services a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2b86c8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:10px} #homepage-content-section .inner-wrapper .content-holder .cus-testi a:hover:before,#homepage-content-section .inner-wrapper .content-holder .cus-testi a:focus:before,#homepage-content-section .inner-wrapper .content-holder .cus-testi a:active:before,#main-wrapper #main-container-new .more-popular-services a:hover:before,#main-wrapper #main-container-new .more-popular-services a:focus:before,#main-wrapper #main-container-new .more-popular-services a:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)} #homepage-content-section .inner-wrapper .content-holder .cus-testi a:hover,#homepage-content-section .inner-wrapper .content-holder .cus-testi a:focus,#homepage-content-section .inner-wrapper .content-holder .cus-testi a:active,#main-wrapper #main-container-new .more-popular-services a:hover,#main-wrapper #main-container-new .more-popular-services a:focus,#main-wrapper #main-container-new .more-popular-services a:active{color:#ffffff} #homepage-content-section .inner-wrapper .content-holder .cus-testi span{font:normal 16px/22px swis721_cn_bt;padding:0;display:block} #homepage-content-section .inner-wrapper .content-holder .cus-testi span:first-child{font-weight:bold} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name{float:left;width:100%;clear:both;height:49px} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name .cir-cus{border-radius:100%;padding:10px;width:97px;height:96px;position:relative;top:-31px;display:inline-block;background-color:#ffffff;float:left} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name .cir-cus>div{border:1px solid #e6e6e6;width:100px;height:96px;border-radius:50%;display: inline-block;position: relative;top: -4px;left: -2px;background:url(https://www.outsource2india.com/images/icons/cus-face.png) no-repeat 11px 13px} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name .text-cus{display:inline-block;margin-left: 10px;margin-top: 7px} #homepage-content-section .inner-wrapper .content-holder .happy-customers{float:left;clear:both;width:92%;margin:22px 0 0 10px;padding:8px 0;background:url(/images/happy-customers-bg.gif) no-repeat 0 0;width:397px;height:71px} #homepage-content-section .inner-wrapper .content-holder .happy-customers .leftPanel{float:left;margin-left:17px} #homepage-content-section .inner-wrapper .content-holder .happy-customers .leftPanel p, #homepage-content-section .inner-wrapper .content-holder .happy-customers .leftPanel span{padding:0;margin:0 !important;text-align:center;line-height:20px} #homepage-content-section .inner-wrapper .content-holder .happy-customers .rightPanel{float:left;width:64%;margin-left:11px;margin-top:4px} #homepage-content-section .inner-wrapper .content-holder .happy-customers .customer-count{background:url(/images/cus-count-bg.png) no-repeat 0 0;width:113px;height:37px;float:left} #homepage-content-section .inner-wrapper .content-holder .happy-customers .customer-count span{font:600 19px/21px 'Open Sans',sans-serif;color:#2b86c8;padding-left:2px;text-align:center;display:block} #homepage-content-section .inner-wrapper .content-holder .happy-customers p span{color:#ffffff;font:600 19px/25px swis721_cn_bt;text-transform:uppercase;letter-spacing:0} #homepage-content-section .inner-wrapper .content-holder .happy-customers .customer-count .cus-counter{font:700 29px/37px 'Open Sans',sans-serif;display:block;font-weight:700;color:#23608a!important;letter-spacing:6.4px;text-align:left;display:block} #homepage-content-section .inner-wrapper .content-holder .happy-customers .customer-count .cus-counter>span{font-size:0} #homepage-content-section .home-infographics{background:url(https://www.outsource2india.com/images/home-info-graph-bg.png) repeat-x 0 0;width:93%;height:48px;float:left;margin:27px 0 0 32px;position:relative;display:block;text-decoration:none} #homepage-content-section .home-infographics:hover{opacity:.8} #homepage-content-section .home-infographics .home-info-img{float:left;width:82px} #homepage-content-section .home-infographics .home-info-img img{position:relative;top:-12px;left:4px} #homepage-content-section .home-infographics .home-info-text{width:77%;float:left;margin-top:2px} #homepage-content-section .home-infographics .home-info-text span{font:600 17px 'Open Sans',sans-serif;color:#ffffff;position:relative;top:6px} #more-popular-services-responsive{display:none} .iosSlider{width:65%!important;height:412px!important;float:left} .iosSlider .slider{width:90%;height:100%; margin-left:40px;margin-top:80px} .iosSlider .slider .item{width:100%!important;height:300px;margin:0;} .iosSlider .slider .item .text1{opacity:0;filter:alpha(opacity:0);padding:6px} .iosSlider .slider .item .text1 span{color:#ffffff;font:50px/22px "Open Sans",sans-serif;padding:2px} .iosSlider .slider .item .text1 span>b, .iosSlider .slider .item .text1 span.first{color:#ffffff;font:800 45px/47px 'Montserrat', sans-serif;padding:0;top:0} .iosSlider .slider .item .text1 span.first{padding:0;margin:0} .iosSlider .slider .item .text1 span,.iosSlider .slider .item .text2 span, .iosSlider .slider .item .text1 span.first{display:inline-block} .iosSlider .slider .item .text2 b{color:#ffffff;font:bold 18px "Open Sans",sans-serif;text-shadow:0 1px 0 #333333;position:relative;top:7px} .iosSlider .slider .item .text2{opacity:0;filter:alpha(opacity:0);width:24%;padding:5px 7px 7px} .iosSlider .slider .item .text2 span,.iosSlider .slider .item .text2 span a{color:#ffffff;font:600 15px "Open Sans",sans-serif} .iosSlider .slider .item .text2 span a{text-decoration:underline} .iosSliderButtons{position:absolute;left:7px;bottom: 25px;background-color:transparent;float:left;width:auto;padding:0;margin-left: 37px} .iosSlider .slider .item .text1 > div{border-left: 2px solid #5f481d;padding-left:10px} .iosSlider .slider .item .text1 section{position: relative;top: 10px;left: 4%} .iosSlider .slider .item .text1 i.line{display:inline-block;background:#ffffff;height:3px;width:120px;position:relative;top:4px;border-radius:3px} .iosSlider .slider .item .text1 i.txt{font: bold 22px "Open Sans",sans-serif;color: #ffffff;text-align: right;display: inline-block;padding:0 10px} .iosSliderButtons .button{float:left;width:auto;height:20px;background: #bcd0ee;*border-bottom: 5px solid #bd892f;margin:0 0 0 1px;border-radius:0px; padding:6px 12.5px 2px 12.5px;text-transform:uppercase;font:600 12px "Open Sans",sans-serif;color:#000000;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out} .iosSliderButtons .button:hover, .iosSliderButtons .button:focus, .iosSliderButtons .button:active { -webkit-transform: translateY(-2px);transform: translateY(-2px);} .iosSliderButtons .selected, .iosSliderButtons .button:hover{background: #8fb3e8;*border-bottom: 5px solid #82622b;color:#000000} .iosSlider .slider .item .text2 ul{list-style-image: url("/images/tick-bullet-icon.png"); list-style-position: outside;margin:1% 0px 1.5%;padding: 2px 0px 1px;} .iosSlider .slider .item .text2 ul li b{top:0} .iosSlider .slider .item .text2 ul li{list-style-position: outside;margin: 2px 0px 2px 20px;font: 600 15px "Open Sans",sans-serif; color: #ffffff;padding: 2px 0px 1px} .iosSlider .slider .item .text1> div{display:inline-block} .iosSlider .slider .item .text1 span.first{display:inline-block;font:800 58px/47px 'Montserrat', sans-serif} .iosSlider .slider .item .text1 > div > span:after{content: "."; font-family: 'Montserrat', sans-serif;color: #bcd0ee;margin-left: 3px;display:inline-block;font-size:50px;vertical-align:top;position:relative;top:-10px} .iosSlider .slider .item .text1 > div > a{text-decoration:none} .iosSlider .bannerPrevButton{position: absolute;top: 180px;left: 0px;width: 28px;height: 40px;z-index: 2} .iosSlider .bannerNextButton{position: absolute;top: 180px;right: 50px;width: 28px;height: 40px;z-index: 2} .iosSlider .bannerPrevButton:hover, .iosSlider .bannerNextButton:hover{opacity:0.5} /*ARTICLES SLIDER STARTS */ #articles-carousel #slider1{height:auto;overflow:hidden;margin:0;float:left;overflow:hidden;width:100%} #articles-carousel #slider1 .viewport{float:left;width:100%;height:366px;overflow:hidden;position:relative;padding:0;margin-top:3px} #articles-carousel #slider1 .buttons{background:url(https://www.outsource2india.com/images/articles-prev-img.png) no-repeat;display:block;margin:0;background-position:5px 1px;text-indent:-999em;float:left;width:30px;height:22px;overflow:hidden;position:relative;display:block!important;margin-right:13px} #articles-carousel #slider1 .buttons:hover{opacity:.6} #articles-carousel #slider1 .next{background:url(https://www.outsource2india.com/images/articles-next-img.png) no-repeat 4px center;margin:0;display:block!important;float:right;width:30px} #articles-carousel #slider1 .disable{visibility:hidden} .overview{list-style:none;position:absolute;padding:0;margin:0;width:auto;left:0; top:0} #articles-carousel #slider1 .overview li{float:left;margin:0;padding:0;border:0;background:#ffffff;width:260px;text-align:left;font:normal 12px Arial;color:#000;height:auto;margin-right:40px;*-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;*-webkit-transition-duration:.3s;transition-duration:.3s;*-webkit-transition-property:color,background-color;transition-property:color,background-color;padding:10px;*-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);*-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow} #articles-carousel #slider1 .overview li:hover,#articles-carousel #slider1 .overview li:focus,#articles-carousel #slider1 .overview li:active{background-color:#f6f6f6;box-shadow:0 0 3px rgba(0,0,0,0.6)} #articles-carousel #slider1 .overview li.scroll-new{float:left;margin:0;padding:0;border:0;background:#ffffff;width:auto;text-align:left;font:normal 12px Arial;color:#000;height:auto!important} #articles-carousel #slider1 .overview li h3 a,#articles-carousel #slider1 .overview li h3{font:600 14px "Open Sans",sans-serif;color:#2b86c8;padding:0!important;margin:5px 0} #articles-carousel #slider1 .overview li p{font:13px "Open Sans",sans-serif;color:#333333;padding-top: 5px} #articles-carousel #slider1 .overview li a{font:13px "Open Sans",sans-serif;color:#2b86c8;margin:0;display:block;margin-top:5px} #articles-carousel #slider1 .overview li a:hover{text-decoration:underline} #articles-carousel #slider1 h2{float:left} #articles-carousel #slider1 .articles-right-sec{float:right;margin-top:34px} #articles-carousel #slider1 .view-articles{font:14px "Open Sans",sans-serif;color:#2b86c8;float:left;text-decoration:none} #articles-carousel #slider1 .overview li img{border:1px solid rgb(232,232,232)} #articles-carousel #slider1 .overview li span{font:bold 11px "Open Sans",sans-serif;color:#000000;text-transform:uppercase} /*ARTICLES SLIDER ENDS */ /*#small-device-form .txt-area{position:relative;top:-11px}*/ /*CLIENT LOGOS SLIDER STARTS */ #clientslogo-carousel{width:100%; clear:both;float:left;margin-top:5px;} #clientslogo-carousel #slider1{height:auto;overflow:hidden;margin:0;float:left;overflow:hidden;width:100%} #clientslogo-carousel #slider1 .viewport{float:left;width:90%;height:123px;overflow:hidden;position:relative;padding:0} #clientslogo-carousel #slider1 .buttons{background:url(/images/client-logo-prev.png) no-repeat;display:block;margin:0;background-position:5px 1px;text-indent:-999em;float:left;width:30px;height:22px;overflow:hidden;position:relative;display:block!important;z-index:9999;top:53px} #clientslogo-carousel #slider1 .buttons:hover{opacity:.6} #clientslogo-carousel #slider1 .next{background:url(/images/client-logo-next.png) no-repeat 0px center;margin:0;display:block!important;float:right;width:30px;left:-25px;position:relative} #clientslogo-carousel #slider1 .disable{visibility:hidden} .overview{list-style:none;position:absolute;padding:0;margin:0;width:auto;left:0; top:0} #clientslogo-carousel #slider1 .overview li{float:left;margin:0;padding:0;border:0;background:#ffffff;width:auto;text-align:left;font:normal 12px Arial;color:#000;height:auto;padding: 9px 8px;} #clientslogo-carousel #slider1 .overview li img:hover,#clientslogo-carousel #slider1 .overview li img:focus,#clientslogo-carousel #slider1 .overview li img:active{box-shadow:1px 1px 1px 1px #f3f3f3; -webkit-transform: rotate(4deg); transform: rotate(4deg)} #clientslogo-carousel #slider1 .overview li.scroll-new{float:left;margin:0;padding:0;border:0;background:#ffffff;width:auto;text-align:left;font:normal 12px Arial;color:#000;height:auto!important} #clientslogo-carousel #slider1 .overview li h3 a,#clientslogo-carousel #slider1 .overview li h3{font:600 14px "Open Sans",sans-serif;color:#2b86c8;padding:0!important;margin:10px 0} #clientslogo-carousel #slider1 .overview li p{font:13px "Open Sans",sans-serif;color:#333333} #clientslogo-carousel #slider1 .overview li a{font:13px "Open Sans",sans-serif;color:#2b86c8;margin:0;display:block;margin-top:5px} #clientslogo-carousel #slider1 .overview li a:hover{text-decoration:underline} #clientslogo-carousel #slider1 h2{float:left;font: 600 20px "Open Sans",sans-serif;color: #2B86C8;text-align: left; letter-spacing: 0px;margin: 0px;padding: 20px 20px 0px 14px;} #clientslogo-carousel #slider1 .articles-right-sec{float:right;text-align:right;clear:both;margin-right: 73px} #clientslogo-carousel #slider1 .view-articles{font:14px "Open Sans",sans-serif;color:#2b86c8;text-decoration:none; -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden; backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;overflow: hidden} #clientslogo-carousel #slider1 .view-articles:before{content: "";position: absolute;z-index: -1;left: 0; right: 100%; bottom: 0;background: #ffffff;height: 1px;-webkit-transition-property: right;transition-property: right; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out} #clientslogo-carousel #slider1 .view-articles:hover:before, #clientslogo-carousel #slider1 .view-articles:focus:before, .hvr-underline-from-left:active:before {right: 0} #clientslogo-carousel #slider1 .overview li img{border:3px solid #dadada;-webkit-transform: translateZ(0); transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform; transition-property: transform} /*CLIENT LOGOS SLIDER ENDS */ @media screen and (min-width :320px) and (max-width :480px) { #banner-container{margin-top:-36px;background-position:0 -108px;height:356px!important;min-width:100%;overflow:hidden} #banner-holder{width:100%;height:auto} #banner-holder #banner-right{display:none} #main-left-container,#main-right-container{width:100%;margin:2% 0;float:left} #main-right-container #video-holder{float:none;margin:0 0 6%} #main-right-container object{width:100%;margin:2% 0} #main-right-container embed{width:100%;margin:2% 0} #main-right-container iframe{width:100%;margin:2% 0} #main-right-container #main-success-story{height:100%;float:left;padding:3% 0;background:0} #main-right-container #main-success-story #content{width:100%} #main-right-container #main-success-story #content p{line-height:1.8em} #main-left-container #main-articles{clear:both;float:left;margin:5% 0} #main-left-container #main-articles h2{padding:1% 0} #main-left-container #main-articles ul li{margin:2px 0 6px 14px} .more{margin:2% 0 0;float:left} #main-right-container #mainpg-testimonial-sr{width:100%;padding:0;float:left;margin:4px 0 0;background:#ececec;text-align:center} #main-right-container #small-device-form h2{color:#7a0099;font:normal 16px swis721_cn_bt;text-align:left} #main-right-container #content{width:100%;padding:1% 0;position:relative;z-index:1;text-align:left} #main-right-container #content p{margin:0;line-height:18px} #main-left-container #content{width:100%;padding:1% 0;position:relative;z-index:1;text-align:left} #main-left-container #content p{margin:0;line-height:18px} #main-right-container #content .more{float:left} #main-right-container #content .more a{font-weight:700} #main-right-container #content .more a:hover{font-weight:700} #main-left-container h2.app-heading{position:relative;margin:20px 10px -50px!important} #main-left-container #app-banner{height:214px;max-height:300px;position:relative;background-position:center center} #main-left-container #app-text{width:70%;z-index:1;position:relative;padding:1%;font:bold 13px Arial;line-height:16px;margin:10px 0 0;text-shadow:none} #main-left-container #app-text img{width:100%} #main-right-container #de-service{text-align:center;padding:3.5%} #main-left-container #de-service{text-align:center;padding:3.5%} #small-device-form{max-width:250px;margin:0 0 25px 15px} .iosSlider .slider .txt1{margin-top:5px} .iosSlider .nextButton{right:0} #main-wrapper #main-container-new{width:100%;float:left;margin:1% 0;display:block;clear:both;border:solid 0 red} #main-wrapper #main-container-new h2{font:21px "Open Sans",sans-serif;color:#2B86C8;text-align:center;padding:0 20px 14px} #main-wrapper #main-container-new .box-area{width:100%;float:left;margin-bottom:20px;border:0 solid red;background:#ffffff} #main-wrapper #main-container-new .box-area .cols1{width:100%;float:left;margin:0;border:0 solid red;background:#ffffff;padding:0 0 5px 0 !important} #main-wrapper #main-container-new .box-area .cols1 .box1{width:98%;float:left;margin:1% 1% 2%;border:0 solid red;padding-left:1%} #main-wrapper #main-container-new .box-area .cols1 .box1 img{float:left;margin-right:16px} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn{height:100%;overflow:hidden;width:81%} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn h3 a{font:normal 18px swis721_cn_bt;color:#333;text-align:left;letter-spacing:0;margin:0;float:left; clear:right;text-decoration:none} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn h3 a:hover{font:normal 18px swis721_cn_bt;color:#33a0db;text-align:left;letter-spacing:0;margin:0;float:left; clear:right} #main-wrapper #main-container-new .box-area .cols1 .box1 img.new{float:left;margin-right:16px;margin-left:-2px} #main-wrapper #main-container-new .box-area .cols1 .box1 img.new1{float:left;margin-right:16px;margin-left:0} #main-container-blue #cntn-blue-box .how-we-work{font:24px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px;font-weight:700;text-decoration:none} #main-container-blue #cntn-blue-box .how-we-work a{font:24px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px;font-weight:700;text-decoration:none} #main-container-blue{width:100%;float:left;margin:0 1% 1% 0;border:0 solid red;background:#251EA8} #main-container-blue #cntn-blue-box{border:0 solid #fff;color:#fff;float:none!important;margin:0 auto;padding:1% 0;width:100%} #main-container-blue #cntn-blue-box h2{font:normal 32px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px} #main-container-blue #cntn-blue-box h3{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:5px 20px 15px} #main-container-blue #cntn-blue-box h3 a{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0} #main-container-blue #cntn-blue-box h3 a:hover{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;text-decoration:none} #main-container-blue #cntn-blue-box .blue-box{float:left;width:93%;padding:20px 0 50px;margin-left:20px} #main-container-blue #cntn-blue-box .blue-box .process-box{width:80%;float:left;margin-right:18px;margin-left:18px;border:solid 1px #7570D2;margin-bottom:15px;padding-top:15px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line{border:solid 2px #fff;border-radius:100px;height:130px;width:130px;float:none;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line img{float:left;padding:25%;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box h3{font:bold 25px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:15px 20px} #main-wrapper1 #main-container-new1{width:100%;float:left;margin:1% 0;border:0 solid red} #main-wrapper1 #main-container-new1 h2{font:21px "Open Sans",sans-serif;color:#2B86C8;text-align:center;letter-spacing:-1px;margin:0;padding:10px 10px 5px} #main-wrapper1 #main-container-new1 .box-area .cols1-new{width:98%;float:left;margin:0;border:0 solid red;background:#fff} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new{width:98%;float:left;margin:1%;border-top:1px solid #ccc;padding-left:1%;padding-top:15px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new img{float:left;margin-right:16px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new img.article-img-small{border:1px solid #c6c6c6!important;height:62px;width:62px!important;padding:1px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn{height:100%;overflow:hidden} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn h3 a{font:bold 15px swis721_cn_bt;color:#33a0d9;text-align:left;letter-spacing:0;margin:0;float:left; clear:right} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn h3 a:hover{font:bold 15px swis721_cn_bt;color:#333;text-align:left;letter-spacing:0;margin:0;float:left;text-decoration:none;clear:right} #popular-outsourced-services{margin:0 auto} #popular-outsourced-services .content-bg .inner-wrapper{width:100%} #popular-outsourced-services .content-bg .inner-wrapper .box-shadow{box-shadow:none} #popular-outsourced-services .content-bg .inner-wrapper .box-container{width:100%;min-height:auto} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel{margin:9px 0;margin-left:20px!important} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .img-holder{width:90px} #homepage-content-section .inner-wrapper,#homepage-content-section .inner-wrapper #video-holder{width:100%} #homepage-content-section .inner-wrapper #video-holder iframe{width:88%;height:158px;border:5px solid #BCBCBC} #homepage-content-section .inner-wrapper #video-holder p{width:90%;margin:0 auto!important} #homepage-content-section .inner-wrapper #video-holder p,#homepage-content-section .inner-wrapper #video-holder p a{font:14px "Open Sans",sans-serif} #homepage-content-section .inner-wrapper .content-holder .cus-testi{margin-top:20px} #homepage-content-section .inner-wrapper .content-holder .cus-testi span{display:block} #homepage-content-section .inner-wrapper .content-holder{width:90%} #homepage-content-section .inner-wrapper .content-holder .happy-customers{margin:15px 0 0 15px;width:100%} #homepage-content-section .inner-wrapper .content-holder .happy-customers .customer-count{margin:0 auto;float:none} #homepage-content-section .inner-wrapper .content-holder .happy-customers p{text-align:center;width:100%;margin-left:0!important} #homepage-content-section .inner-wrapper .content-holder .happy-customers p span{display:block} #homepage-content-section .home-infographics{width:100%;margin:27px 0 0 15px} #homepage-content-section .home-infographics .home-info-text{width:69%;margin-top:5px} #homepage-content-section .home-infographics .home-info-text span:first-child{display:none} #homepage-content-section .home-infographics .home-info-text span{font:600 16px/18px "Open Sans",sans-serif;margin-top:10px} #more-popular-services-responsive{display:block} #more-popular-services-desktop{display:none} #homepage-content-section .inner-wrapper #video-holder p{width:90%;margin:0 auto!important;display:block} .iosSlider .slider .item .text1 span, .iosSlider .slider .item .text1 span>b{font:bold 23px/22px "Open Sans",sans-serif!important} .iosSlider .slider .item .text2 span,.iosSlider .slider .item .text2 span a{font:600 14px "Open Sans",sans-serif} .iosSlider .slider .item .text2 span b{font:bold 16px "Open Sans",sans-serif} .iosSlider .slider .item .text2{top:35px} .iosSlider .slider .item .text1{top:0px} .iosSlider .slider .item{top:0;width:95% !important} .iosSlider .slider .item .text1,.iosSlider .slider .item .text2{width:100%!important} .iosSlider{width:100%!important; margin-top:20px} .iosSlider .slider .item .text2{padding:5px 11px 7px} .iosSlider .slider .item .bannerNextButton{top:217px} .iosSlider .slider .item .text2 ul li, .iosSlider .slider .item .text2 span, .iosSlider .slider .item .text2 span a{font:500 17px/27px "Open Sans",sans-serif} .iosSlider .slider .item .text2 span > b, .iosSlider .slider .item .text2 span > b > a{font:700 25px/30px 'Montserrat', sans-serif;letter-spacing:-1px} .iosSlider .slider{margin-left:20px;margin-top:10px} #clientslogo-carousel #slider1 h2{font:600 16px "Open Sans",sans-serif;margin-bottom:5px}#clientslogo-carousel #slider1 .articles-right-sec{margin-right:25px}#clientslogo-carousel #slider1 .view-articles{font:13px "Open Sans",sans-serif} #clientslogo-carousel #slider1 .viewport{width:79%}#clientslogo-carousel #slider1 .next{left:0} #homepage-content-section .inner-wrapper .content-holder .cus-testi h2{font:21px 'Open Sans',sans-serif} #homepage-content-section .inner-wrapper .content-holder .cus-testi .hp-cus-testi-panel{width:auto;height:auto} #homepage-content-section .inner-wrapper .content-holder .cus-testi p{padding-left:26px;padding-top:17px} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name{height:auto} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name .cir-cus{display:none} #homepage-content-section .inner-wrapper .content-holder .happy-customers{height:auto;margin:18px 0px 0 0} #homepage-content-section .inner-wrapper .content-holder .happy-customers .leftPanel{margin-left:10px} #homepage-content-section .inner-wrapper .content-holder .happy-customers .rightPanel{width:54%;margin-left:9px;margin-top:0} #homepage-content-section .inner-wrapper .content-holder .cus-testi a{margin-top:0} #homepage-content-section .inner-wrapper .content-holder .happy-customers p span{font:600 19px/20px swis721_cn_bt} .video-object iframe{height:100%} } @media screen and (min-width :320px) and (max-width :359px) { #clientslogo-carousel #slider1 h2{font:600 14px "Open Sans",sans-serif;margin-bottom:5px}} @media screen and (min-width :480px) and (max-width :767px) { #banner-container{height:391px!important;margin-top:10px;position:relative;background-position:0 -118px} #banner-holder{width:100%;height:480px;float:left} .iosSlider{height:530px!important;margin-top:18px} .iosSlider .slider .item{height:530px} .iosSlider .slider .item .text{padding:0 10%;width:80%} .iosSlider .slider .item .image{display:none} .iosSlider .slider #item1 .image{background:0} .iosSlider .slider #item2 .image{background:0} .iosSlider .slider #item3 .image{background:0} .iosSlider .slider #item5 .image{background:0} .iosSlider .slider .item .button{left:0;margin:8px 0 0;padding:0;position:relative;top:0} .iosSlider .slider .item .button .large-image{border:0;width:100%} .iosSlider .slider .item .button img{width:100%;height:auto} .iosSlider .slider .item .title h2{font-size:20px} .iosSlider .slider .item .title h1{font-size:20px} .iosSlider .nextButton{right:0} .iosSlider .slider .item .desc ul li{margin:2px 0 0 15px;background-repeat:no-repeat} #banner-holder #banner-right{display:none} #main-left-container,#main-right-container{width:100%;margin:2% 0;float:left} #main-right-container #video-holder{margin:0 0 6%;float:none} #main-right-container embed{margin:2% 0} #main-right-container iframe{margin:2% 0} #main-right-container object{margin:2% 0} #main-right-container #main-success-story #content p{line-height:1.8em} #main-left-container #main-articles{clear:both;float:left;margin:4% 0} #main-left-container #main-articles h2{padding:1% 0} #main-left-container #main-articles ul li{margin:2px 0 6px 14px} .more{margin:2% 0 0;float:left} #main-right-container #mainpg-testimonial-sr{width:100%;padding:0;float:left;margin:4px 0 0;background:#ececec;text-align:center} #main-right-container #small-device-form h2{color:#7a0099;font:normal 16px swis721_cn_bt;text-align:left} #main-right-container #content{width:50%} #main-left-container #content{width:50%} #main-left-container #app-banner{height:214px;max-height:300px;position:relative;background-position:center left;width:456px} #main-left-container #app-text{width:62%;z-index:1;position:relative;padding:1%;margin:10px 0 0} #small-device-form{max-width:270px;margin:0 0 25px 15px} .iosSlider .slider .item .desc1{position:relative;top:0;left:0;margin:0;border-bottom:1px solid #e5e5e5;padding:5px 0} .iosSlider .slider .item .desc1 a{text-decoration:none} .iosSlider .slider .item .desc1:hover{background:#f5f5f5} .iosSlider .slider .item .desc1 .txt{color:#535353;font:normal 15px swis721_cn_bt;line-height:1.2em;padding-left:20px;margin:3px 0 0} .iosSlider .slider .item .desc1 span a{color:#535353;font:bold 18px swis721_cn_bt,Helvetica,Arial,sans-serif;margin:0} .iosSlider .slider .txt1{width:156px;float:left} #main-wrapper #main-container-new{width:100%;float:left;margin:1% 0;border:0 solid red} #main-wrapper #main-container-new h2{font:25px "Open Sans",sans-serif;text-align:center;letter-spacing:0;margin:0;padding:10px 10px 5px} #main-wrapper #main-container-new .box-area{width:100%;float:left;margin-bottom:20px;border:0 solid red;background:#F7F7F7} #main-wrapper #main-container-new .box-area .cols1{width:98%;float:left;margin:0;border:0 solid red;background:#F7F7F7;padding:0 10px 5px 0} #main-wrapper #main-container-new .box-area .cols1 .box1{width:98%;float:left;margin:1%;margin:1% 1% 2% 1%;border:0 solid red;padding-left:1%} #main-wrapper #main-container-new .box-area .cols1 .box1 img{float:left;margin-right:16px} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn{height:100%;overflow:hidden;width:52%} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn h3{font:600 18px "Open Sans",sans-serif} #main-wrapper #main-container-new .box-area .cols1 .box1 img.new{float:left;margin-right:16px;margin-left:-2px} #main-wrapper #main-container-new .box-area .cols1 .box1 img.new1{float:left;margin-right:16px;margin-left:0} #main-container-blue{width:100%;float:left;margin:0 1% 1% 0;border:0 solid red;background:#251EA8} #main-container-blue #cntn-blue-box{border:0 solid #fff;color:#fff;float:none!important;margin:0 auto;padding:1% 0;width:100%} #main-container-blue #cntn-blue-box h2{font:normal 32px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px} #main-container-blue #cntn-blue-box h3{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:5px 20px 15px} #main-container-blue #cntn-blue-box h3 a{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0} #main-container-blue #cntn-blue-box h3 a:hover{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;text-decoration:none} #main-container-blue #cntn-blue-box .blue-box{float:left;width:95%;padding:20px 0 0} #main-container-blue #cntn-blue-box .blue-box .process-box{width:37%;float:left;margin-right:18px;margin-left:30px;border:solid 1px #7570D2;margin-bottom:15px;padding-top:30px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line{border:solid 2px #fff;border-radius:100px;height:130px;width:130px;float:none;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line img{float:left;padding:25%;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box h3{font:bold 25px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:35px 20px 15px} #main-wrapper1 #main-container-new1{width:100%;float:left;margin:1% 0;border:0 solid red} #main-wrapper1 #main-container-new1 h2{font:25px "Open Sans",sans-serif;color:#2B86C8} #main-wrapper1 #main-container-new1 .box-area .cols1-new{width:98%;float:left;margin:0;border:0 solid red;background:#F7F7F7} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new{width:98%;float:left;margin:1%;border-top:1px solid #ccc;padding-left:1%;padding-top:15px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new img{float:left;margin-right:16px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new img.article-img-small{border:1px solid #c6c6c6!important;height:62px;width:62px!important;padding:1px} #main-wrapper1 #main-container-new1 .box-area .cols1-new .box1-new .cols-cntn{height:100%;overflow:hidden} #popular-outsourced-services{margin:0 auto} #popular-outsourced-services .content-bg .inner-wrapper{width:100%} #popular-outsourced-services .content-bg .inner-wrapper .box-shadow{box-shadow:none} #popular-outsourced-services .content-bg .inner-wrapper .box-container{width:100%;min-height:auto} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel{margin:9px 0;margin-left:40px!important} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .img-holder{width:90px} #homepage-content-section .inner-wrapper .content-holder .happy-customers p{margin:0 auto!important;width:100%;float:none} #homepage-content-section .home-infographics .home-info-text span:first-child,#homepage-content-section .home-infographics .home-info-text span{display:inline-block} .iosSlider .slider .item .text1,.iosSlider .slider .item .text2{width:60%} #homepage-content-section .inner-wrapper #video-holder iframe{height:222px!important} #homepage-content-section .inner-wrapper #video-holder p{width:90%;margin:0 auto!important;display:block} .iosSlider .slider .item .text1 span, .iosSlider .slider .item .text1 span>b{font:600 36px/22px "Open Sans",sans-serif!important} .iosSlider .slider .item .text2 span{font:16px/22px "Open Sans",sans-serif!important} .iosSlider .slider .item .text2{top:65px} .iosSlider .slider .item{top:0} .iosSlider .slider .item .text1,.iosSlider .slider .item .text2{width:24%!important} .iosSlider{width:100%!important} .iosSlider .slider .item .text2{padding:5px 11px 7px} .iosSlider .slider .item .text1 {top: 30px} .iosSlider .slider{margin-top:40px;margin-left:29px} #popular-outsourced-services{margin:0 auto} #popular-outsourced-services .content-bg .inner-wrapper{width:100%} #popular-outsourced-services .content-bg .inner-wrapper .box-shadow{box-shadow:none} #popular-outsourced-services .content-bg .inner-wrapper .box-container{width:100%;min-height:auto} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel{margin:9px 0;margin-left:20px!important} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .img-holder{width:90px} #homepage-content-section .inner-wrapper,#homepage-content-section .inner-wrapper #video-holder{width:100%} #homepage-content-section .inner-wrapper #video-holder iframe{width:88%;height:155px;border:5px solid #BCBCBC} #homepage-content-section .inner-wrapper #video-holder p{width:90%;margin:0 auto!important} #homepage-content-section .inner-wrapper #video-holder p,#homepage-content-section .inner-wrapper #video-holder p a{font:14px "Open Sans",sans-serif} #homepage-content-section .inner-wrapper .content-holder .cus-testi{margin-top:20px} #homepage-content-section .inner-wrapper .content-holder .cus-testi span{display:block} #homepage-content-section .inner-wrapper .content-holder{width:90%} #homepage-content-section .inner-wrapper .content-holder .happy-customers .customer-count{margin:0 auto;float:none} #homepage-content-section .inner-wrapper .content-holder .happy-customers .rightPanel{width:61%} #homepage-content-section .home-infographics{width:100%;margin:27px 0 0 15px} #homepage-content-section .home-infographics .home-info-text{width:69%} #homepage-content-section .home-infographics .home-info-text span:first-child{display:inline-block} #homepage-content-section .home-infographics .home-info-text span{font:600 16px/18px "Open Sans",sans-serif;margin-top:2px} #more-popular-services-responsive{display:block} #more-popular-services-desktop{display:none} #clientslogo-carousel #slider1 h2{font:600 20px "Open Sans",sans-serif;margin-bottom:5px}#clientslogo-carousel #slider1 .articles-right-sec{margin-right:35px}#clientslogo-carousel #slider1 .view-articles{font:14px "Open Sans",sans-serif} #clientslogo-carousel #slider1 .viewport{width:85%}#clientslogo-carousel #slider1 .next{left:0} #homepage-content-section .inner-wrapper .content-holder .cus-testi .hp-cus-testi-panel{height:auto;padding-bottom: 25px} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name{top: 8px;position: relative;height:57px} #homepage-content-section .inner-wrapper .content-holder .happy-customers{height:auto} } @media only screen and (min-width:768px) and (max-width:999px) { body{overflow:hidden} #banner-container{width:100%;margin-top:-2px;background-position:0 0;background-image:none} #banner-holder{width:90%} .iosSlider{width:100%} .iosSlider .slider .item{width:100%} #banner-holder #banner-right{display:none} #main-left-container,#main-right-container{width:100%} #main-right-container #video-holder{margin:0 auto} #main-right-container iframe{float:none;margin:0 auto} #main-right-container embed{float:none;margin:0 auto} #main-right-container object{float:none;margin:0 auto} #main-left-container #app-banner{height:214px;max-height:300px;position:relative;background-position:center left;width:456px} #main-left-container #app-text{width:60%;margin:10px 0 0} #main-right-container #main-success-story h2{margin:1% 0 .5%} #main-left-container #main-articles{clear:both;float:left;margin:3% 0} #main-left-container #main-articles h2{padding:1% 0} #main-left-container #main-articles ul li{margin:2px 0 6px 14px} #main-right-container #mainpg-testimonial-sr{width:100%;clear:both;max-width:310px;padding:0;float:left;margin:3% 0 0;background:#ececec;text-align:center} #main-right-container #mainpg-testimonial-sr h2{margin:1% 0} #main-right-container #mainpg-testimonial-sr span.testimonial-more{margin:5px 14px 0 0} #main-right-container #small-device-form h2{color:#7a0099;font:normal 16px swis721_cn_bt;text-align:left} #main-right-container #de-service{padding:3.5%} #main-right-container #de-service .service-img{width:45%;padding:8px 0 2px} #main-right-container #content{width:51%} #main-right-container #content img{width:100%} #small-device-form{max-width:270px;margin:3%} #main-left-container #de-service{padding:3.5%} #main-left-container #de-service .service-img{width:45%;padding:8px 0 2px} #main-left-container #content{width:51%} #main-wrapper #main-container-new{width:100%;float:left;margin:1% 0;border:0 solid red} #main-wrapper #main-container-new h2{text-align:center;letter-spacing:0;margin:0;padding:10px 10px 5px} #main-wrapper #main-container-new .box-area{width:100%;float:left;margin-bottom:20px;border:0 solid red;background:#F7F7F7} #main-wrapper #main-container-new .box-area .cols1{width:100%;float:left;margin:0;border:0 solid red;background:#F7F7F7;padding:10px 10px 10px 0} #main-wrapper #main-container-new .box-area .cols1 .box1{width:31%;float:left;margin:1% 0 1% 1%;border:0 solid red;padding-left:1%} #main-wrapper #main-container-new .box-area .cols1 .box1 img{float:left;margin-right:16px} #main-wrapper #main-container-new .box-area .cols1 .box1 .cols-cntn{height:100%;overflow:hidden;width:93%} .main-wrapper .main-container-new .box-area .cols1 .box1 .cols-cntn h3{font:normal 24px swis721_cn_bt;color:#333;text-align:left;letter-spacing:0;margin:0;float:left; clear:right} #main-container-blue{width:100%;float:left;margin:0 1% 1% 0;border:0 solid red;background:#251EA8} #main-container-blue #cntn-blue-box{border:0 solid #fff;color:#fff;float:none!important;margin:0 auto;padding:1% 0;width:100%} #main-container-blue #cntn-blue-box h2{font:normal 32px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:20px 20px 10px} #main-container-blue #cntn-blue-box h3{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:5px 20px 15px} #main-container-blue #cntn-blue-box h3 a{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0} #main-container-blue #cntn-blue-box h3 a:hover{font:normal 18px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;text-decoration:none} #main-container-blue #cntn-blue-box .blue-box{float:left;width:99%;padding:20px 0 50px} #main-container-blue #cntn-blue-box .blue-box .process-box{width:26%;float:left;margin-right:18px;margin-left:30px;border:solid 1px #7570D2;margin-bottom:25px;padding-top:30px} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line{border:solid 2px #fff;border-radius:100px;height:130px;width:130px;float:none;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box .round-line img{float:left;padding:25%;margin:0 auto} #main-container-blue #cntn-blue-box .blue-box .process-box h3{font:bold 25px swis721_cn_bt;color:#fff;text-align:center;letter-spacing:0;margin:0;padding:35px 20px 15px} .iosSlider .slider #item2 .image,.iosSlider .slider #item3 .image{margin-left:44%} .iosSlider .slider #item1 .image,.iosSlider .slider #item5 .image{margin-left:57%} #popular-outsourced-services .content-bg .inner-wrapper{width:100%} #popular-outsourced-services .content-bg .inner-wrapper .box-shadow{box-shadow:none} #popular-outsourced-services .content-bg .inner-wrapper .box-container{text-decoration:none} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel{margin:22px auto!important;text-align:center;float:none;display:block} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .img-holder,#popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .text-holder{width:100%;text-align:center;margin-left:auto;margin-right:auto;float:none} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .text-holder h3{text-align:center} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel .text-holder{margin-top:0!important} #main-container-bg{background-image:none} #homepage-content-section .inner-wrapper{width:100%} #homepage-content-section .inner-wrapper #video-holder iframe{height:194px} #homepage-content-section .home-infographics .home-info-text span:first-child{display:none} #homepage-content-section .home-infographics .home-info-text{width:75%} #small-search-box-container{position:absolute;z-index:99999;border:0} #homepage-content-section .inner-wrapper #video-holder p,#homepage-content-section .inner-wrapper #video-holder p a{font:16px "Open Sans",sans-serif} #homepage-content-section .inner-wrapper .content-holder .cus-testi span.color2b86c8{display:block} .iosSlider .slider .item .text1,.iosSlider .slider .item .text2{width:24%!important} .iosSlider{width:100%!important} .iosSliderButtons{left:50px} #clientslogo-carousel #slider1 .articles-right-sec{margin-right: 15px} #clientslogo-carousel #slider1 .viewport{} #clientslogo-carousel #slider1 .next{left:0} #homepage-content-section .inner-wrapper .content-holder .happy-customers{width:100%; margin:22px 0 0 0px} #homepage-content-section .inner-wrapper .content-holder .happy-customers .rightPanel p span{display:block;font:600 18px/20px swis721_cn_bt} #homepage-content-section .inner-wrapper .content-holder .happy-customers .rightPanel{width:56%;margin-top:0} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name .cir-cus{display:none} #homepage-content-section .inner-wrapper .content-holder .cus-testi a{margin-top:0} section#customer-says{background-color: #f4f4f4 !important;background-image: none !important} section#customer-says iframe{width:63%;height:223px} section.home #popular-services > a h3{font:600 21px/30px "Open Sans",sans-serif} section.home#more-popular-services p{font:normal 15px/23px arial} #popular-services-min>div{margin:auto} section#how-we-work .video-object .video-container iframe{height:230px} } @media screen and (min-width:1000px) { #main-right-container #mainpg-testimonial-sr{display:none} #hp-small-device-form{display:none} } @media only screen and (min-width:480px) and (max-width:520px) { #main-right-container object{width:100%;margin:2% 0} #main-right-container embed{width:100%;margin:2% 0} #main-right-container iframe{width:100%;margin:2% 0} } @media screen and (min-width:1000px) and (max-width:1024px) { #main-container-blue #cntn-blue-box .blue-box{float:left;width:98%;padding:20px 0 50px;margin-left:20px;margin-right:20px} } @media screen and (min-width:1000px) and (max-width:1169px) {#banner-holder #banner-right {display:none} section#customer-says{background-color: #f4f4f4 !important;background-image: none !important} section#customer-says iframe{width:100%;height:300px} section#customer-says .col-lg-5{max-width:58.333333%} } @media screen and (min-width:1000px) { #popular-outsourced-services .content-bg .inner-wrapper .box-container.navy .box-panel .text-holder,#popular-outsourced-services .content-bg .inner-wrapper .box-container.skyblue .box-panel .text-holder{width:156px} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);padding:40px 0;margin:0} #popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel:hover,#popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel:active,#popular-outsourced-services .content-bg .inner-wrapper .box-container .box-panel:focus{-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hang;animation-name:hang;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate} #popular-outsourced-services .content-bg .inner-wrapper .box-container.orange .box-panel,#popular-outsourced-services .content-bg .inner-wrapper .box-container.navy .box-panel{padding-left:45px;margin-left:0} #popular-outsourced-services .title-header h2{padding-bottom:5px} #popular-outsourced-services .content-bg .inner-wrapper .box-container.orange .box-panel{padding-left:44px;padding-right:44px} } .iosSlider .slider .item .res-slider-ban-text{display:none} @media screen and (min-width:320px) and (max-width:480px) {.iosSlider .slider .item .res-slider-ban-text {display:block;width:23% !important;text-align:center}#banner-container{height:354px !important}.iosSliderButtons{top: 290px;float:none;margin:10px auto;left:41% !important}} @media screen and (min-width:481px) and (max-width:767px) {.iosSlider .slider .item .res-slider-ban-text {display:block;width:24% !important;text-align:center}.iosSliderButtons{top: 240px;float:none;margin:10px auto;left:43% !important} #banner-container{height:300px !important} } @media screen and (min-width:240px) and (max-width:767px) { .iosSlider .bannerNextButton{right:0} #popular-outsourced-services .content-bg .inner-wrapper .box-container.navy .box-panel .text-holder,#popular-outsourced-services .content-bg .inner-wrapper .box-container.skyblue .box-panel .text-holder{width:156px} #main-container-bg{background-image:none} #banner-container{float:none !important;display:block;margin-top:0 !important;background-image:none;background-color:#01051e} .iosSlider .slider .item .desktop{display:none !important} .iosSlider .bannerNextButton, .iosSlider .bannerPrevButton{display:block !important;top:123px;} .iosSlider .slider .item .res-slider-ban-text span{font:500 38px/45px swis721_cn_bt !important;text-align:center;display:block;text-transform:none !important;letter-spacing:0} .iosSlider .slider .item .res-slider-ban-text span b, .iosSlider .slider .item .res-slider-ban-text span i{font:bold 38px/45px swis721_cn_bt !important;text-transform:none !important} .iosSlider .slider .item .res-slider-ban-text span i{color:#f09f38} .iosSlider .slider .item .res-slider-ban-btn{display:inline-block;text-decoration:none;padding:7px 10px; background:#fdaa00;background:-moz-linear-gradient(top,#fdaa00 0,#fc9700 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdaa00),color-stop(100%,#fc9700));background:-webkit-linear-gradient(top,#fdaa00 0,#fc9700 100%);background:-o-linear-gradient(top,#fdaa00 0,#fc9700 100%);background:-ms-linear-gradient(top,#fdaa00 0,#fc9700 100%);background:linear-gradient(to bottom,#fdaa00 0,#fc9700 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa00',endColorstr='#fc9700',GradientType=0);border:1px solid #d37b00;color:#151515;font:bold 13px/18px "Open Sans",sans-serif;margin-top:10px;border-radius:2px} .iosSlider .slider .item .res-slider-ban-btn:hover{background:#fc9400;background:-moz-linear-gradient(top,#fc9400 0,#d57f05 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fc9400),color-stop(100%,#d57f05));background:-webkit-linear-gradient(top,#fc9400 0,#d57f05 100%);background:-o-linear-gradient(top,#fc9400 0,#d57f05 100%);background:-ms-linear-gradient(top,#fc9400 0,#d57f05 100%);background:linear-gradient(to bottom,#fc9400 0,#d57f05 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9400',endColorstr='#d57f05',GradientType=0);} .iosSliderButtons .button{width:17px;height:17px;background:#acacac !important;padding:0;border-radius:50%;color:#acacac;overflow:hidden;border:0 !important;margin-right:10px;display:none} .iosSliderButtons .selected, .iosSliderButtons .button:hover{background:#fc9400 !important;color:#fc9400;border:0} .iosSliderButtons .button:hover, .iosSliderButtons .button:focus, .iosSliderButtons .button:active { -webkit-transform:none;transform:none;} .iosSliderButtons .button.showbutton{display:block} } .iosSliderButtons .button, .iosSlider .bannerNextButton, .iosSlider .bannerPrevButton{display:none} .iosSliderButtons .button.showbutton, .iosSlider .bannerNextButton.showbutton, .iosSlider .bannerPrevButton.showbutton{display:block} .iosSlider .bannerNextButton.showbutton > i, .iosSlider .bannerPrevButton.showbutton > i{font-size:47px;color:#efefef} @media screen and (min-width:360px) and (max-width:480px) { #homepage-content-section .inner-wrapper #video-holder iframe{height:178px} } /* HOME PAGE INNER STYLES MOVED STARTS*/ .contenthover { padding:20px 20px 10px 20px; } .contenthover, .contenthover h3, contenthover a { color:#fff; } .contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; } .contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contenthover a.mybutton:hover { background:#34742d } .iosSlider .slider .item .text2{width:24%} .iosSlider .slider{margin-top:65px} .iosSlider{width:63% !important} .iosSlider .slider .item .text2 b a{color: #FFF;font: bold 18px "Open Sans",sans-serif;text-shadow: 0px 1px 0px #333} @media only screen and (min-width:768px) and (max-width:999px){.iosSliderButtons{} .iosSlider {width: 100% !important;} .iosSlider .slider .item .text2{width: 24% !important}} @media only screen and (min-width:320px) and (max-width:479px){.iosSlider{width:100% !important;height:auto}.iosSlider .slider{margin-top:0 !important;height:auto}.iosSlider .slider .item{height:auto}.iosSlider .slider .item .text2 span b a {font: 600 14px "Open Sans",sans-serif;}} @media only screen and (min-width:480px) and (max-width:767px){.iosSlider{width:100% !important;height:auto}.iosSlider .slider{margin-top:20px !important;height:auto}.iosSlider .slider .item{height:auto}.iosSlider .slider .item .text2 span b a {font: 600 14px "Open Sans",sans-serif;}} nav ul li:first-child:hover{background-color:transparent} /*#banner-container{height:500px;background-position: 0 -41px;position:relative;overflow:hidden}*/ #flyimage1{position:absolute; left: -500px; width:55px; height:68px} #flyimage2{position:absolute; left: -800px; width:55px; height:68px} #flyimage3{position:absolute; left: -700px; width:55px; height:68px} /* HOME PAGE INNER STYLES MOVED ENDS*/ #banner-right #mainpg-contact-form .gdpr-text{margin:0 !important;color:#565656;position: relative;top: 4px;font-size: 14px;display:block;width:100%;} #banner-right #mainpg-contact-form .gdpr-text > a, #small-device-form .gdpr-text > a{color:#119ee7;text-decoration:underline;font-size: 14px} #banner-right #mainpg-contact-form .gdpr-text > a:hover, #small-device-form .gdpr-text > a:hover{color:#1760b2;text-decoration:none;font-size: 14px} #main-wrapper{margin-top:0;background: #ffffff url('/images/popular-services-bg.png') 0px 367px no-repeat} #main-wrapper #main-container-new h2{font:normal 28px "Open Sans",sans-serif;padding: 13px 20px 15px;text-transform: uppercase} #main-wrapper #main-container-new h2:after{display:block;margin:5px auto;background-color:#2173af;width:5%;height:0px;content:'';margin-bottom:10px;border-radius:10px;border:1px solid #2b86c8} #main-wrapper #main-container-new .more-popular-services{width: 75%} #main-wrapper #main-container-new .more-popular-services a{font:normal 13px "Open Sans",sans-serif;color:#000000;background-color: #eeeded; border: 1px solid #b8b8b8;*background-color:#dae7f5} #main-wrapper #main-container-new .more-popular-services a.bold{font:600 13px "Open Sans",sans-serif;background-color:#dddddd} #clientslogo-carousel{margin-bottom:30px} #clientslogo-carousel #slider1 .overview li{background-color:transparent} #clientslogo-carousel #slider1 h2{color:#ffffff} #clientslogo-carousel #slider1 .view-articles{color:#ffffff} #homepage-content-section{margin-top:0;padding-top:40px;background-color:#f7f7f7} #homepage-content-section .inner-wrapper .content-holder .cus-testi .cust-name .cir-cus{background-color: transparent} #clientslogo-carousel #slider1 h2{font:600 23px "Open Sans",sans-serif} @media screen and (min-width:320px) and (max-width:999px) {#homepage-client-section .inner-wrapper{width:100%}} @media only screen and (min-width:320px) and (max-width:999px){.ui-button{border: 0;margin: 0;position: relative;padding: 0;top: -30px;right: 0;width: 25px; height: 20px;background-repeat: no-repeat;background-position: 0px -253px;background-color: transparent;background-image: url('https://www.outsource2india.com/images/header-sprites.png')} } /* HOME PAGE REDESIGN CSS STARTS */ .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .mt-6, .my-6 { margin-top: 4.4rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 46.666667%; flex: 0 0 46.666667%; max-width: 46.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 40.333333%; flex: 0 0 40.333333%; max-width: 40.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; font-size:1.17rem; } .text-xl-right { text-align: right !important; font-size:1.17rem; } .text-xl-center { text-align: center !important; font-size:1.17rem; } .text-xxl-left{ text-align: center !important; font-size:1.5rem; } } @media (min-width: 576px) { .container { max-width: 560px; } } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 992px; } } @media (min-width: 1200px){ .container {max-width: 1170px;padding-right: 0px;padding-left: 0px} .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; width:100%; } .h2-break{display:block} } .text-white { color: #fff !important; } .text-blue{color:#32a1ff !important} .text-skyblue{color:#71c2ff !important} .text-navy{color:#2a6396 !important} .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #222222 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-gray { color: #d4d4d4 !important; } a.text-gray:hover, a.text-gray:focus { color: #c3c1c1 !important; } .text-dark-gray { color: #7b7b7b !important; } a.text-dark-gray:hover, a.text-dark-gray:focus { color: #5a5a5a !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .img-fluid { max-width: 100%; height: auto; } .btns { display: inline-block; font-weight: 500; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.475rem 0.95rem; font-size: 1.1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-decoration:none; font-family:"Open Sans",sans-serif; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .btns i { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btns:hover i{ -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @media (prefers-reduced-motion: reduce) { .btns { transition: none; } } .btns:hover { color: #212529; text-decoration: none; } .btns:focus, .btns.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btns.disabled, .btns:disabled { opacity: 0.65; } a.btns.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-navy { color: #fff; background-color: #2a6396; border-color: #2a6396; } .btn-navy:hover { color: #fff; background-color: #244c6b; border-color: #244c6b; } .btn-navy:focus, .btn-navy.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-navy.disabled, .btn-navy:disabled { color: #fff; background-color: #2a6396 ; border-color: #2a6396 ; } .btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active, .show > .btn-navy.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-navy:not(:disabled):not(.disabled):active:focus, .btn-navy:not(:disabled):not(.disabled).active:focus, .show > .btn-navy.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-white-blue { color: #ffffff; border-color: #61b5f1; } .btn-outline-white-blue:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-blue { color: #61b5f1; border-color: #61b5f1; } .btn-outline-blue:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } hr.divider { max-width: 3.25rem; border-width: .2rem; } .full-divider {max-width: 100%;border-bottom:1px solid rgba(122,122,122,.12)} .full-divider.light{border-bottom:1px solid #38546e} hr.blue{border-color: #3599e0} hr.gray{border-color: #afafaf} hr.dark{border-color: #212529} hr.white{border-color: #ffffff} hr.yellow{border-color: #f0ba27} .cols{display: inline-flex} .full-divider.white{border-bottom:1px solid #545151} .border-left{border-left:1px solid rgba(122,122,122,.12)} .border-left.light{border-left:1px solid #38546e} .border-left.white{border-left:1px solid #545151} section.home{width:100%;display:block} section.home h2, section.home h1{text-transform: uppercase;font: 600 34px/45px 'Montserrat', sans-serif;letter-spacing:-2px} section.home p{font: normal 16px/23px arial} section.home#more-popular-services p{color:#737373;margin-bottom:25px !important} section.home h2:after{content: ".";font-family: 'Montserrat', sans-serif;color: #40a7ff;margin-left:5px} section.home #popular-services > a{background:#fbfbfb;box-shadow:1px 2px 3px 0px #efefef;text-decoration:none;padding:0;margin:0 2rem;margin-bottom:1rem;margin-top:2rem;border-radius:3px;display:inline-block;vertical-align:top} section.home #popular-services > a { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } section.home #popular-services > a:hover{background-color:#d8e0e7;box-shadow: 0px 2px 0px 0px #7198bd} section.home #popular-services > a:hover, section.home #popular-services > a:hover h3, section.home #popular-services > a:hover p, section.home #popular-services > a:hover i{ color: #000000 !important; } section.home #popular-services > a img, section#our-customers #client-logos img, section#whats-new #article-services .col-2 img{ transition: filter .5s ease-in-out; -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */ filter: grayscale(0%); /* FF 35+ */ } section.home #popular-services > a:hover img, section#our-customers #client-logos img:hover, section#whats-new #article-services .row:hover .col-2 img{ -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */ filter: grayscale(100%); /* FF 35+ */} section#our-customers #client-logos img{transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;} section#our-customers #client-logos img:hover{ -webkit-transform: rotate(4deg); transform: rotate(4deg); } section.home #popular-services > a h3{text-transform: uppercase;font: 600 23px/30px "Open Sans",sans-serif;letter-spacing:-1px;color:#636261} section.home #popular-services > a .numbers{font: 600 70px 'Montserrat', sans-serif;color:rgba(200,200,200,0.2)} section.home #popular-services > a:hover .numbers{color:#efefef} section.home #popular-services > a i.fas, section.home #popular-services > a i.fa, section.home #popular-services > a i.far{font-size: 23px;color: #23a0d6;-webkit-transition: all 1s ease; -moz-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease} section.home #popular-services > a:hover i {margin-right: -10px} section.home #popular-services-min #first-row a{display: inline-block;padding: 10px;background: #ffffff;text-decoration: none; font: 16px/20px arial;color: #333333;margin: 10px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative; overflow: hidden;border-bottom: 2px solid #2ba4d8; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} /*section.home #popular-services-min #first-row a:after{display:block;content:'';position: relative;border-bottom: 2px solid #2ba4d8;width: 100%;padding-top: 5px}*/ section.home #popular-services-min #first-row a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2ba4d8; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background:#ffffff; } section.home #popular-services-min #first-row a:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 2px; background:#fbfbfb; border-radius: 3px; } section.home #popular-services-min #first-row a:hover{ border-radius: 3px;border-bottom: 2px solid #ffffff;} section.home #popular-services-min a i{color: #2ba4d8;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;font-size:15px} section.home #popular-services-min a:hover i{ -webkit-transform: scale(1.5);transform: scale(1.5);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);} section#how-we-work{background:#19344d} section#how-we-work #steps span{font: 800 37px 'Montserrat', sans-serif;color: #9b9b9b} section#how-we-work #steps h3{font: bold 18px/25px "Open Sans",sans-serif;color: #ffffff;margin-top:0;display: inline-block;margin-left:12px} section#how-we-work #steps > div{position:relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin-bottom: 12px;} section#how-we-work #steps > div:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px)} section#how-we-work #steps > div:hover > span{ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;} section#how-we-work #steps > div:hover > span{color:#40a7ff; -webkit-transform: rotate(4deg); transform: rotate(4deg);} section#how-we-work #steps > div:hover h3{color:#40a7ff;} section#how-we-work #steps > div:hover p{color:#ffffff !important} section#how-we-work #steps > div > div{width:100%} section#how-we-work #steps .line1, section#how-we-work .line2{height: 1px;display: inline-block} section#how-we-work #steps .line1{width:27%;background-color:#3fa4fa;margin-right:5px} section#how-we-work #steps .line2{width:70%;background-color:#576a7b} section#how-we-work #video p{font:normal 18px/26px arial} section#how-we-work #video-container{border: 4px solid #f1f1f1;border-radius:3px} section#company-value #abt-us-num .col-md{ -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;} section#company-value i{ font-size: 3.5rem; color:#6bd9ea;margin-bottom:1rem;display:block} section#company-value b, section#company-value span{font: 700 55px 'Montserrat', sans-serif;display:inline-block} section#company-value #abt-us-num .col-md > div:after{content: ''; border-bottom: 2px solid #f6f6f6;position:relative; /* height: 1px; */ width:80px;display: block;text-align: center;margin: 1rem auto} section#company-value h3{color:#828282;font: bold 16px/25px "Open Sans",sans-serif;text-transform:uppercase;letter-spacing: -1px} section#company-value #abt-us-num .col-md:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } section#company-value #abt-us-num .col-md:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } section#company-value #abt-us-num .col-md:hover:before{ opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } section#our-customers{background:#2c2c2c} section#our-customers #client-logos i{color:#ffffff;font-size: 2rem;-webkit-transition: all 1s ease;-moz-transition: all 1s ease; -ms-transition: all 1s ease;transition: all 1s ease;position:relative;right:0} section#our-customers #client-logos i:hover{color:#3fa1f5;right:-10px} section#customer-says{background:#f4f4f4} section#customer-says h2:after{color:#f7c232} section#customer-says #circle i{font-size: 1.8rem} section#customer-says #circle{border:3px solid #f6bd21;border-radius:50%;display:block;padding:15px;width: 22px; height: 22px;margin:auto; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;} section#customer-says #circle:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f6bd21; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } section#customer-says #circle:hover i{ color: white; } section#customer-says #circle:hover:before{ -webkit-transform: scale(2); transform: scale(2); } section#customer-says .text-cust-test{font-style:italic;font:italic 17px/28px arial;color:#8f8f8f} section#customer-says .text-cust-test:after{content:'';display:block;margin:1.3rem auto;text-align:center;height:3px;position:relative;background:#333333;width:75px} section#customer-says .text-cust-bold{font:normal 18px/28px arial;color:#303030;display:block} section#customer-says a, section#customer-says i{color:#222222} section#customer-says a:hover, section#customer-says a:hover i{color:#ffffff !important} section#customer-says .text-cust-bold b{font:bold 16px/16px arial;color:#303030;display:block} section#whats-new h3{font: 700 25px 'Montserrat', sans-serif;text-transform:uppercase;letter-spacing:-1px} section#whats-new h4{font: 600 17px "Open Sans",sans-serif;margin-bottom:0.5rem;color:#565656;margin-top:0;letter-spacing:-1px} section#whats-new p{color:#8c8a89;font:normal 14px/21px arial;margin-bottom:0.5rem} section#whats-new #article-services section a{font:normal 15px/20px arial;color:#49abff;text-decoration:none;margin-top:0.5rem;display:block; -webkit-transition: all 1s ease;-moz-transition: all 1s ease; -ms-transition: all 1s ease;transition: all 1s ease;position: relative;right: 0} section#whats-new #article-services section a:hover{right:-10px;color:#2976b8} section#whats-new #article-services section a:hover:after{color:#2976b8} section#whats-new #article-services section a:after{content: "\f061";color:#49abff;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family: "Font Awesome 5 Free"; font-weight: 900;padding-left:5px} section#whats-new #article-services .col-2, section#whats-new #article-services .col-8{padding-right: 10px;padding-left: 10px} section#get-in-touch{background:#ffffff} section#get-in-touch #form form{position:relative} section#get-in-touch #form{width:100%;float:right} section#get-in-touch #form form .txt-area{margin: 0 0 4px 0;font:normal 15px Arial,Helvetica,sans-serif;border-radius:3px;width: 96%;max-width: 96%;padding-top: 8px;height: 96px;padding-left: 10px;background:#f2f2f2} section#get-in-touch #form form .selects{height: 39px;width: 26%;font:normal 14px Arial,Helvetica,sans-serif;border-radius: 3px;background:#f2f2f2} section#get-in-touch #form form .ui-button {top: 70px;position: absolute;right: 27px} section#get-in-touch #form form .inputs, section#get-in-touch #form form .ui-combobox-input{height: 32px;border-radius: 3px;font:normal 15px Arial,Helvetica,sans-serif;width:20%;margin-bottom: 1rem;margin-right: 0.6rem;padding-left: 10px;background:#f2f2f2} section#get-in-touch #form form .Homebutton{width: auto;height: auto;background: #2a6396;color: #ffffff;font: normal 16px Arial,Helvetica,sans-serif;padding: 10px 16px;cursor:hand;cursor:pointer; display: inline-block;margin:0px auto 0 auto;text-transform:uppercase} section#get-in-touch #form form .Homebutton:hover{background:#2f75b3} section#get-in-touch #form-right .col-sm-9{align-self: center} section#get-in-touch #form-right .col-sm-9 .info-email{cursor: pointer;text-decoration: none;} section#get-in-touch #form-right .cols{background: #525252;padding: 10px} section#get-in-touch #form-right .cols i{font-size:1.5em} section#get-in-touch .cu-call, section#get-in-touch .cu-call .browser-call{font:700 20px 'Montserrat', sans-serif;text-decoration:none} section#get-in-touch .cu-chat, section#get-in-touch .cu-email a{font:normal 16px/23px arial;text-decoration:none} section#get-in-touch .cu-chat:hover, section#get-in-touch .cu-email a:hover, section#get-in-touch .cu-call .browser-call:hover{text-decoration:underline} section#whats-new #article-services section > .row{padding: 10px 0} section#whats-new #article-services section > .row:hover{background: #f1f1f1} /*animation element sliding left*/ .animation-element.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } .animation-element.fade-right { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); } .animation-element.fade-bottom { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100px, 0px); } .animation-element.fade-in { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, 0px, 50px); -webkit-transform: translate3d(0px, 0px, 50px); -o-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate3d(0px, 0px, 50px); } .animation-element.slide-left.in-view, .animation-element.fade-right.in-view, .animation-element.fade-bottom.in-view ,.animation-element.fade-in.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } @media (max-width: 575.98px){ section.home #popular-services > a {flex: 0 0 90%; max-width:90%} section.home #popular-services > a{margin:2rem 0} section.home #popular-services > a .row .col-4{display:inline-flex;vertical-align:top;display:none} section.home #popular-services > a > .row{text-align:left} #popular-services-min .col-11.mt-2{margin-top:2rem !important} .container {padding-right: 0;padding-left: 0} section#company-value #abt-us-num .col-md {width: 85%;margin:auto} section#company-value i{display:inline-block;font-size: 2.5rem} section#company-value #abt-us-num .col-md>div{display:inline-block} section#company-value b, section#company-value span{font:700 40px 'Montserrat', sans-serif} section#company-value #abt-us-num .col-md > div:after{display:none} } @media (min-width: 360px) and (max-width: 575.98px) { section#how-we-work #steps .col-sm { max-width: 88% !important; margin-bottom: 14px !important; } } @media (max-width: 575.98px){ section#company-value #abt-us-num .col-md {width: 85%;} section.home .container > .title > div, section.home .container > .title .title{max-width: 100%;flex: 0 0 100%} #popular-services{margin-top:1rem !important} section.home #popular-services-min #first-row a{text-align:left;display:block} #how-we-work #video > div{-ms-flex: 0 0 80.333333%;flex: 0 0 80.333333%;max-width: 80.333333%} section#how-we-work #video-container{border:0} section#customer-says{background-image:none} section#customer-says .col-8{-ms-flex: 0 0 79.666667%;flex: 0 0 79.666667%;max-width: 79.666667%} #whats-new #article-services .col-5{-ms-flex: 0 0 99.666667%;flex: 0 0 99.666667%;max-width: 99.666667%} section#get-in-touch #form{width:100%;float:none} section#get-in-touch .col-7, section#get-in-touch .col-4{-ms-flex: 0 0 99.666667%;flex: 0 0 99.666667%;max-width: 99.666667%} section#get-in-touch #form form .ui-button{top: 172px;position: absolute;right:0} section#get-in-touch #form-right .col-sm-9{-ms-flex: 0 0 74.666667%;flex: 0 0 74.666667%;max-width: 74.666667%;display: inline-flex;} section#whats-new #article-services .col-2, section#whats-new #article-services .col-8{display: inline-block;vertical-align:top} section#how-we-work #video #video-container, #how-we-work #video > div.col-7.pt-5{*height:162px} section#how-we-work #steps, section#how-we-work #steps > div, section#how-we-work #steps > div .mb-4{margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} #client-logos > div{display:inline-block;text-align:center;width: 128px;margin-right: 0 !important;} #client-logos > div.align-self-center{margin-top:1rem} section#company-value #abt-us-num > div{margin-bottom:1.5rem !important} section.home #popular-services > a .numbers{display:none} section#get-in-touch #form form .inputs, section#get-in-touch #form form .ui-combobox-input{width:96%} section.home h2, section.home h1{font:600 38px/45px 'Montserrat', sans-serif} section#get-in-touch .col-7{ -ms-flex: 0 0 83.666667%; flex: 0 0 83.666667%; max-width: 83.666667%} .youtube-link.youtube-link img{width:100% !important} section#customer-says .text-cust-test{font:italic 17px/24px arial} section#customer-says .text-cust-bold { font: normal 16px/23px arial; color: #303030; display: block; } section#customer-says .text-cust-bold b { font: bold 15px/18px arial; color: #303030; display: block; } section#get-in-touch #form form .selects{width: 100%} #footer .footer-links-container{width: 100%} #followus-icons img{margin: 0% 0px;display: inline-block;} #followus-icons a{margin-right: 5px; position: relative; top: 21px; left: 10px;} #followus-icons{width: 100%; float: left; text-align: left; margin: 0% 0; margin-top: 10px} #footer-copyright { width: 100%; float: left; margin: 4% auto; clear: both; line-height: 17px; } /* #follow-us-container .languages{display:none} */ } @media (min-width: 576px) and (max-width: 767.98px) { section.home .container > .title > div, section.home .container > .title .title{max-width: 100%;flex: 0 0 100%} #how-we-work #video > div{-ms-flex: 0 0 80.333333%;flex: 0 0 80.333333%;max-width: 80.333333%} section#how-we-work #video #video-container{height:220px} #whats-new #article-services .col-5{display:inline-block;-ms-flex: 0 0 41.666667%;flex: 0 0 43.666667%; max-width: 43.666667%} #whats-new #article-services .col-5 .col-8{-ms-flex: 0 0 66.666667%;flex: 0 0 99.666667%;max-width: 99.666667%} #whats-new #article-services .col-5 .col-2 .img-fluid{max-width: 200%} section#whats-new #article-services .col-2{margin-top:0.5rem;margin-bottom:0.5rem} section.home #popular-services-min a{display: block;width: 50%;text-align: left;margin: 10px auto} section.home #popular-services > a .numbers{display:none} section#get-in-touch #form{width:80%;float:none} section#get-in-touch .col-7, section#get-in-touch .col-4{-ms-flex: 0 0 99.666667%;flex: 0 0 99.666667%;max-width: 99.666667%} section#get-in-touch #form form .ui-button{top: 172px;position: absolute;right: 0} section#get-in-touch #form-right .col-sm-9{-ms-flex: 0 0 74.666667%;flex: 0 0 74.666667%;max-width: 74.666667%;display: inline-flex} section#get-in-touch #form form .inputs, section#get-in-touch #form form .ui-combobox-input{width:96%} .container { padding-right: 0; padding-left: 0;} } @media (min-width: 768px) and (max-width: 991.98px) { section.home .container > .title > div, section.home .container > .title .title{max-width: 100%;flex: 0 0 100%} section.home #popular-services > a .numbers{display:none} section#how-we-work #steps .col-sm{max-width: 28%;display: inline-block;vertical-align: top} section#how-we-work #video #video-container{height:220px} section#company-value #abt-us-num .col-md{max-width: 44%;display: inline-block;vertical-align: top;margin-bottom:2rem !important} #whats-new #article-services .col-5{display:inline-block;-ms-flex: 0 0 41.666667%;flex: 0 0 43.666667%; max-width: 43.666667%;vertical-align:top} #whats-new #article-services .col-5 .col-8{-ms-flex: 0 0 66.666667%;flex: 0 0 99.666667%;max-width: 99.666667%} #whats-new #article-services .col-5 .col-2 .img-fluid{max-width: 200%} section#get-in-touch #form{width:100%;float:none} section#get-in-touch .col-7, section#get-in-touch .col-4{-ms-flex: 0 0 99.666667%;flex: 0 0 99.666667%;max-width: 99.666667%} section#get-in-touch #form form .ui-button{top: 172px;position: absolute;right: 0} section#get-in-touch #form-right .col-sm-9{-ms-flex: 0 0 74.666667%;flex: 0 0 74.666667%;max-width: 74.666667%;display: inline-flex} section#get-in-touch #form form .inputs, section#get-in-touch #form form .ui-combobox-input{width:96%} .container {width:90%;padding-right: 0;padding-left: 0} } @media (min-width: 992px) and (max-width: 1198.98px) { section.home .container > .title > div, section.home .container > .title{max-width: 100%;flex: 0 0 100%} section.home #popular-services > a .numbers{display:none} section#how-we-work #steps .col-sm{max-width: 28%;display: inline-block;vertical-align: top} section#how-we-work #video #video-container{height:220px} section#company-value #abt-us-num .col-md{max-width: 44%;display: inline-block;vertical-align: top;margin-bottom:2rem !important} #whats-new #article-services .col-5{display:inline-block;-ms-flex: 0 0 41.666667%;flex: 0 0 43.666667%; max-width: 43.666667%} #whats-new #article-services .col-5 .col-2{display:inline-block} #whats-new #article-services .col-5 .col-8{-ms-flex: 0 0 66.666667%;flex: 0 0 72.666667%;display: inline-block;max-width:72.666667%;vertical-align: top} section#get-in-touch .col-7, section#get-in-touch .col-4{display: inline-block;vertical-align:top; flex: 0 0 45.333333%; max-width: 45.333333%;} section#get-in-touch #form form .ui-button{top: 136px;position: absolute;right: 5px} section#get-in-touch #form-right .col-sm-9{-ms-flex: 0 0 74.666667%;flex: 0 0 74.666667%;max-width: 74.666667%;display: inline-flex} section.home #popular-services > a {flex: 0 0 40.333333%;max-width: 40.333333%} section#get-in-touch #form form .inputs, section#get-in-touch #form form .ui-combobox-input{width:96%} } @media screen and (min-width:1200px){ section.home #popular-services > a { flex: 0 0 28.333333%; max-width: 28.333333%; height:281px } section.home #popular-services > a > .row > .col-4{flex: 0 0 38.333333%;max-width: 38.333333%} section#whats-new #article-services .col-8{flex: 0 0 70.666667%;max-width: 70.666667%;} .site-header{height:450px} section.home #popular-services-min > .col-11{flex: 0 0 95.666667%;max-width: 95.666667%} #laptop-cover iframe{width: 62%; font-size: 0px; height: 205px; display: inline-block; position: relative; top: 2px; left: 2px} } /* HOME PAGE REDESIGN CSS ENDS */ #covid-19-panel{width:100%;float:left;clear:both;background:#efefef url('/images/helping-hands.png') 9px center no-repeat} #covid-19-panel > div{width:1170px;margin: auto;display: block;position: relative;padding:1% 0;padding-bottom:0.4%} #covid-19-panel > div p{color:#3b425e;margin:0 0 1% 0;letter-spacing:0;line-height:21px} #covid-19-panel > div p.first{font:bold 19px/21px swis721_cn_bt} #covid-19-panel > div p b{font:bold 21px/21px swis721_cn_bt} #covid-19-panel > div p.last{font:bold 17px/21px swis721_cn_bt} #covid-19-panel > div p a{font:bold 14px/21px Arial;color:#005da1;text-decoration:underline} #covid-19-panel > div p a:hover{text-decoration:none} #covid-19-panel > div p a i{color:#005da1} @media screen and (min-width :320px) and (max-width:1169px){#covid-19-panel{background-image:none}#covid-19-panel > div{width:89%}} @media screen and (max-width: 479px) and (min-width: 320px){#mnpg-wrapper{margin:0}#covid-19-panel{*margin:129px 0 0}#covid-19-panel > div{padding:4% 0} #covid-19-panel > div p{margin:0 0 4% 0 !important}} #covid-19-panel > div p.mobile{display:none} @media screen and (min-width :320px) and (max-width:767px){#covid-19-panel > div p.mobile{display:block}#covid-19-panel > div p.desktop{display:none}} #banner-holder #banner-right #mainpg-contact-form form #captcha{width:100%;float:left;clear:both;margin-bottom: 0px;position: relative; top: -4px} #banner-holder #banner-right #mainpg-contact-form form #captcha input{margin: 7px 0 10px;border: 0;border-radius: 3px;height: 22px;font-size: 13px;width:87px} #banner-holder #banner-right #mainpg-contact-form form #captcha img{*width: 80px;border-radius: 3px;position: relative;top: 9px;margin-left: 6px} #banner-holder #banner-right #mainpg-contact-form form #captcha i {font-size: 1.4rem; margin-left: 6px;color: #cfcfcf; position: relative;top: 0px} #banner-holder #banner-right #mainpg-contact-form form #captcha i:hover{color:#ffffff} section#get-in-touch #form form #captcha{width: 100%;float: left;clear: both;display: inline-block;vertical-align:top;font:normal 0px Myriad W01 Regular} section#get-in-touch #form form #captcha input{width: 111px;height: 30px;border-radius: 3px;margin-bottom: 20px;padding: 4px 4px 4px 10px;font: normal 14px Arial,Helvetica,sans-serif;box-shadow: none;background:#f2f2f2} section#get-in-touch #form form #captcha img{position: relative;top: 14px;margin-left: 7px;opacity: 1;border-radius: 3px;max-width:114px} section#get-in-touch #form form #captcha i{font-size: 1.4rem;margin-left: 7px;color: #a3a3a3;position: relative;top: 5px} section#get-in-touch #form form #captcha i:hover{color: #888888} section#get-in-touch p{font:normal 14px/20px arial} #banner-right{display:none} @media screen and (min-width: 1000px){ #banner-right { width: 100%; position: relative; margin: auto; text-align: center; float:left; clear:both; display:block; } #banner-right #mainpg-contact-form form .inputs, #banner-right #mainpg-contact-form form .selects{width:12%;vertical-align:top;height:25px;font:normal 14px Arial,Helvetica,sans-serif} #mainpg-contact-form form .selects{height:34px !important} #banner-right #mainpg-contact-form form .txt-area{margin:0px 0 6px 0;display:inline-block;width: 16%;min-width: 16%;max-width: 16%;height:19px;padding:7px 4px;font:normal 14px Arial,Helvetica,sans-serif} #banner-right #mainpg-contact-form form #captcha{display: inline-block;width: 18%;vertical-align:top} #banner-right #mainpg-contact-form form #captcha input{width:45%;height:25px;vertical-align:top;font:normal 14px Arial,Helvetica,sans-serif} #banner-right #mainpg-contact-form form input[type="submit"]{width: auto; /* float: left; */ text-align: center; padding: 5px 20px; /* clear: both; */ display: inline-block;margin:0px auto 0 auto;vertical-align:top} section#how-we-work{background:#19344d; background: linear-gradient(to bottom, rgba(14, 39, 63, 0.9) 0%, rgba(14, 39, 63, 0.9) 100%), url('/images/how-we-work.webp'); background-size: cover;} } #banner-right #mainpg-contact-form form a{display:inline-block;vertical-align:top} #banner-right #mainpg-contact-form form a i{position: relative; top: 9px; left: 6px;} @media (max-width: 575.98px){ section#how-we-work #steps span{font: 800 41px/41px 'Montserrat', sans-serif;display:inline-block;margin-right:5px} section#how-we-work #steps h3{display:inline-block} } .test-pane{ border: 1px solid #cccccc; border-radius: 4px; padding-bottom: 20px; } .why-choose-us{ margin-top:2em; } .why-choose-us h2{ font-size: 3em !important; } .why-choose-us-box { background: #555555; border-radius: 8px; padding: 5%; margin: 2%; height:250px } .why-choose-us-box h4{ font-size:1.7em; padding-bottom: 1rem; margin-top:4% } .why-choose-us-box b{ color:#d4c7c7; } .why-choose-us-box a{ color:#d4c7c7; text-decoration: underline; } .why-choose-us-box a:hover{ color:#c4aeae; } .circle i{ font-size:2em; font-weight:bold; } .circle { width: 5rem; height: 5rem; line-height: 5.6rem; text-align: center; background: #fff; border-radius: 50%; } @media (max-width: 575.98px){ .why-choose-us h2{ font-size: 1.5em !important; text-align: center; } .why-choose-us-box { padding: 5%; margin: 2%; height:auto; width:87% } } #service-right-container .tooltip-form{ display: none; position: absolute; background: #ffcc00; color: #000; padding: 10px; border-radius: 5px; font-size: 12px; top: -64px !important; } #right-container .tooltip-form{ display: none; position: absolute; background: #ffcc00; color: #000; padding: 10px; border-radius: 5px; font-size: 12px; top: -4px !important; }