/* Minification failed. Returning unminified contents. (2164,1): run-time error CSS1019: Unexpected token, found '@import' (2164,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/bootsnav.css)' (2165,1): run-time error CSS1019: Unexpected token, found '@import' (2165,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/bootstrap.min.css)' (2166,1): run-time error CSS1019: Unexpected token, found '@import' (2166,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/font-awesome.min.css)' (2167,1): run-time error CSS1019: Unexpected token, found '@import' (2167,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/custom-fonts.css)' (2168,1): run-time error CSS1019: Unexpected token, found '@import' (2168,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/animations.css)' (2169,1): run-time error CSS1019: Unexpected token, found '@import' (2169,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/reset.css)' (2414,23): run-time error CSS1035: Expected colon, found 'padding-bottom' (2468,192): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ *{outline: none; outline-color:none; padding: 0; margin: 0;} *:focus {outline: none; border: none;} body {background: rgb(245,245,245); color:#162253; font-family: 'proxima_novaregular'; font-weight: normal;} @media (min-width: 1400px){ .container{ width: 1370px} } input, textarea, select {background-color: #FFF; border: 1px solid #ccc; border-radius: 3px; color: #162253; padding: 10px; text-align: left; width: 100%; transition: border .5s;} input:focus, textarea:focus, select:focus { border: 1px solid #19244f; box-shadow: none; } label{ display: inherit;} ::-webkit-input-placeholder {color: #99928f;} ::-moz-placeholder {color: #99928f;} :-ms-input-placeholder {color: #99928f;} :-moz-placeholder {color: #99928f;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] { -moz-appearance:textfield;} button[disabled], select[disabled]{background:#fbf3f0; border-color: #929292;} button[disabled]:hover, .btn-default[disabled]:hover, select[disabled]:hover {background: #fbf3f0; box-shadow: none; color: #333; border-color: #929292;} ::selection {color: #fff; background: #f68505;} ::-moz-selection{color: #fff; background: #f68505;} article{ font-size: 1.2em;} select::-ms-expand {display: none;} a{ color: #e97f25;} hr{border-color: #ccc;} .navbar-inverse{ background: rgb(251,243,240); border-color: #162253;} .navbar-inverse .navbar-nav>li>a { color: #162253; text-transform: uppercase; font-family: 'proxima_novabold'; padding: 26px 15px;} .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #f68505;} nav.navbar ul.nav > li > a:hover{ background-color: transparent; color: #f68505} .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background-color: transparent; color: #f68505} .navbar{ min-height: 65px;} ul.cart-list > li.total > .btn, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus{ background-color: rgb(244, 52, 56);} .attr-nav > ul > li > a:hover{color: rgb(244, 52, 56);} .mark, mark{ background-color: #19244f; color: #FFF; border-radius: 3px; padding: 0 5px;} .btn:focus, .btn:active{ outline: none;} .btn-default:active, .btn:focus, .btn:active{ background: #162253; border: 1px solid #162253; color: #FFF; outline: none;} .btn-default, .btn-secondary, .btn-green, .btn-orange{background:#fbf3f0; border-color:#162253; color:#162253; text-transform:uppercase; -webkit-transition:all .2s cubic-bezier(.39,.5,.15,1.36); -moz-transition:all .2s cubic-bezier(.39,.5,.15,1.36);-ms-transition:all .2s cubic-bezier(.39,.5,.15,1.36);-o-transition:all .2s cubic-bezier(.39,.5,.15,1.36);transition:all .2s cubic-bezier(.39,.5,.15,1.36);display:block;margin:20px auto; text-decoration:none;border-radius:4px;padding:20px 30px} .btn-default:hover, .btn-secondary:hover, .btn-orange:hover{color: rgba(255, 255, 255, 0.9); box-shadow: rgb(22, 34, 83) 0 0px 0px 40px inset;} .btn-secondary{ background: #1d81cf; border-color:#1d81cf; color: #FFF;} .btn-secondary:hover{ box-shadow: rgb(255, 255, 255) 0 0px 0px 40px inset; border-color: #FFF; color: rgb(22, 34, 83)} .btn-green{ background: rgb(103, 189, 106); border-color:rgb(64, 134, 67); color: rgb(255, 255, 255); } .btn-green:hover, .btn-green:active, .btn-green:focus{color: rgba(64, 134, 67, 0.9); box-shadow: rgb(255, 255, 255) 0 0px 0px 40px inset; background: rgb(251,243,240); border: 1px solid #67bd6a;} .btn-orange{ background: rgb(232, 97, 28); color: rgb(255, 255, 255); border-color: #fff;} .btn{border-radius: 20px; font-family: 'proxima_novaregular'; font-size: 1.2em; padding: 6px 25px;} .no-brdr{ border-bottom: 0 !important;} .bdrtl{ border-right: 1px solid #f5eeeb;} .nopd{ padding-left:0; padding-right: 0; } .grey-border{ border: 1px solid #CCC} .grid-footer{ background: rgb(236, 236, 236);} /*** Radio ***/ .radio {margin: 0.5rem;} input[type="radio"] {position: absolute; height: 25px; opacity: 0; width: 25px;} input[type="radio"] + .radio-label:before {content: '';background: #f4f4f4; border-radius: 100%; border: 1px solid #162253; display: inline-block; width: 18px; height: 18px;position: relative; top: 2px; margin-right: 9px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; } input[type="radio"]:checked + .radio-label:before {background-color: #162253; box-shadow: inset 0 0 0 4px #f4f4f4;} input[type="radio"]:focus + .radio-label:before {outline: none; border-color: #162253;} input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4;} input[type="radio"] + .radio-label:empty:before {margin-right: 0;} label{font-weight: normal;} /*** Checkbox ***/ .common-checkbox {position: absolute; opacity: 0;} .common-checkbox + label { position: relative; cursor: pointer;padding: 0;} .common-checkbox + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px;background: white; border: 1px solid #19244f;} .common-checkbox:hover + label:before { background: #19244f;} .common-checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);} .common-checkbox:checked + label:before { background: #19244f;} .common-checkbox:disabled + label { color: #b8b8b8;cursor: auto;} .common-checkbox:disabled + label:before { box-shadow: none; background: #ccc;} .common-checkbox:checked + label:after { content: ''; position: absolute; left: 5px; top: 9px;background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg);} /***Custom Menu ***/ .custom-width { position: relative; width: 100%; float: left; left: 0px;} .sub-menu{float: none; margin: 0 auto; display: table; table-layout: fixed; margin-right: 10px; } .sub-menu li{ float: left; position: relative;} .sub-menu li.sub-menu-lavel-1 a.drop-menu:after, .sub-menu li.dropdown a.arrow-icon:after{font-family: 'FontAwesome'; content: ""; margin-left: 5px; margin-top: 2px;} .sub-menu li a{color:#19244f; float:left; font-family:'proxima_novabold'; margin:21px 15px; text-transform: uppercase;} .sub-menu li a:focus, .sub-menu li a:active{ text-decoration: none;} .sub-menu li a:hover, .sub-menu li.sub-menu-lavel-1 .dropdown-menu li a:hover, .mobile-nav li.mobile-level1 .dropdown-menu li a{text-decoration: none; color: #e97f25;} .sub-menu li.sub-menu-lavel-1 .dropdown-menu{ border-top: 3px solid #e97f25;border-radius: 0; top:94%;} .sub-menu li.sub-menu-lavel-1 .dropdown-menu li{ float: left;} .sub-menu li.sub-menu-lavel-1 .dropdown-menu li:after, .mobile-nav li.mobile-level1 .dropdown-menu li:after{content: ''; height: 5px; width: 5px;display: block;border: 1px solid #19244f;border-left-width: 0;border-top-width: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);position: absolute; top: 15px; left: 10px;} .sub-menu li.sub-menu-lavel-1 .dropdown-menu li a{background: none; margin: 0; font-family:'proxima_novalight'; border: none; padding: 6px 23px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; text-transform: capitalize; color: #19244f;} .sub-menu li.sub-menu-lavel-1 .dropdown-menu li a:hover{ margin-left: 5px;} .sub-menu li:last-child a{background: #e97f25; border-radius: 20px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; color: #FFF; padding: 0px 10px; margin: 18px 23px 17px 10px; line-height: 25px;} .sub-menu li:last-child a:hover{ background: #19244f; color: #fff;} .sub-menu li.sub-menu-lavel-1 .fa, li#menuUserName .fa.dropdown-icon{ display: none;} .sub-menu li:last-child #frmlogout .dropdown-menu li{ border-bottom:1px solid #e1e1e1; width:100%; } .sub-menu li:last-child .dropdown-menu li a{background:none; border:none; border-bottom:none; border-radius:0; padding:0; margin:0; text-transform:capitalize} li.dropdown{padding-bottom:4px;} li.dropdown .dropdown-menu{top:90%;} /*** breadcrumb ***/ .breadcrumb { background: transparent; padding: 57px 0px; text-transform: uppercase; letter-spacing: 1px;} .breadcrumb>li{ font-size: 0.7em;} .breadcrumb > li > a{color: #FFF;} .breadcrumb > li > a:hover{ text-decoration: none; color: rgba(255, 255, 255, 0.5);} .breadcrumb > .active{ color: #f68505;} /*** table-layout ***/ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ vertical-align: middle; border-top: 1px dashed #f68505;} table{ background: rgb(255, 255, 255); border: 1px solid #f68505; color: rgb(24, 33, 83); text-align: center; } table th{ background: rgb(246, 133, 5); color: rgb(24, 33, 83); font-family: 'proxima_novaregular'; font-size: 1.5em; font-weight: normal; text-align: center; text-transform: uppercase;} table tr td{border-right: 1px dashed #f68505; border-bottom: 1px dashed #f68505; font-size: 1.1em; font-family: 'proxima_novabold'; text-align: center; vertical-align: middle; } table tr td:last-child{border-right: none;} table th a{ color: #19244f;} table tr td .edit, table tr td.delete{ font-size: 0.9em} table .btn-default{ margin: 0px auto; padding: 3px 10px;} .grid-header{ background: rgb(232, 232, 232); color: rgb(24, 33, 83); float: left; font-family: 'proxima_novaregular'; font-size: 1.2em; font-weight: 800; text-align: center; text-transform: uppercase; padding: 10px 0; width: 100%} .grid-body{ background: rgb(255, 255, 255); box-shadow:0 6px 12px -10px black; -webkit-box-shadow: 0 6px 12px -10px black; -moz-box-shadow: 0 6px 12px -10px black; box-shadow: 0 6px 12px -10px black; border: 1px solid #f6ece8; color: rgb(24, 33, 83); float: left; text-align: center; margin-bottom:20px; width: 100%} .grid-body .grid-bdr-right {border-right: 1px dashed #e1e1e1; font-size: 1.5em; font-family: 'proxima_novabold'; text-align: center; padding: 40px 0; vertical-align: middle;} .edit, .delete{font-family: 'proxima_novabold'; margin-top: 40px;} .edit a{ color: #929292;} .delete a{color:#f43438} /*** Dropwdown ***/ .select{position:relative;display:inline-block;margin-bottom:15px;width:100%} .select select{display:inline-block; width:100%; cursor:pointer; height: 40px; padding: 0 10px; outline:0; background:#FFF; color:#99928f; appearance:none;-webkit-appearance:none;-moz-appearance:none} .select select::-ms-expand {display: none; } .select select:hover {color: #162253; background: #FFF;} .select select:disabled { opacity: 0.5; pointer-events: none;} .select-arrow{position:absolute; top:16px; right:15px; width:0; height:0; pointer-events:none; border-style:solid; border-width:8px 5px 0; border-color:#7b7b7b transparent transparent} .select select:hover ~ .select-arrow, .select select:focus ~ .select-arrow { border-top-color: #000;} .select select:disabled ~ .select-arrow {border-top-color: #ccc;} .select select > option { border-bottom: 1px dashed #ccc; padding-bottom: 10px;} /*** Switch Button ***/ .swicth-btn{ margin: 15px 0} .btn-toggle.btn-lg {padding: 0; position: relative; border: none; height: 2.5rem; width: 5rem; border-radius: 2.5rem;} .btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active { outline: none;} .btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {line-height:25px; font-family: 'proxima_novaregular'; width: 100%; text-align: center; text-transform: uppercase; position: absolute; bottom: 0; transition: opacity .25s;} .btn-toggle.btn-lg:before {content: ''; left: -5rem;} .btn-toggle.btn-lg:after { content: 'Different Shipping address'; text-transform: capitalize; right: -6rem; opacity: .5;} .btn-toggle.btn-lg > .handle { position: absolute; top: 0.3125rem; left: 0.3125rem; width: 1.875rem; height: 1.875rem; border-radius: 1.875rem; background: #fff; transition: left .25s;} .btn-toggle.btn-lg.active { transition: background-color 0.25s;} .btn-toggle.btn-lg.active > .handle { left: 2.8125rem;transition: left .25s;} .btn-toggle.btn-lg.active:before {opacity: .5;} .btn-toggle.btn-lg.active:after {opacity: 1;} .btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after { line-height: 0.5rem; color: #fff; letter-spacing: .75px;left: 0.6875rem; width: 3.875rem;} .btn-toggle.btn-lg.btn-sm:before {text-align: right;} .btn-toggle.btn-lg.btn-sm:after { text-align: left; opacity: 0;} .btn-toggle.btn-lg.btn-sm.active:before { opacity: 0;} .btn-toggle.btn-lg.btn-sm.active:after { opacity: 1;} .btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after { display: none;} .btn-toggle.btn-secondary { color: #162253; background: #162253;} .btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #f68505;} .btn-toggle.btn-secondary.active { background-color: #f68505;} /*** Model ***/ .modal-header{ background: #fee6d2; border-radius: 10px 10px 0 0; border-bottom: 1px solid #ffbe87;} .modal-header h4{ font-family:'proxima_novabold'; text-align: center;} .modal-header .close{margin-top: -2px; position: absolute; right: -10px; top: -15px;opacity:1;} .modal-heigth {max-height: 500px; overflow-y:scroll;overflow-x:hidden;} .terms-conditionBody{ max-height: 700px; overflow-y:scroll;} .terms-condition p{ text-align: justify;} .terms-condition strong{ font-size: 1em; font-weight:700; font-family:"proxima_novaregular";} .terms-condition ul{ padding-left: 25px;} .terms-condition ul li{ float: left; font-size: 1.2em; list-style-type: circle; width: 100%;} .edit-modal-popup .modal-body .select{ height: 30px;} .video-container {width:672px;} .popup-close{margin-left:10px;} .popup-close button{margin:0 auto; } .modal-body sup{ color: #19244f;} .modal-body a{ color: #e97f25; text-decoration: none;} .modal-body a:hover{text-decoration: underline;} /*** Error MSg***/ .error{ color:rgb(244, 52, 56); font-size:0.9em; text-align:left;} /*** Brows ***/ .drop,.drop .cont,.drop input{bottom:0; right:0} .drop{border:1px dashed #DADFE3; background:#fff; border-radius:3px;text-align:center; margin-bottom: 10px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out ;overflow:hidden; } .drop .cont{ height:135px; color:#8E99A5; padding-top: 8px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out} .drop .cont i{font-size:300%; color:#8E99A5; position:relative} #list,.drop input{width:100%; position:absolute; left:0; top:0} .drop .cont .tit{font-size:1.5em; text-transform:uppercase} .drop .cont .desc{color:#A4AEBB} .drop .cont .browse{margin:10px 25%; color:#fff; padding:8px 16px; border-radius:5px; background:#09f} .drop input{height:100%; cursor:pointer; background:red; opacity:0; margin:auto} #list{text-align:left} #list .thumb{height:75px; border:1px solid #323a44; margin:10px 5px 0 0} /*** Hover ***/ .col-contact .col-phone-number { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 1px #e1e1e1, 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } .col-contact .col-phone-number:hover, .col-contact .col-phone-number:focus, .col-contact .col-phone-number:active { background: #ffe7da; box-shadow: inset 0 0 0 1px #ffd3ae, 0 0 1px transparent; cursor: pointer;} /*** Preloader ***/ .overlay{ background: rgba(0, 0, 0, 0.7); height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000} #site{opacity:0;-webkit-transition:all 2s ease;transition:all 2s ease} .preloader{height:40px; width:40px; position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-20px; z-index: 11000} .preloader:before{content:""; display:block; position:absolute; left:-1px;top:-1px; height:100%; width:100%; -webkit-animation:rotation 1s linear infinite; animation:rotation 1s linear infinite; border:1px solid #f68505; border-top:1px solid transparent; border-radius:100%} .preloader>.icon{position:absolute; top:50%; left:50%; height:25px; width:10.6px; margin-top:-12.5px; margin-left:-5.3px; -webkit-animation:wink 1s ease-in-out infinite alternate;animation:wink 1s ease-in-out infinite alternate} @media only screen and (min-width:768px){ #preloader{height:60px; width:60px; margin-top:-30px; margin-left:-30px} .preloader:before{left:-2px; top:-2px; border-width:2px} .preloader>.icon{height:37.5px; width:15.9px; margin-top:-18.75px; margin-left:-7.95px}} @media only screen and (min-width:1200px){ .preloader{height:80px; width:80px; margin-top:-40px; margin-left:-40px} .preloader>.icon{height:36px; width:50px; margin-top:-22px; margin-left:-25px} } @media only screen and (max-width:1440px) { .footer {font-size:13px;} .footer ul li a{ padding:0 6px;} } @-webkit-keyframes rotation{from {-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes rotation{from {-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @-webkit-keyframes wink{from {opacity:0}to{opacity:1} } @keyframes wink{from {opacity:0}to{opacity:1} } /*** alert Msg ***/ .overlaybg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); display: none; z-index:9999;} .succesful-alert, .error-alert, .delete-warning, .session-warning, #tw-cancel, #tw-undo, #manage-delete{ background: #FFF; border-radius: 5px; min-height:230px; position: absolute; top: 10%; left: 0; width: 320px; margin: 0 auto; display: none; padding:20px; text-align: center; z-index:100000;} .alert-icon, .cancel-icon{ background:rgb(32, 176, 112); color: #FFF; padding: 13px; width: 60px; height: 60px; border-radius: 30px; border: 3px solid #FFF; position: absolute; top: -32px; left: 130px; } .cancel-icon{ background: rgb(204, 41, 61);} .alert-masg{ padding-top: 10px;} .alert-masg h4{ font-size: 2em; text-transform: none; color: rgb(32, 176, 112);} .alert-masg p{ padding-top: 20px;} .error-alert .alert-masg h4{color:rgb(204, 41, 61);} .delete-warning .alert-icon, #tw-cancel .alert-icon, #tw-undo .alert-icon, #manage-delete .alert-icon{ background: #dc3545; color: #FFF;} .delete-warning .alert-masg h4, #tw-cancel .alert-masg h4, #tw-undo .alert-masg h4, #manage-delete .alert-icon h4{ color: #dc3545;} .delete-warning hr, #tw-cancel hr, #tw-undo hr, #manage-delete hr { margin: 0;} #tw-cancel , #tw-undo, #manage-delete { top:10%; } #tw-cancel p, #tw-undo p, #manage-delete p { padding:2px; } .session-warning { top:10%; width: 320px;} .session-warning .alert-icon{ background: #ffb504; color: #FFF;} .session-warning .alert-masg h4{ color: #ffb504;} .session-warning .alert-masg p{ text-align:center; padding:1px} .session-warning .alert-masg p strong{ color: #ffb504; margin:0; padding:1px;} .session-warning hr{ margin: 0;} /*** Static Pages ***/ .static-content sup, .col-faq-rhs sup, .faq-header sup{ color: #19244f; font-size: 0.5em;} .static-content h4{ font-family:'proxima_novaregular'; font-weight: 700;} /*** Input Group **/ .input-group-btn {font-size: 0.8em; border-radius: 5px; height: 35px;cursor:pointer;} /*** Tooltip **/ .tooltip{ text-align:left !important; font-family:'proxima_novaregular'} .tooltip-example{-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);transform:translateY(-50%); position:absolute; text-align:center; top:50%; width:100%;} .custom-tooltip{display:inline; font-size:.8em; color:#f68505; text-decoration:underline; text-transform: none; position: relative;} .custom-tooltip:hover{cursor:pointer} .custom-tooltip:hover .tooltip-content{-webkit-transform: translateZ(0); transform: translateZ(0); opacity:1;pointer-events:auto} .tooltip-content{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-origin:0 10px;-moz-transform-origin:0 10px;-ms-transform-origin:0 10px; -o-transform-origin:0 10px; transform-origin:0 10px; background-color:#f68505; border-radius:4px; color:#000; display:block; font-size:1em; font-weight:400; right:-143px; opacity:0; padding:7px 13px; pointer-events:none; position:absolute; text-align:left; bottom:20px; width:315px; text-transform: none;} .tooltip-content:after,.tooltip-content:before{content:' ';display:block; position:absolute; bottom:-18px} .tooltip-content:before{border-color:#f68505 transparent transparent; border-style:solid; border-width:10px; height:0;left:50%; margin-left:-10px; width:0} .tooltip-content:after{left:0; width:100%; height:20px} .tooltip-content:hover{-webkit-transform:rotateX(0) translate3d(-50%,-10%,0);-moz-transform:rotateX(0) translate3d(-50%,-10%,0);-ms-transform:rotateX(0) translate3d(-50%,-10%,0);-o-transform:rotateX(0) translate3d(-50%,-10%,0);transform:rotateX(0) translate3d(-50%,-10%,0);opacity:1; pointer-events:auto} .tooltip-content strong{ font-size: 1em; clear: both; width: 100%; border-bottom: 1px solid #bc6502;} .tooltip-content a{ text-decoration: underline; color: #FFF;} /*** common Class ***/ .address{background:#FFF; border: 1px solid #f1f1f1; padding: 15px;min-height:204px;} /*** Banner ***/ .plan-must-head{ background: url(/Content/images/plan-bg.png) no-repeat center 0;} .contact-must-head{ background: url(/Content/images/contact-bg.png) no-repeat center 0;} .sitemap-must-head{ background: url(/Content/images/sitemap-must-head.png) no-repeat center 0;} .leagal-must-head{ background: url(/Content/images/leagal-must-head.png) no-repeat center 0;} .privacy-must-head{ background: url(/Content/images/privacy-must-head.png) no-repeat center 0;} /*** form Inactive ***/ .register-form .form-inactive input, .register-form .form-inactive select{ background: #e1e1e1; cursor: not-allowed;} .pdf{ background:url(/Content/images/pdf.png) no-repeat left 0; padding-left: 15px; /*float: left;*/} /*Added Css for Privacy policy table */ .cookies-row{text-align:left;font-size:1em; height:auto; margin-top:10px;margin-bottom:5px;} .cookies-line4{height:auto; margin-top:35px;} .cookies-line3{height:auto; margin-top:25px;} .cookies-line2{height:auto; margin-top:15px;} .cookies-line1{height:auto; margin-top:5px;} /*Privacy Page*/ .ulPrivacy {padding-left:30px;font-size:1.23em;} .ulPrivacy li {padding-bottom:10px;list-style-type:disc;} .ulPrivacy ul { padding-left:60px;} .ulPrivacy ul li {list-style-type:circle;} .divPrivacy article{margin:0px 0px 10px 0px;} #liIndex{font-size:1.23em;padding-bottom:15px;} #liIndex {padding-left:45px;} #liIndex ul li {padding-left:20px;} #liIndex li span{display: inline-block; width: 49px;} #liIndex ul li span{display: inline-block; width: 31px;} .ulLink{padding-left:60px;} .ulLink li{font-size:1.23em; padding-bottom:10px;} .divPrivacy h4,.divPrivacy h5{font-weight:bold;} .jumptarget::after { content:""; display:block; min-height:140px; margin:-140px 0 0;} .jumptarget:before { display: block; content: " "; margin-top: -140px; height: 140px; visibility: hidden;} /*term of use*/ .liTerms{font-size:1.23em;} .liTerms li {padding-left:30px;padding-bottom:10px;} .liaddress{font-size:1.23em; } .liaddress li{padding-left:30px;} .liCirle li {list-style-type:disc;font-size:1.23em;padding-bottom:10px;} .liCirle{padding-left:30px;padding-bottom:10px;} /*animations*/ /****************** * Bounce in right * *******************/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slow{ -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slower{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slowest{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Added by Andy Meetan */ .delay-250 { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; } .delay-500 { -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; } .delay-750 { -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; } .delay-1000 { -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s; } .delay-1250 { -webkit-animation-delay:1.25s; -moz-animation-delay:1.25s; -o-animation-delay:1.25s; animation-delay:1.25s; } .delay-1500 { -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s; animation-delay:1.5s; } .delay-1750 { -webkit-animation-delay:1.75s; -moz-animation-delay:1.75s; -o-animation-delay:1.75s; animation-delay:1.75s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-3000 { -webkit-animation-delay:3.0s; -moz-animation-delay:3.0s; -o-animation-delay:3.0s; animation-delay:3.0s; } .delay-3500 { -webkit-animation-delay:3.5s; -moz-animation-delay:3.5s; -o-animation-delay:3.5s; animation-delay:3.5s; } .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{ opacity:0; } .lightSpeedInRight, .lightSpeedInLeft{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } /*********** * bounceIn * ************/ @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn.go { -webkit-animation-name: bounceIn; animation-name: bounceIn; } /**************** * bounceInRight * ****************/ @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 60% { -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(400px); } 60% { transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInRight.go { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /****************** * Bounce in left * *******************/ @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 60% { -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-400px); } 60% { transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInLeft.go { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /****************** * Bounce in up * *******************/ @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 60% { -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(400px); } 60% { transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInUp.go { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /****************** * Bounce in down * *******************/ @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 60% { -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-400px); } 60% { transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInDown.go { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /********** * Fade In * **********/ @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } .fadeIn{ opacity:0; } .fadeIn.go { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /********** * Grow in * ***********/ @-webkit-keyframes growIn { 0% { -webkit-transform: scale(0.2); opacity:0; } 50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); opacity:1; } } @keyframes growIn { 0% { transform: scale(0.2); opacity:0; } 50% { transform: scale(1.2); } 100% { transform: scale(1); opacity:1; } } .growIn { -webkit-transform: scale(0.2); transform: scale(0.2); opacity:0; } .growIn.go{ -webkit-animation-name: growIn; animation-name: growIn; } /******** * Shake * ********/ @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake.go { -webkit-animation-name: shake; animation-name: shake; } /******** * ShakeUp * ********/ @-webkit-keyframes shakeUp { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} } @keyframes shakeUp { 0%, 100% {transform: translateY(0);} 10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 20%, 40%, 60%, 80% {transform: translateY(10px);} } .shakeUp.go { -webkit-animation-name: shakeUp; animation-name: shakeUp; } /************* * FadeInLeft * *************/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft{ opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); } .fadeInLeft.go { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /************* * FadeInRight * *************/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight{ opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight.go { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /************* * FadeInUp * *************/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp{ opacity: 0; -webkit-transform: translateY(400px); transform: translateY(400px); } .fadeInUp.go { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /************* * FadeInDown * *************/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown{ opacity: 0; -webkit-transform: translateY(-400px); transform: translateY(-400px); } .fadeInDown.go { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /***************** * rotateIn * *****************/ @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn.go { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /***************** * rotateInUpLeft * *****************/ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft.go { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /******************* * rotateInDownLeft * *******************/ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft.go { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /****************** * rotateInUpRight * *******************/ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight.go { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /******************** * rotateInDownRight * ********************/ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight.go { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /********* * rollIn * **********/ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn.go { -webkit-animation-name: rollIn; animation-name: rollIn; } /********* * wiggle * **********/ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle.go { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /******** * swing * *********/ @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing.go { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /******* * tada * ********/ @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada.go { -webkit-animation-name: tada; animation-name: tada; } /********* * wobble * **********/ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble.go { -webkit-animation-name: wobble; animation-name: wobble; } /******** * pulse * *********/ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse.go { -webkit-animation-name: pulse; animation-name: pulse; } /*************** * lightSpeedInRight * ****************/ @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInRight { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInRight.go { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /*************** * lightSpeedInLeft * ****************/ @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInLeft { 0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInLeft.go { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /******* * Flip * *******/ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } /********** * flipInX * **********/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } /********** * flipInY * **********/ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } /***************** * Out animations * *****************/ /************ * bounceOut * *************/ @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut.goAway { -webkit-animation-name: bounceOut; animation-name: bounceOut; } /************ * bounceOutUp * *************/ @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp.goAway { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /************ * bounceOutDown * *************/ @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown.goAway { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /************ * bounceOutLeft * *************/ @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft.goAway { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /************ * bounceOutRight * *************/ @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight.goAway { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /************ * fadeOut * *************/ @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut.goAway { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /************ * fadeOutUp * *************/ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUp.goAway { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /************ * fadeOutDown * *************/ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDown.goAway { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /************ * fadeOutLeft * *************/ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeft.goAway { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /************ * fadeOutRight * *************/ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRight.goAway { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /************ * flipOutX * *************/ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX.goAway { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } /************ * flipOutY * *************/ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } /************ * lightSpeedOutRight * *************/ @-webkit-keyframes lightSpeedOutRight { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOutRight.goAway { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /************ * lightSpeedOutLeft * *************/ @-webkit-keyframes lightSpeedOutLeft { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } } .lightSpeedOutLeft.goAway { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /************ * rotateOut * *************/ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut.goAway { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /************ * rotateOutUpLeft * *************/ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft.goAway { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /************ * rotateOutDownLeft * *************/ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft.goAway { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /************ * rotateOutUpRight * *************/ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight.goAway { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /************ * rollOut * *************/ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut.goAway { -webkit-animation-name: rollOut; animation-name: rollOut; } /***************** * Short Animations *******************/ /********************* * fadeInUpShort *********************/ @-webkit-keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpShort { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpShort{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .fadeInUpShort.go { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } /********************* * fadeInDownShort *********************/ @-webkit-keyframes fadeInDownShort { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownShort { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownShort{ opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .fadeInDownShort.go { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort; } /********************* * fadeInRightShort *********************/ @-webkit-keyframes fadeInRightShort { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightShort { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightShort { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .fadeInRightShort.go { -webkit-animation-name: fadeInRightShort; animation-name: fadeInRightShort; } /********************* * fadeInLeftShort *********************/ @-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftShort { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftShort { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } .fadeInLeftShort.go { -webkit-animation-name: fadeInLeftShort; animation-name: fadeInLeftShort; } @import url(/Content/css/bootsnav.css); @import url(/Content/css/bootstrap.min.css); @import url(/Content/css/font-awesome.min.css); @import url(/Content/css/custom-fonts.css); @import url(/Content/css/animations.css); @import url(/Content/css/reset.css); /*** Main CSS ***/ h1, h2, h3, h4, h5, h6{ text-transform: uppercase; font-weight: normal; color: #19244f;} h1{font-size: 1.8em;} p{text-transform: initial; color: #19244f;} h2 { font-family: 'proxima_novalight'; font-weight: normal; font-size: 2.8em; text-align: center; padding-bottom: 35px;} h2::before, .static h4::before, .right-side h3:before{background: #19244f; content: "";height: 1px; left: 50%; position: absolute; top: 40px; transform: translateX(-50%); width: 40px;} h3{ font-family: 'proxima_novabold'; color: #f68505; text-align: center; font-size: 1.6em; padding-bottom: 20px;} h4{ font-size: 1.5em; font-weight: normal; font-family: 'proxima_novalight';} p{ text-align: center; font-size: 1.2em} section{ width: 100%; overflow: hidden;} ol, ul, li{ list-style: none;} strong{ font-family: 'proxima_novaextrabold'; font-size: 2em;} footer{ background: url(/Content/images/footer-bg.png) no-repeat center top; position: relative; color: #929292;} footer p{color: #929292; font-size: 0.8em; font-family: 'proxima_novalight';} form sup{ color: #f43438;} sup.hideErr{ top: 0; font-size: 1.3em;} a.invoice{ text-decoration: underline; color: #e8611c;} /*** common classes ***/ .no-padding{ padding: 0;} .ptop{ padding-top: 50px;} .pdtop{padding-top: 10px} .mrtp{ margin-top: 20px;} .brdtp{ border-top: 1px solid #ccc} .banner-bg {position: relative; background: url(/Content/images/support-bg.png) no-repeat center 0; width: 100%; } .section-bg{color: #c4d0ff; text-align: center; width: 100%;} .right-text{ text-align: right;} .mnheight{ min-height: 596px} .min-max-height{min-height:731px;} .section-info h2::before, .dwnld-rhs h2:before, .dwnld-lhs h2::before{ background:#c4d0ff; top: 62px;} .dwnld-rhs h2:before, .dwnld-lhs h2::before{ top: 104px;} .plan-info h2:before{ top: 62px; background-color: #c4d0ff;} .about-gw h2:before{ top: 62px;} .header-banner{ position: relative;} .banner-text { position: absolute; text-align: center; top:30%; left: 37%; bottom: 100%;} .banner-text h5{ font-family: 'proxima_novaextrabold'; font-size: 4em; color: #f68505; text-transform: capitalize;} .banner-text h6{color: #FFF; text-transform: none; font-size: 3em; font-family: 'proxima_novaregular'; font-weight: 800;} .banner-text p{ color: #FFF;font-size: 1.5em; font-family: 'proxima_novalight';} .banner-text p a{ background: rgb(246, 133,5); color: #fff; border-radius: 20px; padding: 2px 9px; text-decoration: none;} .banner-text p a:hover{text-decoration: none;} .dwnld-rhs h2:before, .dwnld-lhs h2::before{background:#19244f;} .common-container{ padding:50px 0;} .col-resources{padding-top: 60px; text-align: center;} .col-resources p{ max-height: 150px; height: 150px; padding-bottom: 30px; text-overflow:ellipsis;} .col-resources .fa{ color: #19244f} .main-circle { background: rgb(255, 255, 255); border: 4px solid #f68505; border-radius: 75px; height: 150px; margin: 0 auto; width: 150px;} .sub-circle {background: rgb(246, 133, 5); border-radius: 75px; color: #19244f; height: 128px; margin: 0 auto; margin-top: 7px; padding-top: 36px; width: 128px;} .section-info{ padding-bottom: 110px;} .col-support-bg { color:#c4d0ff;text-align: center; } .col-support{ margin: 0 auto; max-width: 890px;} .col-support > a{text-decoration: none;} .col-support h4, .section-info h2, .section-info p, .plan-info h2, .plan-info p{color: #c4d0ff;} .transparent-circle{background-color: transparent; border: 4px solid #c4d0ff; border-radius: 75px; height: 150px; margin: 0 auto; width: 150px; } .sub-transparent-circle{ background: rgb(196, 208, 255); border-radius: 64px; height: 128px; margin: 7px auto; text-align: center; width: 128px;} .sub-transparent-circle .icon-area{ padding: 37px;} .spport-info{ margin-bottom: 100px;} .spport-info, .sample-materials{cursor: pointer;} .spport-info a:hover, .sample-materials a:hover{text-decoration:none} /*** hover animation ***/ .transparent-circle, .sub-transparent-circle, .spport-info h4, .main-circle, .sub-circle, .col-resources h3, .plan-heading, .plan-heading h5, .free-trail-heading h5{-webkit-transition: all 1s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .spport-info:hover .sub-transparent-circle, .spport-info:hover h4, .col-resources:hover .main-circle, .col-resources:hover .sub-circle, .col-resources h3, .sample-materials:hover .transparent-circle, .sample-materials:hover .sub-transparent-circle, .sample-materials:hover h4, .common-plan-box:hover .plan-heading, .common-plan-box:hover .plan-heading h5, .common-plan-box:hover .free-trail-heading h5{-webkit-transition: all 1s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .spport-info:hover .sub-transparent-circle{ background-color: #f68505;} .spport-info:hover .transparent-circle{ border-color: #f68505;} .spport-info:hover h4{color: #f68505;} .col-resources:hover .main-circle {border-color: #19244f;} .col-resources:hover .sub-circle{ background-color: rgb(25, 36, 79);} .col-resources:hover .fa, .common-plan-box:hover .plan-heading h5{ color: #fff; } .col-resources:hover h3{color: #19244f} .sample-materials:hover .transparent-circle{ border-color:rgb(114, 143, 255)} .sample-materials:hover .sub-transparent-circle{ background-color: rgb(114, 143, 255)} .sample-materials:hover h4{ color: rgb(114, 143, 255)} .common-plan-box:hover .plan-heading { background-color: rgb(25,36,79);} .common-plan-box:hover .free-trail-heading h5{ background-color: rgb(7, 179, 15); color: rgb(255, 255,255);} /*** End hover animation ***/ .dwnld-lhs .fa{ color: rgb(25, 36, 79); font-size:8em; padding: 15px;} .translation-clients{font-family: 'proxima_novabold'; font-size: 1.5em; color: rgb(25, 36, 79);} .dwnld-rhs, .dwnld-lhs{padding-top:40px; padding-bottom: 71px; } .dwnld-rhs .transparent-circle{background-color: transparent; border: 4px solid #f68505;} .dwnld-rhs .sub-transparent-circle{background: rgb(246, 133, 5);} .dwnld-rhs h4{ color:#19244f } .sample-materials{ padding-top: 40px;} .plan-info{ padding-bottom: 55px;} .login-all-plan-container{ margin-left: 170px; width: 100%} .col-our-plan{ background:url(/Content/images/plan-banner-bg.png) no-repeat center top; color: #c4d0ff; height: 100%; padding-bottom: 150px; width: 100%} .col-our-plan .common-plan-box{ background: rgb(255, 255, 255); color: #19244f; text-align: center; padding-bottom: 32px;} .col-our-plan .plan-heading { background: rgb(246, 143,5); text-align: center;} .col-our-plan .plan-heading h5, .free-trail-heading h5{ font-family: 'proxima_novalight'; font-size: 3em; padding: 20px 0; text-transform: capitalize;} .col-our-plan .common-plan-box small{ margin: 15px 0px;} .col-our-plan .plans-body { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 15px 25px 0 25px; padding-bottom: 25px;} .col-our-plan .plans-body p, .col-our-plan .agnecy-trail p{font-family: 'proxima_novalight'; font-size: 1.5em; padding: 30px 0 0 0; text-transform: uppercase;} .col-our-plan .plans-body ul, .col-our-plan .agnecy-trail ul{ margin: 0 auto; text-align: left; padding-bottom: 25px; width: 182px;} .col-our-plan .plans-body ul li, .col-our-plan .agnecy-trail ul li{text-transform: uppercase; font-family: 'proxima_novalight'; font-size: 1.4em;} .col-our-plan .plans-body small{font-family: 'proxima_novaregular'; margin-bottom: 25px; text-transform: uppercase;} .col-our-plan .common-plan-box a.explore, .col-our-plan .agnecy-trail a.explore{font-family: 'proxima_novabold'; color: #f68505; text-transform: uppercase;} .col-our-plan .free-trail{ padding-bottom: 4px;} .free-trail-heading h5{ background: rgb(235,192, 51);} .col-our-plan .agnecy-trail { background: rgb(255, 238, 182); border: 1px solid #ffe17e; margin: 8px 10px; padding: 0 10px;} .col-our-plan .agnecy-trail h6{ font-family: 'proxima_novaregular'; font-size: 1.5em; border-bottom: 1px solid #ffe17e; padding-bottom: 6px; margin: 10px 0 0 0;} .col-our-plan .agnecy-trail p{ line-height: 45px; margin: 0; padding: 0;} .col-our-plan .agnecy-trail p strong{color:#f68505;} .col-our-plan .agnecy-trail ul{border-bottom: 1px solid #ffe17e; padding-bottom: 5px;} .col-our-plan .agnecy-trail a.explore{color: #333; line-height: 29px;} .col-our-plan .freelancer-trail { background: rgb(255, 221 ,183); border:1px solid #ffa33d} .col-our-plan .freelancer-trail h6{ border-bottom: 1px solid #ffa33d;} .col-our-plan .freelancer-trail ul{ border-bottom: 1px solid #ffa33d;} .about-gw{ text-align: center;} .lion-head-logo {width:25px; margin-top:-7px; margin-left: 2px;} .footer-bg-color{ background: rgb(34, 34, 34); margin-top: 10px; position: relative; padding: 35px 0 0 0; top: 23px; width: 100%} footer .footer-menu{ padding-top: 20px;} footer ul li{ float: left; border-right: 1px solid #929292; line-height: 13px;} footer ul li a{ color: #929292; text-decoration: none; padding:0 10px;} footer ul li:last-child{ border-right: none;} footer ul li a:hover{color: #f68505;} footer ul.accept{padding-top: 15px;} footer ul.accept li{border-right: none; float:left; padding-right: 8px;} footer ul.accept li:first-child{ padding-top: 6px;} footer ul.social-media{float: right;} footer ul.social-media li {border-radius: 5px; border: 1px solid #929292; height: 35px; padding: 10px 0; margin-right: 10px; width: 35px;} footer ul.social-media li a{padding: 10px; margin: 0 auto;} footer ul.social-media li:last-child{ margin-right: 0;} footer .copyright{ background: url(/Content/images/copyright-bg.png) repeat-x left 0; margin-top: 10px; padding: 10px 0 0 0; width: 100%; overflow: hidden;} .fixed-header{ position: fixed; top: 0; z-index: 9999; width: 100%;} .scrollup{bottom: 164px; background: #fdad82; border: 1px solid #fb9e6b; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0.5px rgba(0, 0, 0, 0.04); border-radius: 20px; cursor: pointer; color: #000; text-transform: uppercase; text-align: center; display: none; height: 40px; position: fixed; padding: 4px; right: 30px; width: 40px; z-index: 9999;} .scrollup .fa{ color: #fff;} /*** login Page ***/ .login {border: 1px solid #CCC; margin: 8% auto; width: 396px; text-align: center; } .login-screen {background-color: rgb(255, 255, 255); padding: 10px; border-radius: 5px} .app-title {text-align: center; color: #777; padding-top: 15px;} .login-screen h3{ color: #162253;} .login-form {text-align: center;} .control-group { margin-bottom: 10px; text-align: left; } .control-group input{height: 42px;} .control-group sup{ color: rgb(244, 52, 56); font-size: 1.3em; top: 1px;} .full-btn{ margin: 0 auto; text-align: center; } /*** Forgot Pasword ***/ .forgot-form ul { padding-bottom: 30px;} .forgot-form ul > li{ float: left; padding: 0 5px;} .forgot-form ul > li > label{display: inline-block;} .login-screen p{ border-bottom: 1px solid #ccc; font-family: 'proxima_novalight'; margin-bottom: 25px; text-align: left; font-size: 1.5em;} /*** Cart Page ***/ .cart-total{ padding-bottom: 20px;} .must-head h1{ color: #FFF; padding-top: 45px;} .cart-must-head { background: url(/Content/images/cart-bg.png) no-repeat center 0;} .cart-table .table>tbody>tr>td{ padding: 40px 0;} .edit{ color: #929292; } .delete { color: #f43438;} .subtotal-container{ background: rgb(232, 232, 232); border: 1px solid #e1e1e1; margin-top: 10px; padding: 20px; text-align: left;float:left;width:100%;} .subtotal{border-bottom: 1px solid #ccc; margin-bottom: 15px} .subtotal p, .subtotal label, .total p{ text-align: left; font-family: 'proxima_novaregular'; text-transform: uppercase;} .subtotal label{ font-size: 1.5em;} .total p, .total label{ font-family: 'proxima_novabold'; font-size: 1.5em;} .total label {color: #0da338; font-weight: normal;} .help{ background: rgb(255, 255, 255); border: 1px solid #f1f1f1; margin: 50px 0; text-align: center;} .help h3{color: #162253; font-family: 'proxima_novalight'} .tooltip-text{color: #e8611c; text-decoration: dashed; font-size:0.9em;} #freeTrailMsg, .user-msg-info {background:rgb(255, 255, 255 );border:1px solid #e1e1e1;text-align:left;padding:20px;} #freeTrailMsg h1, .user-msg-info h2 {font-size:1em; font-weight:800;} #freeTrailMsg p, .user-msg-info p{font-size:1em;text-align:left; margin: 0; padding: 0;} /*** Checkout ***/ .new-user-login{ padding-top: 34px;} .new-user-login p{font-family: 'proxima_novalight'; text-align: left; font-size: 1.5em; padding: 15px; margin-bottom: 0;} .existing-user {background: #ffe7da; border: 1px solid #fddcca; padding-bottom: 0; } .new-user{background: #e5ffec; border: 1px solid #c9fcd6; margin-top: 15px;} .checkout-login{font-family: 'proxima_novabold'; text-decoration: underline;} .order-data { background: rgb(255, 255, 255); border: 1px solid #f5eeeb; float: left;} .order-data .table-header{ background: rgb(234, 225, 220); color: #000; font-size: 1.5em; padding: 10px 15px;} .order-data > div {border-bottom: 1px solid #f5eeeb; vertical-align: middle; padding: 10px 15px;} .order-data > div > label{padding-right: 5px; } .order-data strong { font-family: 'proxima_novabold'; font-size: 1em;} .order-data .plan-name{ float: left; width: 100%;} .order-data .plan-name {font-size: 1.5em; font-family: 'proxima_novabold'} .order-data label.sub-total{ color: #0da338; font-size: 1.2em; font-family: 'proxima_novabold'; text-transform: uppercase;} .order-data .total{ font-size: 1em;} .order-data p{ text-align: left; margin-bottom: 0;} .register-form{margin-top: 30px; padding-top: 20px;} .form{ padding-top: 30px;} .code{ border-right:none; border-radius: 5px 0 0 5px} .avilability{ font-family: 'proxima_novabold'; font-size: 0.8em; float: left; margin-top: 42px;} .billing-info p{ text-align: left; padding-left: 15px; padding-top:20px;} .billing-info input{ background: rgb(255, 255, 255);height:40px;} .billing-info label{text-transform: uppercase;} .billing-info .control-group{ margin-bottom: 20px;} .billing-info .select select{ border: 1px solid #ccc} .billing-info small{ color: #f43438;} .phn-number{ border-radius: 0 5px 5px 0} .tc label{ text-transform: none; float: left;} .tc input{ float: left; width: 30px;} .tc ul li { float: left;} /*** Payment Information ***/ .payment-container {max-width: 480px; margin: 50px auto; text-align: left;} .card-info{background: rgb(255,255, 255); border: 1px solid #ede6e4; border-radius: 3px; min-height: 320px; margin-bottom: 70px; padding-top: 15px; padding-bottom: 15px; } .payment-method{ width: 100%;} .payment-method li{border:1px solid #e1e1e1; background:rgb(241, 245, 248); border-radius: 3px; cursor: pointer; float: left; font-weight: 700; letter-spacing: 1px; padding: 10px; margin:0 10px 10px 0;} .payment-method li.active{background:rgb(196, 208, 255); border: 1px solid #19244f; border-radius: 3px; color: #19244f; font-weight: 700; letter-spacing: 1px} .control-group .cvv{ width: 100px; text-align: left;} .method-tabs{ display: none; text-align: center;} .method-tabs .control-group{float: left; position: relative; width: 100%} .method-tabs .card{ position: absolute;; top: 8px; right: 8px;} .method-tabs .select{ width: 50%; float: left;} .method-tabs .select select{ border: 1px solid #ccc} .year{ padding-right: 0;} /*** our Plan ***/ .zoom-effect{ position: relative; padding-top: 20px; overflow: hidden;} .free-trial { position: relative; overflow: hidden; text-align: center;} .free-trial img, .video-img img{ -webkit-transition: .4s ease; -moz-transition: .4s ease; transition: .4s ease;} .free-trial:hover img, .video-img img:hover{-webkit-transform: scale(1.15); transform: scale(1.15); -moz-transform: scale(1.15)} .trial-outline {border: 1px solid #1d81cf; margin: 2%; position: absolute; top: 0; left: 0; width: 96%;} .free-trial h2{ color: #b6c5ff; text-transform: capitalize; font-family: 'proxima_novalight'; padding-bottom: 5px; margin:5px 0 0 0; } .free-trial h2::before, .free-trial h2::after{background: #b6c5ff; content: "";height: 1px; left: 29%; position: absolute; top: 29px; transform: translateX(-50%); width: 75px;} .free-trial h2::after{ left: 71%;} .free-trial h3{ color: #FFF; text-transform: capitalize; font-size: 3.5em; margin: 0; padding: 0;} .free-trial ul{ width: 55%; margin: 0 auto;} .free-trial ul li{ color: #b6c5ff; float: left; font-size: 1.6em; font-family: 'proxima_novalight'; margin-right: 10px;} .free-trial .btn-secondary{ margin: 17px auto;} .plan-tabs{ float: right; padding-top: 60px;} .plan-tabs li{background: rgb(25, 36, 79); color: #FFF; font-size: 2.5em; float: left; font-family: 'proxima_novalight'; margin-left:20px; width: 229px; position: relative; padding: 24px 15px; text-align: center; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;} .plan-tabs li:before{content: ''; position: absolute; border: white solid 1px; top: 6px; left: 7px; right: 6px; bottom: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity;} .plan-tabs li:hover:before, .plan-tabs li:focus:before{ opacity: 1; color: #000;} .plan-tabs li:hover{background: rgb(246, 133, 5); color: #000; cursor: pointer;} .plan-tabs li.active {background: rgb(246, 133, 5) url(/Content/images/plan-hover-bg.png) no-repeat 0 0; cursor: pointer; color: #000; } .plan-tabs li.active span{height:20px; width:20px; display:block; position:absolute; z-index: 9999} .plan-tabs li.active span.icon{height:20px;} .plan-tabs li.active span.icon:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:rgb(246, 133, 5); position:absolute; top:74px; left:0px; bottom: 10px; } .plan-data table tr td { border-color:#ccc; font-family: 'proxima_novaregular'; text-align: center;} .plan-data table tr td label{ padding-top: 7px; cursor: pointer;} .plan-data .radio-container { margin: 0 auto; position: relative;} .plan-information { b padding-bottom: 30px; position: relative; margin-top: 50px; text-align: center;} .plan-information h4{ font-family:'proxima_novabold'; font-size:1.5em; } .plan-data .grid-header{background: rgb(246, 133, 5)} .plan-data .grid-body .grid-bdr-right{font-size: 1.1em; padding:12px 0 0 0; margin-top: 9px;} .plan-data .row{border:1px dashed #f6ece8} .plan-data .btn-default, .btn-secondary, .btn-green, .btn-orange{ margin: 10px auto;} .plan-data .grid-body .pdleft{ text-align: left; padding:12px 0 0 95px;} /*** Receipt ***/ aside p{text-align: left; line-height: 1.42857143; margin: 0;} /*** Thank you ***/ .thankyou-container {padding-top: 60px; text-align: center;} .thankyou-container p{color:#0da338; font-family: 'proxima_novalight'; font-size: 3em; margin: 0;} .thankyou-container .order-details{padding-top: 25px;} .thankyou-container .order-details p, .thankyou-container .order-details label{color: #19244f; font-size: 1.5em; font-family: 'proxima_novaregular';} .thankyou-container .order-details p {padding-bottom: 25px;} .print, .download{ color: #f68505; font-size: 1.8em; margin-top: 25px;} .download{margin-left: 30px} .print-logo{ display: none;} .non-logged-user, .logged-user{ min-width: 320px; max-width: 1150px; margin:0 auto;} .vdb{width: 320px; margin: 0 auto;} .logged-user {max-width:760px} .non-logged-user li, .logged-user li, .vdb li{float: left; margin-right: 15px;} .vdb li{ margin-right: 0;} .non-logged-user li a, .logged-user li a, .vdb li a, .non-logged-user li a:hover, .logged-user li a:hover, .vdb li a:hover{ text-decoration: none;} .non-logged-user li:last-child, .logged-user li:last-child{margin-right: 0;} .panel-container{background: rgb(255, 231, 218); border: 1px solid #fddcca; padding: 15px; text-align: center; min-height: 137px; width: 370px;} .panel-container h6{color: #e8611c; font-size: 1.8em; font-family: 'proxima_novaregular'; text-transform: none; text-align: center; font-weight: 700;} .panel-container p{font-size: 1em; color: #e8611c;} .panel-container p a{ color: #e8611c; text-decoration: underline; font-weight: 700;} /*** My Account ***/ .myaccount-must-head{ background: url(/Content/images/my-account-banner.png) no-repeat center 0;} .profile-container{ background:rgb(232, 232, 232); text-align: center; padding: 15px 0; font-size: 1.5em; font-family: 'proxima_novalight'; text-transform: uppercase;} .profile{ padding-bottom: 15px;} .lhs-menu{ background: rgb(255, 255,255); float: left; margin-top: 20px; width:100%;} .lhs-menu li{border-bottom: 1px solid #DDD; cursor: pointer; float: left; font-size: 1.5em; padding: 15px; width: 100%;} .lhs-menu li span{background:url(/Content/images/sprite-icon.png) no-repeat left 15px; padding: 20px;} .lhs-menu li span.tw{background-position: left 15px;} .lhs-menu li span.myaccount{ background-position: left -60px;} .lhs-menu li span.manage-user{ background-position: left -140px; border-bottom: none;} .lhs-menu li:last-child{border-bottom: none;} .lhs-menu li.act{background: rgb(232, 232, 232);} .col-account, .col-billing, .col-payment{ background: rgb(255, 255, 255); border: 1px solid #f6ece8; float: left;} .col-account h3, .col-billing h3, .col-payment h3{background:rgb(232, 232, 232); color: #333; font-family: 'proxima_novaregular'; font-size: 1.8em; text-transform: inherit; margin: 0; padding: 15px;} .col-account-data{ padding: 15px 0; float: left; width: 100%} .rhs{display: none;} .rhs .right-text label{ font-weight: 700;} .agreement{ float: left; margin: 20px 0;} .transaction-history .grid-body div, .transaction-history .grid-body .grid-bdr-right{ font-size: 1em; font-family: 'proxima_novaregular'; padding: 8px; vertical-align: middle;} .transaction-history .grid-header{ font-size: 1.2em;} .transaction-history label{ display: inline-block;} .transaction-history .row{ border-bottom: 1px dashed #f6ece8} .transaction-history .grid-body{ border: 1px solid #f6ece8; } .col-account, .col-billing, .col-payment{ background: rgb(255, 255, 255); border: 1px solid #f1f1f1; float: left; width:100%; box-shadow: 0 6px 10px -9px black; box-shadow: -webkit-box-shadow: 0 6px 10px -9px black; -moz-box-shadow: 0 6px 10px -9px black; box-shadow: 0 6px 10px -9px black;min-height:200px;} .col-account{min-height:250px;} .transaction-history .grid-body div.edit, .transaction-history .grid-body div.delete{ margin: 0; padding: 0;} .manage-user li{float:left; margin:10px 5px} .launch-tw{font-size:1.5em; font-family:proxima_novalight; color:#e8611c; margin:10px 0px;} .launch-tw:hover{ color:#e8611c;} .manage-user-data .grid-body .grid-bdr-right{ padding:0; margin:8px 0; min-height:25px; height:25px;} .manage-user-data .grid-body div{ padding:0;} .manage-user-data .grid-body div:last-child{ border-bottom:none;} .btn-group .edit-btn, .btn-group .delete-btn{ color:#929292; background:none; border:none; margin-top:6px;} .btn-group .delete-btn{ color:#f43438} .manage-user-data .grid-header{ font-size:1.1em; font-weight:normal;} .my-account-search .input-group-btn{ width:19.2%; margin-right:1%; float:left} .my-account-search div:last-child{ margin-right:0;} .manage-user-data .manage-header{cursor:pointer;} /** Range Slider ***/ #main,#main_bot{width:600px; height:auto; margin:100px auto 0; position:relative} #slider,#slider_bottom{width:600px; position:absolute; height:10px; background:url(/Content/images/slider-bg.png) top left} #slider_bottom{margin-top:200px} .ui-slider-handle{position:absolute; z-index:2; width:29px; height:31px; cursor:pointer; background:url(/Content/images/handler.png) 50% 50% no-repeat; outline:0; top:-7px; margin-left:-12px} .ui-slider-range{background:url(/Content/images/slider-range.png) no-repeat;position:absolute;border:0;top:0;height:100%;border-radius:25px} #textarea_one,#textarea_three{margin-top:17px; /*margin-left:-25px*/} #textarea_four,#textarea_two{float:right; margin-top: -18px; margin-right: -20px;} #textarea_four,#textarea_one,#textarea_three,#textarea_two{font-weight:700; color:#959595; float:right; margin-top: 18px;} #textarea_one{ float: left;margin-top: 13px;} .getting-support li{ font-size: 1.2em; padding-bottom: 10px;} .subscription .select-arrow{ right: 20px;} /**.manage-user{ float: right;}**/ .manage-user li{ float: left; cursor: pointer;} /*** Faq ***/ .faq-must-head{ background: url(/Content/images/faq-bg.png) no-repeat center 0;} .faq h3{ text-align: left;} .col-faq-rhs h3{border-bottom: 1px solid #e1e1e1; } .col-faq-lhs {width: 305px;} .faq-ans{border-bottom: 1px solid #e1e1e1; display: none; float: left; width: 100%;} .col-faq-rhs{ display: none;} .faq-ans p, .col-faq-rhs h4{ display: inline-block; text-align: left; } .col-faq-rhs h4{background: url(/Content/images/sprite-icon.png) no-repeat right -224px; border-bottom: 1px solid #e1e1e1; cursor: pointer; font-weight: 600; text-transform: inherit; padding: 15px 0; margin: 0; width: 100%;} .col-faq-rhs h4.sel{background-position: right -295px; color:#e8611c; border-bottom: none; } .col-faq-rhs h4.sel sup{color:#e8611c; font-size: 0.5em; font-weight: 800;} .col-faq-rhs h4.sel mark{ background:#e8611c; color: #FFF;} .faq-ans mark{ font-size: 1.3em;} .col-faq-rhs mark{ margin-right: 8px;} .faq-ans ul{ padding-left: 30px} .faq-ans ul li{ font-size: 1.23em; padding-bottom: 10px; list-style-type: disc;} .faq-ans p a, .faq-ans ul li a{color: #e8611c; text-decoration: underline; font-size: 0.9em;} .faq-ans ul li a{ font-size: 0.8em;} .faq-ans ul li a:hover, .faq-ans p a:hover{ text-decoration: none;} .col-faq-lhs li{border-top: 1px solid #e1e1e1; float: left; font-size: 1.3em; font-family: 'proxima_novaregular'; font-weight: 900; padding: 8px 0; width: 100%; transition: 1.2s all cubic-bezier(0.22, 0.44, 0, 1)} .col-faq-lhs li small{ font-size: 0.8em; color: #929292; font-weight: normal; float: left; width: 300px} .col-faq-lhs li{cursor: pointer;} .col-faq-lhs li.active{border-left: 2px solid #e8611c; color: #e8611c; padding-left: 5px;} .col-faq-lhs li.active small{ color: #19244f;} .col-faq-lhs li.act, .col-faq-lhs li:hover{ padding-left: 5px; margin-left:5px; color:#e8611c } .col-faq-lhs li.act small, .col-faq-lhs li:hover small{ color:#19244f; } .faq-ans ul li ul li {font-size:0.9em;} /*** contact ***/ .col-contact{ padding: 50px 0;} .col-contact p{ text-align: left;} .contact-info{ padding-top: 20px;} .col-contact .col-phone-number{ background: rgb(227, 227, 227); padding: 15px; margin-bottom: 20px; text-align: center; width: 100%;} .col-contact .col-phone-number p{ text-align: center; text-transform: uppercase; font-family: 'proxima_novaregular'; font-weight: 800;} .col-contact .col-phone-number p::before{ background:#19244f; bottom: 55%; content: ""; width: 40px; height: 1px; left: 50%; position: absolute; transform: translateX(-50%);} .col-contact .col-phone-number a{ color: #333;} .col-contact .col-phone-number a:hover{ text-decoration: none;} .col-contact-form{ background: rgb(227, 227, 227); margin-top: 15px;} .col-contact .usa{ padding: 5px;} .col-contact .usa p::before{ bottom: 65%;} .col-contact-form h1{ padding-left: 15px;} .join-tem{ background: rgba(255, 255, 255); border: 1px solid #ccc; padding: 15px; margin-top: 19px} .join-tem p{ color: #e8611c; font-weight: 800; padding: 0; margin: 0;} .join-tem p a{text-decoration: underline; color: #e8611c;} .join-tem p a:hover{text-decoration: none;} .image-preview-input{position:relative; overflow:hidden; margin:0; color:#333; background-color:#fff; border-color:#ccc; border-radius:0 5px 5px 0} .image-preview-input input[type=file]{position:absolute; top:0; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0)} .image-preview-input-title{margin-left:2px} .input-group-btn .image-preview-clear{ position: absolute; margin: 0; top: 1px; right: 127px; padding: 6px;} /*** Product Page***/ .left-side > li{border-bottom: 1px solid #e1e1e1; cursor:pointer; float: left; padding: 10px 0; margin-bottom: 10px; width: 70%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.5s; transition: 1.2s all cubic-bezier(0.22, 0.44, 0, 1);} .left-side > li:hover{ margin-left: 5px;} .left-side > li > span{ background: url(/Content/images/sprite-icon.png) no-repeat 0 -450px; float: left; display: inline-block; width: 50px; height: 60px; padding: 27px 31px;} .left-side > li > span.tech{ background-position: 0 -680px;} .left-side > li > span.tw{ background-position: 0 -888px;} .left-side > li > span.ttw{ background-position: 0 -1150px;} .left-side > li.active{ border-left: 3px solid #e97f25; padding-left: 5px;} .left-side > li.active span{background-position: 0 -552px} .left-side > li.active span.tech{ background-position: 0 -776px;} .left-side > li.active span.tw{ background-position: 0 -966px;} .left-side > li.active span.ttw{ background-position: 0 -1062px;} .left-side > li.active p, #resources .left-side li.active {color: #e97f25;} #resources .left-side li p {padding:10px 0px 0px 14px;} #resources .left-side li .fa{float:left;} .left-side > li > p{ float: left; text-align: left; display: inline-block; font-family: 'proxima_novaregular'; font-weight: 800; width: 67%} .right-side{display: none;} .right-side p{ text-align: left;} .right-side h3{ text-align: left; font-family: 'proxima_novalight'; text-transform: unset; font-size: 2.2em;} .right-side h3:before{background: #f68505; left: 35px; top: 56px} .right-side h4{ font-family: 'proxima_novaregular'; font-weight: 800; margin-top: 15px;} .right-side hr{ width: 30%; margin: 0 auto;} .right-side h5{ font-size: 1.3em; text-align: center; text-transform: none; font-family: 'proxima_novaregular'; margin-top: 25px;} .right-side h6{ position: absolute; bottom: 10px;border-top: 1px solid #9db1ff; color: #FFF; font-size: 1.2em; padding-top: 25px; text-align: center; text-transform: none; width: 100%; overflow: hidden;} .right-side .row{ padding-bottom: 35px;} .video-img { position: relative; overflow: hidden;} .video-icon{ position: absolute; top: 45%; left: 45%;} .video-content{ padding: 80px 15px;} .right-typo .typo{ left: inherit; right: 8%} .typo h4 {color: #c4d0ff; text-transform: none; font-size: 2em; font-family: 'proxima_novabold';} .right-typo .typo p{ font-size: 1.5em;} .right-typo .typo p a:hover{ color:#f68505;} .left-side li sup, .static-content sup, .col-faq-rhs sup, .faq-header sup, .right-side sup, { font-size:0.5em; color: #19244f; font-weight: 800;} .left-side li.active sup{ color: #e97f25} .left-side li:nth-child(1) p, .left-side li:nth-child(2) p{ padding-top: 10px;} /*** Support and Training ***/ .support h4, .tarining h5{ font-family:'proxima_novabold'; font-size: 1.3em; text-transform: uppercase;} .support ol{ padding-left: 15px;} .support ol > li{ list-style: decimal; font-size: 1.2em; line-height: 25px; padding-bottom: 5px;} .tarining h5{ text-transform: none;} /*** footer pages ***/ .section-legal-notice{ text-align: left;} .section-legal-notice p{text-align: left;} .static-breadcrum .breadcrumb{ padding: 27px 15px;} .static-breadcrum .breadcrumb > li > a{ color:#19244f;} /*** About Banner ***/ .banner{ position: relative;} .typo {position: absolute; top:-470px; left: 8%; z-index: 5} .typo p{ color: #c4d0ff; text-align: left; font-size: 2.2em;} .typo p.small{ font-size: 1em; text-transform: uppercase;} .typo p.small a, .about-gw p a, .typo p span{color: #f68505;} .static h4{ font-family:'proxima_novaregular'; font-weight: 700; margin-bottom: 20px} .static h4::before{ height: 1px; top: 30px;} .support-banner .typo p a:hover{ color: #f68505; } /*** 404 ***/ .page-not-found{position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); text-align: center; } .msg, .msg-tech{ font-size: 2em; font-family:"proxima_novalight"} .msg-tech{font-family:'proxima_novabold';} /*** information ***/ .information{ background: rgb(205, 232, 246); border: 1px solid #7dbce0; color: #3870a1; float:left; text-align: left; padding: 15px; margin-bottom:20px; width: 100%;} .information p, .information h5{color: #3870a1; text-align: left; font-size: 0.9em; padding: 0; margin: 0; padding-top: 7px;} .information h5{ font-weight: 600;} .information a{ color: #e97f25} .info-icon{float:left; width:30px; height:auto} .info{float:left; width:92%;} .common-info .info-icon{width:44px} .clsagreement sup {color:unset;} /*** tutorials ***/ .col-tutorial{ float: left; background: rgb(255, 255, 255); border: 1px solid #f1f1f1; padding: 15px; width: 100%;} .col-tutorial h5{ font-size: 1.5em; text-align: left; font-weight: 500; margin: 0 0 10px 0; padding: 0 0 10px; border-bottom: 1px solid #f1f1f1} .col-tutorial ul{ float: left; margin-bottom: 0;} .col-tutorial ul li{background:#ffe7da; border: 1px solid #fddcca; float: left; width: 201px; margin-right: 10px; padding: 10px;} .col-tutorial ul li span{background: url(/Content/images/sprite-icon.png) 0 -1264px; float: left; padding: 22px 26px} .col-tutorial ul li p{ float: left; text-transform: uppercase; color: #e97f25; font-family: 'proxima_novalight'; font-size: 1.5em; padding-top: 4px; margin-bottom: 0;} .col-tutorial ul li:nth-child(2){ background: #c0cdff; border-color: #b2c2ff;} .col-tutorial ul li:nth-child(2) span{background: url(/Content/images/sprite-icon.png) 0 -1443px;} .col-tutorial ul li:nth-child(2) p{ color: #19244f;} /*** sitemap ***/ .home-btn p{ float: left;} .home{ background:#ffe7da; border: 1px solid #ffd3ae; padding:10px 30px; text-transform: uppercase; font-family:'proxima_novabold'; position:relative;} .home:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:#ffd3ae; position:absolute; bottom:-10px; left:45px;} .fisrt-label { float: left; width: 100%;} .fisrt-label li {float: left; margin-right: 10px; position: relative; line-height: 30px;} .fisrt-label li .fa{ position: absolute; top: 31px; left: 70px; color: #bdcaff;} .fisrt-label li a{ background: #e5eaff; border: 1px solid #bdcaff; color: #19244f;padding: 5px 10px; text-align: center; width: 135px; float: left; text-transform: uppercase; font-family:'proxima_novabold';} .fisrt-label li span:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:#ffd3ae; position:absolute; bottom:-10px; left:45px;} .fisrt-label li .second-label { margin: 20px 0 0 0; float: left; clear: both; text-align: center;} .fisrt-label li .second-label li a{font-family: 'proxima_novalight'; font-weight: 500; text-align: left;} .fisrt-label li:last-child{ margin-bottom: 8px;} /***cookie site***/ #enableCookiesMessage { background: rgba(0,0,0,.75); display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10000; height:60px; } #enableCookiesMessage p { text-align:center; margin:1em 0; color:#fff; font-family:'proxima_novaregular'; font-size:1.1em; } /** orange info box**/ .info-box{background:rgb(255, 231, 218); border:1px solid rgb(253,220, 202); padding: 10px; text-align:center; min-height:95px; margin-bottom:20px; vertical-align:middle} .info-box h5{ color:rgb(232, 97, 28); font-family:'proxima_novabold'; text-align: center; margin:0; font-size:1.8em; line-height:25px;} .info-box p{color:rgb(232, 97, 28); font-size:1.1em; text-align:center} .info-box .timer label{ font-size:2.5em; color:rgb(232, 97, 28); line-height:17px; margin-top:9px; text-align:left;} .info-box .timer small{ font-size:0.8em; text-transform: uppercase; color:rgb(238, 163, 125); float:left; padding-left:0;} .intro-tw{ padding-top:11px; } .info-box label::after{content:":";padding:0px 12px;} .info-box label.last::after{content:"";padding:0px;} /**password rules info**/ .password-rules-edit-systemuser{margin-left: 6%;} .password-rules-edit-user{margin-left: 4%;} .password-rules-set-password .password-rules-content{margin-left: 2%;} .password-rules-set-password a{margin: 2% 0 0 -2%;} .password-rules{text-align: left;} .password-rules a:hover{color: #f68505;} .password-rules-heading{font-family:'proxima_novaextrabold'; margin-bottom: 2%; font-size: 1em; font-weight: bold;} .password-rules-content li{list-style: disc; margin-left: 2%;} .password-req-policy-link{font-size: 0.9em; font-weight: bold; display: inline-block;} @media screen and (max-width: 1600px) { .section-info {padding-bottom: 97px;} .banner-bg{background-size: cover;} .mnheight{min-height: 416px;} .typo{ top:-400px } .banner-text{left:25%;} .grid-body .grid-bdr-right{ font-size: 1.2em; padding: 32px 0;} .edit, .delete{ margin-top: 33px;} #resources .left-side li p{ width: 72%} } @media screen and (max-width: 1366px) { .banner-text{ top:28%; left: 21%} .col-resources p{ height: 180px; max-height: 180px;} .col-our-plan .plans-body ul{ width: 166px} .col-our-plan .agnecy-trail ul{ width:179px} .typo{ top:-390px } .right-typo .typo p{ font-size: 1.2em;} .col-our-plan .agnecy-trail h6{ font-size: 1.3em;} .col-our-plan .plans-body ul li{font-size: 1.3em;} .col-faq-rhs h4{ font-size: 1.2em;} .free-trial{ height: 271px;} .free-trial .img-responsive{ height: 100%;} .free-trial h2::before{ left: 24%;} .free-trial h2::after{left: 75%;} .right-text{ text-align: left} .rhs .right-text label{ font-size: 0.81em;} .rhs p, .col-account p{ clear: both;} .lhs-menu li{ font-size: 1.3em;} th a{ color: #333} .form-horizontal .btn{ padding: 6px 10px} .typo{ top: -340px;} .faq-ans ul li{ font-size: 1.1em;} .free-trial ul li{ width: 100%} .col-our-plan .agnecy-trail ul li{ font-size: 1.46em} .banner-bg {background-position: -265px 0;} .edit a, .delete a{ font-size: 0.8em} .tooltip-content{ width: 300px;} .cart-total{height: auto;} .left-side > li{ width: 80%} .left-side > li > p{ width: 72%} table tr td{ font-size: 1em; padding:2px 0;} table th a{ font-size: 0.8em;} .login-all-plan-container{margin-left:152px;} } @media (max-width: 1280px) { .banner-text{ top: 23%; left: 12%;} } @media (max-width: 1024px) { h3{ font-size: 1.3em;} h2{font-size: 2.5em} p{ font-size: 1.1em;} .banner-text{ top: 24%; left: 20%;} .banner-text h5{ font-size: 3em;} .banner-text h6{font-size: 2em;} .banner-text p{font-size: 1.2em;} .col-resources p{ height: 160px; max-height: 160px;} .banner-bg{ background-position: -419px 0; background-size: cover; width: 100%; height: 100%;} .transparent-circle{ height: 130px;border-radius: 65px; width: 130px;} .sub-transparent-circle { height: 110px; border-radius: 55px; width: 110px;} .col-our-plan .col-md-3{ padding-left: 0;} .col-our-plan .agnecy-trail h6{font-size: 1.4em;} .col-our-plan .plans-body ul{ padding-left: 8px;} .col-our-plan .agnecy-trail ul{padding-left: 0; width: 186px;} strong{ font-size: 1.6em;} .scrollup{bottom:144px;} .dwnld-lhs .fa{font-size: 5em;} .col-our-plan{ background-size: cover; padding-bottom: 10px} .col-our-plan .agnecy-trail ul li{font-size: 1.1em;} .typo{top: -310px} .right-typo .typo p{font-size: 1.2em;} .left-side > li > span{ padding: 27px 27px;} .col-faq-lhs{ width: 225px;} .left-side > li{ width: 100%;} .order-data > div{ min-width: 66px;} .sub-transparent-circle .icon-area{padding:27px 0 0 0;} .lhs-menu li{ font-size: 1em;} } @media (max-width: 992px) { .banner-bg{background-position: -548px 0;} .scrollup{bottom:134px;} .col-our-plan .agnecy-trail h6{ font-size: 1.2em;} .col-our-plan .plans-body ul{ width: 175px;} .col-our-plan .col-md-3{ padding-left: 15px;} .about{ background:#19244f url(/Content/images/bottom-wave-bg.jpg) no-repeat center 0 ; position: relative;} .about .common-container{ background: #fbf3f0; position: relative;top: 43px;} .left-side > li{ width: 31%; margin-right: 15px; background: #fff; border: 1px solid #e1e1e1; padding-left: 5px;} .left-side > li:last-child{ margin-right: 0;} .left-side > li > p{ width: 72%;} .order-data > div{ min-height: 66px;} .non-logged-user li, .logged-user li{ margin-bottom: 20px;} .panel-container{width: 357px;} .free-trial{ height: 210px;} .free-trial h2{ font-size: 2em;} .free-trial h3{ font-size: 2.5em;} .free-trial ul li{ font-size: 1.2em;} .free-trial h2::before, .free-trial h2::after{ top: 19px;} .free-trial h2::before{ left: 17%;} .free-trial h2::after{ left: 83%} .plan-tabs li{ width: 201px; padding: 24px 13px; font-size: 2em; margin-left: 8px;} .plan-tabs li.active{background-size: cover; } .plan-tabs li.active span.icon:before{top: 64px;} .plan-data .grid-body .pdleft{ padding: 12px 0 0 20px} .plan-data .grid-body .grid-bdr-right{ font-size: 1em;} .btn{ padding: 6px 15px; font-size: 0.9em;} .banner-text h5{ font-size: 2em;} .banner-text h6{font-size: 1.5em;} .banner-text{left: 24%; top: 15%;} .col-our-plan .agnecy-trail ul li{ font-size: 1.35em} #divSupport .pull-right{ float: left !important;} .grid-body .grid-bdr-right{ font-size: 1.2em;} .col-faq-rhs h3, .col-faq-rhs{ float: left; width: 100%} .col-faq-lhs{ width: 100%} .lhs{ float: left;} .lhs-menu{width: 100%} .lhs-menu li{ width: 33%; font-size:1.1em;} .form-horizontal .col-lg-2{ width: 50%; float: left; margin-bottom: 10px;} .typo{ top: -240px} .right-typo .typo p{ font-size: 1em;} .right-typo .typo{ margin-left: 20px;} .col-faq-lhs li{ width: 31%; margin-right: 8px; margin-bottom: 8px; background: #FFF; border: 1px solid #e1e1e1; padding-left: 5px;} .col-faq-lhs li.active, .left-side > li.active{ background:rgb(255, 231, 218); color: #e8611c; border: 1px solid #fddcca; font-weight: normal;} #resources .left-side li.active, .left-side > li.active p{color: #f68505;} .col-resources p{ height: 180px;} .col-resources{ padding-top: 0;} .col-our-plan{ background-size: cover;} .login-all-plan-container{ float: left; width: 100%; margin-left: 0;} .login-all-plan-container .col-sm-6, .col-resources{ width: 33.3%;} #frmlogout ul{ padding-top: 20px; margin-bottom: 15px;} #frmlogout ul li{ padding: 10px; border-bottom: 1px solid #f1f1f1;} input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none;} .preloader{ width: 60px; height: 60px;} .preloader>.icon {height: 38.5px;width: 43.9px; margin-top: -21.75px; margin-left: -21.95px;} .about-banner .typo{ top: -239px;} .about-banner .typo p{font-size: 1.1em} .col-faq-rhs h4{ font-size: 1em; font-family: 'proxima_novaregular';} .col-faq-rhs h4{ font-size: 1em; font-family: 'proxima_novaregular';} .my-account-search{ margin-top:20px;} .my-account-search .input-group-btn{ width:48%; margin:0 5px 10px 5px;} .btn-group .edit-btn, .btn-group .delete-btn{ padding:5px; font-size:0.8em;} .info-box h5{ font-size:1.3em;} .info-box .timer label{ font-size:2em;} .info-box p{font-size:1em;margin:0px;} .counter-clock{padding:0px 0px;} .counter-clock div{padding:5px;} } @media (max-width: 768px){ .mobile-nav{ background: #ffe7da; width: 300px; float: left; height: 100%; position: fixed; left:-500px; border: 1px solid #fddcca; top: 65px;} .mobile-nav li{ border-bottom: 1px solid #ffd1b8; float: left; width: 100%;} .mobile-nav li a{ padding: 10px 15px; font-family:'proxima_novabold'; color:#19244f; text-transform: uppercase; float: left; text-decoration: none; width: 90%;} .mobile-nav li.mobile-level1 .mobile-dropdown{ display: none; float: left; width: 100%; background: #ffd1b9; position: relative; box-shadow: none; border-radius: 0; padding: 0; opacity: 1!important; margin-top: 0!important;} .mobile-nav li.mobile-level1 .dmobile-dropdown li a{ font-size: 1.2em; font-family:'proxima_novalight'; text-transform: capitalize; background: none; padding: 5px 21px} .mobile-level1 .fa, li#menuUserName .fa.dropdown-icon{ float: left; margin-top: 15px; width: 10%; padding-left:5px;} #frmlogout ul.dropdown-menu{box-shadow:none; border-radius:0; background:#FFD1B9; border:none; padding-top:0;} #frmlogout ul.dropdown-menu li a{ background:none; padding:0; margin:0; text-transform:capitalize; font-family:'proxima_novalight';} #menuUserName a:before{ font-family:'proxima_novalight'; content:'';} li#menuUserName .fa.dropdown-icon{ margin-top:12px; display:block;} .mobile-nav li ul li a{font-family:'proxima_novalight'; text-transform:capitalize;} .mobile-header{ height:65px; width:314px; background:#fff; position:absolute; top:0; left:0; margin-left:-323px} } @media (max-width: 480px) { .login-all-plan-container .col-sm-6, .col-resources{ width: 100%; margin-left: 0;} .banner-text { left: 2%; top: 5%} .col-faq-lhs li{ width: 47%; margin-left: 8px; margin-right: 0;} .col-faq-rhs h4{background-position: 364px -224px; line-height: 22px; padding-right: 20px;} .col-faq-rhs h4.sel{ background-position:364px -295px} .left-side{ float: left;} .left-side > li{ width: 46%; margin-right: 0; margin-left: 15px; padding: 8px;} .left-side > li .fa-3x{ font-size: 2em;} .left-side li p{ padding: 5px 0 0 8px; margin-bottom: 0;} .col-tutorial ul li{ margin-bottom: 10px;} .about-banner .typo{ top: -137px; font-size: 0.7em; margin-left: 10px;} .right-typo .typo{ right: 1%} .plan-tabs li{ width: 120px; border-image: none; font-size: 1.5em;} .grid-header div{ font-size: 0.9em;} .grid-body{ padding: 0 8px;} .grid-body .radio-container label{ font-size: 0.8em;} .plan-data .grid-body .pdleft{padding:12px 0 0 5px} .plan-data .row div:nth-child(2){ width: 10%} #secFreelancer .row .col-xs-12{padding-left: 5px; padding-right: 5px;} p{ padding: 0 10px;} } @media (max-width: 414px) { .banner-text h5{ font-size: 1.5em;} .banner-text h6{ font-size: 1.2em; margin:5px 0;} .col-resources p{ min-height: 100px;} .all-plan-container{ padding: 0 15px; float: left; width: 100% } .right-side h3{ font-size: 2em;} .about-banner .typo{ top: -124px} .typo h4{ font-size: 1em;} .about-banner .typo p{ font-size: 0.8em; height: 75px;} .plan-tabs li.active{ background: none} .grid-header div{ font-size: 0.7em;} .plan-tabs li{ padding: 10px 13px;} .plan-tabs li.active span.icon{ bottom: 47px;} }