/**common css start**/ .tcf-radio-picker label { width: 35%; float: left; color: black; font-weight: bold !important; font-size: 14px; margin-bottom: 0 !important; } body { color: #353535; font-size: 16px; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-weight: 300 } ol, ul { padding: 0; margin: 0; list-style: none } * { border: none; margin: 0; padding: 0; vertical-align: baseline; outline: none!important; } img { height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Roboto', sans-serif; font-weight: bold } /***Link Color***/ a { color: #008576; } a:hover, a:focus { color: #252424; text-decoration: none } .underline { text-decoration: underline } /***Link Color End***/ /***Tel Link***/ @media screen and (min-width:1024px) { a[href^="tel:"] { pointer-events: none; } } /***Tel Link End***/ .container { width: 100%; max-width: 1200px; } /****Label******/ label { display: block; font-weight: normal } label.auto { display: inline-block; margin: 0 15px 5px 0 } label.auto:last-child { margin-right: 0 } /****Label******/ /****Input Fields*****/ input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], input[type="url"], input[type="number"], input[type="date"], input[type="file"], select, textarea { background: none; border-bottom: 1px solid #ffffff; border-radius: 0; color: #ffffff; display: block; font-size: 14px; line-height: 24px!important; padding: 12px 10px; position: relative; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; height: 54px; font-weight: 400 } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="file"]:focus, select:focus, textarea:focus, input[type="url"]:focus { border-color: #dddddd; } textarea { height: 130px; resize: none; font-family: 'Open Sans', sans-serif; font-size: 14px; border-radius: 0 } select { -webkit-appearance: menulist; -moz-appearance: menulist; } select option { font-size: 16px; } input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 5px; vertical-align: top; } ::-webkit-input-placeholder { color:#ffffff; opacity:1 } :-moz-placeholder { color:#ffffff; opacity:1 } ::-moz-placeholder { color:#ffffff; opacity:1 } :-ms-input-placeholder { color:#ffffff; opacity:1 } .woocommerce ::-webkit-input-placeholder { color:#353535; opacity:1 } .woocommerce :-moz-placeholder { color:#353535; opacity:1 } .woocommerce ::-moz-placeholder { color:#353535; opacity:1 } .woocommerce :-ms-input-placeholder { color:#353535; opacity:1 } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { color: #353535; } .select2-container--default .select2-selection--single { border-radius: 0px!important; } /***Browser Compatibility**/ input::-moz-focus-inner, button::-moz-focus-inner { padding:0; border:0; } input[type="button"], input[type="submit"], input[type="reset"] { -moz-appearance: none; -webkit-appearance: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; } input[type=number] { -moz-appearance: textfield !important; } /****Input Fields End*****/ /****Space Control Top Bottom*****/ .m-0 { margin: 0!important } .m-1 { margin: 10px 0!important } .m-2 { margin: 20px 0!important } .m-3 { margin: 30px 0!important } .m-4 { margin: 40px 0!important } .m-5 { margin: 50px 0!important } .m-6 { margin: 60px 0!important } .m-7 { margin: 70px 0!important } .p-0 { padding: 0!important } .p-1 { padding: 10px 0!important } .p-2 { padding: 20px 0!important } .p-3 { padding: 30px 0!important } .p-4 { padding: 40px 0!important } .p-5 { padding: 50px 0!important } .p-6 { padding: 60px 0!important } .p-7 { padding: 70px 0!important } .m-t0 { margin-top: 0!important } .m-t2 { margin-top: 20px!important } .m-t3 { margin-top: 30px!important } .m-t4 { margin-top: 40px!important } .m-t5 { margin-top: 50px!important } .m-t6 { margin-top: 60px!important } .m-t7 { margin-top: 70px!important } .m-b0 { margin-bottom: 0!important } .m-b2 { margin-bottom: 20px!important } .m-b3 { margin-bottom: 30px!important } .m-b4 { margin-bottom: 40px!important } .m-b5 { margin-bottom: 50px!important } .m-b6 { margin-bottom: 60px!important } .m-b7 { margin-bottom: 70px!important } .p-t0 { padding-top: 0!important } .p-t2 { padding-top: 20px!important } .p-t3 { padding-top: 30px!important } .p-t4 { padding-top: 40px!important } .p-t5 { padding-top: 50px!important } .p-t6 { padding-top: 60px!important } .p-t7 { padding-top: 70px!important } .p-b0 { padding-bottom: 0!important } .p-b2 { padding-bottom: 20px!important } .p-b3 { padding-bottom: 30px!important } .p-b4 { padding-bottom: 40px!important } .p-b5 { padding-bottom: 50px!important } .p-b6 { padding-bottom: 60px!important } .p-b7 { padding-bottom: 70px!important } /****Space Control Top Bottom End*****/ /*****Social Icons*****/ ul.social-icon { display: inline-block; padding: 0; margin: 0; vertical-align: middle } ul.social-icon li { display: inline-block; width: auto; margin: 3px 4px 3px 0; background: none; padding: 0; vertical-align: middle; color: #fff; } ul.social-icon li a { display: inline-block; padding: 0; width: auto; } ul.social-icon li a:before { display: none!important } ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 100%; vertical-align: top; font-size: 16px; line-height: 35px; width: 35px; height: 35px; color: #fff; background-color: rgba(0,0,0,.5) } ul.social-icon li a:hover i { color: #fff; } ul.social-icon li a:hover .fa-facebook-f { background-color: #3b5999; } ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; } ul.social-icon li a:hover .fa-google-plus-g { background-color: #de4b39; } ul.social-icon li a:hover .fa-linkedin-in { background-color: #007bb6; } ul.social-icon li a:hover .fa-instagram { background-color: #d82370; } ul.social-icon li a:hover .fa-pinterest-p { background-color: #cb2027; } ul.social-icon li a:hover .fa-tumblr { background-color: #395976; } ul.social-icon li a:hover .fa-youtube { background-color: #ff0000; } ul.social-icon li a:hover .fa-rss { background-color: #ea7819; } /*****Social Icons End*****/ /********common css start******/ /******Hundred% Start******/ .hundred, section, header, footer { position: relative; float: left; width: 100%; } /******Hundred% End******/ .page-template-tpl-contact-us header { box-shadow: 0 2px 5px rgba(0,0,0,0.3); background: rgba(35,65,100,0.9); padding-bottom: 10px } /******Form Style******/ .form-max-width { max-width: 600px } .form-field { text-align: left } .form-field .row, .row.form-field { margin-left: -12px; margin-right: -12px } .form-field .row .row, .row.form-field .row { margin-left: -8px; margin-right: -8px; margin-top: -20px } .form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 12px; padding-left: 12px; padding-top: 10px; padding-bottom: 10px; } .form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 8px; padding-right: 8px; } .form-field p { padding: 10px 0 0 0; margin: 0 } .form-field [class^="col-"] p, .form-field [class*="col-"] p { position: relative; padding: 0; margin: 0 } .form-field i { position: absolute; font-size: 18px; right: 15px; color: #bebebe; top: 15px; z-index: 2; padding: 10px; background: #fff; border-radius: 4px; font-weight: 300; } .form-field i.fa-globe-asia { font-weight: normal } .form-field i+ input, .form-field i + textarea { padding-right: 54px } /******Custom Select******/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric-open { z-index: 9999; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font:0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /***Front label***/ .selectric { border: 1px solid #dedbdb; background-color: #fff; position: relative; border-radius: 0; font-size: 14px !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 40px 0 20px; font-size: 14px; font-weight: normal; line-height: 48px; color: #5a5a5a; height: 48px; text-align: left; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 20px; font-size: 14px; font-weight: normal; line-height: 48px; color: #5a5a5a; height: 48px; padding: 0; text-align: left } .selectric-below .selectric .label { color: #000 } .selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 40px; height: 30px; color: #909090; font-size: 0; text-align: center; } .selectric .button:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-size: 18px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #909090; line-height: 30px; font-weight: normal } /***Front label End***/ /****Select Drop Down***/ .selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #005188; z-index: -1; margin: 0 } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul { padding: 0!important; background: #fff; margin: 0 !important } .selectric-items li { font-size: 14px !important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 22px !important; color: #000000 !important; line-height: normal !important; font-weight: normal !important; } .selectric-items li:last-child { margin-bottom: 0 } .selectric-items li:before, .selectric-items li:after { display: none !important } .selectric-open .selectric { border-color: #000000 !important; } .selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #005188; color: #fff !important } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: normal; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #000000; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li.selectric-group-label { padding-left: 12px !important; } .selectric-items .selectric-group li { padding-left: 25px !important; } /*****Custom Checkbox & Radio *****/ .csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; } .csOpaque { opacity: 0; filter: alpha(opacity=0); } .csFileInput { display: none!important; } /**Checkbox**/ .csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: white; width: 20px; height: 20px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; } .csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 20px; width: 20px; } .radio .csRadio, .checkbox .csCheckbox { margin-left: -14px } .csRadioElem { border-radius: 9px; } .csRadioElem, .csCheckboxElem { display: inline-block; background: #fff; height: 18px; width: 18px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #dddddd } .csCheckedR, .csChecked { border-color: #000000 } .csCheckedR:after { content: ""; background: #005188; padding: 4px; border-radius: 8px; width: 8px; line-height: 8px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: bold; color: #005188; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } /******Form Style End******/ /*****Button & Scroll Up Start****/ .btn { min-width: 202px; border-radius: 0; margin: 0; padding: 9px 15px; color: #fff!important; text-decoration: none; font-size: 14px; line-height: 24px!important; font-weight: 700; text-transform: uppercase; display: inline-block; vertical-align: top; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); border: solid 2px #ffffff; letter-spacing: 1px } .btn i { padding-left: 12px; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; } .btn:hover i, .btn:focus i { color: #fff!important } .big-btn { font-size: 18px; padding: 15px; min-width: 193px; } .btn:hover { background: #fff; color: #000!important } .btn:hover i { color: #000!important; transform: translateX(5px) } .btn-input { background: url(../img/input-btn-bg.png) right 0 no-repeat !important; padding: 9px 65px 9px 35px; text-align: left; min-width: inherit } .btn-input:hover { background: #fff url(../img/input-btn-bg.png) right -42px no-repeat !important; } .btn.green { border-color: #008576; color: #008576 !important } .btn.green:hover { color: #ffffff !important; background: #008576; border-color: #008576; } .btn.green:hover i { color: #ffffff!important; } .scrollup i { background-color: #1e4164; } /*.scrollup i:hover, .btn:focus, .btn:hover, .btn:before, .btn:focus:before, .btn:hover:before{background-color:#252424;outline-color:#252424 !important;border-color:#fff} .btn:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:0;} .btn:focus:before, .btn:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);}*/ .btn-normal { text-decoration: none; display: inline-block; line-height: 28px; font-size: 14px; position: relative; letter-spacing: 1px; font-weight: 700; text-transform: uppercase } .btn-normal:after { position: absolute; left: 0; bottom: -0; width: 100%; height: 1px; background: #008576; content: "" } .btn-normal:hover { color: #353535 } .btn-normal:hover:after { background: #353535 } /*.btn-normal{transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s;} .btn-normal:hover{ transform:translateX(10px)}*/ .scrollup { position: fixed; right: 5px; bottom: -40px; z-index: 50; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; filter: alpha(opacity=0); opacity: 0 } .scrollup i { color: #fff; width: 30px; height: 30px; font-size: 16px; line-height: 30px; cursor: pointer; text-align: center; border-radius: 0; border: 1px solid #fff } .scrollup i:hover { color: #fff; } .scrollup.show { filter: alpha(opacity=100); opacity: 1; bottom: 5px; } /****Button & Scroll Up End******/ /******Contact Form 7 Message******/ div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { float: left; margin: 15px 0; text-align: center; width: 100%; } .wpcf7-not-valid { background-color: #fbc9c9 !important; border-color: #f00 !important; } .inverse-form .wpcf7-not-valid { background-color: transparent !important; } span.wpcf7-not-valid-tip { display: none !important } .wpcf7-captchac { background: #fff; float: left; padding: 3px; width: 134px; } .wpcf7-captchar { float: left; max-width: 210px; margin-left: 5px!important; width: 100% !important; width: -moz-calc(100% - 185px)!important; width: -webkit-calc(100% - 185px)!important; width: calc(100% - 185px)!important; } /******Contact Form 7 Message End******/ /******Header******/ header { position: fixed; top: 0!important; left: 0; right: 0; padding: 0; background: #243d59; z-index: 99999; } .margin-top { margin-top: 101px !important } /************logo-wrap starts************/ header .container { max-width: 1310px } header .logo-wrap { padding: 0; width: 100%; } header .logo-wrap .content { display: table; width: 100%; position: relative } header .logo { width: 184px; min-width: 184px; display: table-cell; vertical-align: middle; } header .logo a { display: inline-block; width: auto; } .top-right-content { display: table-cell; vertical-align: middle; text-align: right; } header .call { display: inline-block; vertical-align: middle; margin: 0 40px 0 0; text-align: left; line-height: 1.2; } header .call span { display: block; font-size: 14px; color: #005188; } header .call i { font-size: 20px; display: inline-block; vertical-align: middle; color: #005188; margin-right: 8px; -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } header .call a { font-size: 25px; color: #bd9f5f } header .phone { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 300; line-height: 20px; color: #ffffff; white-space: nowrap; margin: 16px 15px 0 0; } header .phone strong { font-weight: 300 } header .phone strong:before { content: "\f095"; font-family: "Font Awesome 5 Pro"; font-size: 12px; font-weight: bold; margin-right: 8px; display: inline-block; -moz-transform: rotate(95deg); -webkit-transform: rotate(95deg); -ms-transform: rotate(95deg); -o-transform: rotate(95deg); transform: rotate(95deg); } header .phone strong+strong { border-left: 1px solid #fff; padding: 0 0 0 20px; margin: 0 0 0 20px; } header .phone a { color: #f5bb00; margin-left: 5px; font-weight: bold } header ul.social-icon { clear: right; float: right; margin: 12px 0 20px } header ul.social-icon li { margin: 0 0 0 1px } header ul.social-icon li i { font-size: 13px; line-height: 24px; width: 24px; height: 24px; color: #243d59; background-color: #fff; border-radius: 4px; } /*****nav starts*****/ .nav-trigger { display: none } .nav-wrap { position: relative; float: right; clear: right; margin: 0; z-index: 99; } .nav_trigger, nav #menu-button { display: none } .nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 } .nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; } .nav-wrap nav { float: right; display: block; position: static; padding: 5px 0 0 0; margin: 0; text-align: center } .nav-wrap nav ul.nav { display: table; margin: 0 auto } .nav-wrap nav ul.nav > li { position: relative; float: left; margin: 0 0 0 44px; padding: 0; overflow: visible; } .nav-wrap nav ul.nav > li:first-child { margin-left: 0 } /*.nav-wrap nav ul.nav > li:before{display:block;content:"";top:0;bottom:0;border-right:1px solid #02395f;position:absolute;right:-45px;top:14px;bottom:14px;}*/ .nav-wrap nav ul.nav > li:last-child:before { display: none } .nav-wrap nav ul.nav > li.has-sub > a:after { content: "\f107"; display: inline-block; font-size: 14px; line-height: 18px; font-family: Font Awesome\ 5 Pro; margin-left: 5px; color: #ffffff } .nav-wrap nav ul.nav > li > a { display: block; padding: 5px 0 15px 0; margin: 0; font-size: 16px; line-height: 20px; color: #ffffff; white-space: nowrap; text-decoration: none; text-transform: capitalize; font-weight: 300; letter-spacing: 1.3px } .nav-wrap nav ul.nav li.has-sub li.has-sub > a { padding-right: 20px !important } .nav-wrap nav ul.nav li.has-sub li.has-sub > a:after { content: "\f067"; display: inline-block; font-size: 12px; line-height: 18px; font-family: Font Awesome\ 5 Pro; margin-left: 5px; color: #ffffff; position: absolute; right: 10px; } .nav-wrap nav ul.nav ul li.has-sub:hover > a:after { content: "\f068"; } .nav-wrap nav ul.nav .align-left-menu ul { background: #02395f } /****sub nav menu*****/ .nav>li>a:focus, .nav>li>a:hover { background-color: transparent } .nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.08); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.08); box-shadow: 0 3px 5px rgba(0,0,0,0.08); border: 0!important; background: #1e4164 } .nav-wrap nav ul.nav ul ul:after { display: none } .nav-wrap nav > ul.nav > li > ul:before { content: ""; position: absolute; margin-bottom: 0; left: 15px; bottom: 100%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #1e4164; } .nav-wrap nav > ul.nav > li > ul { top: 100%; } .nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 0 } .nav-wrap nav ul.nav ul ul:before { top: 0 } .nav-wrap nav ul.nav li:hover > ul { display: block; visibility: visible; left: 0; top: 100%; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden; } .nav-wrap nav > ul.nav li:hover ul { top: 100%; max-height: 500px; overflow: visible; } @media only screen and (min-width:1024px) { .nav-wrap nav ul.nav li:hover ul { -moz-transition: all 0.3s linear 0s!important; -webkit-transition: all 0.3s linear 0s!important; -ms-transition: all 0.3s linear 0s!important; transition: all 0.3s linear 0s!important; } } .nav-wrap nav ul.nav ul > li:hover > ul { left: 100%; top: 0; } .nav-wrap nav ul.nav .reverse-menu ul > li:hover > ul { right: 100%; left: auto; } .nav-wrap nav ul.nav .align-left-menu:hover > ul { right: 0; left: auto; } .nav-wrap nav ul.nav ul .align-left-menu:hover ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul { right: 100%; left: auto; } .nav-wrap nav ul.nav ul .align-right-menu:hover ul, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul { left: 100%!important; right: auto!important; } .nav-wrap nav .z-h { z-index: 99999!important } .nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after { left: 100%!important; right: auto!important; } .nav-wrap nav ul.nav ul li.has-sub:after { content: "\f067"; position: absolute; left: auto; right: 15px; top: 0; bottom: 0; width: auto; font-family: Font Awesome\ 5 Pro; font-size: 11px; line-height: 33px; color: #005188 } .nav-wrap nav ul.nav ul li.has-sub:hover:after { content: "\f068"; } .nav-wrap nav ul.nav ul{min-width: 250px;} .nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 250px; padding: 0; margin: 0; vertical-align: top; overflow: visible; border-bottom: 1px solid rgba(255,255,255,0.1); } .nav-wrap nav ul.nav ul li:last-child { border-bottom: none } .nav-wrap nav ul.nav ul li a { width: auto; white-space: normal; text-transform: capitalize; font-size: 15px; line-height: normal; font-weight: 300; color: #fff; padding: 10px 15px 10px 30px; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; } .nav-wrap nav ul.nav ul li a:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; font-size: 13px; position: absolute; top: 1.4em; left: 15px; margin: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nav-wrap nav ul.nav li > ul > li:hover:after { display: block; } .nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { color: #fff } .nav-wrap nav ul.nav> li> a:before { content: ""; padding: 0; height: 1px; position: absolute; left: 0; right: 100%; bottom: 0px; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; background-color: #fff } .nav-wrap nav ul.nav> li:hover > a:before, .nav-wrap nav ul.nav > li > a:hover:before, .nav-wrap nav ul.nav > li.current-menu-item > a:before, .nav-wrap nav ul.nav > li.current-menu-ancestor > a:before { right: 0 } .nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { color: #fff; background-color: #032b46; } /**************Nav ends**************/ /******Transition Start ******/ a, input[type="button"], input[type="submit"], input[type="reset"], header .logo img, footer ul li a:before, footer ul li a, .social-icon *, .btn, .achievement-wrap .box, .ServicesBox .box .detail, .BlogRow .box .detail { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } /****Shrink Header***/ .head-fix header { box-shadow: 0 2px 5px rgba(0,0,0,0.3); } .head-fix .logo-wrap { padding: 0 } .head-fix .page-template-tpl-contact-us header { padding-bottom: 0 } /*.head-fix .logo img{max-width:200px;}*/ .head-fix .nav-wrap {/*background:#005188;*/ } .head-fix .nav-wrap nav ul.nav > li > a {/*padding:12px 0*/ } /****Shrink Header end***/ /*****Flexslider*******/ .flexslider { position: relative; overflow: hidden; } .flexslider li { position: static !important; padding: 0 !important } .flexslider li:before { display: none !important } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .photo, .flexslider .photo>img { width: 100%; display: block; position: relative; display: none } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider .flex-control-paging { position: absolute; bottom: 15px; left: 0px; z-index: 50; width: 100%; text-align: center; height: auto; font-size: 0; line-height: 0; opacity: 1; list-style: none; margin: 0; padding: 0; display: inline-block; } .flexslider .flex-control-paging li, .flexslider .flex-control-paging li a { height: auto; width: auto; margin: 1px; display: inline-block; font-size: 0; line-height: 0; } .flexslider .flex-control-paging li a:before { content: ''; height: 12px; width: 12px; display: inline-block; border: 2px solid #005188; border-radius: 30px; cursor: pointer; transition: all 300ms ease; } .flexslider .flex-control-paging li a.flex-active:before { width: 18px; border-color: #bd9f5f } .flexslider .flex-direction-nav a { transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; position: fixed } .flexslider .flex-direction-nav .flex-prev { width: 35px; height: 42px; position: absolute; left: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -21px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 } .flexslider .flex-direction-nav .flex-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0px; left: 0; font-size: 20px; line-height: 42px; height: 100%; width: 100%; } .flexslider .flex-direction-nav .flex-next { width: 35px; height: 42px; position: absolute; right: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -21px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 } .flexslider .flex-direction-nav .flex-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0px; left: 0; font-size: 20px; line-height: 42px; height: 100%; width: 100%; } .flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: #005188; } .flexslider .flex-direction-nav .flex-prev:hover:before, .flexslider .flex-direction-nav .flex-next:hover:before { border-color: #ffffff; } .flexslider:hover .flex-control-paging, .flexslider:hover .flex-direction-nav a { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flexslider:hover .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flexslider .flex-disabled { display: none!important } /*****Flexslider End*******/ /************home banner starts************/ .home-banner-new .slides > li{ background-position:0 0; float:left; width:100% } .home-banner-new .slides > li:after{ display:none} .slide-img, .slide-img img, ul{ float:left; width:100%} .home-banner-new .slides > li .max-width span{ font-weight:bold; line-height:24px;} .home-banner-new .slides > li .max-width .btn{ color: #03325c!important; border:solid 2px #03325c} .home-banner-new .slides > li .max-width .btn:hover{ border:solid 2px #fff;} .home-banner-new p{ width:100%; padding:10px 0 0; line-height:normal} .home-banner-new p img{ display:inline-block; max-height:120px; margin:10px} .home-banner-new .btn-row { padding-top: 18px;} @media screen and (min-width:768px) { .home-banner-new img{ display:block} .home-banner-new .slides li{ min-height:inherit!important} } @media screen and (max-width:991px) { .home-banner-new .heading { font-size: 30px;} .home-banner-new .max-width{ max-width:50%} .home-banner-new .max-width > img{ max-width:280px} .home-banner-new p img{ max-height:50px; margin:5px} } @media screen and (max-width:767px) { .home-banner-new .btn-row { max-width: 100%!important;} .home-banner-new .max-width{ max-width:100%} .home-banner-new .slides > li:first-child:after{ background:rgba(111,192,174,0.9); display:block} } .home-banner { min-height: 300px; background-color: #1e4164; } .home-banner .slides li { background-position: right center; background-repeat: no-repeat; background-size: cover; } .home-banner .slides li:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 84px; z-index: 16; background: -moz-linear-gradient(top, rgba(0,0,0,0.02) 60%, rgba(0,0,0,0.06) 61%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.02) 60%, rgba(0,0,0,0.06) 61%, rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.02) 60%, rgba(0,0,0,0.06) 61%, rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); } .home-banner.flexslider .flex-control-paging { display: none } .home-banner.flexslider .flex-direction-nav .flex-prev, .home-banner.flexslider .flex-direction-nav .flex-next { margin-top: -84px } .home-banner .slide-img img { width: 100%; } .home-banner .caption { position: absolute; left: 0; right: 0; bottom: 84px; padding: 0 0 7%; text-align: center } .home-banner .max-width { display: block; width: auto; max-width: 560px; margin: 0 auto; position: relative; z-index: 20 } .home-banner .heading { color: #fff; font-size: 44px; line-height: 1.2; font-weight: 300; text-transform: uppercase; text-shadow: 0 2px 0 rgba(0,0,0,0.5) } .home-banner p { font-weight: 300; font-size: 18px; line-height: 1.8; color: #fff; padding: 15px 0 0; text-shadow: 0 1px 0 rgba(0,0,0,0.5); margin: 0; } .home-banner .btn-row { position: relative; padding: 0; margin: 0; z-index: 20; } .home-banner .btn-row .btn { width: 50%; float: left; font-size: 18px; border: none; background-color: #0a8273; padding: 30px 15px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .home-banner .btn-row .btn+ .btn { background-color: #1e4164 } .home-banner .btn-row .btn:hover, .home-banner .btn-row .btn:hover i { color: #fff !important; letter-spacing: 2px; } .home-banner .small-heading, .home-banner .heading, .home-banner .sub-heading, .home-banner p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /***fadeInDown , bounceInDown , slideUp *****/ .home-banner .flex-active-slide .small-heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .flex-active-slide .heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .flex-active-slide .sub-heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .flex-active-slide p { -webkit-animation-name: slideUp; animation-name: slideUp; } .home-banner .contact { display: block; width: 100%; position: absolute; bottom: 20px; left: 0px; z-index: 999; font-size: 15px; color: #ffffff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase } .home-banner .contact a { color: #ffffff } .home-banner .contact span { padding: 0 20px; width: 100%; float: left; } .home-banner .contact span:first-child { padding-left: 42px } .home-banner .contact span i { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .home-banner .contact strong { float: left; max-width: 200px; } .home-banner .mask-img { display: block; width: 50%; position: absolute; top: 50%; right: 0%; z-index: 999; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .home-banner .mask-img img { margin: 20px auto; display: block; width: 100%; /*height: 510px; */ -webkit-mask-image: url(../img/mask-bg.png); mask-image: url(../img/mask-bg.png); -webkit-mask-position: center center; mask-position: center 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .home-banner .container { position: relative } @media only screen and (min-width:1300px) { .home-banner .mask-img { width: 100%; max-width: 750px; right: -10%; } } /************home banner ends************/ /***********common content***********/ .common-content { padding: 50px 0 0; } .common-content .btn { white-space: normal; } .common-content h1, .common-content h2, .common-content h3, .common-content h4, .common-content h5, .common-content h6 { padding: 15px 0 5px 0; line-height: normal; } .common-content h1, .common-content .h1 { font-size: 44px; } .common-content h2, .common-content .h2 { font-size: 30px; color: #1e4164; } .common-content h3, .common-content .h3 { font-size: 22px; } .common-content h4, .common-content .h4 { font-size: 18px; } .common-content h5, .common-content .h5 { font-size: 16px; } .common-content .h6, .common-content .h6 { font-size: 16px; } .common-content .b-heading { border-bottom: 2px solid #bd9f5f; padding-bottom: 0.8em; margin: 0 0 6px; overflow: hidden } .aligncenter { display: block; margin: 5px auto; } .alignright { float: right; margin: 16px 0 12px 40px; } .alignleft { float: left; margin: 16px 40px 12px 0; } .alignnone { margin: 10px 0 } .alignblock { margin: 10px 0; float: none; width: 100%; display: block } .common-content > div > h1:first-child, .common-content > div > h2:first-child, .common-content > div > h3:first-child, .common-content > div > h4:first-child, .common-content > div > h5:first-child, .common-content > div > h6:first-child, .common-content > div > div > h1:first-child, .common-content > div > div > h2:first-child, .common-content > div > div > h3:first-child, .common-content > div > div > h4:first-child, .common-content > div > div > h5:first-child, .common-content > div > div > h6:first-child, .common-content > div > p:first-child, .common-content > div > div > p:first-child, .common-content div > .big-col > h1:first-child, .common-content div > .big-col > h2:first-child, .common-content div > .big-col > h3:first-child, .common-content div > .big-col > h4:first-child, .common-content div > .big-col > h5:first-child, .common-content div > .big-col > h6:first-child, .common-content div > .aside > h1:first-child, .common-content div > .aside > h2:first-child, .common-content div > .aside > h3:first-child, .common-content div > .aside > h4:first-child, .common-content div > .aside > h5:first-child, .common-content div > .aside > h6:first-child, .common-content div > .big-col > p:first-child { padding-top: 0; margin-top: 0 } .common-content > div > .iframe-video:first-child, .common-content > .iframe-video:first-child, .common-content > div > div > .iframe-video:first-child { margin-top: 0 } .common-content ol li, .common-content ul li, .common-content p { line-height: 24px; } .common-content ul, .common-content ol, .common-content p { padding: 5px 0 25px; margin: 0; } .common-content ul li { position: relative; padding: 0 0 9px 17px; overflow: hidden; } .common-content ul.col-2 { overflow: hidden; clear: both } .common-content ul.col-2 li { float: left; width: 50%; padding-right: 5px; } .common-content ul.col-2 li:nth-child(odd) { clear: left } .common-content ul li:before { content: "\f111"; font-family: Font Awesome\ 5 Pro; color: #000; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 1.4em; line-height: 1; font-size: 6px; font-weight: bold } .page-template-default .common-content ul li::before { top: 1.4em; } .common-content ul.check-list li { padding-left: 52px; padding-bottom: 14px } .common-content ul.check-list li:before { left: 15px; top: 5px; content: "\f058"; font-size: 24px; font-weight: 300; } .common-content ol { padding-left: 25px; text-align: left; overflow: hidden } .common-content ol li { list-style: decimal; padding: 0 0 10px 0; } .common-content ol li ul > li { padding-left: 30px; list-style: none } .common-content ol li ul > li:before { display: block; left: 15px } .common-content ul li:last-child, .common-content ol li:last-child { padding-bottom: 0 } .common-content ul ol li { overflow: visible } .common-content ul ol li:before { display: none; overflow: visible } .common-content ol ol li { list-style: lower-alpha } .common-content ol ol ol li { list-style: lower-roman } .common-content p.pn { padding: 0; margin: 0 } .text-center ul li { padding-left: 0 } .text-center ul li:before { position: static; margin-right: 10px; vertical-align: middle; } .common-content .list-none li { padding-left: 0 } .common-content .list-none li:before { display: none; } .common-content dl { display: block; width: 100%; text-align: center; padding: 40px 0 0 } .common-content dl dt { display: inline-block; padding: 0 10px; font-size: 20px } blockquote { border-left: 5px solid #1e4164; } blockquote p { padding: 10px 0 !important } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin-left: 5px!important } .home-blog.inner .blogs .blog:nth-child(3n+1) { clear: left } @media only screen and (max-width:1199px) { .common-content h2, .common-content .h2 { font-size: 40px; } } @media only screen and (max-width:991px) { .common-content h1, .common-content .h1, .common-content h2, .common-content .h2 { font-size: 30px } .common-content h3, .common-content .h3 { font-size: 24px; } .common-content ul, .common-content ol, .common-content p { padding: 8px 0; } .alignnone { margin: 6px 0; } .alignright { margin-left: 30px; } .alignleft { margin-right: 30px; } } @media only screen and (max-width:767px) { .common-content h1, .common-content .h1, .common-content h2, .common-content .h2 { font-size: 24px } .common-content h3, .common-content .h3 { font-size: 24px; } } .big-col { float: left; width: 70%; } .aside { float: left; width: 30%; } /*.tcf-program .csRadio, .tcf-program .csCheckbox{ position:relative} .csRadio #title-error, .csCheckbox #title-error{position: absolute; width: 150px; top: 11px;} */ /************ choose-welcome statr ************/ .choose-welcome { display: table; width: 100%; } .choose-welcome .choose { display: table-cell; width: 35%; position: relative; padding: 60px 4% 0px 6.5%; vertical-align: middle; } .choose-welcome .choose h3 { font-size: 28px; } .choose-welcome .choose:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,133,118,0.95); z-index: 1 } .choose-welcome .choose * { z-index: 9; position: relative; color: #ffffff; } .choose-welcome .choose ul { padding-top: 10px } .choose-welcome .choose ul li { font-size: 16px; line-height: 24px; padding-bottom: 20px } .choose-welcome .choose ul li::before { color: #ffffff; top: 0.9em; content: ""; background: url(../img/bullate-icon.png) right 0 no-repeat !important; width: 8px; height: 14px; } .choose-welcome .welcome { display: table-cell; width: 65%; vertical-align: top } .choose-welcome .welcome .content { padding: 35px 24% 48px 15% } .choose-welcome .welcome .content h2 span { font-size: 14px; font-weight: 400; color: #008576; display: block; margin-left: -46px; letter-spacing: 2px; padding-bottom: 10px } .choose-welcome .welcome .content p { line-height: 30px; padding-bottom: 8px } .choose-welcome .welcome .img-box { float: left; width: 100%; overflow: hidden } .choose-welcome .welcome .img-box .col01 { float: left; width: 100% !important; background: #017f71 } .choose-welcome .welcome .img-box .col02 { float: left; width: 67.5%; background: #017f71 } .choose-welcome .welcome .img-box img { width: 100%; display: block } .choose-welcome .welcome .img-box img:hover { opacity: 0.8 } /************ service-boximg start************/ .service-boximg { display: block; width: 100%; overflow: hidden; } .service-boximg img { width: 100%; } /************ Our Services start************/ .our-services { display: block; width: 100%; overflow: hidden; text-align: center; padding: 60px 0 65px } .our-services h2 { padding-bottom: 0; color: #1e4164 } .our-services h2 + p { padding: 0 0 40px 0 } .services-box { float: left; width: 100%; text-align: center; margin: 0 -1px } .services-box .box { width: 31%; margin: 1% 1% 1% 1%; display: inline-block; vertical-align: top } .services-box .box i { color: #243d59; font-size: 50px } .services-box .box h3 { color: #1e4164; padding: 25px 0 5px 0; } .services-box .box .detail { padding: 0 15px; } .services-box .box img, .services-box .box h3 { transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; } .services-box .box:hover img { transform: scale(1.2, 1.2) } .services-box .box:hover h3 { transform: scale(.9, .9) } .OurServices { padding: 50px 0 0; text-align: center } .ServicesBox { overflow: hidden; clear: both; margin: 10px 0 0 } .ServicesBox .box { position: relative; float: left; width: 33.333333% } .ServicesBox .box a { display: block } .ServicesBox .lazy-image { padding-top: 86.33%; } .ServicesBox .lazy-image:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.02) 61%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.02) 61%, rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.02) 61%, rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); } .ServicesBox .lazy-image img { width: 100% !important; max-height: inherit } .ServicesBox .detail { position: absolute; left: 0; bottom: 0; right: 0; padding: 30px 34px 5px; text-align: left; z-index: 5 } .ServicesBox .detail * { color: #fff } .ServicesBox h3 { font-size: 30px; font-weight: 300 } .ServicesBox .box:hover .detail { transform: translateY(-15px) } /************ Our Services end************/ /******Why Choose****/ .why-choose { padding: 50px 0 } .why-choose .container { max-width: 1060px } .why-choose h2 { color: #0a8273; padding-top: 25px; } .why-choose .box { border-left: 2px solid #f5f5f5; padding: 20px 0 0 50px; margin-left: 30px; } .why-choose ul li { padding-left: 25px; padding-bottom: 25px } .why-choose ul li:before { color: #ffffff; top: 0.5em; content: ""; background: url(../img/bullate-icon-2.png) right 0 no-repeat; width: 14px; height: 20px; background-size: contain; } /***Testimonials******/ .testimonials-wrap { background: #1e4164 url(../img/testing-aside-img.jpg)left center no-repeat; background-size: 50% auto } .testimonials-wrap * { color: #fff } .testimonials-wrap .detail { float: right; width: 50%; padding: 58px 0 58px 58px; background: url(../img/quote-icon.png)right 80% no-repeat } .testimonials-wrap h3 { font-size: 30px; margin: 0 0 30px; } .testimonial-slide p, .testimonial-slide h5 { font-size: 20px; font-weight: 300; line-height: 1.6 } .testimonial-slide h5 { padding: 0 } .testimonial-slide .slides { float: left; width: 100%; padding: 0 } .testimonial-slide .flex-direction-nav { display: none } .testimonial-slide .flex-control-paging { text-align: left } .testimonial-slide .flex-control-paging { position: relative; padding: 40px 0 0 } .testimonial-slide .flex-control-paging li { margin: 0 6px 0 0 } .testimonial-slide .flex-control-paging li a:before { border-radius: 0; border: none; background: #fff } .testimonial-slide .star-rating i { font-size: 15px; margin: 0 5px 0 0 } .testimonial-slide .flex-control-paging li a.flex-active:before { width: 12px; background-color: #0a8273; } /*****About Us*****/ .about-us { text-align: center; padding: 50px 0 30px; background: #f1f5f8 } .about-us .container { max-width: 1020px; } .about-us p { line-height: 1.8 } .about-us p strong { font-weight: 500 } .achievement-wrap .box { display: inline-block; vertical-align: top; width: 24%; padding: 2% } .achievement-wrap .box strong { display: block; font-size: 25px; font-weight: normal; margin: 0 0 15px } .achievement-wrap .box:hover { background-color: #e9f0f5 } .achievement-wrap p { line-height: 1.5; padding: 0 } /***Home Blog****/ .HomeBlog { padding: 50px 0 0 } .HomeBlog h2 a { font-size: 18px; float: right; text-decoration: underline; font-weight: normal; color: #000000; margin: 7px 0 0 10px; } .HomeBlog h2 a:hover { color: #0a8273; } .BlogRow { overflow: hidden; clear: both; margin: 40px 0 -1% -1%; text-align: center } .BlogRow .box { position: relative; float: left; width: 24%; margin: 0 0 1% 1% } .BlogRow .box.big { width: 49% } .BlogRow .box a { position: relative; display: block; overflow: hidden; clear: both; color: #fff } .BlogRow .box a + a { margin-top: 2.77777%; } .BlogRow .box .detail { position: absolute; top: 50%; left: 0; right: 0; padding: 15px 34px; transform: translateY(-50%); z-index: 2 } .BlogRow .lazy-image { padding-top: 65%; background: #000 } .BlogRow .lazy-image img { width: 100% !important; max-height: inherit; opacity: 0.5 } .BlogRow .box h3 { font-size: 18px; font-weight: 300; padding: 0; text-transform: uppercase; letter-spacing: 2px } .BlogRow .box a:hover .detail { top: 45% } /******partner********/ .our-partner.bg-1 { background-color: #f1f5f8 } .our-partner.bg-1 img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /************ Shop ************/ .shop { display: block; width: 100%; overflow: hidden; padding: 60px 0 65px; background: #f6f6f6; } .shop .all-box { margin: 0 -1.5% } .shop .all-box .box { float: left; width: 22%; margin: 1.5%; border: solid 1px #ccc; padding: 3px 0; text-align: center; background: #fff; box-shadow: 0 8px 8px rgba(0,0,0,0.1); position: relative } .shop .all-box .box img { display: block } .shop .all-box .box h3 { padding: 30px 15px } .shop .booknow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30,65,100,0.9); font-size: 20px; color: #fff; font-weight: 700; opacity: 0; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; } .shop span { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; z-index: 999; font-size: 18px; color: rgba(30,65,100,1); font-weight: 400; transition-delay: 0.1s; background: #fff; padding: 8px 20px; border-radius: 4px } .shop .all-box .box:hover .booknow { opacity: 1 } .shop .all-box .box:hover span { top: 50%; } .shop .all-box .box:hover span:hover { background: #029786; color: #fff } /************ datepicker ************/ .fma { display: block; width: 100%; overflow: hidden; padding: 60px 0 0; } .fma p { padding: 15px 0 20px; text-align: center } .fma .booknowbtn { display: block; width: 100%; padding: 15px; background: #008576; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; font-weight: bold; display: inline-block } .fma .booknowbtn:hover { color: #fff; background: #029786 } .fma .table-responsive { margin: 0 } .fma .times { margin-bottom: 20px; } .fma .times td { padding: 10px; font-size: 16px } .fma .times td select { color: #000000; padding: 5px 5px; height: 40px; border: solid 1px #ccc } @media only screen and (max-width:991px) { .shop { padding: 40px 0 45px; } .shop .all-box .box { width: 30%; } } @media only screen and (max-width:767px) { .shop { padding: 20px 0 25px; } .fma { display: block; width: 100%; overflow: hidden; padding: 20px 0; } .fma p { padding-bottom: 20px } } @media only screen and (max-width:639px) { .shop .all-box .box { width: 47%; } } /************ achievement start************/ .achievement { display: block; width: 100%; overflow: hidden; text-align: center; padding: 43px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#157490+0,1e4164+100 */ background: rgb(21,116,144); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1NzQ5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTQxNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(21,116,144,1) 0%, rgba(30,65,100,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(21,116,144,1)), color-stop(100%, rgba(30,65,100,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(21,116,144,1) 0%, rgba(30,65,100,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(21,116,144,1) 0%, rgba(30,65,100,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(21,116,144,1) 0%, rgba(30,65,100,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(21,116,144,1) 0%, rgba(30,65,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157490', endColorstr='#1e4164', GradientType=1 ); /* IE6-8 */ } .achievement-box { display: table; width: 100% } .achievement-box .box { display: table-cell; vertical-align: middle; } .achievement-box .box i { display: inline-block; width: 54px; height: 54px; border-radius: 28px; vertical-align: middle; background: #2d829b; color: #ffffff; font-size: 24px; line-height: 54px; text-align: center } .achievement-box .box p { display: inline-block; color: #ffffff; text-align: left; padding: 0 0 0 10px; vertical-align: middle; text-transform: uppercase; font-size: 15px; } .achievement-box .box p strong { display: block; font-size: 22px; padding-bottom: 3px; } .achievement-box .box:hover i { background: #ffffff; color: #2d829b } /************ Testimonials start************/ /*.testimonials{display:block; width:100%;overflow:hidden; text-align:center; padding:80px 0; background:#f1f1f2; position:relative} .testimonials .container{max-width:980px} .testimonials .fa-quote-left,.testimonials .fa-quote-right{ color:#e2e3e6; font-size:180px; position:absolute; left:0; top:-15px} .testimonials .fa-quote-right{right:0; bottom:-15px; top:auto; left:auto} .testimonials .tabs{display:inline-block; position:relative; margin:13px 0 0; float:left; width:100%} .testimonials .tabs:after{ display:block; height:3px; background:#ebebeb; content:""; position:absolute; left:15%; right:15%; top:45%; z-index:1} .testimonials .tabs .tab{display:inline-block; position:relative; z-index:4; padding-bottom:28px; width:25%; float:left} .testimonials .tabs .tab + .tab{} .testimonials .tabs .tab a{ display:block; text-align:center; } .testimonials .tabs .tab a small{ display:block; color:#353535; font-size:16px; padding-top:14px} .testimonials .contnet{background:#ffffff; padding:28px 40px 15px 40px; display:none; font-style:italic; box-shadow:0 2px 2px rgba(0,0,0,0.1); border-radius:6px; float:left; width:100% } .testimonials .contnet .fa-star{ font-size:14px; color:#ffb130; margin:0 2px} .testimonials .tabs .tab.active:after {width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #fff; content:""; position:absolute; left:50%; bottom:0; margin-left:-16px} .testimonials .contnet:hover{box-shadow:0 8px 8px rgba(0,0,0,0.1);} .testimonials .tabs .tab a img{ vertical-align:top} .testimonials .tabs .tab a span{ display:inline-block; width:72px; height:72px; border-radius:36px; font-size:28px; color:#fff; line-height:72px; text-align:center; font-weight:700; vertical-align:top} @media only screen and (max-width:1299px){ .testimonials .tabs .tab a span{ width:50px; height:50px; border-radius:25px; font-size:20px; color:#fff; line-height:50px;} } */ /************ Testimonials start************/ .testimonials { display: block; width: 100%; overflow: hidden; text-align: center; padding: 80px 0; background: #f1f1f2; position: relative; float: left } .testimonials .container { max-width: 980px; overflow: hidden } .testimonials .fa-quote-left, .testimonials .fa-quote-right { color: #e2e3e6; font-size: 180px; position: absolute; left: 0; top: -15px } .testimonials .testimonial { float: left; width: 100% } .testimonials .fa-quote-right { right: 0; bottom: -15px; top: auto; left: auto } .testimonials .tabs { margin: 13px 0 0; float: left; width: 100% } .testimonials .tabs:after { display: block; height: 3px; background: #ebebeb; content: ""; position: absolute; left: 15%; right: 15%; top: 45%; z-index: 1 } .testimonials .tabs .tab { padding-bottom: 28px; float: left; position: relative } .testimonials .tabs .tab strong { cursor: pointer; display: block; text-align: center; font-weight: 300 } .testimonials .tabs .tab.slick-current strong { font-weight: 700 } .testimonials .tabs .tab strong small { display: block; color: #353535; font-size: 16px; padding-top: 14px } .testimonials .contnet { background: #ffffff; padding: 28px 40px 15px 40px; font-style: italic; box-shadow: 0 2px 2px rgba(0,0,0,0.1); border-radius: 6px; float: left; } .testimonials .contnet .fa-star { font-size: 14px; color: #ffb130; margin: 0 2px } .testimonials .tabs .tab.slick-current:after { width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #fff; content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -16px } .testimonials .contnet:hover { box-shadow: 0 8px 8px rgba(0,0,0,0.1); } .testimonials .slick-list { z-index: 99 } .testimonials .tabs .tab strong img { vertical-align: top } .testimonials .tabs .tab strong em { display: inline-block; width: 72px; height: 72px; border-radius: 36px; font-size: 28px; color: #fff; line-height: 72px; text-align: center; font-weight: 700; vertical-align: top; font-style: normal } /*.tabs{ float:left; width:100%} .tabs .tab{ float:left; }*/ .contnet_box { float: left; width: 100%; max-height: 200px; overflow: hidden } .contnet_box .content { float: left; } /***********Table***********/ .home-blog { display: block; width: 100%; overflow: hidden; text-align: center; padding: 40px 0; position: relative } .home-blog .container {/*max-width:934px*/ } .home-blog .blogs { display: block; overflow: hidden; width: 100%; padding-top: 24px; border: none } .home-blog .blogs .blog { display: inline-block; overflow: hidden; width: 100%; /*margin:0 2%; max-width:270px;*/ text-align: left } .home-blog .blogs .blog h4 { color: #1e4164; padding-bottom: 10px; } .home-blog .blogs .blog p { font-size: 14px; color: #353535; line-height: 24px; padding-bottom: 5px } .home-blog .blogs .blog img { border-radius: 4px; } .home-blog .blogs .blog { transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; } .home-blog .blogs .blog:hover { transform: translateY(-15px) } .home-blog .blogs .blog .btn-normal { clear: both } .home-blog .owl-carousel .owl-nav .owl-prev::before, .home-blog .owl-carousel .owl-nav .owl-next::before { font-size: 36px } .home-blog.inner { text-align: left } .home-blog.inner .container { max-width: inherit } .home-blog.inner .blogs { margin: 0 -1.5%; padding-top: 14px; width: auto } .home-blog.inner .blogs .blog { width: 30%; margin: 1% 1.5% 1.5%; float: left; } .home-blog.inner .blogs .blog img { border-radius: 0 } /************ we-are-happy start************/ .we-are-happy { display: block; width: 100%; overflow: hidden; padding: 30px 0; background: #0d8576; position: relative } .we-are-happy i.fa-headset { font-size: 54px; color: #ffffff; display: inline-block } .we-are-happy h3 { font-size: 30px; color: #ffffff; display: inline-block; padding: 0 0 0 20px } .we-are-happy h3 span { font-size: 18px; color: #ffffff; display: block; font-weight: 300 } .we-are-happy h3 span a { color: #ffffff; text-decoration: underline; font-weight: 400 } .we-are-happy h3 span a:hover { text-decoration: none } .we-are-happy .btn { float: right; margin-top: 8px } .we-are-happy h3 br { display: none } /************ our-partner start************/ .our-partner { display: block; width: 100%; overflow: hidden; padding: 42px 0; position: relative; text-align: center } .our-partner .container { max-width: 960px } .our-partner h4 { font-weight: 400; } .our-partner .all-box { float: left; width: 100%; padding: 10px 0 10px; margin-top: 10px } .our-partner .all-box .box { float: left; text-align: center; width: 100%; } .our-partner .all-box .box img { display: inline-block; width: auto; } .our-partner .all-box .box { position: relative; padding-top: 80px; border:0; } .our-partner .all-box .box img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 90%; max-height: 90%; width: auto; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block!important; width: auto!important } .our-partner .owl-carousel .owl-nav .owl-prev { left: -100px !important; } .our-partner .owl-carousel .owl-nav .owl-next { right: -100px!important; } .our-partner .owl-carousel .owl-nav .owl-prev:before, .our-partner .owl-carousel .owl-nav .owl-next:before { font-size: 36px!important; color: #324963 } /************ home-contact-us start************/ .home-contact-us { display: block; width: 100%; overflow: hidden; position: relative; } .home-contact-us h4 { padding-bottom: 15px } .home-contact-us i { float: left; padding-top: 6px; padding-left: 1px } .home-contact-us i.fa-phone { transform: rotate(90deg); -webkit-transform: rotate(90deg); padding: 0 0 4px 1px!important; } .home-contact-us p { font-size: 14px; line-height: 24px; color: #000; overflow: hidden; padding: 0 0 0 10px } .home-contact-us p a { color: #000; } .home-contact-us p a:hover { color: #0a8273 } /************ about-ashton start************/ .about-ashton { display: block; width: 100%; max-width: 1350px; position: relative; overflow: hidden; padding: 55px 0 60px; margin: 0 auto } .about-ashton .row > div { position: static } .about-ashton .photo { display: block; /*position:absolute; right:0; */ padding-top: 13px; bottom: 0 } .about-ashton p { padding-bottom: 15px; line-height: 30px; } .about-ashton p:last-child { padding-bottom: 0 } /************ why-choose-us start************/ .why-choose-us { display: table; width: 100%; } .why-choose-us .photo { display: table-cell; width: 25%; } .why-choose-us .content { display: table-cell; width: 75%; position: relative; padding: 50px 90px 25px } .why-choose-us .content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,133,118,.95); z-index: 1; } .why-choose-us .content * { position: relative; z-index: 2; } .why-choose-us .content h3 { color: #ffffff; padding: 15px 0 10px 0; } .why-choose-us .content ul li { color: #ffffff; width: 45%; float: left; font-weight: 400; font-size: 14px; line-height: 24px; padding-bottom: 25px } .why-choose-us .content ul li::before { color: #ffffff; top: 1.0em; content: ""; background: url(../img/bullate-icon.png) right 0 no-repeat !important; width: 8px; height: 14px; } .why-choose-us .content ul li:nth-child(2n) { float: right } .why-choose-us .content ul li:nth-child(2n+1) { clear: left } /************ be-our-partner start************/ .be-our-partner { display: block; width: 100%; max-width: 1350px; position: relative; overflow: hidden; padding: 25px 0 0px; margin: 0 auto } .be-our-partner .row > div { position: static } .be-our-partner .photo { display: block; position: absolute; right: 0; padding-top: 40px } .be-our-partner h2 { padding: 15px 0 25px 0; } .be-our-partner p { padding-bottom: 35px; line-height: 30px; } /************ why-choose-us start************/ .benefits { display: table; width: 100%; } .benefits .photo { display: table-cell; width: 40%; vertical-align: top; transform: translateY(-20px) } .benefits .photo img { width: 100% } .benefits .content { display: table-cell; width: 60%; position: relative; padding: 50px 90px 45px; vertical-align: top } .benefits .content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,133,118,.95); z-index: 1; } .benefits .content * { position: relative; z-index: 2; } .benefits .content h3 { color: #ffffff; padding: 15px 0 20px 0; } .benefits .content ul { max-width: 90%; padding-bottom: 30px; float: left; } .benefits .content ul li { color: #ffffff; float: left; font-size: 14px; font-weight: 400; line-height: 24px; padding-bottom: 25px } .benefits .content ul li::before { color: #ffffff; top: 0.2em; } .benefits a { clear: both; color: #ffffff; font-size: 18px; font-weight: 700; float: left } .benefits a:hover { color: #000; } /***********contact-us***********/ .contact-us { display: block; width: 100%; padding: 36px 0; position: relative } .contact-us h2 { padding: 5px 0 15px 0; } .contact-us .address { display: block; width: 100%; float: left } .contact-us .address p { line-height: 30px; padding: 5px 0 20px; } .contact-us .address .row h3 { padding-top: 25px; padding-bottom: 10px } .contact-us .address .row p { overflow: hidden; padding: 0 0 2px 35px; position: relative } .contact-us .address .row p a { color: #353535; word-wrap: break-word; } .contact-us .address .row p a:hover { color: #008576 } .contact-us .address i { float: left; left: 5px; top: 8px; position: absolute; } .contact-us .address i.fa-phone { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .contact-us .contact-form { float: left; width: 100%; padding: 30px 0 } .contact-us .contact-form .row { margin: 0 } .contact-us .contact-form > .form-field { float: left; position: relative; right: 0; background: #ccc; padding: 40px 0 72px 55px; width: 100%; } .contact-us .contact-form .form-field .bg { position: absolute; left: 0; top: 0; bottom: 0; width: 600px; } .contact-us .contact-form .form-field .bg:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,133,118,.95); z-index: 1; } .contact-us .contact-form .form-field * { position: relative; z-index: 2; } .contact-us .contact-form .form-field h3 { padding-bottom: 0 } .contact-us .contact-form .form-field textarea { height: 100px!important; margin-bottom: 15px } .contact-us .address .row .col-sm-6 .col-sm-12 p:first-child { padding-bottom: 20px } .contact-us .contact-form .cannot { border: solid 1px #fc1a16 !important; } /*.frm_style_formidable-style.with_frm_style .frm_error{ display:none!important}*/ .frm_style_formidable-style.with_frm_style .frm_primary_label { font-family: 'Roboto', sans-serif; color: #ffffff !important; font-weight: 400 !important; } .frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="phone"], .frm_style_formidable-style.with_frm_style textarea { border-radius: 0px!important; background-color: none!important; background: none!important; border: none!important; border: 1px solid #ccc!important; border-radius: 0; color: #353535!important; display: block; font-size: 14px!important; font-weight: 400 !important; line-height: 24px !important; padding: 12px 10px!important; box-shadow: none!important; height: 54px!important; font-family: 'Roboto', sans-serif!important; } .frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder { color: #353535!important; } .frm_forms.frm_style_formidable-style.with_frm_style .frm_description { color: #353535!important; } .frm_forms.frm_style_formidable-style.with_frm_style .frm_screen_reader { display: none } .frm_style_formidable-style.with_frm_style .frm_blank_field label, .frm_style_formidable-style.with_frm_style .frm_error { color: #fc1a16 !important; font-family: 'Roboto', sans-serif!important; } .frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 16px!important; } /*****Button & Scroll Up Start****/ .frm_button_submit { border-radius: 0; margin: 24px 0 0!important; padding: 9px 15px!important; color: #008576!important; text-decoration: none; font-size: 14px!important; line-height: 24px!important; font-weight: 700!important; text-transform: uppercase; display: inline-block; vertical-align: top; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); border: solid 2px #008576!important; letter-spacing: 1px; border-radius: 0!important; font-family: 'Roboto', sans-serif!important; } .frm_button_submit i { color: #000!important; } .frm_button_submit:hover { background: #fff; color: #000!important } .frm_button_submit:hover i { color: #000!important; transform: translateX(5px) } .frm_button_submit { background: url(../img/input-btn-bg.png) right 0 no-repeat !important; padding: 9px 70px 9px 35px!important; text-align: left; min-width: inherit; font-family: 'Roboto', sans-serif!important; } .frm_button_submit:hover { background: #fff url(../img/input-btn-bg.png) right -42px no-repeat !important; border: solid 2px #000!important; } /***********map**********/ .map { display: block; width: 100%; padding: 0 0 0; position: relative; min-height: 602px; overflow: hidden; background: #9fa9d8; position: relative } .map:after { background-color: rgba(30,65,100,.1); opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /***********faqs**********/ .faqs { display: block; width: 100%; padding: 70px 0 0; } .faqs ul li { flex: 0 0 calc(50% - 30px); width: 100%; border-bottom: solid 1px #d3d3d3; padding: 28px 20px 20px 0 !important; vertical-align: bottom; margin: 0 18px 0 0; } .faqs ul li:nth-child(2n+1) { clear: left } .faqs ul li:before { display: none } .faqs ul li h3 { padding: 0 35px 0 0; cursor: pointer; right 4px no-repeat; display: block; font-size: 18px; } .faqs ul li p { font-size: 14px } .faqs ul li h3.active { color: #018176; background: url(../img/plus-minus.png) right -140px no-repeat; } .faqs ul li p { padding: 10px 0 0; line-height: 30px; } /************ proctored-testing start************/ .proctored-testing { display: block; width: 100%; max-width: 1350px; position: relative; overflow: hidden; padding: 45px 0 0px; margin: 0 auto } .proctored-testing .row > div { position: static } .proctored-testing .photo { display: block; /*position:absolute; right:0;*/ padding-top: 15px } .proctored-testing h2 { padding: 15px 0 15px 0; } .proctored-testing h2 span { display: block; font-size: 15px; color: #008576; font-weight: normal; padding-bottom: 5px } .proctored-testing p { padding-bottom: 25px; line-height: 30px; } .proctored-testing a.green { margin: 0 10px 10px 0!important } .proctored-testing .row div:nth-child(2n+1) { clear: left } /************ corporate start************/ .corporate { display: block; width: 100%; overflow: hidden; padding: 0px 0 20px; border-bottom: solid 1px #d9d9d9 } .corporate h3 { padding-bottom: 15px } .corporate .row div:first-child h3 { color: #de5c38 } /************ blog start************/ .blogs { display: table; width: 100%; overflow: hidden; padding: 0; border-bottom: solid 1px #d9d9d9 } .blogs .left-col { width: 72%; display: table-cell; vertical-align: top } .blogs .right-col { width: 28%; display: table-cell; position: relative; vertical-align: top } .blogs .right-col:before { float: left; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4000px; background: #f5f5f5; z-index: -1 } .blogs h2 { padding: 0; max-width: 96% } .blogs .date-comments { font-size: 14px; padding: 20px 0; max-width: 95% } .blogs .date-comments i { padding-right: 2px; font-size: 15px; } .blogs .all-box { display: block; width: 100%; padding: 40px 0 20px } .blogs .all-box .box { display: block; width: 100%; border-bottom: solid 1px #d9d9d9; padding: 40px 0 40px } .blogs .all-box .box .photo { margin: 10px 0 40px; display: block } .blogs .all-box .box p { line-height: 30px; max-width: 95% } .blogs .all-box .box .photo + p:first-letter { font-size: 48px; font-weight: 700; color: #1e4164; padding: 0 10px } .blogs .all-box .box:last-child { border-bottom: none; } .blogs .all-box .box:first-child { padding-top: 0 } .blogs .all-box .box img { width: 100% } .blogs .sidebar { padding: 50px 0 45px 40px; background: #f5f5f5 } .blogs .sidebar h3 { padding: 0 0 10px 0 } .blogs .sidebar ul { border-top: solid 1px #cfcfcf; } .blogs .sidebar ul li { padding: 15px 0 15px 25px; border-bottom: solid 1px #cfcfcf; } .blogs .sidebar ul li::before { float: left; width: 20px; content: "\f15c"; font-family: Font Awesome\ 5 Pro; position: absolute; font-size: 14px; right: 0; top: 20px; line-height: 1; color: #1e4164; font-style: normal } .blogs .sidebar ul li a { color: #353535; font-size: 16px; line-height: 24px; float: left; width: 100% } .blogs .sidebar ul li a:hover { color: #008576; } /***********Table***********/ .table-responsive { border: none; margin: 8px 0; overflow: auto; } table { width: 100%; } table tr td, table tr th { border: 1px solid #dddddd; font-size: 14px; padding: 15px; vertical-align: top; text-align: left; font-weight: 300; background: #fff } table tr th { font-weight: 500; background-color: rgba(0,0,0,.05) } table img { display: inline-block; } table.center tr td, table.center tr th { text-align: center } /***********Table End***********/ /************Breadcrumbs************/ div.breadcrumbs, section.breadcrumbs { position: relative; display: block; background: #f6f6f6; padding: 10px 0; margin: 0; overflow: hidden; clear: both; text-align: left; z-index: 11; } ul.breadcrumbs { padding: 0; clear: both; margin: 0 } ul.breadcrumbs li { position: relative; display: inline-block; font-size: 13px; line-height: normal; vertical-align: top; padding: 0 22px 0 0; margin-right: 11px; color: #66cce8; font-style: normal; font-weight: 500; } ul.breadcrumbs li:before { display: none } ul.breadcrumbs li a { position: relative; display: inline-block; font-size: 14px; color: #485a5f; vertical-align: top; font-weight: normal } ul.breadcrumbs li:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; position: absolute; font-size: 14px; right: 0; top: 3px; line-height: 1; color: #6f6f6f; font-style: normal } ul.breadcrumbs li:last-child { padding: 0; margin: 0 } ul.breadcrumbs li:last-child:after { display: none } ul.breadcrumbs li:before { display: none } ul.breadcrumbs li a:hover { color: #66cce8; } ul.breadcrumbs li.active a { color: #000000; } /***********Breadcrumbs End***********/ /***********Vertically Middle***********/ .lazy-image { position: relative; background: #f5f5f5; width: 100%; padding-top: 66.33%; overflow: hidden; z-index: 2; } .lazy-image img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, -webkit-transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in; } .google-map { position: relative; padding-top: 57%; } .iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 54%; margin: 10px 0; } .google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; } img.lazyFade { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } /***********Content End***********/ /***Inner Banner***/ .inner-banner { min-height: 300px; background-color: #1e4164; } .inner-banner:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(30,65,100,.95) } .inner-banner img { width: 100%; } .inner-banner .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 65px; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: flex-end; z-index: 15 } .inner-banner .max-width { width: auto; max-width: 580px; float: left; position: relative; } .inner-banner .heading { color: #fff; font-size: 44px; line-height: 1.1; font-weight: 300; text-transform: uppercase; text-shadow: 0 2px 0 rgba(0,0,0,0.5) } .inner-banner .contact { display: block; width: 100%; position: absolute; bottom: 37px; left: 0px; z-index: 999; font-size: 13px; color: #ffffff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase } .inner-banner .contact a { color: #ffffff } .inner-banner .contact span { padding: 0 10px } .inner-banner .contact span:first-child { padding-left: 0 } /**************product box starts**************/ .two-col, .three-col { margin-left: -2% } .two-col .product-box { width: 48%; margin: 1% 0 1% 2% } .three-col .product-box { width: 31.33%; margin: 1% 0 1% 2% } /**************product box ends**************/ /************two col starts************/ .two-aside { overflow: hidden; display: block; margin: 0 -15px } .two-aside .big-col { float: left; width: 70%; padding: 0 15px; } .two-aside .aside { float: left; width: 30%; padding: 0 15px; } /************two col End************/ /**************Choose Your Exam**************/ .choose-your-exam { display: block; width: 100%; min-height: 600px; position: relative; overflow: hidden; padding: 45px 0 60px; margin-bottom: 30px; position: relative } /*.choose-your-exam .tab-details{display: none;width:100%;}*/ .choose-your-exam .allBox { display: none; width: 100%; } .choose-your-exam .allBox .box { display: table; width: 100%; padding: 25px 30px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.2); margin-bottom: 10px; } .choose-your-exam .allBox .box:first-child { border: solid 1px #ccc; border-top: solid 1px #fff; } .choose-your-exam .allBox .box .col1, .choose-your-exam .allBox .box .col2, .choose-your-exam .allBox .box .col3 { display: table-cell; vertical-align: middle } .choose-your-exam .allBox .box .col1 { width: 18%; min-width: 100px } .choose-your-exam .allBox .box .col2 { width: 55%; color: #1e4164; font-weight: 18px; font-weight: 700 } .choose-your-exam .allBox .box .col1 img { max-width: 74px } .choose-your-exam .allBox .box .col2 { width: 55% } .choose-your-exam .allBox .box .col3 .btn.green { border-color: #008576; color: #008576 !important; background: #008576; color: #ffffff !important; } .choose-your-exam .allBox .box .col3 .btn.green:hover { color: #ffffff !important; border-color: #008576; background: none; color: #008576!important; } .choose-your-exam .allBox .box .col3 .btn.green:hover i { color: #008576!important; } .choose-your-exam .tabs { display: block; width: 100%; padding: 10px 0 0 } .choose-your-exam .tabs a { display: inline-block; min-width: 80px; text-align: center; padding: 3px 8px; border: solid 1px #ccc; border-bottom: none; margin: 5px 6px 0 0; font-weight: 700; border-radius: 0px 0px 0 0; background: #008576; color: #fff; font-size: 18px; box-shadow: 0 0 8px rgba(0,0,0,0.4) inset; } .choose-your-exam .tabs a.active { background: #fff; color: #008576; box-shadow: 0 0 8px rgba(0,0,0,0.0); } /*exam-info*/ .choose-your-exam .exam-info table th { font-size: 18px; font-weight: bold; background: #ffffff } .choose-your-exam .exam-info table thead { background: #1e4164 } .choose-your-exam .exam-info table thead th { color: #fff; white-space: nowrap; background: none } .choose-your-exam .exam-info .table-responsive { margin: 0 0 0 !important } /*.choose-bg{ position:absolute; right:0; width:50%; top:0; bottom:0; opacity: 0.4;} .choose-bg:after{ position:absolute; right:0; width:100%; top:0; bottom:0; background:rgba(0,133,118,0.95); content:"" }*/ .common-content .choose-your-exam .exam-info ul li::before { color: #666 !important } .choose-your-exam .listbox { margin: 5px 0 20px 0 } .choose-your-exam .btn.green { border-color: #008576; color: #008576 !important; background: #008576; color: #ffffff !important; } .choose-your-exam .btn.green:hover { color: #ffffff !important; border-color: #008576; background: none; color: #008576!important; } .choose-your-exam .btn.green:hover i { color: #008576!important; } @media only screen and (max-width:991px) { .choose-your-exam .col-sm-6 { width: 100% } .choose-your-exam .exam-info { margin-top: 25px } .choose-bg { width: 100%; } .choose-your-exam .allBox .box .col3 { text-align: right } } @media only screen and (max-width:767px) { .choose-your-exam { background: none !important; padding: 20px 0 20px; margin-bottom: 0px } } @media only screen and (max-width:479px) { .choose-your-exam .allBox .box { display: block; width: 100%; padding: 15px 15px; } .choose-your-exam .allBox .box .col1, .choose-your-exam .allBox .box .col2, .choose-your-exam .allBox .box .col3 { display: block; width: 100%; padding: 5px 0; text-align: center } .choose-your-exam .exam-info table th { font-size: 14px } } /************ message-director start************/ .message-director { display: block; width: 100%; max-width: 1350px; position: relative; overflow: hidden; padding: 55px 0 60px; margin: 0 auto } .message-director .row > div { position: static } .message-director .photo { display: block; /*position:absolute; right:0;*/ padding-top: 13px; bottom: 0 } .message-director p { padding-bottom: 35px; line-height: 30px; } .message-director p:last-child { padding-bottom: 0; } /************ why-choose-us start************/ .our-vision { display: table; width: 100%; } .our-vision .photo { display: table-cell; width: 25%; } .our-vision .content { display: table-cell; width: 75%; position: relative; padding: 50px 90px 25px } .our-vision .content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,133,118,.95); z-index: 1; } .our-vision .content * { position: relative; z-index: 2; } .our-vision .content h3 { color: #ffffff; padding: 15px 0 10px 0; } .our-vision .content p { color: #ffffff; padding: 0 0 10px 0; line-height: 30px; } .our-vision .content ul { padding-bottom: 20px; display: block; overflow: hidden } .our-vision .content ul li { color: #ffffff; width: 100%; float: left; font-weight: 400; font-size: 16px; line-height: 30px; padding-bottom: 8px } .our-vision .content ul li::before { color: #ffffff; top: 1.1em; content: ""; background: url(../img/bullate-icon.png) right 0 no-repeat !important; width: 8px; height: 14px; } .our-vision .content ul li:nth-child(2n) { float: right } .our-vision .content ul li:nth-child(2n+1) { clear: left } /************ agency-examinations start************/ .agency-examinations { display: block; width: 100%; position: relative; overflow: hidden; padding: 55px 0 60px; } .agency-examinations .row > div { position: static } .agency-examinations .photo { display: block; right: 0; padding-top: 13px; bottom: 0 } .agency-examinations p { padding: 35px 0 0; line-height: 30px; width: 95% } .agency-examinations p:last-child { padding-bottom: 0; color: #0a8273; font-size: 20px; line-height: 32px } .agency-examinations.prometric p:first-child { color: #0a8273; font-size: 20px; line-height: 32px } .agency-examinations.prometric p:last-child { color: #353535; font-size: 16px; line-height: 32px } /************ exams-listed start************/ .exams-lists { background: #f5f5f5; display: block; width: 100%; position: relative; overflow: hidden; padding: 50px 0 50px; } .exams-lists h3 { color: #1e4164; padding-bottom: 20px } .exams-lists .all-box { display: block; width: 100%; } .exams-lists .all-box .box { display: block; width: 100%; background: #fff; padding: 30px; margin-bottom: 10px; overflow: hidden } .exams-lists .all-box .box h4 { padding: 0; color: #1e4164 } .exams-lists .all-box .box p { padding: 8px 0 8px 0; line-height: 30px; font-weight: 400; width: 100%; float: left } .exams-lists .all-box .box p a { color: #0a8273; margin-left: 12px } .exams-lists .all-box .box.col-two p { width: 50% } .exams-lists.prometric .all-box .box p a { margin-left: 0 } .exams-lists.prometric .all-box .box { display: none; border: solid 1px #ccc; margin-top: -1px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .exams-lists.prometric .tabs { display: block; width: 100%; padding: 10px 0 0 } .exams-lists.prometric .tabs a { display: inline-block; min-width: 60px; text-align: center; padding: 3px 8px; border: solid 1px #ccc; border-bottom: none; margin: 5px 6px 0 0; font-weight: 700; border-radius: 0px 0px 0 0; background: #008576; color: #fff; font-size: 20px; box-shadow: 0 0 8px rgba(0,0,0,0.4) inset; } .exams-lists.prometric .tabs a.active { background: #fff; color: #008576; box-shadow: 0 0 8px rgba(0,0,0,0.0) inset; } /************ our-test start************/ .our-test { display: block; width: 100%; position: relative; background: #f5f5f5; overflow: hidden; padding: 60px 0 0; } .our-test + .our-test { padding: 0 0 60px } .our-test .content { padding: 20px 40px 40px; background: #fff; } .our-test.left .content { float: right; } .our-test .test-img { padding: 0; } .our-test .test-img img { width: 100% } .our-test p { padding-bottom: 18px } .our-test h3 { font-size: 18px; } .our-test .content .col-sm-12 p { padding-bottom: 0 } .our-test .row { background: #fff; } .page-template-tpl-contact-us .inner-banner:after { background-color: #2f4a8b; opacity: 0.1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .page-template-tpl-contact-us .inner-banner { min-height: 600px; max-height: 600px } .footer-strip { display: block; width: 100%; height: 30px; background: #0a8273 url(../img/strip-bg.png) 0 0 no-repeat; } /**************footer starts**************/ footer .top-content { overflow: hidden; clear: both; padding: 45px 0 0 0; background: #fff; } footer h3 { font-size: 18px; line-height: 22px; text-transform: uppercase } footer p { line-height: 18px; font-size: 14px; } footer p.web { color: #858585 } footer ul { padding: 0 0 5px 0; overflow: hidden; margin: 0 } footer ul li { line-height: 26px; color: #000; vertical-align: top; overflow: hidden; display: inline-block; } footer ul li + li { margin-left: 22px } footer ul li a { position: relative; display: inline-block; font-size: 14px; } footer a { color: #353535; text-decoration: none } footer a:hover, footer a:focus, footer ul li.current-menu-item a, footer ul li.current-menu-item a:hover, footer ul li.current-menu-item a:focus, footer ul li.current-menu-parent a, footer ul li.current-menu-parent a:hover, footer ul li.current-menu-parent a:focus { color: #0a8273; text-decoration: none } footer ul li a:hover:before, footer ul li.current-menu-item a:before, footer ul li.current-menu-item a:hover:before, footer ul li.current-menu-item a:focus:before, footer ul li.current-menu-parent a:before, footer ul li.current-menu-parent a:hover:before, footer ul li.current-menu-parent a:focus:before { background-color: #008576; width: calc(100% - 15px) } footer .copyright {/* background: #1e4164; */ text-align: center; padding: 20px 0; } footer .copyright p { margin: 0; } footer .copyright p.nc { float: right } footer .right-col { } footer .right-col p { padding-bottom: 5px; font-size: 14px; font-weight: bold } footer .right-col img { max-width: 125px } footer .right-col img + img { margin: 0 10px } footer .pd0 { padding: 0 } .error-404.not-found { text-align: center } .error-404 .our-partner { border-top: solid 1px #ccc; } .pagination { float: left; width: 100%; text-align: center } .pagination li { display: inline-block; width: auto; padding: 5px!important; vertical-align: top } .pagination li a, .pagination li span { display: block; padding: 1px 10px!important; border: solid 1px #ccc; border-radius: 4px; font-weight: 400 } .pagination li a:hover, .pagination li span.current { background: #0a8273; color: #fff; border: solid 1px #0a8273; } .pagination li:before { display: none!important; } .pagination .prev, .pagination .next { font-size: 0; width: 30px; position: relative; vertical-align: top } .pagination .prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #008576; display: block; position: absolute; top: 2px; left: 0; font-size: 20px; height: 100%; width: 100%; } .pagination .next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #008576; display: block; position: absolute; top: 2px; left: 0; font-size: 20px; height: 100%; width: 100%; } .pagination .prev:hover:before, .pagination .next:hover:before { color: #fff } body.single .inner-banner { overflow: hidden; } .fma div.summary { width: 100% !important; margin-bottom: 0 !important } .fma .wc-bookings-time-block-picker p { padding: 0 0 10px 0; text-align: center; width: 100% } /****** #wc-bookings-booking-form *********/ #wc-bookings-booking-form .ui-datepicker-header { position: relative; padding: 0em 0; color: #000000!important; background: #f5f5f5 !important; -webkit-border-radius: 0!important; border-radius: 0!important; border: none !important } #wc-bookings-booking-form .ui-datepicker .ui-datepicker-title { line-height: 1.4em; text-align: center; text-transform: uppercase; font-size: 20px; } #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: none; font-size: 24px; } #wc-bookings-booking-form .ui-datepicker th { padding: 1em 1em; text-align: center; border: 0; font-size: 14px; color: #fff; border: solid 1px #ddd; font-family: 'Roboto', sans-serif; background: #1e4164; text-transform: uppercase } #wc-bookings-booking-form .ui-datepicker th:last-child { background: #008576; } #wc-bookings-booking-form .ui-datepicker td { border: solid 1px #ddd; padding: 0px; font-size: 14px; background: #f5f5f5; font-family: 'Roboto', sans-serif; text-align: center } #wc-bookings-booking-form .ui-datepicker td .ui-state-default { text-align: center } #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td .ui-state-default { color: #000!important; } /*#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a { background: #008576 !important; color: #fff!important; }*/ #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td a.ui-state-active { background-color:#243d59 !important; color: #fff!important; } #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td a.ui-state-default.ui-state-hover { background: #f5f5f5 !important; color: #353535!important; } #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked span, #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked a { background-color: #f5f5f5 !important; color: #353535!important; } .wc-bookings-date-picker .ui-widget-content { border-radius: 0!important; -webkit-border-radius: 0!important; background: #f5f5f5; box-shadow: none!important; } #wc-bookings-booking-form .ui-datepicker td span, #wc-bookings-booking-form .ui-datepicker td a { display: block; padding: 1em 0.5em; text-align: right; text-decoration: none; } #wc-bookings-booking-form .wc-bookings-date-picker { padding: 0!important; border: none } .wc-bookings-booking-form-button { display: block; width: 100%; padding: 15px!important; background: #008576!important; text-align: center!important; color: #fff!important; text-transform: uppercase!important; font-size: 20px!important; font-weight: bold!important; display: inline-block!important; } .wc-bookings-start-time-container select, .wc-bookings-end-time-container select { border: solid 1px #ccc; color: #353535 } .dob_std input { border: solid 1px #ccc; color: #000; margin-bottom: 15px } @media only screen and (max-width:991px) { #wc-bookings-booking-form .ui-datepicker .ui-datepicker-title { line-height: 1em; font-size: 20px; } #wc-bookings-booking-form .ui-datepicker th { padding: 1em .5em; font-size: 16px; } #wc-bookings-booking-form .ui-datepicker td span, #wc-bookings-booking-form .ui-datepicker td a { padding: 1em .5em; font-size: 16px; } } @media only screen and (max-width:640px) { #wc-bookings-booking-form .ui-datepicker .ui-datepicker-title { line-height: 1em; font-size: 16px; } #wc-bookings-booking-form .ui-datepicker th { padding: .5em 0.2em; font-size: 14px; } #wc-bookings-booking-form .ui-datepicker td span, #wc-bookings-booking-form .ui-datepicker td a { padding: .5em 0.2em; font-size: 14px; } } .cart_totals h2 { font-size: 32px; } .product-name a { font-weight: 700; font-size: 18px; margin-bottom: 15px; } /**************footer ends**************/ @media only screen and (max-width:1299px) { .testimonials .fa-quote-left, .testimonials .fa-quote-right { font-size: 120px; } .proctored-testing .photo { position: inherit } .our-test .content { padding: 20px; } .testimonial-slide .flex-control-paging { padding: 20px 0 0; } .testimonials-wrap .detail { padding: 30px 0 30px 58px; } } @media only screen and (max-width:1199px) { .our-services { padding: 40px 0 25px; } .choose-welcome .welcome .content { padding: 35px 20% 48px 12%; } .home-banner .heading, .inner-banner .heading { font-size: 40px } .home-banner .mask-img img { max-width: 550px; -webkit-mask-image: url(../img/mask-img01.png); mask-image: url(../img/mask-img01.png); } .achievement-box .box { vertical-align: top; } .achievement-box .box p { text-align: center; padding-top: 10px } .our-partner { padding: 20px 40px; } .our-partner .all-box { margin-top: 10px; } .our-partner .owl-carousel .owl-nav .owl-prev { left: -40px !important; } .our-partner .owl-carousel .owl-nav .owl-next { right: -40px!important; } footer .right-col img { margin-right: 10px; } .about-ashton { padding: 40px 0 40px; } .about-ashton p { padding-bottom: 20px } .about-ashton .photo { position: inherit } .message-director { padding: 40px 0 40px; } .message-director p { padding-bottom: 20px } .message-director .photo { position: inherit } .message-director h3 { padding-top: 0 } .our-vision .content { padding: 30px 60px 15px; } .why-choose-us .content { padding: 30px 60px 15px; } .be-our-partner { padding: 15px 0 25px; } .be-our-partner p { padding-bottom: 20px } .be-our-partner .photo { position: inherit } .benefits .photo { width: 50% } .benefits .content ul { padding-bottom: 10px; } .benefits .content ul li { padding-bottom: 15px } .benefits .content { padding: 30px 50px 25px; } .proctored-testing p { padding-bottom: 15px } .corporate { padding: 0 } .faqs { padding: 40px 0 0; } .faqs ul { margin-top: 0 } .contact-us { padding: 20px 0; } .contact-us .contact-form .form-field { } .contact-us .address .row p { padding: 0 10px 2px 35px; } .blogs .all-box { padding: 30px 0 20px; } .blogs .date-comments { padding: 10px 0; } .blogs .all-box .box .photo { margin: 10px 0 30px; } .blogs .all-box .box { padding: 30px 0 30px; } .agency-examinations { padding: 40px 0 } .agency-examinations.prometric p:first-child { padding: 20px 0 0; } .exams-lists { padding: 40px 0 20px } .testimonials { padding: 50px 0 } .nav-wrap { width: 100% } .home-banner .caption { padding: 0 0 4%; } .inner-banner .contact { bottom: 15px; } .inner-banner .caption { bottom: 45px; } .our-test p { font-size: 15px; padding-bottom: 4px; } .our-test h3 { padding: 10px 0 5px 0; } .our-test h2 { padding-top: 0; } footer .right-col img { max-width: 105px } footer .pd0 { padding: 0 15px } footer .col-md-6.pd0 { width: 55%; } footer .col-md-6.right-col { width: 45%; } footer .col-md-6.pd0 .home-contact-us .col-sm-6 { width: 55%; } footer .col-md-6.pd0 .home-contact-us .col-sm-6 + .col-sm-6 { width: 45%; } .page-template-tpl-contact-us .inner-banner { min-height: 400px; } footer .right-col p, .home-contact-us h4 { font-size: 14px; } .OurServices h2, .about-us h2, .HomeBlog h2, .HomeBlog + .our-partner h2, .testimonials-wrap h3, .why-choose h2 { font-size: 30px } .ServicesBox h3 { font-size: 24px } .testimonials-wrap .detail { padding: 20px 0 20px 30px; background-size: 30%; } .testimonials-wrap h3 { margin: 0 } .testimonial-slide p, .testimonial-slide h5 { font-size: 16px; } } @media all and (min-width:991px) { .aside-left { float: left; width: 68%; padding-right: 50px } .aside-right { float: left; width: 32%; } } @media only screen and (max-width:1024px) { .blak-overlay { position: fixed; z-index: 150; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0 } .nav-trigger { position: relative; display: block; float: right; font-size: 24px; clear: right; width: 26px; height: 41px; border: none; min-height: 41px; cursor: pointer; border-radius: 0; margin: 0; margin: 3px 0 0 15px; } .nav-trigger i { display: block; color: #fff; width: 26px; line-height: 41px; text-align: center } .nav-trigger.closemenu i:before { content: "\f00d" } #push_sidebar { right: -260px; z-index: -1; top: 0!important; bottom: 0; position: fixed; width: 260px; overflow-x: hidden; overflow-y: auto; margin: 0!important; padding: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: #017c6e; } html, header { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.3s linear 0s; } .sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px } .sidebar_active #push_sidebar { right: 0; z-index: 999999; } .nav-wrap nav ul.nav > li.has-sub > a:after { display: none } .sidebar_active header { position: fixed; left: -260px; right: 260px; top: 0!important; } .nav-wrap nav ul.nav > li.has-sub:hover > a:before { display: none } .nav-wrap nav ul, nav ul ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul.nav, nav.align-center > ul, .nav-wrap nav ul.nav > li > ul, .nav-wrap nav ul.nav > li:hover > ul, .nav-wrap nav ul ul li:hover > ul, .nav-wrap nav ul ul ul li:hover > ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; } .nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; } .nav-wrap nav ul.nav > li { width: 100%; margin: 0!important; padding: 0; border: 0!important; border-bottom: 1px solid rgba(255,255,255,0.12)!important } .nav-wrap nav ul.nav > li:after, .nav-wrap nav ul.nav > li:first-child:before { display: none } .nav-wrap nav ul.nav > li:last-child { border-bottom: none } .nav-wrap nav ul.nav ul li { border: none; opacity: 1.0 } .nav-wrap nav ul.nav > li > a { font-size: 16px; color: #fff; padding: 10px 20px 10px 16px!important; margin: 0!important; white-space: inherit; border-radius: 0; } .nav-wrap nav ul.nav > li > a:before { display: none } .nav-wrap nav ul.nav > li.fa-home a { font-size: 14px; font-weight: normal } .nav-wrap nav ul.nav > li.fa-home a:after { margin-left: 10px; font-weight: bold } .nav-wrap nav ul.nav > li.has-sub > a { padding-right: 50px!important; } .nav-wrap nav ul.nav ul { position: static!important; opacity: 1.0; visibility: visible; padding: 0; border-radius: 0; background: none } .nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav ul:after { display: none } .nav-wrap nav ul.nav > li > ul > li { padding: 0!important; margin: 0; float: left; width: 100%!important; background-color: transparent; border-bottom: none; min-width: inherit } .nav-wrap nav ul.nav > li > ul li a { font-size: 15px; color: #fff; padding: 10px 15px; white-space: inherit; border-top: 1px solid rgba(255,255,255,0.1) } .nav-wrap nav ul.nav li ul li a { padding-left: 30px } .nav-wrap nav ul.nav li ul ul li a { padding-left: 42px } .nav-wrap nav ul.nav li ul ul ul li a { padding-left: 50px } .nav-wrap nav ul.nav li ul ul ul ul li a { padding-left: 55px } .nav-wrap nav ul.nav li ul li a:before { left: 18px } .nav-wrap nav ul.nav li ul ul li a:before { left: 30px } .nav-wrap nav ul.nav li ul ul ul li a:before { left: 35px } .nav-wrap nav ul.nav li ul ul ul ul li a:before { left: 41px } .nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 40px; height: 40px; cursor: pointer; z-index: 111; } .nav-wrap nav .submenu-button { background-color: rgba(255,255,255,0.1) } .nav-wrap nav .submenu-button:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: rgba(255,255,255,0.7); left: 0; right: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; font-weight: normal; border-radius: 0; } .nav-wrap nav .submenu-button.submenu-opened:before { content: '\f068'; } .nav-wrap nav ul.nav { visibility: visible!important; display: block!important; top: 0 } .nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { background-color: rgba(255,255,255,0.1); color: #fff } .nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { background-color: rgba(255,255,255,0.1); color: #fff } .nav-wrap nav > ul.nav > li > ul { max-height: inherit } .nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul { display: none!important } .nav-wrap nav ul.nav ul ul.open { display: block!important } header .logo-wrap, .head-fix .logo-wrap { padding: 10px 0 } .margin-top { margin-top: 94px !important } .BlogRow .box h3 { font-size: 16px; } header .phone { width: 100%; margin: 0 0 10px } header ul.social-icon { clear: none; float: none; margin: 12px 0 0; } header ul.social-icon li { margin: 0 0 0 3px; } } @media only screen and (max-width:991px) { header .logo img { max-width: 160px } .alignleft, .alignright { max-width: 300px } .aside-left, .aside-right { float: left; clear: both; width: 100%; } .home-banner .heading, .inner-banner .heading { font-size: 28px; } .home-banner { min-height: 150px } .home-banner .slides li:after, .home-banner .caption { bottom: 54px } .home-banner p { font-size: 16px } .home-banner .btn-row .btn { padding: 15px; font-size: 15px; } .home-banner .max-width { max-width: 60%; padding-top: 0px } .home-banner .mask-img img { margin-top: 0;/*max-width:400px; */ -webkit-mask-image: url(../img/mask-img02.png); mask-image: url(../img/mask-img02.png); } .choose-welcome, .choose-welcome .choose, .choose-welcome .welcome { display: block; width: 100% } .choose-welcome .choose { padding: 30px 5% 5px } .choose-welcome .welcome .content { padding: 25px 10% 35px 10%; } .choose-welcome .choose ul li { padding-bottom: 15px; } .services-box .box { width: 30%; } .our-services h2 + p { padding: 0 0 20px 0; } .achievement { padding: 30px 0; } .testimonials .tabs .tab + .tab { } .home-blog .owl-carousel .owl-nav .owl-prev::before, .home-blog .owl-carousel .owl-nav .owl-next::before { color: #353535 !important } .home-blog .blogs .blog { max-width: inherit; margin: 0 } .our-partner .all-box .box { float: left; width: 100%; text-align: center; } .our-partner .all-box .box img { display: inline-block } .we-are-happy { text-align: center } .we-are-happy h3 { display: block; padding: 5px 0 } .we-are-happy i.fa-headset { display: block } .we-are-happy .btn { float: none; } .we-are-happy h3 span { padding-top: 10px; line-height: 24px } .we-are-happy h3 br { display: block; line-height: 15px } .home-contact-us p { padding-bottom: 10px } .footer-strip { background: #0a8273 url(../img/strip-bg.png) right 0 no-repeat; } footer .right-col { padding: 15px; float: none } footer .top-content { padding: 20px 0 20px 0; } .about-ashton { padding: 15px 0 30px; } .about-ashton p { padding-bottom: 10px } .about-ashton .col-sm-6 { float: none; width: 100% } .about-ashton .photo img { width: 100% } .message-director { padding: 15px 0 30px; } .message-director p { padding-bottom: 10px } .message-director .col-sm-6 { float: none; width: 100% } .message-director .photo img { width: 100% } .why-choose-us { display: block } .why-choose-us .photo { padding-top: 100%; } .why-choose-us .photo, .why-choose-us .content { display: block; width: 100%; overflow: hidden } .our-vision { display: block } .our-vision .photo { padding-top: 100%; } .our-vision .photo, .our-vision .content { display: block; width: 100%; overflow: hidden } .be-our-partner { padding: 15px 0 15px; } .be-our-partner .row > div { width: 100%; float: none } .benefits, .benefits .photo, .benefits .content { display: block; width: 100%; overflow: hidden } .be-our-partner .photo { padding-top: 0; width: 100%; display: block } .be-our-partner .photo img { width: 100% } .be-our-partner h2 { padding-bottom: 0 } .proctored-testing { padding: 25px 0 0px; } .proctored-testing p { padding-top: 0 } .proctored-testing .photo img { width: 100% } .proctored-testing .row > div { width: 100%; float: none } .corporate br { display: none } .corporate .pull-right h3 { padding-top: 5px } .faqs ul li { padding: 18px 10px !important; width: 100% } .contact-us h2 { padding-bottom: 0 } .contact-us .address { width: 100%; padding-bottom: 20px } .contact-us .contact-form { width: 100%; padding: 0 } .contact-us .contact-form .form-field { margin: 0; padding: 15px; width: 100% } .contact-us .contact-form .form-field .bg { width: 100% } .blogs .left-col { width: 50%; } .blogs .sidebar { padding: 30px 0 45px 30px; } .contact-us .contact-form > .form-field { max-width: inherit } .contact-us #frm_field_2_container label { display: none } .frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 0 !important } .frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="phone"], .frm_style_formidable-style.with_frm_style textarea { height: 42px !important; padding: 8px 10px !important; } .contact-us .contact-form .form-field { padding: 8px 15px; } .contact-us .frm_form_fields .form-field { padding: 5px 0 } .agency-examinations { padding: 20px 0 } .agency-examinations p { padding: 0 0 15px; width: 100% } .agency-examinations img { width: 100% } .agency-examinations.prometric p:first-child { padding: 0 0 15px; } .exams-lists { padding: 20px 0 20px } .exams-lists .all-box .box { padding: 20px } .exams-lists h3 { padding-bottom: 10px } .our-test .content, .our-test.left .content { width: 100%; padding: 20px; } .our-test .content h2 { padding-top: 0; } .our-test .test-img { width: 100% !important; position: inherit!important } .frm_button_submit { margin-top: 4px !important; } .home-banner .mask-img { right: -10px; width: 58%; } .home-blog { padding: 20px 0 } .home-blog.inner .blogs .blog { width: 47%; } .our-test { padding: 30px 0 } .our-test + .our-test { padding: 0 0 30px } .woocommerce-order ul li { float: left; width: 100%; padding: 10px 15px !important } .woocommerce ul.order_details { margin: 0 0 1em!important; } .woocommerce-customer-details h2 { padding-top: 0 } .agency-examinations p { line-height: 28px; } .agency-examinations p:last-child, .agency-examinations.prometric p:first-child { line-height: 28px; font-size: 18px; } .inner-banner { min-height: 180px } .choose-your-exam .allBox .box { padding: 20px 20px; } .choose-your-exam .allBox .box .btn { min-width: 180px } .home-blog.inner .blogs .blog:nth-child(3n+1) { clear: none } .home-blog.inner .blogs .blog:nth-child(2n+1) { clear: left } .OurServices { padding: 30px 0 0; } .ServicesBox .detail { padding: 15px } .ServicesBox .detail p { display: none; } .why-choose { padding: 30px 0; } .why-choose h2 { padding-top: 0 } .why-choose .box { padding: 5px 0 0 30px; margin: 15px 0 0; } .testimonials-wrap { background: #1e4164 } .testimonials-wrap .detail { width: 100%; padding: 20px 0 } .about-us { padding: 30px 0 20px } .HomeBlog { padding: 30px 0 0; } .BlogRow { margin-top: 15px } .BlogRow .box, .BlogRow .box.big { width: 99% } .BlogRow .box.big a { width: 100% } .BlogRow .box a { float: left; width: 49.5%; clear: inherit } .BlogRow .box a + a { margin-left: 1%; margin-top: 0 } footer .copyright { padding: 20px 0 } .home-banner.flexslider .flex-direction-nav { display: none } .home-banner.flexslider .flex-control-paging { display: block; top: 10px; left: auto; right: 5px; width: auto; } .home-banner.flexslider .flex-control-paging li a.flex-active:before { border-color: #f5bb00; } footer .col-md-6.right-col, footer .col-md-6.pd0 { width: 100%; clear: both; } footer .col-md-6.pd0 .home-contact-us .col-sm-6, footer .col-md-6.pd0 .home-contact-us .col-sm-6, footer .col-md-6.pd0 .home-contact-us .col-sm-6+.col-sm-6 { width: 50%; } } @media only screen and (max-width:767px) { /*.home-banner img{ display:none}*/ header .phone a { /* font-size: 0 // quick fix to keep the phone numbers on mobile --> */ font-size: 1em ; font-family: "Font Awesome 5 Pro"; } header .phone strong:before { display: none } header .phone a:before { display: inline-block; content: "\f095"; font-size: 15px; font-weight: bold; -moz-transform: rotate(95deg); -webkit-transform: rotate(95deg); -ms-transform: rotate(95deg); -o-transform: rotate(95deg); transform: rotate(95deg); } .home-banner .mask-img { top: -90px; right: -40px } .home-banner .mask-img img { margin-top: 0; -webkit-mask-image: url(../img/mask-img02.png); mask-image: url(../img/mask-img02.png); } .home-banner .max-width { max-width: 100%; padding: 0 0 0 } .home-banner p { font-size: 14px; line-height: 1.6; padding: 0; } .inner-banner .max-width { max-width: 100%; padding: 0 0 0 } .inner-banner img { display: none } .home-banner .heading, .inner-banner .heading { font-size: 24px; line-height: 34px } .we-are-happy { padding: 20px 0 15px 0 } .we-are-happy .btn { /*display:none*/ } .we-are-happy h3 { font-size: 24px; } .choose-welcome .choose { padding: 20px 15px 0px; float: left } .choose-welcome .welcome .content { padding: 15px 15px; } .choose-welcome .welcome .content h2 span { margin-left: 0; } .achievement { padding: 5px 0 15px 0 } .achievement-box { display: block; } .achievement-box .box { display: block; width: 100%; text-align: left; padding: 10px 0 } .achievement-box .box p { display: inline-block; text-align: left; width: calc(100% - 60px); } .our-partner .all-box { margin-top: 0 } .home-contact-us { padding: 15px 0 15px; } .testimonials { padding: 15px 0 30px } .testimonials .contnet { padding: 28px 15px 15px 15px; } .testimonials .tabs .tab img { max-width: 50px } .testimonials .tabs::after { top: 38% } .testimonials .tabs .tab strong em { width: 50px; height: 50px; line-height: 50px; font-size: 22px } .testimonials .fa-quote-left, .testimonials .fa-quote-right { display: none } .home-blog { padding: 20px 0 20px; } .home-blog .blogs { padding-top: 14px; } .our-services { padding: 15px 0 15px; } .services-box .box { width: 100%; max-width: 360px; margin: 1% auto } footer .top-content { padding: 10px 0 0; } .why-choose-us .content ul { display: block; overflow: hidden } .why-choose-us .content { padding: 20px 15px 10px 15px } .message-director p, .agency-examinations p { line-height: 24px; } .our-vision .content ul { display: block; overflow: hidden } .our-vision .content { padding: 20px 15px 10px 15px } .benefits .content { padding: 25px; } .faqs { padding: 20px 0 0; } .faqs .row { margin-top: 10px } .contact-us .address .row h3 { padding-bottom: 5px; } .blogs h2 { max-width: inherit } .blogs .left-col, .blogs .right-col { display: block; width: 100%; } .blogs .left-col { padding: 0 } .blogs .right-col::before { left: -30px } .blogs .sidebar { padding: 20px 0 25px 10px; } .blogs .all-box .box { padding: 20px 0 20px; } .blogs .all-box .box .photo { margin: 10px 0 20px; } .exams-lists.prometric .tabs a { border-radius: 0px 0px 0 0; min-width: 40px; } .our-partner { padding: 10px 40px; } .contact-us .address p, .contact-us .address { padding-bottom: 0 } .choose-your-exam { min-height: inherit } .common-content { padding: 20px 0 0; } .contnet_box { max-height: 300px; } footer .right-col { padding-top: 0 } .home-contact-us { padding-bottom: 0 } .home-banner .contact strong.call { display: none } /*.home-banner .contact strong{ width:100%; max-width:inherit} .home-banner .contact span{ width:auto; max-width:inherit; display:inline-block; margin:2px 10px 2px 0} .home-banner .contact span:first-child{ padding:0}*/ .page-template-tpl-contact-us .inner-banner { min-height: 300px; } .inner-banner .caption { bottom: 25px; } .inner-banner .heading, .home-banner .heading { font-size: 20px; line-height: 26px; } .choose-your-exam .tabs a, .choose-your-exam .tabs a.active { box-shadow: 0 0 8px rgba(0,0,0,0.4) inset; } .choose-your-exam .tabs { padding: 10px 0 } .achievement-wrap .box { width: 49% } .achievement-wrap .box strong { margin: 15px 0 5px } header .phone { margin: 0; } .margin-top { margin-top: 89px !important } footer .col-md-6.pd0 .home-contact-us .col-sm-6, footer .col-md-6.pd0 .home-contact-us .col-sm-6+.col-sm-6 { float: left; width: 50%; } footer .col-md-6.right-col .col-sm-6 { float: left; width: 50%; } footer .copyright { padding: 15px 0; border-top: 1px solid #e8e8e8; } } @media only screen and (max-width:639px) { .home-banner .mask-img { display: none } footer .copyright p { width: 100%; text-align: center; padding: 2px 0 } footer .col-md-6.pd0 .home-contact-us .col-sm-6, footer .col-md-6.pd0 .home-contact-us .col-sm-6+.col-sm-6 { width: 100% } } @media only screen and (max-width:520px) { header .phone span { display: none } .ServicesBox .detail { padding: 15px } .ServicesBox .detail p { display: none; } .ServicesBox .box { width: 100% } .ServicesBox .detail p { display: block; } } @media only screen and (max-width:479px) { header .logo { width: 45%; } header .logo img { max-width: 141px; } .home-banner .heading, .home-banner .heading strong { font-weight: 400!important } .home-banner .slides li p { font-size: 14px; line-height: 24px; padding: 8px 0 0; } .home-banner .btn-row { max-width: 100%; } .home-banner .btn-row .btn { font-size: 12px; min-width: inherit } .home-banner .btn i { display: none } .home-banner .btn-row .btn-normal { margin: 21px 1px 11px 0; } .testimonials .tabs::after { display: none } /*.testimonials .tabs .tab{ width:100%; display:none} .testimonials .tabs .tab.active{ display:block} .testimonials .tabs .tab img{ max-width:inherit}*/ .our-partner h4 { font-weight: 700 } .contact { max-width: 286px; } .contact .container span:call { display:none; width:100% } /*.contact .container{ font-size:0;} .contact .container span{font-size:13px; padding:2px 0 2px 0}*/ .home-banner .contact { max-width: inherit; font-size: 13px; } .home-banner .contact strong { max-width: inherit; width: 50%; } .home-banner .contact span { padding: 0 10px !important } footer ul li { display: inline-block; margin: 0 6px; } footer span { display: block } .why-choose-us .content ul li { width: 100%; padding-bottom: 15px; } .contact-us { padding-bottom: 0 } .contact-us .address .row .col-sm-6 .col-sm-12 p:first-child { padding-bottom: 20px; } .home-blog.inner .blogs { margin: 0 0; } .home-blog.inner .blogs .blog { width: 100%; } .woocommerce-order-details .product-name a { font-size: 16px; } .woocommerce-order-details .wc-booking-summary { margin: 0; } .woocommerce-order-details .wc-booking-summary-list li { padding: 5px 0!important } .choose-your-exam .tabs a { width: 100% } .BlogRow .box a { float: left; width: 100%; clear: inherit } .BlogRow .box a + a { margin-left: 0; margin-top: 1% } .home-banner .caption { position: static; padding: 25px 0; background: #243d59; } } @media only screen and (max-width:639px) { .alignleft, .alignright { max-width: 220px } } @media only screen and (max-width:520px) { div.alignleft, div.alignright, .alignleft, .alignright { float: none; display: block; max-width: 100%; margin: 10px 0 } } @media only screen and (max-width:479px) { .margin-top { margin-top: 65px!important; } #push_sidebar { width: 250px; right: -250px } .sidebar_active { margin-left: -250px; margin-right: 250px; } .sidebar_active header { left: -250px; right: 250px; } footer .copyright p { font-size: 12px } header ul.social-icon { float: right; margin: 5px 0 0; } .nav-trigger { margin-top: 10px; } header .phone { position: absolute; right: 50px; bottom: 6px; left: auto; width: auto } header .phone a:before { font-size: 14px; } header ul.social-icon li { margin-left: 1px } header ul.social-icon li i { font-size: 12px; line-height: 22px; width: 22px; height: 22px; } .margin-top { margin-top: 99px !important } } @media only screen and (max-width:420px) { header .logo { width: 151px; min-width: 154px; } header .phone strong+strong { padding: 0 0 0 6px; margin: 0 0 0 10px; } } /****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; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; transform:translate3d(0, -3000px, 0); } 60% { opacity:1; transform:translate3d(0, 25px, 0); } 75% { transform:translate3d(0, -10px, 0); } 90% { transform:translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; transform:translate3d(0, -3000px, 0); } 60% { opacity:1; transform:translate3d(0, 25px, 0); } 75% { transform:translate3d(0, -10px, 0); } 90% { transform:translate3d(0, 5px, 0); } to { transform: none; } } /***** slideUp *******/ @-webkit-keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } /*.animateblock { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; } .animateblock.animated { opacity: 1; } .animated { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); } 40% { -webkit-transform:translateY(-10px); } 60% { -webkit-transform:translateY(5px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); } 40% { -moz-transform:translateY(10px); } 60% { -moz-transform:translateY(5px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform:translateY(0); } 40% { -o-transform:translateY(10px); } 60% { -o-transform:translateY(5px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(10px); } 60% { transform:translateY(5px); } }*/ .bounce { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; text-decoration: none; outline: none } @-webkit-keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing.animated { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft.animated { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight.animated { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp.animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown.animated { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } .fadeIn.animated { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05); } 70% { -webkit-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } 70% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } } .bounceIn.animated { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp.animated { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes zoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50% { opacity:1; } } @keyframes zoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50% { opacity:1; } } .zoomIn.animated { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate3d(0, 0, 1, 80deg); transform:rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80% { -webkit-transform:rotate3d(0, 0, 1, 60deg); transform:rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate3d(0, 0, 1, 80deg); transform:rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80% { -webkit-transform:rotate3d(0, 0, 1, 60deg); transform:rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge.animated { -webkit-animation-name: hinge; animation-name: hinge; } /****Transition End******/ @keyframes acbg { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @-webkit-keyframes acbg { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes acbg { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-carousel .owl-nav .owl-prev { width: 30px; height: 70px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -35px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; } .owl-carousel .owl-nav .owl-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 23px; line-height: 70px; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-next { width: 30px; height: 70px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -35px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; } .owl-carousel .owl-nav .owl-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 23px; line-height: 70px; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none } .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev.disabled, .owl-carousel:hover .owl-nav .owl-next.disabled { opacity: 1; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { cursor: not-allowed; border-color: #c8b2de!important; } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before, .owl-carousel .owl-nav .owl-prev.disabled:hover:before, .owl-carousel .owl-nav .owl-next.disabled:hover:before { color: #0d8576; } .owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #0d8576; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled:hover, .owl-carousel .owl-nav .owl-next.disabled:hover {/*background-color:rgba(255,255,255,.06)!important*/ } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before {/*background-color:rgba(255,255,255,.06)*/ } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {/*background-color:#efa516!important*/ } .owl-carousel .owl-dots .owl-dots { align-self: center; list-style: none; margin: 0; padding: 0; display: flex; } .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot span { width: auto; margin: 2px; display: inline-block; height: auto; font-size: 0; line-height: 0; border: 0; box-shadow: none; background: none } .owl-carousel .owl-dots .owl-dot span:before { content: ''; height: 6px; width: 6px; display: inline-block; background: #000; border-radius: 10px; cursor: pointer; transition: all 300ms ease; } .owl-carousel .owl-dots .owl-dot.active span:before { width: 15px; background: #008576; } @media only screen and (max-width:1024px) { .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1 } } /****Woocommerce Start****/ .woocommerce .star-rating { font-size: 0.7em; color: #62c7c2; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, #add_payment_method .wc-proceed-to- checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button, .woocommerce-cart table.cart input[type="submit"] { position: relative; display: inline-block; background-color: #029786 !important; color: #fff !important; font-size: 15px; margin: 0; font-family: 'Roboto', sans-serif; line-height: 20px !important; text-transform: uppercase; cursor: pointer; padding: 15px 30px !important; outline: none; font-weight: normal; border-radius: 0 !important; text-align: center; border: solid 1px #029786; border-radius: 4px } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-cart table.cart input[type="submit"]:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button:hover { background-color: #000!important; border-color: #000 !important; } .woocommerce table { border-collapse: collapse !important; margin: 0 !important } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: #ebebeb !important; padding: 9px 12px; } .woocommerce .product-thumbnail img { width: 80px !important; border: 1px solid #232323; } .woocommerce-cart .woocommerce .product-thumbnail img { border: none; } .woocommerce .cart-collaterals .cart_totals table, .woocommerce table.shop_table { background-color: #fff; border-radius: 0; } .woocommerce-cart .commonContent h2, .woocommerce-checkout .commonContent h2, .woocommerce-account .commonContent h2 { margin-bottom: 15px; padding-bottom: 10px } .woocommerce-checkout .commonContent h3, .woocommerce-account .commonContent h3 { font-size: 22px; line-height: 35px; padding: 10px 0; color: #484759; font-weight: 600; font-style: normal; clear: both } .woocommerce .qty { padding: 0 4px !important; height: 48px; } @media (min-width:769px) { .woocommerce .cart-collaterals .cart_totals table tr td, .woocommerce .cart-collaterals .cart_totals table tr th { border: 1px solid #029786 !important; } } .woocommerce ul#shipping_method .amount, .woocommerce ul#shipping_method .amount span { color: #62c7c2; } .woocommerce table.shop_table .order-total strong, .woocommerce-cart table.cart td.product-subtotal .amount, .woocommerce-cart table.cart td.product-subtotal .amount span { font-size: 16px; color: #232323 } .woocommerce a.remove { line-height: 22px; } .woocommerce-error li:before, .woocommerce-info li:before, .woocommerce-message li:before, #add_payment_method #payment ul.payment_methods li:before, .woocommerce-cart #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce .order_details li:before, .woocommerce nav.woocommerce-pagination li:before, .woocommerce .order_details:after, .woocommerce .order_details:before, .woocommerce table.shop_table ul#shipping_method li:before, .woocommerce ul#shipping_method li:before, .woocommerce-checkout .custom-select:after, .woocommerce-account .custom-select:after { display: none!important } .woocommerce-error, .woocommerce-info, .woocommerce-message { margin: 0 0 15px 0 !important; padding: 1em 2em 1em 3.5em !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce table.my_account_orders .button { padding: 5px 10px !important; font-size: 12px; white-space: normal; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left !important; width: 50% !important; padding-right: 10px; max-width: inherit !important; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right !important; width: 50% !important; padding-left: 10px; max-width: inherit !important; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 50% !important; padding: 3px 10px } .woocommerce fieldset { padding: 15px; padding-top: 10px; margin: 25px 0 0 0; border: 5px solid #ebebeb; } .woocommerce legend { display: block; width: auto; padding: 0 15px; margin: 0; font-size: 24px; color: #62c7c2; line-height: normal; border: none; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 24%; margin-top: 15px; } .woocommerce-account .woocommerce-MyAccount-content { width: 76%; padding-left: 35px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: block; padding: 0; border: 1px solid #ebebeb; border-bottom: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: block; font-size: 16px; padding: 0; margin: 0; line-height: inherit; clear: both; border-bottom: 1px solid #ebebeb } .woocommerce-account .woocommerce-MyAccount-navigation ul li:before { display: none } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; line-height: normal; padding: 9px 15px; color: #000; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #62c7c2; color: #fff; } .addresses address, .woocommerce-view-order address, .woocommerce-order-received address { background: #fff; padding: 15px; border-radius: 1px; margin: 5px 0 15px 0; border: 1px solid #ebebeb; clear: both; } .addresses address p { padding-top: 0; padding-bottom: 0 } .woocommerce td.product-name dl.variation dd p { padding: 0 } #coupon_code { display: inline-block; width: 180px; padding: 9px 10px; height: 50px; color: #353535!important } .woocommerce .checkout_coupon p { width: 49%; float: none; display: block; vertical-align: top; } .woocommerce .checkout_coupon #coupon_code { width: 100%; } .woocommerce .woocommerce-info { border: 1px solid #b6dde4; border-radius: 0; margin: 10px 0 10px 0 !important; background: none !important } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 10px; border-color: #ebebeb; margin: 0 0 10px 0; border-radius: 0; } .woocommerce .woocommerce-billing-fields, .woocommerce .woocommerce-shipping-fields, .woocommerce-checkout-review-order .woocommerce-checkout-payment, .woocommerce .orderwrap { padding: 15px; border: 1px solid #b6dde4; background-color: none; } /*.woocommerce .woocommerce-shipping-fields { background-color: #f7f6f7; }*/ .woocommerce .woocommerce-billing-fields h3, .woocommerce .woocommerce-shipping-fields h3 { padding-top: 0 } .woocommerce .woocommerce-shipping-fields h3 label { display: inline-block } .woocommerce-account-fields .create-account .radio .csRadio, .woocommerce-account-fields .create-account .checkbox .csCheckbox { margin-left: 0; } .woocommerce form.checkout_coupon input.button, .woocommerce form.login input.button, .woocommerce form.register input.button { margin-right: 10px } .woocommerce label span { color: #0b0834; } #add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size: 15px; color: #777; font-weight: 400; line-height: normal; } .woocommerce-checkout .checkbox input[type=checkbox], .woocommerce-checkout .checkbox-inline input[type=checkbox], .woocommerce-checkout .radio input[type=radio], .woocommerce-checkout .radio-inline input[type=radio] { position: static; margin-left: 0 } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-color: #e7e7e7 } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label, #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, .woocommerce ul#shipping_method li label { display: inline-block } .woocommerce ul#shipping_method li { text-indent: 0; padding: 0 } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #fff; border: 1px solid #e7e7e7; border-radius: 0; margin: 15px 0; } .woocommerce-checkout #payment ul.payment_methods li .form-row label { display: block } .woocommerce-checkout #payment ul.payment_methods li .csSelect { display: inline-block; height: 46px; padding: 10px 0 8px 0; min-width: 100px; width: 100px } .woocommerce-checkout #payment ul.payment_methods li select { display: inline-block; } .woocommerce-checkout #payment ul.payment_methods li .csSelect:after { padding: 12px 5px; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce .woocommerce table.shop_table ul#shipping_method li { padding-left: 0 } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #f7f6f7; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #f7f6f7 } .woocommerce-checkout #payment div.payment_box div p { width: auto; display: inline-block; float: none; } .woocommerce-checkout #payment div.payment_box fieldset { padding: 0; padding-top: 10px; margin: 0; border: none; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0px 6px 0 0; vertical-align: middle; } .woocommerce ul.order_details { display: table; width: 100%; margin: 0; padding: 0; border: 1px solid #ebebeb } .woocommerce ul.order_details li { display: table-cell; margin: 0; border: none; border-right: 1px solid #ebebeb; padding: 15px; background: #fff; float: none; } .woocommerce .product-name a:hover { color:# } .variations_form .table-responsive { overflow: inherit; } table.variations tr { display: block } table.variations tr td label { margin: 5px 0 0 0 } table.variations tr td { vertical-align: middle; border: none; padding: 0; display: inline-block; vertical-align: top } table.variations .reset_variations { margin-left: 18px; } .single_variation_wrap .woocommerce-variation-price, .single_variation_wrap .woocommerce-variation-availability p { padding: 0 } .woocommerce-variation-price { padding: 10px 0 } .woocommerce-variation-price .price { color: #fe3203; font-size: 24px; font-weight: 700; } .variations_button .quantity { display: inline-block; vertical-align: middle; width: 80px; padding: 0 } .variations_button .quantity .qty { padding: 13px 0; width: 96%; } .variations_button .btn { float: none } .shop_table .variation dd, .shop_table .variation dt { padding: 0!important; float: none!important; } .shop_table .variation dt { margin: 0 !important; text-transform: capitalize } .shop_table .variation p { padding: 0!important } #order_review table.shop_table p { display: inline-block; padding: 0!important; margin: 0!important; display: block; } #order_review table.shop_table dl.variation dd { padding: 0!important; margin: 0!important } #order_review table.shop_table dl.variation { background-color: #f7f6f7; padding: 0 8px!important; } #order_review table.shop_table dl.variation * { font-size: 14px!important; line-height: 20px!important } #order_review #payment .terms { padding: 0!important; text-align: left!important } #order_review #payment .terms label { font-size: 12px; display: inline-block; line-height: normal; vertical-align: middle; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { width: 100%; } .woocommerce-checkout-review-order { float: left; width: 100%; margin: 0 } #customer_details h3 span.counter-num { font-size: 22px; line-height: 35px; padding: 4px 10px; color: #fff; background-color: #62c7c2; border-radius: 100%; margin-right: 10px; } .wc-proceed-to-checkout { padding: 15px 0 0 0 } .content-sec form { text-align: left } .woocommerce-checkout #payment div.payment_box .form-row { float: left; width: 100%; margin: 0 } .woocommerce-checkout #payment div.payment_box .clear { clear: none } .woocommerce-checkout #payment div.payment_box:after { border-bottom-color: #f7f6f7 } .woocommerce-checkout #payment ul.payment_methods li input#beanstream_card_csc { width: 100px !important } .woocommerce-checkout #payment ul.payment_methods li select#beanstream_card_type { width: 100% } .woocommerce-cart .woocommerce ul#shipping_method li input { margin-top: 9px; vertical-align: top } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .content-sec .select2-container .select2-selection--single, .content-sec .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px !important; border-radius: 0; border-color: #dbdbdb; } .select2.select2-container .select2-selection .select2-selection__arrow:before { line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px!important; } .content-sec .select2.select2-container .select2-selection { border: 1px solid #dbdbdb!important; } .select2-dropdown { border-color: #dbdbdb; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 20px; } .woocommerce form .form-row .select2-container { line-height: 26px; } .woocommerce .select2-container .select2-choice { border-color: #e0e0e0; padding: 10px 0 10px 15px; border-radius: 0; } .select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active { border-color: #e0e0e0; } .reset_variations { display: inline-block; font-weight: bold; vertical-align: top; padding: 5px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-family: 'GothamBold', sans-serif; } .woocommerce .wpuef_file_uploader_container { border: none; padding: 0; display: block; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { padding-top: 5px; padding-bottom: 0; } /***Pagination****/ .woocommerce nav.woocommerce-pagination { float: left; display: block; width: 100%; padding: 30px 0 0; text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; border: none; border-right: 0; margin: 0; width: auto } .woocommerce nav.woocommerce-pagination ul li { border-right: none; padding: 3px 5px; margin: 0; float: left; display: inline; overflow: hidden; text-align: center } .woocommerce nav.woocommerce-pagination ul li:before { display: none } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; color: #131313; text-decoration: none; line-height: 18px; font-size: 14px; font-weight: normal; padding: 0 5px; display: block; border: none; border-radius: 0; background: #fff; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #62c7c2; border-color: transparent; background-color: transparent; } .woocommerce nav.woocommerce-pagination ul li .dots { border-color: transparent; background: none } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, woocommerce-input-wrapper select { border: 1px solid #ccc !important; padding: 6px 10px; width: 100%; font-size: 14px !important; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { width: 100%; } .woocommerce form .woocommerce-input-wrapper { width: 100% } .woocommerce form .checkbox .csCheckbox { margin-left: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #ffffff !important; border: solid 1px #b6dde4!important } .woocommerce form .form-row.woocommerce-invalid label { color: #000 !important; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { font-size: 14px !important; border: 1px solid #b6dde4 !important; } .content-sec #customer_details h3, #order_review_heading { font-size: 22px !important; } .wc_ps_container .search-wrap .form-control { border: none !important; padding-left: 0; } .head-cell .wc_ps_container, .head-cell .wc_ps_sidebar_container { border: none !important; } .head-cell .wc_ps_sidebar_container .wc_ps_nav_field .wc_ps_search_keyword { padding-right: 40px !important; font-size: 14px !important; font-weight: 300 !important; height: auto !important; position: relative; width: 100% !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-family: Poppins, sans-serif !important; height: auto !important; } .head-cell .wc_ps_container .wc_ps_searching_icon { right: 35px; } .head-cell .wc_ps_sidebar_container { margin: 0px !important; } .head-cell .wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_field { height: auto !important; } .content-sec .cart_totals h2 { font-size: 28px; margin-top: 20px; padding-bottom: 10px; } .content-sec form.woocommerce-cart-form { margin-top: 30px } .woocommerce nav.woocommerce-pagination { text-align: center } .woocommerce nav.woocommerce-pagination ul { text-align: center; border: none !important } .woocommerce nav.woocommerce-pagination ul li { display: inline-block; padding: 0 4px!important; margin-bottom: 10px; border: none !important } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-block; border: solid 1px #105d9b; color: #105d9b; font-size: 14px; text-transform: uppercase; padding: 7px 16px !important; border-radius: 6px; position: relative } .woocommerce nav.woocommerce-pagination ul li.prev a { padding-left: 28px; } .woocommerce nav.woocommerce-pagination ul li.prev a:before { float: left; width: 6px; height: 6px; border-left: solid 1px #105d9b; border-top: solid 1px #105d9b; position: absolute; left: 18px; top: 50%; margin-top: -3px; content: ""; transform: rotate(-45deg) } .woocommerce nav.woocommerce-pagination ul li.next a { padding-right: 28px; } .woocommerce nav.woocommerce-pagination ul li.next a:before { float: left; width: 6px; height: 6px; border-right: solid 1px #105d9b; border-bottom: solid 1px #105d9b; position: absolute; right: 18px; top: 50%; margin-top: -3px; content: ""; transform: rotate(-45deg) } .woocommerce nav.woocommerce-pagination ul li.disable a { opacity: 0.3 } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #105d9b !important; color: #ffffff !important } h3#order_review_heading, .cart_totals { clear: both; padding-top: 25px; float: left; width: 100% } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #333 } .woocommerce span.onsale { padding: 0 } .woocommerce div.product .product_title { display: block; width: 100%; padding-bottom: 10px; font-size: 24px } .woocommerce div.product p.price del, .woocommerce div.product span.price del { padding-right: 10px; } .woocommerce ul.products li.product .price { color: #333; font-size: 16px; line-height: 24px; vertical-align: middle } .woocommerce div.product { margin-top: 30px } form.cart { display: block; width: 100%; } #tab-description h2, .related.products h2 { padding-bottom: 10px; font-size: 24px; } #tab-description p { line-height: 24px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-left: 0; padding-left: 0 } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: #000; color: #ffffff; border: none!important; border-radius: 0!important; margin: 5px 2px 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #ed3237; color: #ffffff } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background: #ed3237; color: #ffffff } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #ffffff; font-weight: 600 } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #ffffff } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important } .woocommerce-message::before { color: #008576!important; } .woocommerce-message { border-top-color: #008576!important; } /************Overlay in checkout page************/ .page-id-10 .woocommerce #checkout { position: relative!important; overflow: hidden; clear: both; display: block } .page-id-10 .woocommerce .woocommerce-checkout .blockUI.blockOverlay, .page-id-10 .woocommerce .woocommerce-checkout .blockUI.blockOverlay:before { z-index: 15!important; } .page-id-10 .woocommerce .woocommerce-checkout .blockUI.blockOverlay { left: 0; top: 0; position: fixed!important; background-color: rgba(0,0,0,.5)!important } .page-id-10 .woocommerce .woocommerce-checkout .blockUI.blockOverlay:after { content: 'While we are processing your application, please do not click anywhere.'; left: 0; bottom: 55px; right: 0; position: fixed!important; z-index: 40!important; background-color: #de9d35!important; font-size: 16px; line-height: 20px; color: #000; font-weight: 700; padding: 10px; text-align: right } .page-id-10 #order_review .blockUI.blockOverlay:after { display: none!important } .wc-checkout-add-ons-dropzone { z-index: auto!important; cursor: pointer!important; } .wc-booking-summary-list li { padding-left: 0!important } .woocommerce ul.order_details li.woocommerce-order-overview__order.order { padding-left: 15px } @media only screen and (max-width:767px) { .content-sec form.woocommerce-shipping-calculator { text-align: right } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100% !important; margin-top: 20px } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0 } .woocommerce nav.woocommerce-pagination { padding: 10px 0 20px; } .woocommerce ul.products li.product .button { padding: 12px 20px !important; font-size: 14px } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%!important } } @media only screen and (max-width:420px) { .woocommerce #coupon_code { width: 120px; } .woocommerce .coupon .button { padding: 15px 13px !important; font-size: 12px !important } .woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100% } .woocommerce div.product div.summary { margin-bottom: 1em; } .woocommerce div.product form.cart { margin-bottom: 1em; } .woocommerce .checkout_coupon .button { padding: 15px 13px !important; font-size: 12px!important; } } /****Woocommerce End****/ form.cart { position: relative } .wc-bookings-booking-form .wc-bookings-booking-cost { margin: 0 0 10px 0!important } .wc-bookings-booking-form { width: 100%; float: left; } .wc-bookings-booking-form fieldset { width: 50%; float: left; } .wc-bookings-booking-form .date-field-box { width: 48%; float: right; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background-color: #cccccc !important; height: 20px!important; width: 20px!important; border-radius: 10px; -webkit-border-radius: 10px; } .wc-bookings-date-picker .ui-icon-circle-triangle-e { background-position: -31px 2px!important; } .wc-bookings-date-picker .ui-icon-circle-triangle-w { background-position: -95px 1px!important; } .wc-bookings-date-picker .ui-icon-circle-triangle-w:hover, .wc-bookings-date-picker .ui-icon-circle-triangle-e:hover { background-color: #000!important } .woocommerce div.product { margin-top: 0 } .woocommerce div.product form.cart { margin-bottom: 0!important } #wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td .ui-state-default.ui-state-hover { background: #008576 !important; color: #ffffff !important; } #wc-bookings-booking-form .wc-bookings-booking-cost { background: none!important; color: #008576!important; font-size: 14px!important; border-bottom: 1px solid #ddd; padding: 0.6em 1em 1em 0em; letter-spacing: 1px } #wc-bookings-booking-form .wc-bookings-booking-cost strong { color: #1e4164!important; font-size: 30px!important; position: relative; top: 6px; padding-left: 6px; } @media only screen and (max-width:767px) { .wc-bookings-booking-form fieldset { width: 100%; } .wc-bookings-booking-form .date-field-box { width: 100%; } .wc-bookings-booking-form { padding-bottom: 1em!important } } #name_oficu_gender_field #name_oficu_gender_Male, #name_oficu_gender_field #name_oficu_gender_Female { } #name_oficu_gender_field .radio { margin: 0 15px 0 5px!important; display: inline-block!important; width: auto!important; line-height: 25px!important; } /* *********************************** */ #moneris_gateway { float: left; width: 100%; max-width: 840px; background: #fff; padding: 50px 30px 30px; margin-top: 40px; border: 1px solid #ccc !important; } #moneris_gateway h3 { margin-top: -70px; float: left; background: #fff; padding: 8px 15px; border: 1px solid #ccc !important; color: #2d4262 } #moneris_gateway h3 + .col-sm-12 .row { margin: 0 -20px } #moneris_gateway h4 { padding-top: 15px; clear: both; color: #2d4262; font-size: 22px; padding-bottom: 0 } #moneris_gateway .csRadio, #moneris_gateway .csCheckbox { margin: -5px 5px 0 0; } #moneris_gateway .col-sm-6, #moneris_gateway .col-sm-4, #moneris_gateway .col-sm-8 { width: 50%; } .inner-banner .max-width { max-width: 730px; } .tcf-program ::-webkit-input-placeholder { color:#353535; opacity:1 } .tcf-program :-moz-placeholder { color:#353535; opacity:1 } .tcf-program ::-moz-placeholder { color:#353535; opacity:1 } .tcf-program :-ms-input-placeholder { color:#353535; opacity:1 } .tcf-program .row p { padding: 5px 0 0 } .tcf-program { display: block; width: 100%; padding: 50px 0; position: relative; background: #fafafa; } .tcf-program input[type="text"], .tcf-program input[type="email"], .tcf-program input[type="tel"], .tcf-program input[type="password"], .tcf-program textarea, .tcf-program select { border-radius: 0px !important; background-color: none !important; background: #fff !important; border: none !important; border: 1px solid #ccc !important; border-radius: 0; color: #353535 !important; display: block; font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; padding: 12px 10px !important; box-shadow: none !important; height: 54px !important; font-family: 'Roboto', sans-serif !important; } .tcf-program .file { border-radius: 0px !important; background-color: #fff !important; background: none !important; border: none !important; border: 1px solid #ccc !important; border-radius: 0; color: #353535 !important; display: block; font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; padding: 4px 0 0 !important; box-shadow: none !important; height: 54px !important; font-family: 'Roboto', sans-serif !important; } .tcf-program .file input[type="file"] { border: none!important } .tcf-program .btn { border-radius: 0; background: url(../img/input-btn-bg.png) right 0 no-repeat !important; margin: 5px 0 0 !important; min-width: inherit; padding: 9px 70px 9px 35px !important; color: #008576 !important; text-decoration: none; font-size: 14px !important; line-height: 24px !important; font-weight: 700 !important; text-transform: uppercase; display: inline-block; vertical-align: top; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 0; border: solid 2px #008576 !important; letter-spacing: 1px; border-radius: 0 !important; font-family: 'Roboto', sans-serif !important; } .tcf-program .selectric .label { height: 54px; line-height: 54px } .tcf-program .btn:hover { background: #fff url(../img/input-btn-bg.png) right -42px no-repeat !important; border: solid 2px #000 !important; } .tcf-program .box { margin: 0; padding: 0 0 0px 0; } .tcf-program .box.check p { display: inline-block; padding-right: 15px; padding-bottom: 0 } .tcf-program .card-number { position: relative } .tcf-program .card-number:after { background: url(../img/card-cc-plain.svg) right 0 no-repeat !important; background-size: 50px auto; content: ""; width: 50px; height: 100%; position: absolute; right: 20px; top: 20px; content: "" } .tcf-program small { font-size: 11px } .tcf-program .btn:hover { color: #000!important; } .tcf-program .error { font-size: 12px; color: #a94442 } .tcf-program strong { font-weight: normal } .tcf-program .csRadio .error, .tcf-program .csCheckbox .error { position: absolute; width: 120px; top: 100%; margin-top: 0; background: #fff; line-height: 1.4; z-index: 3; } @media only screen and (max-width:1199px) { .tcf-program { padding: 15px } } @media only screen and (max-width:767px) { #moneris_gateway { padding: 50px 15px 30px; } #moneris_gateway p { font-size: 14px; } .tcf-program .box.check p { padding-right: 4px; } #moneris_gateway .col-sm-6, #moneris_gateway .col-sm-4, #moneris_gateway .col-sm-8 { width: 100%; } } /***Date timepicker****/ .datetimepicker { background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; border-radius: 4px; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); } .datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .datetimepicker button { border: none !important; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .noselect::selection { background: transparent; } .noselect::-moz-selection { background:transparent; } .datetimepicker.inline { display: inline-block; position: static; box-shadow: none; } .datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px; font-size: 14px; } .datetimepicker .datepicker, .datetimepicker .timepicker { display: none; } .datetimepicker .datepicker.active, .datetimepicker .timepicker.active { display: block; } .datetimepicker .datepicker { width: 224px; float: left; margin-left: 8px; } .datetimepicker.showweeks .datepicker { width: 256px; } .datetimepicker .timepicker { width: 80px; float: left; text-align: center; margin-left: 8px; margin-top: 0px; } .datetimepicker .datepicker.active+.timepicker { margin-top: 8px; margin-bottom: 3px } .datetimepicker .mounthpicker { position: relative; text-align: center; } .datetimepicker .prev, .datetimepicker .next, .datetimepicker .today_button { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=='); } .datetimepicker .prev { float: left; background-position: -20px 0px; } .datetimepicker .today_button { float: left; background-position: -70px 0px; margin-left: 5px; } .datetimepicker .next { float: right; background-position: 0px 0px; } .datetimepicker .next:active, .datetimepicker .prev:active { } .datetimepicker .next, .datetimepicker .prev, .datetimepicker .today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .datetimepicker .timepicker .prev, .datetimepicker .timepicker .next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .datetimepicker .timepicker .prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px; } .datetimepicker .timepicker .time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #DDDDDD; } .datetimepicker .timepicker .time_box >div >div { background: #F5F5F5; border-top: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px; } .datetimepicker .timepicker .time_box >div > div:first-child { border-top-width: 0px; } .datetimepicker .today_button:hover, .datetimepicker .next:hover, .datetimepicker .prev:hover { opacity: 1; } .datetimepicker .label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; color: #000 } .datetimepicker .label:hover { text-decoration: underline; } .datetimepicker .label > .select { border: 1px solid #ccc; position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; height: 160px; } .datetimepicker .label > .select.monthselect { right: -7px; } .datetimepicker .label > .select.yearselect { right: 2px; } .datetimepicker .label > .select > div > .option:hover { color: #fff; background: #54667a; } .datetimepicker .label > .select > div > .option { padding: 2px 10px 2px 5px; } .datetimepicker .label > .select > div > .option.current { background: #2a2b2d; box-shadow: #2a2b2d 0px 1px 3px 0px inset; color: #fff; font-weight: 700; } .datetimepicker .date.current { background: #51b8f2; color: #fff; font-weight: bold; } .datetimepicker .month { width: 90px; text-align: right; } .datetimepicker .calendar { clear: both; } .datetimepicker .year { width: 56px; } .datetimepicker .calendar table { border-collapse: collapse; width: 100%; } .datetimepicker .calendar td > div { padding-right: 5px; } .datetimepicker .calendar th { height: 25px; } .datetimepicker .calendar td, .datetimepicker .calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding: 3px; border-collapse: collapse; cursor: pointer; height: 25px; } .datetimepicker.showweeks .calendar td, .datetimepicker.showweeks .calendar th { width: 12.5%; } .datetimepicker .calendar th { background: #F1F1F1; } .datetimepicker .calendar td.today { color: #33AAFF; } .datetimepicker .calendar td.default, .datetimepicker .calendar td.current, .datetimepicker .timepicker .time_box >div >div.current { background: #164999; color: #fff !important; font-weight: bold; } .datetimepicker .calendar td.current > div { color: #fff !important; } .datetimepicker .calendar td.other_month, .datetimepicker .calendar td.disabled, .datetimepicker .time_box >div >div.disabled { opacity: 0.5; } .datetimepicker .calendar td.other_month.disabled { opacity: 0.2; } .datetimepicker .calendar td:hover, .datetimepicker .timepicker .time_box >div >div:hover { color: #fff !important; background: #164999; !important; box-shadow: none !important; } .datetimepicker .calendar td.disabled:hover, .datetimepicker .timepicker .time_box >div >div.disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .datetimepicker .calendar td.disabled:hover div, .datetimepicker .timepicker .time_box >div >div.disabled:hover div { color: #666!important; } .disabled { cursor: not-allowed !important; } .datetimepicker .calendar td:hover div, .datetimepicker .timepicker .time_box >div >div:hover div { color: #fff !important; } .datetimepicker .calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .datetimepicker .copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .datetimepicker .copyright a { color: #eee !important; } .datetimepicker .copyright a:hover { color: #aaa !important; } /******************* datetimepicker ************************/ .fwhite { color: #fff; } .exam-info .logo-img { text-align: left; padding: 0px; } .exam-info .logo-img img { max-height: 80px } .exam-info .logo-img.red { background: #d92e10; } .exam-info .logo-img.green { background: #6fc5aa; } .exam-info .logo-img.white { background: #fff; } .tcf-error { display: none!important } .csRadio.error-fill .csRadioElem { border-color: #ff0000!important } .csRadio.error-fill .csRadioElem.csCheckedR { border-color: #000000!important } /*page-template-tpl-pearon-courses*/ .page-template-tpl-pearon-courses table h5 { padding-bottom: 15px; font-size: 20px; } .page-template-tpl-pearon-courses table dl { float: left; width: 98%; padding: 10px 1%; text-align: left; margin: 0 } .page-template-tpl-pearon-courses table dl dt { width: 30%; float: left; font-size: 15px; padding: 0 2%; font-weight: 600; line-height: 24px; } .page-template-tpl-pearon-courses table dl dd { width: 62%; float: left; font-size: 15px; padding: 0 2%; line-height: 24px; } .page-template-tpl-pearon-courses table p { margin: 0 !important; padding: 10px 0; float: left } .page-template-tpl-pearon-courses table dl:nth-child(2n) { background: #eae8e8 } .page-template-tpl-pearon-courses .tcf-program ul { float: left; width: 100% } .page-template-tpl-pearon-courses .tcf-program ul li { float: left; width: 50%; padding: 0 15px 9px 17px } .page-template-tpl-pearon-courses .selectric-scroll ul li { float: left; width: 100%; } .page-template-tpl-pearon-courses .table-responsive { float: left } /*tcf-program .tabs*/ .tcf-program .tabs { display: block; width: 100% } .tcf-program .tabs ul { display: block; width: 100%; float: right; list-style: none!important; padding: 0 } .tcf-program .tabs ul li { display: inline-block; padding: 0 0 0 8px; float: right; list-style: none!important } .tcf-program .tabs ul li:before { display: none } .tcf-program .tabs ul li a { display: block; padding: 4px 12px; float: right; background: #1e4164; color: #fff; border-radius: 4px; border: solid 1px #1e4164 } .tcf-program .tabs ul li a:hover, .tcf-program .tabs ul li a.active { color: #fff; background: #008576; border: solid 1px #008576 } .tcf-program .langdetails { display: none } .tcf-program .langdetails h2 { display: inline-block; position: relative; top: -30px; } @media only screen and (max-width:767px) { .page-template-tpl-pearon-courses table td { width: auto; float: left } .page-template-tpl-pearon-courses table dl dt { padding-bottom: 4px; } .page-template-tpl-pearon-courses table dl dt, table.pearson dl dd { width: 96% } .page-template-tpl-pearon-courses .tcf-program ul li { float: left; width: 100%; padding: 0 15px 9px 17px } .page-template-tpl-pearon-courses .tcf-program img { max-width: 200px } .tcf-program .langdetails h2 { display: block; position: relative; top: 15px; } } @media (max-width:1300px) { .nav-wrap nav ul.nav > li{ margin:0 0 0 26px} } @media (max-width:1199px) { .nav-wrap nav ul.nav > li > a{ font-size:14px;} .nav-wrap nav ul.nav > li{ margin:0 0 0 11px} } /* *** 12 10 * ****/ .home-banner-new{min-height:300px;background-color:#1e4164;} .home-banner-new .container{ position:relative} .home-banner-new .slides li{background-position:right center;background-repeat:no-repeat;background-size:cover; min-height:500px} .home-banner-new .slides > li.maskOverlay::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(30,65,100,.95)} .home-banner-new .slide-img img{ width:100%;} .home-banner-new .caption{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;z-index:15} .home-banner-new .max-width{width:auto;max-width:510px;float:left;position:relative;} .home-banner-new .heading{color:#fff;font-size:48px;line-height:1.1;font-weight:300;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,0.5)} .home-banner-new p{font-weight:300;line-height:1.8;color:#fff;padding:15px 0 0;text-shadow:0 1px 0 rgba(0,0,0,0.5);margin:0; width:95%} .home-banner-new .btn-row{padding-bottom:0} .home-banner-new .small-heading, .home-banner-new .heading, .home-banner-new .sub-heading, .home-banner-new p{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .home-banner-new .flex-active-slide .small-heading{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} .home-banner-new .flex-active-slide .heading{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} .home-banner-new .flex-active-slide .sub-heading{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} .home-banner-new .flex-active-slide p{-webkit-animation-name:slideUp;animation-name:slideUp;} .home-banner-new .btn-row{ padding-top:30px} .home-banner-new .btn-row .btn-normal{ margin:11px 1px 11px 32px; text-decoration:none; display:inline-block; line-height:24px; font-size:14px; position:relative; letter-spacing:1px} .home-banner-new .btn-row .btn-normal:after{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#008576; content:""} .home-banner-new .btn-row .btn-normal:hover{ color:#ffffff} .home-banner-new .btn-row .btn-normal:hover:after{ background:#ffffff} .home-banner-new .contact{ display:block; width:100%; position:absolute; bottom:25px; left:0px; z-index:999; font-size:13px; color:#ffffff; font-weight:500; letter-spacing:1px; text-transform:uppercase} .home-banner-new .contact a{color:#ffffff} .home-banner-new .contact span{ padding:0 10px} .home-banner-new .contact span:first-child{ padding-left:0;} .home-banner-new .mask-img{ display:block; position:absolute; top:50%; right:0; z-index:999; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .home-banner-new .mask-img img { margin: 20px auto; display: block; width: 100%; -webkit-mask-image: url(../img/mask-bg.png); mask-image: url(../img/mask-bg.png); -webkit-mask-position: center center; mask-position: center 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .flexslider .flex-control-paging li a::before {border: 2px solid #fff} .flex-control-nav{ display:none!important} .flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: #008576;} .home-banner-new .contact br{ display:none} @media only screen and (max-width:1199px){ .home-banner-new .heading{ font-size:44px} .home-banner-new .mask-img img { width:250px; -webkit-mask-image: url(../img/mask-img01.png); mask-image: url(../img/mask-img01.png);} .home-banner-new .mask-img{ right:10%} } @media only screen and (max-width:991px){ .home-banner-new .heading{font-size:36px;} .home-banner-new img{ display:none} .home-banner-new .max-width{ max-width:60%;} .home-banner-new .mask-img img {max-width:180px; -webkit-mask-image: url(../img/mask-img02.png); mask-image: url(../img/mask-img02.png);} } @media only screen and (max-width:767px){ .home-banner-new .mask-img{ display:none} .home-banner-new .max-width{max-width: 100%; padding:0;} .home-banner-new .heading { font-size:24px; line-height:34px} .home-banner-new p{ display:none} .home-banner-new .btn-row {padding-top: 10px;} .home-banner-new .btn-row .btn{min-width:180px; padding:6px 8px} .home-banner-new .contact span.call{ width:100%!important; float:left} .home-banner-new .contact{ font-size:0;} .home-banner-new .contact span{ font-size:14px;} .home-banner-new .contact br{ display:block} .home-banner-new .contact span:nth-child(2),.home-banner-new .contact span:nth-child(5) { padding-left: 0;} } @media only screen and (max-width:479px){ .home-banner-new .heading,.home-banner-new .heading strong{ font-weight:400!important} .home-banner-newr .slides li p{ font-size:14px; line-height:24px; padding: 8px 0 0;} .home-banner-new .btn-row{ max-width:250px;} .home-banner-new .btn-row .btn-normal{margin: 21px 1px 11px 0;} .home-banner-new .contact {max-width:inherit !important;} } /*** 12 10 * *****/ /************ choose-welcome statr ************/ .choose-welcome-new1{ padding: 3% 5%; width:100%;} .choose-welcome-new{ display:table; width:100%;} .choose-welcome-new .choose{width:100%; position:relative; padding:4% 6.5%; vertical-align:middle;} .choose-welcome-new .choose:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,133,118,.95); z-index:1} .choose-welcome-new .choose *{ z-index:9; position:relative; color:#ffffff;} .choose-welcome-new .choose ul{ padding-top:10px} .choose-welcome-new .choose ul li{ font-size:14px; line-height:24px; padding-bottom:25px} .choose-welcome-new .choose ul li::before{ color:#ffffff; top:7px} .choose-welcome-new .welcome{ width:100%; vertical-align:top} .choose-welcome-new .welcome .content{ padding:35px 24% 48px 15%} .choose-welcome-new .welcome .content h2 span{ font-size:14px; font-weight:400; color:#008576; display:block; margin-left:-46px; letter-spacing:2px; padding-bottom:10px} .choose-welcome-new .welcome .content p{ line-height:30px; padding-bottom:8px} .choose-welcome-new .welcome .img-box{ float:left; width:100%; overflow:hidden} .choose-welcome-new .welcome .img-box .col01{float:left; width:32.5%; background:#017f71} .choose-welcome-new .welcome .img-box .col02{float:left; width:67.5%; background:#017f71} .choose-welcome-new .welcome .img-box img{ width:100%; display:block} .choose-welcome-new .welcome .img-box img:hover{ opacity:0.8} @media only screen and (max-width:1199px){ .choose-welcome-new .welcome .content{padding: 35px 20% 48px 12%;} } @media only screen and (max-width:991px){ .choose-welcome-new, .choose-welcome-new .choose, .choose-welcome-new .welcome{display:block; width:100%} .choose-welcome-new .choose{ padding:30px 5% 5px} .choose-welcome-new .welcome .content { padding: 25px 10% 35px 10%;} .choose-welcome-new .choose ul li{padding-bottom: 15px;} } @media only screen and (max-width:767px){ .choose-welcome-new .choose { padding: 20px 15px 0px; float:left} .choose-welcome-new .welcome .content {padding:15px 15px;} .choose-welcome-new .welcome .content h2 span{margin-left: 0;} } @media only screen and (max-width:479px){ .choose-welcome-new .content ul li{ width:100%; padding-bottom: 15px;} } /************ Our Services start************/ .our-services-new{display:block; width:100%;overflow:hidden; text-align:center; padding:60px 0 65px} .our-services-new h2{ padding-bottom:0; color:#1e4164} .our-services-new h2 + p{padding:0 0 40px 0} .services-box-new{float:left;width:100%;text-align:center; margin:0 -1px} .services-box-new .box{width:31%; margin:1% 1% 1% 1%; display:inline-block; vertical-align:top} .services-box-new .box h3{ color:#1e4164; padding: 5px 0 5px 0;} .services-box-new .box .detail{padding:0 15px;} .services-box-new .box img, .services-box-new .box h3{ transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; } .services-box-new .box:hover img{ transform:scale(1.2,1.2) } .services-box-new .box:hover h3{ transform:scale(.9,.9) } @media only screen and (max-width:1199px){ .services-box-new{padding: 40px 0 25px;} } @media only screen and (max-width:991px){ .services-box-new .box{width: 30%;} .services-box-new h2 + p {padding: 0 0 20px 0;} } @media only screen and (max-width:767px){ .services-box-new .box{width: 100%; max-width:360px; margin:1% auto} } .home-contact-us{background:#f5f5f5 url(../img/contact-bg.jpg) 0 0 no-repeat; padding:68px 0 58px} footer .copyright{ text-align:left; background:#fff; padding:45px 0 30px } footer .right-col {float: right;} footer .right-col .col-sm-6{ width:33.33%!important} footer .top-content{ padding:0} @media screen and (max-width:767px) { footer .copyright{ text-align:center; padding: 20px 0;} footer .right-col {float: none;} .home-contact-us{padding:30px 0 20px} } @media screen and (max-width:479px) { footer .right-col .col-sm-6{ width:100%!important; padding:10px} } .faqs ul li .details { display: block !important; } .faqs ul { border: 0 !important; display: flex; flex-wrap: wrap; } /* ***** 10/05/21 ******** */ .our-partners { display: block; width: 100%; overflow: hidden; padding: 50px 0 } .our-partners .all-box { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; } .our-partners .all-box .box { width: 20%; padding:10px;/* border:solid 1px #f1f1f2; margin:1%; border-radius:8px*/; } .our-partners .all-box .box .lazy-image { background: none } .our-partners .all-box .box img { max-height: 70px; max-width:98%; width:100%; } @media only screen and (max-width:767px){ .our-partners { padding:20px 0} .our-partners .all-box .box {width: 25%;} } @media only screen and (max-width:479px){ .our-partners .all-box .box {width: 33.33%; } .our-partners .all-box .box img { max-height: 50px;} } body.wp-singular.page-template.page-template-tpl.page-template-tpl-faqs.page-template-tpltpl-faqs-php.page.page-id-349 .faqs ul li .details { display: block; } .header-notice { position: relative; background-color: #ffcc00; color: #000; text-align: center; padding: 10px; font-weight: 600; font-size: 16px; overflow: hidden; } .header-notice::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent); animation: glance 3s infinite; } @keyframes glance { 0% { left: -100%; } 100% { left: 100%; } } ul.social-icon { margin-bottom: 10px !important; } .nav-wrap nav ul.nav > li > a { display: block; padding: 5px 0 14px 0; margin: 0; font-size: 14px !important; line-height: 20px; color: #ffffff; white-space: nowrap; text-decoration: none; text-transform: capitalize; letter-spacing: 1.3px; font-weight: normal !important; } .header-notice1{display:none} .home-contact-us { display: none; } .disclaimer { display: none; } .row.copyright .col-sm-12.col-md-6:last-child { display: none !important; } .row.copyright .row { display: flex; flex-direction: row; align-items: center; color: #000 !important; } .row.copyright a{ color: #000; } ul.social-icon li a .fa-linkedin-in { background-color: #007bb6 !important; color:#fff !important; } ul.social-icon li a .fa-twitter { background-color: #0eb1f2 !important; color:#fff !important; } ul.social-icon li a .fa-instagram { background-color: #d82370; color:#fff !important; } ul.social-icon li a .fa-youtube { background-color: #ff0000; color:#fff !important; } ul.social-icon li a .fa-facebook-f { background-color: #3b5999; color:#fff !important; } p.phone span { display: none; } header .phone strong:before { color: #f5bb00 !important; font-size: 14px; } header .phone a { font-weight: normal !important; } .row.copyright .col-sm-3 .col-sm-3 { width: 100% !important; } .row.copyright .col-sm-3 .col-sm-3 { width: 100% !important; padding: 0 !important; } footer .right-col p { padding-bottom: 0 !important; font-size: 14px; font-weight: normal !important; }