@import url("../fonts/stylesheet.css");
body{margin:0px; padding:0px;background: url("../images/bg1.jpg") no-repeat fixed 0% 0% / cover #fff; font-family:'colaboratelightregular';color:#333;}
.display-block{display:block;}
.text-align-center{text-align:center}
.main-container{position:relative;width:100%;}
.container{width:1160px; margin:0 auto;}
.header{display:block;}
.logo{display:inline-block; padding:25px 0;}
.first-card{display:block;background:#fff;}
.first-card .main-heading{display:block;font-family: 'colaborate-mediumregular';text-align:center;font-size:43px;padding:55px 0 35px}
.first-card .underline{width:300px; border-bottom:3px solid #0f9db1;margin:0 auto;}
.first-card p{font-family: 'colaboratelightregular';font-size:23px;width:690px; margin:0 auto;text-align:center;padding:50px 0 80px;color:#454545;}
.box-button{display:block;padding:0 48px 80px;}
.box-button ul{ list-style:none;margin:0; padding:0;}
.box-button ul li{ cursor:pointer;margin:0;padding:0;;width:226px; height:226px;border:2px solid #0f9db1;display:inline-block;margin-right:44px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-ms-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px;position:relative;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2); }
.box-button ul li:last-child{margin:0px;}
.box-button-inside{color:#454545;font-family: 'colaboratelightregular';font-size:23px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 153px;height: 124px;text-align: center;}
.box-button-inside img{width:96px; height:96px; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease;  transition: all 1s ease;}
.box-button ul li:hover .box-button-inside {width:160px; height:160px;}
.box-button ul li:hover .box-button-inside img{width:160px; height:160px;-ms-transform: rotate(-40deg); /* IE 9 */    -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */    transform: rotate(-40deg);}
.box-button ul li:hover .box-button-inside span{visibility:hidden;}
.box-button-bg{visibility:hidden;}
.box-button ul li:hover .box-button-bg{ visibility:visible; width:226px; height:226px;background:rgba(15, 157, 177, 0.83);position:relative;}
.box-button-bg-content{position:absolute;font-family: 'colaborate-mediumregular';font-size:23px;color:#FFFFFF;width:130px;height:130px;text-align:center;line-height:34px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.box-button-bg-content a{ display:inline-block; white-space:nowrap; font-family: 'colaborate-regularregular'; padding:1px 8px ; margin-top:9px;background:#FFFFFF;color:#0f9db1;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;-ms-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px;}

.second-card{display:block;background:#0f9db1;}
.second-card .exlamation{margin-bottom:50px;}
.second-card .exlamation img{margin-top:-2px}
.second-card p{font-family: 'colaboratelightregular';font-size:23px;color:#DDDDDD;width:970px;text-align:center;line-height:35px; margin:0px auto;padding-bottom:50px;}

.third-card{display:block;background:#fff;padding-bottom:48px;}
.third-card .main-heading{display:block;font-family: 'colaborate-mediumregular';text-align:center;font-size:43px;padding:55px 0 35px}
.third-card .underline{width:300px; border-bottom:3px solid #0f9db1;margin:0 auto;}
.third-card .view-btns{margin:0 auto; margin-top:48px;width:908px;margin-bottom:48px;}
.third-card .view-btns .view-btns-ul{list-style:none;margin:0px; padding:0px;}
.third-card .view-btns .view-btns-ul .view-btns-li{background:none;cursor:pointer; margin:0px; padding:0px; float:left;margin-right:48px;border:2px solid #0f9db1;width:426px; padding:12px 0;text-align:center;font-family: 'colaborate-regularregular';font-size:35px;color:#0f9db1;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;-ms-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px;position:relative; -webkit-transition: background .2s linear;  -moz-transition: background .2s linear;  -o-transition: background .2s linear;  -ms-transition: background .2s linear;  transition: background .2s linear;}
.third-card .view-btns .view-btns-ul .view-btns-li:last-child{margin-right:0;}
.third-card .view-btns .view-btns-ul .view-btns-li img{ visibility:hidden;z-index: -1; position: absolute;width: 50px;height: 26px;bottom: 0;left: 0;right: 0;margin: auto auto 0px; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;  -o-transition: all .3s ease;  -ms-transition: all .5s ease;  transition: all .3s ease;}
.third-card .view-btns .view-btns-ul .view-btns-li:hover img{ visibility:visible;z-index: 1; position: absolute;width: 50px;height: 26px;bottom: 0;left: 0;right: 0;margin: auto auto -26px;}
.third-card .view-btns .view-btns-ul .view-btns-li:hover {background:#0f9db1;color:#FFFFFF;}
.third-card .enhancements{margin:0 auto;}
.third-card .enhancements-ul{list-style:none;margin:0px; padding:0px;margin-left:48px;}
.third-card .enhancements-ul li{margin:0px; padding:0px;width:506px;margin-right:48px; margin-bottom:48px;border:1px solid #d4d4d4;background:#eeeeee;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;-ms-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px;float:left;}
.third-card .enhancements-ul li .desc{padding:15px 15px 20px;}
.third-card .enhancements-ul li .desc .left{width:60px; float:left;margin-right:15px;}
.third-card .enhancements-ul li .desc .left .cirlce{ font-family: 'colaborate-regularregular';font-size:35px;color:#eee;background:#56b8c6;width:60px; height:60px;text-align:center;position:relative;border-radius:46px; -moz-border-radius:46px; -webkit-border-radius:46px;-ms-border-radius:46px; -o-border-radius:46px; -khtml-border-radius:46px;}
.third-card .enhancements-ul li .desc .left .cirlce span{position:absolute;top:0;left:0;bottom:0;right:0; margin:auto;width:50px;height:37px;}
.third-card .enhancements-ul li .desc .right{float:left;width:400px;height: 100px;overflow-y: auto;}
.third-card .enhancements-ul li .desc .right h3{color:#333333; font-family: 'colaborate-regularregular';font-size:20px;margin: 0;font-weight: normal;}
.third-card .enhancements-ul li .desc .right p{font-family: 'colaboratelightregular';font-size:16px;color:#666666;padding:0;margin:0; margin-top:6px}
.third-card .enhancements-ul li .desc .right li{margin: 0;padding:0;width:auto;border:0; background:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.continue-btn{background:none;cursor:pointer; margin:0px; padding:0px; border:2px solid #0f9db1;width:426px; padding:12px 0;text-align:center;font-family: 'colaborate-regularregular';font-size:35px;color:#0f9db1;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;-ms-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px;position:relative; -webkit-transition: background .2s linear;  -moz-transition: background .2s linear;  -o-transition: background .2s linear;  -ms-transition: background .2s linear;  transition: background .2s linear;}
.continue-btn:hover{background:#0f9db1;color:#FFFFFF;}
/*-----------------------------------------------------------------------------------------------------------*/
/*.scale{transform:scale(0.9);transform-origin: 50% 50% 0px;transition: all 0.3s ease-out 0s;}*/
.popup-overlay{background:rgba(255,255,255,0.85);position:fixed; width:100%;height:100%;top:0;left:0;}
.popup-box{width:700px;height:550px;position:fixed;top:0; bottom:0;left:0;right:0;margin:auto;}
.popup-box .image-circle img{ -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease;  transition: all 1s ease;}
.popup-box:hover .image-circle img{-ms-transform: rotate(-360deg); /* IE 9 */    -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */    transform: rotate(-360deg);}
.heading{display:block; background:#0F9DB1;font-family: 'colaboratelightregular';font-size:25px;color:#fff;margin: 0;position: relative;padding:10px;text-align: center;}
.heading .image-circle{width:80px; height:80px;position: absolute;background: #fff;display:inline-block;left:30px;top:-16px; border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px;z-index: 1;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-ms-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-o-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);}
.heading .image-circle img{width:50px;position: absolute;top:0;bottom:0;left:0;right:0; margin: auto;}
.close{position: absolute; right: -20px; width: 45px; height: 45px; background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(15, 157, 177); border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; top: -22px; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-ms-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-o-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);cursor:pointer;transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;}
.close:hover{box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);-moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);-ms-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);-o-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);}
.close span{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; font-size: 30px; width: 30px; height: 30px;}
.browser-contents{height: 465px;overflow-y: scroll;padding-top: 15px !important;font-size: 20px;border:2px solid #0F9DB1;background:#FFFFFF;border-top:0;}
.browser-contents li{margin-bottom:12px;}
.shortcut{text-align:center;}
.shortcut img{margin-top: 78px;margin-bottom: 30px;}
.shortcut p{font-size:32px;}
.footer{display:block;text-align:center;color:#000;font-family: 'colaboratelightregular';font-size:23px;padding:40px 0;}
/*************** SCROLLBAR BASE CSS ***************/

            .scroll-wrapper {
                overflow: hidden !important;
                padding: 0 !important;
                position: relative;
            }

            .scroll-wrapper > .scroll-content {
                border: none !important;
                box-sizing: content-box !important;
                height: auto;
                left: 0;
                margin: 0;
                max-height: none !important;
                max-width: none !important;
                overflow: scroll !important;
                padding: 0;
                position: relative !important;
                top: 0;
                width: auto !important;
            }

            .scroll-wrapper > .scroll-content::-webkit-scrollbar {
                height: 0;
                width: 0;
            }

            .scroll-element {
                display: none;
            }
            .scroll-element, .scroll-element div {
                box-sizing: content-box;
            }

            .scroll-element.scroll-x.scroll-scrollx_visible,
            .scroll-element.scroll-y.scroll-scrolly_visible {
                display: block;
            }

            .scroll-element .scroll-bar,
            .scroll-element .scroll-arrow {
                cursor: default;
            }

            .scroll-textarea {
                border: 1px solid #cccccc;
                border-top-color: #999999;
            }
            .scroll-textarea > .scroll-content {
                overflow: hidden !important;
            }
            .scroll-textarea > .scroll-content > textarea {
                border: none !important;
                box-sizing: border-box;
                height: 100% !important;
                margin: 0;
                max-height: none !important;
                max-width: none !important;
                overflow: scroll !important;
                outline: none;
                padding: 2px;
                position: relative !important;
                top: 0;
                width: 100% !important;
            }
            .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
                height: 0;
                width: 0;
            }



                            /*************** SCROLLBAR MAC OS X ***************/

                            .scrollbar-macosx > .scroll-element,
                            .scrollbar-macosx > .scroll-element div
                            {
                                background: none;
                                border: none;
                                margin: 0;
                                padding: 0;
                                position: absolute;
                                z-index: 10;
                            }

                            .scrollbar-macosx > .scroll-element div {
                                display: block;
                                height: 100%;
                                left: 0;
                                top: 0;
                                width: 100%;
                            }

                            .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
                            .scrollbar-macosx > .scroll-element .scroll-bar {
                                background-color: #56B8C6;
                                display: block;

                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                filter: alpha(opacity=0);
                                opacity: 0;

                                -webkit-border-radius: 7px;
                                -moz-border-radius: 7px;
                                border-radius: 7px;

                                -webkit-transition: opacity 0.2s linear;
                                -moz-transition: opacity 0.2s linear;
                                -o-transition: opacity 0.2s linear;
                                -ms-transition: opacity 0.2s linear;
                                transition: opacity 0.2s linear;
                            }
                            .scrollbar-macosx:hover > .scroll-element .scroll-bar,
                            .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                                filter: alpha(opacity=70);
                                opacity: 0.7;
                            }


                            .scrollbar-macosx > .scroll-element.scroll-x {
                                bottom: 0px;
                                height: 0px;
                                left: 0;
                                min-width: 100%;
                                overflow: visible;
                                width: 100%;
                            }

                            .scrollbar-macosx > .scroll-element.scroll-y {
                                height: 100%;
                                min-height: 100%;
                                right: 0px;
                                top: 0;
                                width: 0px;
                            }

                            /* scrollbar height/width & offset from container borders */
                            .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
                            .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

                            .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
                            .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

                            .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
                            .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

                            /* update scrollbar offset if both scrolls are visible */
                            .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
                            .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }