/* Theme Name: Twentyseventeen Child Author: Dynamicdreamz Author URI: https://www.dynamicdreamz.com/ Description: This theme enables dev to quickly be up and running with a wordpress theme. It has various component to speed up the development process. Version: 1.0 Template: twentyseventeen License: NO ONE BUT DD CAN USE IT •__• Text Domain: base Some information that won't show up anywhere but here */ html{box-sizing:border-box;} *,*:before,*:after{box-sizing:inherit;} html{line-height:1.15;-webkit-text-size-adjust:100%;} hr{box-sizing:content-box;height:0;overflow:visible;} pre{font-family:monospace, monospace;font-size:1em;} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;} b,strong{font-weight:bold;} code,kbd,samp{font-family:monospace, monospace;font-size:1em;} small{font-size:80%;} big{font-size:125%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-0.25em;} sup{top:-0.5em;} img{border-style:none;} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;} button,select{text-transform:none;} a,button,[type="button"],[type="reset"],[type="submit"]{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;outline:none;cursor:pointer;} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;} fieldset{padding:0.35em 0.75em 0.625em;} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;} progress{vertical-align:baseline;} textarea{overflow:auto;} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance:none;} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;} details{display:block;} summary{display:list-item;} template{display:none;} [hidden]{display:none;} dfn, cite, em, i{font-style:italic;} blockquote{margin:0 1.5em;} address{margin:0 0 1.5em;} pre{background:#eee;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;} code, kbd, tt, var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:15px;font-size:0.9375rem;} abbr, acronym{border-bottom:1px dotted #666;cursor:help;} mark, ins{background:#fff9c0;text-decoration:none;} hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;} ul, ol{margin:0;padding:0;} ul{/*list-style:none;*/} .list-style-circle{list-style: circle;} ul li{/*list-style:outside;margin-left:20px;*/margin-bottom: 15px;} #site-content li{line-height: 18px;} ol{list-style:decimal;} li > ul,li > ol{margin-bottom:0;margin-left:1.5em;} dt{font-weight:bold;} dd{margin:0 1.5em 1.5em;} img{height:auto;max-width:100%;} figure{margin:1em 0;} table{margin:0 0 1.5em;width:100%;} button{border:1px solid transparent;background-color:#0368ab;color:#fff;font-size:17px;border-radius:4px;line-height:22px;padding:10px 35px 8px 22px;white-space:normal;position:relative;font-weight:700;box-shadow:unset !important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-transform:uppercase;outline:0;} button:hover{background-color: #D79403;} button:active, button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{outline:0;} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{border:2px solid #FFB300;border-radius:3px;padding:10px 15px;width:100%;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{border-color:#dda01d;} select{border:1px solid #ccc;} textarea{width:100%;} input[type="button"],input[type="reset"],input[type="submit"]{display: inline-block;border: 3px solid transparent;background-color: #FFB300;color: #fff;font-size: 20px;border-radius: 23px 23px 0 23px;line-height: 22px;padding: 10px 32px;white-space: normal;position: relative;font-weight: 500;box-shadow: unset!important;min-width: 180px;text-align: center;text-transform: initial;} input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background-color: #D79403;} /*--------------------------------------------------------------## Menus--------------------------------------------------------------*/ .main-navigation{} .main-navigation ul{margin:0;padding:0;} .main-navigation li{display:inline-block;line-height:30px;margin:0;padding:0;position:relative;} .main-navigation .sub-menu li:before{display: none;} .main-navigation li a{font-family: 'Muli', sans-serif;color: #fff;padding:5px 20px;display:block;text-transform:capitalize;white-space:nowrap;width:100%;text-align:center;font-weight: bold;} .main-navigation ul ul a:hover, .main-navigation .sub-menu .current-menu-item a, .main-navigation .sub-menu .current_page_item a, .main-navigation .sub-menu .current_page_ancestor a{color:#FFFFFF;background-color: #D79403} .main-navigation ul ul{display:none;z-index:2;position:absolute;transform:translateX(-50%);padding-top:10px;padding-bottom: 10px;left:50%;top:100%;background-color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .main-navigation ul ul li{float:none;width:100%;} .main-navigation ul ul li a{background-color:#fff;font-size: 16px;color: #373737;max-width: 217px;white-space: normal;min-width: 217px;padding: 6px 10px;line-height: 22px;} .main-navigation ul li:hover > ul{display:block;} .main-navigation ul ul ul.sub-menu{left:150%;top:0;padding-top:0;} /*mobile menu*/ .mobile-menu-icon{color:#fff;font-weight:bold;font-size:18px;display:block;padding:8px;background-color:#136fca;text-align:center;} .mobile-navigation{background-color:#FFFFFF;padding:10px 15px;} .burger-menu-item img{width: 20px !important;} .mobile-navigation .menu-item a img{max-height: 25px;max-width: 30px;object-fit: cover;} .mobile-navigation .menu{display: -ms-flexbox;display: flex; -ms-flex-pack: justify;justify-content: space-between;} .mobile-navigation li{list-style-type:none;margin-left:0;margin-bottom: 0} .mobile-navigation a{display: inline-block;font-size: 12px;text-transform: capitalize;color: #FFB300;font-weight: bold; font-family: 'Muli', sans-serif;} .mobile-navigation .menu-item-has-children{position:relative;} .mobile-navigation .menu-item-has-children .opensubmenu{display:inline-block;font-size:20px;line-height:normal;position:absolute;right:0;padding:0 0 0 15px;top:5px;z-index:0;cursor:pointer;} .mobile-navigation li a:hover,.mobile-navigation li.current_page_ancestor > a,.mobile-navigation ul > li.current_page_ancestor > .sub-menu .current-menu-item > a,.mobile-navigation ul ul li.current_page_ancestor > .sub-menu .current-menu-item > a{color:#dda01d;} .site-main .comment-navigation, .site-main.posts-navigation, .site-main.post-navigation{margin:0 0 1.5em;overflow:hidden;} .comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%;} .comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%;} /*--------------------------------------------------------------# Accessibility--------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;} #content[tabindex="-1"]:focus{outline:0;} /*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/ .alignleft{display:inline;float:left;margin-right:1.5em;} .alignright{display:inline;float:right;margin-left:1.5em;} .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;} /*--------------------------------------------------------------# Clearings--------------------------------------------------------------*/ .clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed;} .clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both;} /*--------------------------------------------------------------# Widgets--------------------------------------------------------------*/ .widget{margin:0 0 1.5em;} .widget select{max-width:100%;} .sticky{display:block;} .hentry{margin:0 0 1.5em;} .updated:not(.published){display:none;} .page-content,.entry-content,.entry-summary{margin:1.5em 0 0;} .page-links{clear:both;margin:0 0 1.5em;} /*--------------------------------------------------------------## Comments--------------------------------------------------------------*/ .comment-content a{word-wrap:break-word;} .bypostauthor{display:block;} /*--------------------------------------------------------------# Infinite scroll--------------------------------------------------------------*/ .infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none;} .infinity-end.neverending .site-footer{display:block;} /*--------------------------------------------------------------# Media--------------------------------------------------------------*/ .page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;} embed,iframe,object{max-width:100%;} .custom-logo-link{display:inline-block;} /*--------------------------------------------------------------## Captions--------------------------------------------------------------*/ .wp-caption{margin-bottom:1.5em;max-width:100%;} .wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;} .wp-caption .wp-caption-text{margin:0.8075em 0;} .wp-caption-text{text-align:center;} /* ********* Theme CSS ********* */ /* ------------------------------ HEADER css ------------------------------ */ #site-header{padding: 0;position: relative;z-index: 1;} .top-header{background-color: #fff;padding: 6px 0 3px;} .middle-header{padding-top: 40px;position: relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .header-info i{color: #0368ab;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .header-info a{color: #FFB300;} .header-info a:hover i{color: #dda01d;} .header-info{font-weight: bold;font-family: 'Muli', sans-serif;} .header-info p{margin-left: 25px;} .site-detail{/*max-width: 330px;*/} .site-logo{max-width: 85px;} .site-title{font-size: 26px;color: #fff;font-weight: 500;text-shadow: -1px 0px 0 rgba(0,0,0,0.16);font-style: italic;} .site-description{font-size: 13px;color: #fff;} .menu-item a.menu-image-title-below.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper{padding-bottom: 3px;} .sticky{position: fixed;top: 0;width: 100%;background-color: rgba(250, 179, 3, 0.97);padding: 5px 0;z-index: 11;} .sticky + .page-banner-sec{padding-top: 124px} /* ------------------------------ FOOTER css ------------------------------ */ #site-footer{font-family: 'Muli', sans-serif;} #site-footer .menu .footer-widgettitle a, #site-footer .footer-widgettitle{margin-bottom: 0;font-family: 'Muli', sans-serif;font-weight: bold;font-size: 16px;margin-bottom: 5px;} #site-footer .menu a{color: #3C3C3C;font-size: 14px;line-height: 18px;display: inline-block;} #site-footer .menu .current-menu-item a,#site-footer .menu a:hover{color: #D79403} #site-footer .menu li{list-style: none;margin-left: 0;margin-bottom: 5px; max-width: 213px;} .footer-bottom{padding: 10px 0;background-color: #2A120A;color: #fff;font-size: 13px;} .footer-links a{color: #fff;} .footer-info a{color:#FFB300} .footer-info{font-weight: bold;font-size: 13px;} .is_colored .site-logo{} .is_colored .site-title{color: #1E1E1E;} .is_colored .site-description{color: #1E1E1E;} #site-footer .site-detail{font-family: 'Rubik',sans-serif;} #site-footer .site-description{font-weight: 500;} /*social-media*/ .social-media{display:inline-block} .social-media a:first-child{margin-left:0} .social-media a{margin-left:10px;font-size:20px;color:#373737} #site-footer .social-media a{font-size:16px} /*burger menu css*/ html.burger-menu-open{overflow:hidden;min-height: 100%;height: auto;} body.burger-menu-open{height: 100%;touch-action: manipulation;overflow: hidden;overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0;} #burger-menu-section{display: none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1111;background:rgba(255,179,0,0.92);overflow:auto;color:#fff;border:1px solid #707070;} .burger-menu{position:absolute;top:0;left:0;width:100%;height:100%;} .burger-menu-local-contact a,.burger-menu-contact a,.burger-menu-email a{color:#fff} .burger-menu-social a{color:#fff;font-size:28px} .burger-hr{border-bottom:4px solid #fff;max-width:92px;margin:20px 0 25px} .burger-menu-column ul li{margin-bottom:10px;} .burger-menu-column ul{padding-left:20px} .burger-menu:before{content:"";position:absolute;left:0;width:35%;height:100%;background-color:rgba(215,148,3,0.5)} .burger-menu-column h6,.burger-menu-column h6 a{margin-bottom:10px;font-weight: bold;font-family: 'Muli', sans-serif;} .burger-menu-column a{color:#fff;} .burger-close{color:#fff;position:relative;text-align:right;margin-top: 15px;} .burger-close h4{display:inline-block;font-weight: bold;font-family: 'Muli', sans-serif;} .burger-close i{margin-left:15px;font-size:38px;vertical-align:sub} .burger-menu-social a:hover,.burger-menu-column a:hover,.burger-menu a:hover{color:#D79403} .burger-menu-right{font-weight: bold;font-family: 'Muli', sans-serif;} .burger-menu-social-title{font-weight: bold;font-family: 'Muli', sans-serif;} .clear{clear: both;} .clear:before{clear: both;display: none;} .burger-menu-content .row{width: 100%;} /* Font Family ----------------- /* font converted using font-converter.net. thank you! */ /* font converted using font-converter.net. thank you! */ @import url('https://fonts.googleapis.com/css?family=Rubik&display=swap'); /* @font-face { font-family: "Rubik"; src:url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.eot");src:url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.otf") format("opentype"), url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.svg") format("svg"), url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.ttf") format("truetype"), url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.woff") format("woff"), url("../assets/fonts/Rubik/Rubik-Light/Rubik-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src:url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.eot");src:url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.otf") format("opentype"), url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.svg") format("svg"), url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.ttf") format("truetype"), url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.woff") format("woff"), url("../assets/fonts/Rubik/Rubik-Regular/Rubik-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src:url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.eot");src:url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.otf") format("opentype"), url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.svg") format("svg"), url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.ttf") format("truetype"), url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.woff") format("woff"), url("../assets/fonts/Rubik/Rubik-Italic/Rubik-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Rubik"; src:url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.eot");src:url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.otf") format("opentype"), url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.svg") format("svg"), url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.ttf") format("truetype"), url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.woff") format("woff"), url("../assets/fonts/Rubik/Rubik-Medium/Rubik-Medium.woff2") format("woff2"); font-weight:500; font-style: normal; font-display: swap; } */ /* font converted using font-converter.net. thank you! */ /* @font-face { font-family: "Rubik"; src:url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.eot");src:url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.otf") format("opentype"), url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.svg") format("svg"), url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.ttf") format("truetype"), url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.woff") format("woff"), url("../assets/fonts/Rubik/Rubik-Medium-Italic/Rubik-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Rubik"; src:url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.eot");src:url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.otf") format("opentype"), url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.svg") format("svg"), url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.ttf") format("truetype"), url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.woff") format("woff"), url("../assets/fonts/Rubik/Rubik-Bold/Rubik-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } */ /*mukta font*/ @import url('https://fonts.googleapis.com/css?family=Mukta&display=swap'); /* @font-face { font-family: "Mukta"; src:url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.eot");src:url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.otf") format("opentype"), url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.svg") format("svg"), url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.ttf") format("truetype"), url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.woff") format("woff"), url("../assets/fonts/Mukta/Mukta-Medium/Mukta-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } */ /*muli font*/ @import url('https://fonts.googleapis.com/css?family=Mukta|Muli&display=swap'); /* @font-face { font-family: "Muli"; src:url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.eot");src:url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.otf") format("opentype"), url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.svg") format("svg"), url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.ttf") format("truetype"), url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.woff") format("woff"), url("../assets/fonts/Muli/Muli-Regular/Muli-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Muli"; src:url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.eot");src:url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.otf") format("opentype"), url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.svg") format("svg"), url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.ttf") format("truetype"), url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.woff") format("woff"), url("../assets/fonts/Muli/Muli-Bold/Muli-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } */ /* Open Sans font */ @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); /* @font-face { font-family: "Open Sans"; src: url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.eot");src: url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.otf") format("opentype"),url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.svg") format("svg"),url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.ttf") format("truetype"),url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.woff") format("woff"),url("../assets/fonts/OpenSans/OpenSans-ExtraBold/OpenSans-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } */ /* OpenSans Extra Bold Italic */ /* @font-face { font-family: "Open Sans"; src: url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot");src: url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.otf") format("opentype"),url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg") format("svg"),url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf") format("truetype"),url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff"),url("../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; font-display: swap; } */ /*common css*/ body{font-family:Rubik,sans-serif;background:#fff;color:#373737;margin:0;padding:0;font-size:18px;line-height:1.35;font-weight:400;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break: break-word;height: 100%;} h1,h2,h3,h4,h5,h6{clear:both;margin-bottom:15px;font-weight:400;color:inherit;font-family:Rubik,sans-serif;} h1{font-size: 50px;} h2{font-size: 35px;} h3{font-size: 25px;} h4{font-size: 24px;} h5{font-size: 20px;} h6{font-size: 18px;} p{margin-bottom: 20px;} p:nth-last-child(1){/*margin-bottom: 0*/} .font-italic p{margin-bottom: 20px;} .small{font-size: 16px;} a{color: #FFB300;background-color: transparent;} a:hover{color: #D79403;text-decoration: none;} a:visited,a:focus, a:active {/*color: royalblue;*/text-decoration: none;outline: 0;} .container{max-width: 1300px;width: 100%;} #page{ overflow: hidden; } #site-content ul, #site-content ol{margin-bottom: 20px;padding-left: 20px;} .img-fluid{width: 100%;} /*text-color*/ .text-blue{color: #1C85A5;} .text-green{color: #47AD66;} .text-yellow{color: #FFF700;} .text-purple{color: #68467F;} .text-light{color: #7D98A1 !important;} .text-theme{color: #FFB300} /*bg color*/ .bg-blue{background-color: #1C85A5;color: #fff;position: relative;} .bg-green{background-color: #47AD66;color: #fff;position: relative;} .bg-yellow{background-color: #FFB300;color: #fff;position: relative;} .bg-purple{background-color: #68467F;color: #fff;position: relative;} .bg-brown{background-color: #421a0f;color: #fff;position: relative;} .bg-rose{background-color: #9E2672;color: #fff;position: relative;} .bg-red{background-color: #CD4444;color: #fff;position: relative;} .section-graphic{line-height: 0;position: relative;} .section-graphic img{width: 100%;} /*page banner title*/ #page-banner{position: relative;z-index: 11;background-image: url(./assets/images/graphic-panel-full.png);background-repeat: no-repeat;background-position: right bottom;} .page-banner-title{/*margin-bottom: 0*/color: #FDFDFD} .page-banner-icon img{max-width: 120px;} .single-post .page-banner-title,.single-case_studies .page-banner-title{font-weight: bold;} /*page triangle banner*/ .triangle:before{content: "";position: absolute;width: 0;height: 0;border-left: 70px solid transparent;border-right: 70px solid transparent;border-top: 35px solid #9e2672;bottom: -35px;} .bg-blue .triangle:before{border-top-color: #1C85A5;} .bg-green .triangle:before{border-top-color: #47AD66;} .bg-yellow .triangle:before{border-top-color: #FFB300;} .bg-purple .triangle:before{border-top-color: #68467F;} .bg-brown .triangle:before{border-top-color: #421a0f;} .bg-rose .triangle:before{border-top-color: #9E2672;} .bg-red .triangle:before{border-top-color: #CD4444;} /*bg-overlay css*/ .bg-overlay-1:before{content: "";background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .bg-overlay-1{position: relative;background-image: url(./assets/images/lined-background-1.png);background-position: center;background-size: cover;background-repeat: no-repeat;} .bg-overlay-1 .container{position: relative;} .bg-overlay-2:before{content: "";background-color: rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .bg-overlay-2{position: relative;background-image: url(./assets/images/lined-background-2.png);background-position: center;background-size: cover;background-repeat: no-repeat;} .bg-overlay-2 .container{position: relative;} .bg-overlay-3:before{content: "";background-color: rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .bg-overlay-3{position: relative;background-image: url(./assets/images/lined-background-3.png);background-position: center;background-size: cover;background-repeat: no-repeat;} .bg-overlay-3 .container{position: relative;} .bg-overlay-blog:before{content: "";background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .bg-overlay-blog{background-size: contain;background-repeat: no-repeat;background-position: 400px top;position: relative;background-image: url(./assets/images/lined-background-1.png);} /*font-weight*/ .font-weight-medium{font-weight: 500!important} .font-weight-semibold{font-weight: 600!important} /*button*/ .btn{display: inline-block;border:3px solid transparent;background-color:#FFB300;color:#fff;font-size:20px;border-radius:23px 23px 0 23px;line-height:22px;padding:10px 32px;white-space:normal;position:relative;font-weight:500;box-shadow:unset!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;min-width: 180px;text-align: center;text-transform: initial;} .btn:hover{background-color:#D79403;color:#fff;border-color:#D79403;} .white-btn{display: inline-block;border:3px solid transparent;background-color:#fff;color:#373737;font-size:20px;border-radius:23px 23px 0 23px;line-height:22px;padding:10px 32px;white-space:normal;position:relative;font-weight:500;box-shadow:unset!important;display: inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;min-width: 180px;text-align: center;} .white-btn:hover{background-color:transparent;color:#fff;border-color:#fff;} .yellow-border-btn{display: inline-block;border:3px solid #FFB300;background-color:transparent;color:#fff;font-size:20px;border-radius:23px 23px 0 23px;line-height:22px;padding:10px 32px;white-space:normal;position:relative;font-weight:500;box-shadow:unset!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;min-width: 180px;text-align: center;} .yellow-border-btn:hover{background-color:#D79403;color:#fff;border-color:#D79403;} /*slick css*/ .slick-arrow{font-size:0;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);cursor:pointer;z-index:1;outline:0!important;background-image:none!important;padding:0px;width: 0px;height: 0px;background-color: transparent !important;} .slick-arrow::after{font-family:'Font Awesome\ 5 Free';text-rendering:auto;position:absolute;height:100%;top:50%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);font-size:30px;font-weight:700;line-height:0;opacity: 0} .slick-prev::after{content:"\f104";} .slick-next::after{content:"\f105";} .slick-prev{left:0px;border-left: 18px solid transparent !important;border-right:18px solid transparent !important;border-bottom: 28px solid #FFB300 !important;border-top: 0 !important;} .slick-next{right:0px;border-left: 18px solid transparent !important;border-right: 18px solid transparent !important;border-top: 28px solid #FFB300 !important;border-bottom: 0 !important;} .slick-prev:hover{border-bottom-color: #D79403 !important} .slick-next:hover{border-top-color: #D79403 !important} .slick-dots{width:100%;list-style:none;text-align:center;position:absolute;bottom:-40px;} .slick-dots li{position:relative;display:inline-block;cursor:pointer;list-style:none;margin:0;} .slick-dots li button{margin:0 5px;font-size:20px;line-height:0;border-radius:50%;display:block;width:16px;height:16px;cursor:pointer;color:transparent;background-color:transparent;border:2px solid #FFB300;outline:0!important;position:relative;padding:0;background-image:none;} .slick-dots li button:hover,.slick-dots li.slick-active button{background-color:#FFB300;} .slick-slide{outline: 0} /*plaecholder*/ input::-webkit-input-placeholder {color: #373737;opacity: 1} input::-moz-placeholder{color: #373737;opacity: 1} input:-ms-input-placeholder {color: #373737;opacity: 1} input::-ms-input-placeholder {color: #373737;opacity: 1} input::placeholder {color: #373737;opacity: 1} /*end plaecholder*/ /*--end common css - */ /*--home css - */ #home-banner{ background-image:url(./assets/images/graphic-panel-small.png); background-repeat: no-repeat; background-position: right bottom; } .banner-circle { z-index: 1; background-color: #fff; width: 32px; height: 32px; border-radius: 50%; margin: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .banner-circle-1{right: -10px;top: 15px;} .banner-circle-2{width: 48px;height: 48px;right: -20px;top: 10px;} .banner-circle-3{width: 58px;height: 58px;right: -32px;top: 5px;} .banner-circle-3 img{max-width: 30px;} .banner-circle-4{width: 85px;height: 85px;right: -28px;top: 2px;} .banner-circle-4 img{max-width: 40px;} .banner-circle-5{width: 116px;height: 116px;right: -10px;top: 0px;} .home .banner-circle { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .home-banner-title{margin-bottom: 5px;font-weight: 500;position: relative;color: #fff; transform: translateY(-100%);} .home-banner-title a{color: #fff;} .home-banner-box p{color: #373737; transform: translateY(-300%);} .home-banner-box{position: relative;display: block;} .home-banner-box:before{position: absolute;content: "";background-repeat: no-repeat; opacity: 0;} .first-banner-box:before{background-image: url(./assets/images/curve-1.png);width: 100%;height: 120px;left: -120px;top: 20px;} .second-banner-box:before{background-image: url(./assets/images/curve-2.png);width: 100%;height: 100%;left: -90px;top: 15px;} .third-banner-box:before{background-image: url(./assets/images/curve-3.png);width: 100%;height: 100%;left: -95px;top: 0px;} .second-banner-box{padding-left: 30px;} .home-banner-plus{padding-left: 100px;font-size: 20px;padding-bottom: 30px;padding-top: 15px; transform: scale(0);} .big-title{font-size: 11vw;line-height: 8vw;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 800;letter-spacing: -1.2vw;z-index: 0;margin-bottom: 50px;display: inline-block;} .big-title:before{content: "";position: absolute;left: 10px;right: 0;width: calc(100% - 18%);bottom: -20px;height: 3.5vw;background-color: rgba(125, 152, 161, 0.7);z-index: -1;} .big-title span{margin-left: 10px;-webkit-transform: rotate(8deg);transform: rotate(8deg);display: inline-block;} #home-why{background-image: url(./assets/images/lined-background-3.png);background-repeat: no-repeat;background-size: cover;position: relative;background-position: center;} #home-why:before{position: absolute;height: 268px;content: "";left: 0;top:0;width: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #home-why:after { z-index: 1; position: absolute; height: 268px; content: ""; left: 0; bottom: 0; width: 100%; background: -moz-linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%); background: -webkit-linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%); background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ffffff',GradientType=0 ); } #home-why .pb-5 { z-index: 2; position: relative; } .why-circle::before{content:"";position:absolute;width:100%;height:6px;background-color:#7D98A1;z-index: -1} .why-circle:after{content:"";position:absolute;width:100%;border-top:9px dotted #7D98A1;z-index: -1;} .why-circle-small{text-align:center;background-color:#7D98A1;color:#fff;border-radius:50%;max-width:98px;min-width: 98px;min-height:98px;max-height: 98px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;} .why-circle-heading{font-weight:300;font-size:30px;line-height:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .why-circle-small-title{font-size:12px;line-height:15px;margin-top:3px;padding:0 5px;margin-bottom: 3px;} .why-circle{border-radius:50%;border:6px solid #7D98A1;text-align:center;padding:15px;min-width:300px;min-height:300px;max-width:300px;max-height: 300px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background-color: #fff;} .why-circle-icon{margin-bottom:15px;} .why-circle h3 {font-size: 24px;} .why-circle-box{position:relative;max-width:418px;float:left;min-width:418px;} .why-circle-box:first-child .why-circle-small{position:absolute;top:20px;} .why-circle-box:first-child .why-circle{left:120px;} .why-circle-box:first-child .why-circle:before{left:-44px;top:90px;transform:rotate(20deg);width:50px;} .why-circle-box:first-child .why-circle:after{left:32px;bottom:-44px;transform:rotate(-68deg);width:76px;} .why-circle-box:nth-child(2) .why-circle-small{position: absolute;top: 12px;right: 25px;} .why-circle-box:nth-child(2) .why-circle:before{right:-20px;top:30px;transform:rotate(-35deg);width:60px;} .why-circle-box:nth-child(2) .why-circle:after{right: -140px;transform: rotate(-8deg);width: 140px;top: 115px;} .why-circle-box:nth-child(2){clear:both;padding-top:60px;} .why-circle-box:nth-child(3) .why-circle-small{position: absolute;bottom: -80px;left: -70px;} .why-circle-box:nth-child(3) .why-circle:before{left: -15px;bottom: 22px;transform: rotate(-50deg);width: 60px;} .why-circle-box:nth-child(3) .why-circle:after{right: -48%;transform: rotate(7deg);width: 150px;top: 180px;} .why-circle-box:nth-child(3){padding-top:10px;} .why-circle-box:nth-child(3) .why-circle-heading{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;} .why-circle-box:nth-child(3) .why-circle-heading small{font-size: 12px;line-height: 15px;} .why-circle-box:nth-child(4) .why-circle-small{position: absolute;top: 12px;right: 40px;} .why-circle-box:nth-child(4) .why-circle:before{right:-20px;top:30px;transform:rotate(-35deg);width:60px;} .why-circle-box:nth-child(4) .why-circle:after{opacity: 0} .why-circle-box:nth-child(4){padding-top:60px;} .why-heading{z-index: 1} /*home-what*/ .home-what-left-container{padding-right: 15%;} #home-what{background-color: #421a0f;background-repeat: no-repeat;background-size: cover;color: #fff;position: relative; background-position: top center;} .home-what-sub-title{font-weight: 500;font-size: 30px;} .home-what-sub-title img{margin-right: 20px;} .home-free-btn{display: inline-block;border: 3px solid transparent;background-color: #FFB300;color: #fff;font-size: 20px;border-radius: 23px 23px 0 23px;line-height: 22px;padding: 3px 20px;white-space: normal;position: relative;font-weight: 500;text-align: center;margin-bottom: 15px;} .home-free-btn:hover{background-color: #D79403;color: #fff;border-color: #D79403;} .software-slider,.training-slider{max-width: 390px;margin: 0 auto} .software-slider .slick-list,.training-slider .slick-list{border-radius: 50%;} .training-slider-image{position: relative;border-radius: 50%;min-width: 320px;max-width: 320px;min-height: 320px;max-height: 320px;background-color: rgba(125, 152, 161, 0.8);background-size: cover;margin: 0 auto;background-position: center;display: block;} .training-slider-detail{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;text-align: center;width: 100%;padding: 0 20px;} .training-slider-inner{background-size: cover;background-position: center;} .training-slider-inner-detail{position: relative;min-height: 320px;margin: 0 auto;text-align: center;display: block;} .training-slider-link{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;text-align: center;width: 100%;padding: 0 20px;color: #fff !important;} .training-slider-icon{margin-bottom: 10px;} .training-slider-title{font-size: 32px;margin-bottom: 0;} .training-slider-inner-detail::before {background-color: rgba(125, 152, 161, 0.8);position: absolute;left: -2px;top: -2px;content: "";width: 101%;height: 101%;z-index: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .training-slider-inner-detail:hover:before{background-color: #5A6D73} .training-slider-image .slick-prev, .software-slider-image .slick-prev{/*right: -20px;*/right: -55px;left: auto;top: 42%;} .training-slider-image .slick-next, .software-slider-image .slick-next{/*right: -20px;*/right: -55px;left: auto;top: 58%;} .software-slider-inner{background-size: cover;background-position: center;} .software-slider-image{position: relative;border-radius: 50%;min-width: 320px;max-width: 320px;min-height: 320px;max-height: 320px;background-color: rgba(255, 255, 255, 0.8);background-size: cover;margin: 0 auto;background-position: center;display: block;} .software-slider-detail{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;text-align: center;width: 100%;padding: 0 20px;} .software-slider-inner-detail{position: relative;min-height: 320px;margin: 0 auto;text-align: center;display: block;} .software-slider-link{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;text-align: center;width: 100%;padding: 0 5px;} .software-slider-icon{margin: 0 auto 10px;max-width: 60px;} .software-slider-title{font-size: 32px;margin-bottom: 0;color: initial;} .software-slider-inner-detail::before {background-color: rgba(255, 255,255, 0.8);position: absolute;left: 0;content: "";width: 100%;height: 101%;top: 0;z-index: 0;} .home-logo{background-color: rgba(8, 5, 0, 0.45);padding: 15px;} .home-slider-heading{font-style: italic;color: #FFB300;font-weight: 500;text-decoration: underline;display: inline-block;} .home-logo-slider .slick-prev{top: -20px;left: 50%;transform: translateX(-50%);} .home-logo-slider .slick-next{bottom: -20px;left: 50%;transform: translateX(-50%);top: auto;} .home-logo-image{padding: 10px;} .home-logo-image img{margin: 0 auto;max-height: 60px;} /*home-who*/ .modal-open{overflow: hidden;} #home-who{background-image: url(./assets/images/lined-background-1.png);} #home-who h3{font-size:18px;} .who-testimonial{position: relative;} .who-testimonial::before {content: "";position: absolute;opacity: 0.8;left: -10px;background-image: url('./assets/images/large-quotation.png');background-repeat: no-repeat;background-position: left center;width: 180px;height: 150px;z-index: -1;top: -10px;background-size: contain;} .team-box{position:relative;margin-bottom: 30px;overflow: hidden;z-index: 1} .team-name{font-size:50px;font-weight:500;color:#fff;margin-bottom: 5px;} .team-designation{color:#fff;} .team-box .team-video{line-height: 0;position: relative;} .team-video img{overflow: hidden;min-height:455px;object-fit:cover;width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .team-video video{/*min-height:455px;object-fit:cover;width:100%;*/-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;height: 100%;position: absolute;left: 50%;transform: translateX(-50%); width: 100%;object-fit: cover;} .team-detail{position:absolute;bottom: 0%;width:100%;padding: 0 15px;z-index:1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);-o-transform:translate(0%,0%);transform: translate(0%,0%);-webkit-transform:translate(0%,0%);} .team-detail .team-hover-detail{display: none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .team-hover-desc{overflow:hidden;color:#fff;} .team-hover-btn{font-weight:500;color:#fff !important;padding-bottom:3px;border-bottom:2px solid #fff;position: relative;display: inline-block;margin-top: 15px;} .team-hover-btn::before{width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #fff;position: absolute;content: "";right: -18px;top: 6px;} .team-box::before{background-color:rgba(5, 59, 92, 0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;left:0;right:0;width:100%;height:100%;content:"";top:0;bottom:0;z-index:1;border-radius:50px 50px 0 50px;} .team-box.open-team:before,.team-box:hover:before{background-color:#FFB300} .team-box:not(:hover) .team-name{text-shadow:0 4px 11px rgba(55, 55, 55, 0.56);text-align: center;} .team-box.open-team .team-name{text-shadow: none;text-align: left;} .team-box:not(:hover) .team-designation{text-transform:uppercase;text-shadow:0 3px 6px #000;text-align: center;} .team-box.open-team .team-designation{text-shadow: none;text-align: left;text-transform: capitalize;font-weight: 500;} .team-box:not(:hover){box-shadow:0px 3px 6px rgba(0,0,0,0.16);} .team-box:hover .team-designation{font-weight:500} .team-box:hover img{border-radius:50px 50px 0px 50px;} .team-box.open-team .team-detail, .team-box:hover .team-detail{-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);-o-transform:translate(0%,-50%);transform: translate(0%,-50%);-webkit-transform:translate(0%,-50%);top: 50%;bottom: auto; display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;} .team-box.open-team .team-hover-detail, .team-box:hover .team-hover-detail{opacity:1;visibility:visible;display: block;z-index: 11;} .team-first-section{position: relative;} .team-first-section .container{position: relative;z-index: 1} .team-first-section:after{background-size: contain;background-repeat: no-repeat;background-position: right -150px;content: "";position: absolute;background-image: url(./assets/images/lined-background-1.png);width: 100%;height: 100%;top: 0;} .team-first-section::before{content: "";background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .team-first-section ul{padding-left: 0 !important;margin-bottom: 0 !important} .team-first-section ul{list-style: none;padding-left: 0 !important;margin-bottom: 0 !important} .team-first-section li{background-image: url('./assets/images/orange-dot.svg');background-repeat: no-repeat;padding-left: 20px;background-position: left 7px;margin-bottom: 20px;display: inline-block;margin-right: 50px;background-size: 10px;font-weight: 500;} .team-modal-role{color: #4780AD} .team-popup-inner{background-image: url('./assets/images/lined-background-3.png');background-repeat: no-repeat;background-color: #fff;background-position: -700px -50px;background-size: 1300px;} .team-box{position: relative;max-width: 100%;height: 0;padding-bottom: 135%;} .team-box .team-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .team-box:hover video{/*border-radius:50px 50px 0px 50px;*/} .team-box{border-radius:50px 50px 0px 50px;} /*--End home css - */ /*blog page css*/ .custom-blog{min-height: 475px;} .custom-blog-col{margin-bottom: 45px;} .category-row ul{list-style: none;padding-left: 0 !important;} .category-row li{display: inline-block;width: 20%;padding: 0 1.5%;margin-bottom: 0} .category-btn{display: inline-block;border: 3px solid #FFB300;background-color: transparent;color: #FFB300;font-size: 20px;border-radius: 23px 23px 0 23px;line-height: 22px;padding: 10px 10px;white-space: normal;position: relative;font-weight: 500;text-align: center;margin-bottom: 20px;width: 100%;} .category-btn.active,.category-btn:hover{background-color: #FFB300;color: #fff;} .pagination {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;} .search-form{position: relative;} .search-form label{display: none;} .search-form .search-field{border:3px solid #FFB300;border-radius: 23px 23px 0 23px; padding-right: 40px;padding-left: 30px;} .search-form button{background-color: transparent;border: 0;position: absolute;right: 0;top: 0;padding: 10px 15px;} .search-form .reset-form{color: #FFB300;font-size: 25px;outline: 0} .search-form svg{fill: #FFB300;width: 25px;height: 25px;} svg {width: 15px;height: 15px;} .pagination .prev svg,.pagination .next svg{width: 15px;height: 15px;fill: #fff;} .pagination a,.pagination span{border-radius:3px;padding:10px;margin:2px;background-color:#FFB300;font-size:20px;line-height:18px;display:inline-block;color:#fff;min-width:40px;max-height:40px;text-align:center;vertical-align:top;} .pagination a:hover, .pagination span.current {background-color: #D79403;} .custom-blog .blog-image a{display: block;min-height: 240px;background-color: #FFB300;} .custom-blog .blog-image img {object-fit: cover;object-position: top;min-height: 240px;width: 100%;max-height: 240px;transition: transform 0.5s ease-out;transform: scaleY(1);} .custom-blog .blog-date {margin-bottom: 10px;} .custom-blog .blog-desc{} .custom-blog .blog-more-btn{font-weight:500;background-color:transparent;border: 3px solid #FFB300;color:#fff;font-size:20px;border-radius:23px 23px 0 23px;line-height:22px;padding:10px 25px;white-space:normal;box-shadow:unset!important;min-width: 200px;text-align: center;display: inline-block} .custom-blog .blog-more-btn:hover{background-color: #D79403;color: #fff;border-color: #D79403;} .custom-blog .blog-title{font-weight: 500;margin-bottom: 7px;} .custom-blog .blog-title a{color: #fff;} .custom-blog {background-color: #421a0f;color: #fff;height: 100%;position: relative;overflow: hidden; z-index: 0;} .custom-blog:before{display: block;content: "";width: 100%;position: absolute;left: 0;height: 100%;top: 0;background-color: rgba(42, 18, 10, 0.9);z-index: 1;opacity: 0;visibility: hidden;-webkit-transition: all .5s, height .5s;-moz-transition: all .5s, height .5s;-ms-transition: all .5s, height .5s;-o-transition: all .5s, height .5s;transition: all .5s, height .5s;} .custom-blog:hover:before{opacity: 1;visibility: visible;} .custom-blog .blog-content{padding: 20px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 11;} .custom-blog .blog-more{display: none;margin-top: 20px;} .custom-blog:hover .blog-more{display: block;} .custom-blog:hover .blog-content{position: absolute;transform: translateY(-50%);top: 50%;} .custom-blog:hover .blog-image img{position: absolute;top: 0;min-height: inherit;max-height: inherit;height: 100%;transform: scaleY(1.1);} .custom-blog:hover .blog-image a{min-height: inherit;} .prev-next-btn a{display:inline-block;border:3px solid transparent;background-color:#FFB300;color:#fff;font-size:20px;border-radius:23px 23px 0 23px;line-height:22px;padding:9px 32px;white-space:normal;position:relative;font-weight:500;text-align:center;margin-right: 30px; margin-bottom: 10px;} .prev-next-btn a:hover{background-color: #D79403} .category-row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0 !important; -ms-flex-pack: center;justify-content: center;} /*end blog css*/ /*Footer Latest News */ .footer-latest-news-heading{background-image: url(./assets/images/blog-icon.png);background-repeat: no-repeat;display: inline-block;padding-left: 45px;background-position: left 10px;} #footer-latest-news .btn,#footer-latest-news .yellow-border-btn{margin-bottom: 20px;vertical-align: bottom;} .footer-latest-desc{line-height: 24px;margin-bottom: 25px;} /*Footer Latest News */ /*contact page css*/ #contact{background-position: 440px 80px;} .contact-details p a{color: #373737;} .contact-details p a:hover{color: #D79403} .contact-details h4{color: #3C3C3C} /*404*/ .image-404{position: relative;z-index: 1;} .error404 .page-banner-title{color: #FDFDFD} .error404 #page-banner{z-index: auto;} /*product page css*/ .product-left-logo{margin-right: 20px;margin-bottom: 20px;max-width: 74px;} .product-right-desc{display: inline-block;width: calc(100% - 94px)} .top-quotation{margin-bottom: 15px;} .bottom-quotation{margin-top: 15px;text-align: right;} .product-bg{position: relative;} .product-bg::before{content: "";background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .product-bg::after{background-size: 1500px;background-repeat: no-repeat;background-position: 0 0px;content: "";position: absolute;background-image: url(./assets/images/lined-background-3.png);width: 100%;height: 100%;top: 0;} .product-bg .container{position: relative;z-index: 1;} /*product detail page css*/ .product-child-first{position: relative;} .product-child-first:after{background-size: contain;background-repeat: no-repeat;background-position: 200px 0px;content: "";position: absolute;background-image: url(./assets/images/lined-background-1.png);width: 100%;height: 100%;top: 0;} .product-child-first-sec{position: relative;z-index: 1} .product-case-study-sec{position: relative;overflow: hidden;} .product-case-study-testimonial:before{/*position: absolute;content: "";left: 0%;height: 100%;width: 4000px;background-color: #2A120A;top: 0*/} .attend-icon{max-height: 65px;object-fit: cover;} .features-col{margin-bottom: 35px;} .features-box-icon{margin-bottom: 20px;} .features-box{box-shadow: 0 3px 6px rgba(0,0,0,0.16);padding: 40px 20px;height: 100%;background-color: #fff;} .features-box ul{text-align: left;list-style: none;padding-left: 0 !important;} .features-box li{background-image: url('./assets/images/orange-dot.svg');background-repeat: no-repeat;padding-left: 20px;background-position: left 7px;margin-bottom: 18px;background-size: 10px;} /*training page css*/ #training-row{} .white-bullet{text-align: left;list-style: none;padding-left: 0 !important;} .white-bullet li{background-image: url('./assets/images/white-dot.svg');background-repeat: no-repeat;padding-left: 20px;background-position: left 7px;margin-bottom: 18px;background-size: 10px;line-height: 22px !important;} .orange-bullet{text-align: left;list-style: none;padding-left: 0 !important;} .orange-bullet li{padding-left: 20px;margin-bottom: 18px;position: relative;} .orange-bullet li:before{content: "";background-image: url('./assets/images/orange-dot.svg');background-repeat: no-repeat;position: absolute;top: 4px;left: 0;height: 10px;width: 10px;} #training-row .bg-overlay-3{background-position: -170px center;} .training-graphic-sec{background-position: 400px top;} .training-graphic-container{max-width: 1300px;} .training-link {text-decoration: underline;font-weight: 500;color: #FFB300;position: relative;display: inline-block;} .training-link:after{width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #FFB300;content: "";display: inline-block;position: relative;left: 10px;} .training-link:hover:after{border-left-color: #D79403 } .circle-right-image{position:relative;width:70%;padding-bottom:70%;background-color:#ccc;margin: 0 auto;border-radius:50%;background-size: cover;background-position: center;min-width: 230px;min-height: 230px;} #training-row section ul{text-align: left;list-style: none;padding-left: 0 !important;} #training-row section li{background-image: url('./assets/images/orange-dot.svg');background-repeat: no-repeat;padding-left: 20px;background-position: left 7px;margin-bottom: 18px;background-size: 10px;} #training-row .bg-green li{background-image: url('./assets/images/white-dot.svg');} .graphic-title span:after,.graphic-title span:before{content:"";height:2px;background:#1f2224;position:absolute;z-index: -1;} .graphic-title-1 span::before{width:40px;top:24px;right:-58px} .graphic-title-1 span::after{width:60px;top:35px;right:-115px;transform:rotate(22deg)} .graphic-title-2 span::before{width:40px;top:18px;right:-60px} .graphic-title-2 span::after{width:80px;top:-6px;right:-130px;transform:rotate(-38deg)} .graphic-title-3 span::before{top:15px;left:-83px;width:65px} .graphic-title-3 span::after{width: 85px;top: 55px;left: -138px;transform: rotate(110deg);} .graphic-title-4 span::before{top:15px;left:-80px;width:55px} .graphic-title-4 span::after{width: 50px;top: 0px;left: -125px;transform: rotate(215deg);} .graphic-title-5 span::before{top:16px;left:-52px;width:35px} .graphic-title-5 span::after{width: 130px;top: -45px;left: -138px;transform: rotate(250deg);} @-moz-document url-prefix() { .graphic-title-3 span::after{width: 80px;top: 52px;left: -135px;transform: rotate(110deg);} .graphic-title-4 span::after{width: 55px;top: 1px;left: -130px;transform: rotate(210deg);} .graphic-title-5 span::after{width: 135px;top: -47px;left: -142px;transform: rotate(250deg);} } .training-child-first{position: relative;} .training-child-first section{position: relative;} .training-child-first .container{position: relative;z-index: 1} .training-child-first::after{background-size: 1800px;background-repeat: no-repeat;background-position: 200px 0px;content: "";position: absolute;background-image: url(./assets/images/lined-background-1.png);width: 100%;height: 100%;top: 0;} .training-child-first::before{content: "";background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;} .training-child-icon-sec{background-position: -400px center;background-size: 100%;} /*team page css*/ .team-quotation{position: relative;} .team-quotation:before{content: "";position: absolute;opacity: 0.1;left: 0;background-image: url('./assets/images/large-quotation.png');background-repeat: no-repeat;background-position: left center;width: 180px;height: 150px;background-size: contain;} /*team popup*/ .modal-title{line-height: 1.2;margin-bottom: 10px;} .team-popup .modal-header {border: 0;} .team-popup-image img{width: 100%;} .team-popup-image{overflow: hidden;} .team-popup-image video{min-height: 455px;object-fit: cover;width: 100%;} .team-popup ul{list-style: none;padding-left: 0 !important;margin-bottom: 0 !important} .team-popup li{background-image: url('./assets/images/orange-dot.svg');background-repeat: no-repeat;padding-left: 20px;background-position: left 3px;margin-bottom: 20px;display: inline-block;margin-right: 50px;background-size: 10px;} .connect-linkedin{font-weight: 500;color: #373737;margin-top: 30px;display: block;} .connect-linkedin i{font-size: 28px;margin-right: 8px;vertical-align: bottom;} .team-popup .close{background-color: #FFB300;color: #fff;opacity: 1;border-radius: 23px 23px 0 23px;padding: 13px 30px;text-transform: capitalize;font-weight: 500;font-size: 20px;text-shadow: none;margin-top: 5px;margin-right: 0px;} .team-popup .close:hover{background-color: #D79403;} .team-popup .modal-content{border: 0;border-radius: 0;background-image: url(./assets/images/lined-background-1.png);background-repeat: no-repeat;background-size: cover; background-color: transparent;} .team-popup .modal-body{padding: 0 15px} .team-popup-row{padding: 10px 0 20px} .team-popup-graphic{text-align: center;width: 100%;} .course-details-title{font-weight: 500;float:left;margin-right: 10px;} .course-details-inner p{overflow: hidden;margin-bottom: 20px;} .training-three-col{position: relative;} .training-three-col:nth-child(2):before,.training-three-col:nth-child(2):after{content: "";position: absolute;background-color: #fff;} #tabs #nav-tabContent{background-color:#F0F0F0;} #tabs #nav-tabContent ul{padding-left: 0 !important} #tabs .container .tab-content-inner{background-color:#fff;-webkit-box-shadow:0px 2px 40px 0px rgba(0,0,0,0.16);-moz-box-shadow:0px 2px 40px 0px rgba(0,0,0,0.16);box-shadow:0px 2px 40px 0px rgba(0,0,0,0.16);} #tabs .nav-item{max-width:25%;font-size:24px;font-weight:500;color:#373737;border-top:0;border-radius:0;margin-bottom:-4px;border-width:2px;border-right-color:#47ad66;border-left-color:#47ad66;min-height:165px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding: 10px 3%;} #tabs .nav-item:after{content:"";display:inline-block;width:0;height:0;margin-left:11px;vertical-align:middle;border-top:8px dashed #47ad66;border-right:8px solid transparent;border-left:8px solid transparent;} #tabs .nav-tabs .nav-item.active:after{transform:rotate(180deg);} #tabs .nav-tabs.second-nav .nav-item:after{transform:rotate(180deg);} #tabs .nav-tabs.second-nav .nav-item.active:after{transform:rotate(0deg);} #tabs .nav-item img{margin-right:10px;min-width: 25px;object-fit: contain;} #tabs .nav-item span{text-align: left;} #tabs .nav-item:hover{color:#47ad66;} #tabs .nav-item:first-child{border-left-color:transparent !important} #tabs .nav-item:last-child{border-right-color:transparent !important} #tabs .nav-tabs .nav-link:focus,#tabs .nav-tabs .nav-link:hover{border-color:#47ad66} #tabs .nav-tabs .nav-link.active{color:#47ad66;border-color:#47ad66 #47ad66 transparent;background-color:#F0F0F0;} #tabs .nav-tabs{border-bottom:4px solid #47ad66;} .tab-content-inner{width:100%;} .clients-logo{flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} .clients-logo img{display:inline-block;padding: 0 10px 10px 0;} #tabs ul li{display: inline-block;margin-top:12px;margin-bottom:12px;list-style:none;position:relative;padding-left:15px;width: 100%;line-height: 18px;} #tabs ul li:after{content:"";width:6px;height:6px;border-radius:50%;background-color:#373737;position:absolute;left:0;top:8px;} .second-nav .nav-link{border-top:3px solid #47ad66 !important;border-bottom:0} .second-nav .nav-link.active{border-top-color:transparent !important} #tabs .second-nav.nav-tabs{border-bottom-color:transparent !important} #mobile-accordion{-webkit-box-shadow:0 8px 35px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 8px 35px 0 rgba(0,0,0,0.16);box-shadow:0 8px 35px 0 rgba(0,0,0,0.16)} .mobile-tab-header{border-bottom:3px solid #47ad66} .mobile-tab-body{background-color:#F0F0F0;padding:20px 35px;color:#3C3C3C;font-size: 16px;} .mobile-tab-body ul{padding-left:0!important} .mobile-tab-link{position:relative;font-size:18px;font-weight:500;color:#3C3C3C!important;background-color:#fff;min-height:100px;padding:15px 40px 15px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex} .mobile-tab-link img{margin-right:10px} .mobile-tab-link:after{content:"";display:inline-block;width:0;height:0;margin-left:11px;vertical-align:middle;border-top:8px dashed #46ad66;border-right:8px solid transparent;border-left:8px solid transparent;right:20px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .mobile-tab-link:not(.collapsed):after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} .educator-box-video video{width: 100%;} .educator-box{position: relative;max-width: 320px;display: block;overflow: hidden;z-index: 1;} .educator-box-detail{position: absolute;left: 50%;right: 50%;bottom: 10px;transform: translate(-50%,0%);width: calc(100% - 30px);word-break: break-all;z-index: 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;text-align: center;} .educator-name{font-size: 50px;font-weight: 500;color:#fff;text-shadow: 0 4px 11px rgba(0,0,0,0.56);margin-bottom: 0;/*text-transform: uppercase;*/} .educator-role{color: #fff;text-transform: uppercase;text-shadow: 0 3px 6px #000;} /*case study css*/ .case-study-slider{max-width: 540px;margin: 0 auto;} .case-study-slider-inner{} .case-study-slider-image{position: relative;border-radius: 50%;min-width: 420px;max-width: 420px;min-height: 420px;max-height: 420px;background-color: rgba(255, 255, 255, 0.8);background-size: cover;margin: 0 auto;background-position: center;} .case-study-slider .slick-prev{right: 0px;left: auto;top: calc(50% - 25px);} .case-study-slider .slick-next {right: 0px;left: auto;top: calc(50% - -25px);} .custom-case-study{position: relative;} .case-study-title a{color: #fff;font-weight: 500;} .case-study-content{z-index: 1;width: 100%;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.7);color: #fff;padding: 15px;-webkit-transition: all .5s, height .5s;-moz-transition: all .5s, height .5s;-ms-transition: all .5s, height .5s;-o-transition: all .5s, height .5s;transition: all .5s, height .5s;} .case-study-more-btn{font-weight: 500;background-color: transparent;border: 3px solid #fff;color: #fff;font-size: 20px;border-radius: 23px 23px 0 23px;line-height: 22px;padding: 10px 25px;white-space: normal;box-shadow: unset !important;min-width: 200px;text-align: center;display: inline-block;} .case-study-more-btn:hover{color: #D79403;border-color: #D79403;} .case-study-desc{margin-bottom: 20px;} .case-study-more{display: none;} .custom-case-study:hover .case-study-more{display: block;} .custom-case-study:hover .case-study-content{transform: translateY(-50%);height: auto;background-color: transparent;top: 50%;z-index: 1;} .custom-case-study::after{content: "";display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.85);left: 0;top: 0;opacity: 0;visibility: hidden;-webkit-transition: all .5s, height .5s;-moz-transition: all .5s, height .5s;-ms-transition: all .5s, height .5s;-o-transition: all .5s, height .5s;transition: all .5s, height .5s;border: 1px solid #707070;} .custom-case-study:hover::after{opacity: 1;visibility: visible;} .case-study-image-link {min-height: 425px;display: block;max-height: 425px;background-color: rgba(0,0,0,0.2);width: 100%;} .case-study-image-link img{position: absolute;height: 100%;object-fit: cover;width: 100%;} .custom-case-study-col{margin-bottom: 30px;} .case-studies-person{background-position: -400px center;} .newsletter-popup .close{background-color: #FFB300;color: #fff;opacity: 1;border-radius: 23px 23px 0 23px;padding: 13px 30px;text-transform: capitalize;font-weight: 500;font-size: 20px;text-shadow: none;margin-right: -10px;margin-top: -10px;} .newsletter-popup .close:hover{background-color: #D79403;} .terms-bg{background-size: 1700px;background-position: top right;} .single-post ol li{margin-bottom: 10px;} .single-post .col-2-dd{columns: 2;-webkit-columns: 2;-moz-columns: 2;} .single-post ol > li ol {margin-top: 10px;} /* New Courses CSS */ .single-course-wrap { display: flex; flex-flow: row wrap; } .course-details-wrap { flex: 0 0 350px; } .course-booking-form { flex: 1; } .team-popup-inner .course-details-wrap { width: 30%; } .team-popup-inner .course-booking-form { width: 60%; flex: auto; } .single-course-wrap > div { margin: 10px 20px; } .em-location-map-container { width: 100% !important; } .em-booking label, .em-booking input, .em-booking select { width: 100% !important; } .em-booking-form-details { padding: 0; } .em-booking-form-details { width: 100%; } .em-booking-form-details textarea { width: 100%; resize: none; } .course-name { flex: 1 0 100%; } .wpfc-loading { z-index: 50 !important; } .calendar-heading { margin-top: 50px; } .tick-wrap { display: flex; justify-content: center; align-items: center; } .tick-wrap img { width: 100%; max-width: 350px; } #animation-video-white, #animation-video-brown { width: 100%; max-width: 100%; } .em-booking select { border: 2px solid #FFB300; border-radius: 3px; padding: 9px 15px; background: #fff; } .input-first_name.input-user-field, .input-last_name.input-user-field, .input-group.input-text.input-field-booker_postcode, .em-bookings-form-coupon, .input-group.input-text.input-field-booker_suburb, .input-group.input-select.input-field-booker_state, p.input-group.input-text.input-field-booker_company_name, .input-group.input-text.input-field-booker_abn, .input-group.input-text.input-field-attendee_first_name, .input-group.input-text.input-field-attendee_last_name, .input-group.input-text.input-field-attendee_job_title, .input-group.input-text.input-field-attendee_phone { width: 48%; float: left; clear: none; } .input-last_name.input-user-field, .em-bookings-form-coupon, .input-group.input-select.input-field-booker_state, .input-group.input-text.input-field-booker_abn, .input-group.input-text.input-field-attendee_last_name, .input-group.input-text.input-field-attendee_phone { float: right; } .em-booking-form p.em-bookings-form-coupon, .input-group.input-select.input-field-booker_state { clear: none; } .em-attendee-fields strong { clear: both; display: block; margin-bottom: 10px; font-size: 23px; position: relative; } .em-booking-form p.input-group.input-checkbox.input-field-data_privacy_consent input[type="checkbox"] { width: auto !important; } .em-booking-form p { clear: unset; } /*media query*/ @media screen and (max-width: 1650px) { .burger-menu:before {width: 32%} } @media screen and (max-width: 1439px) { #page-banner{background-size: 78%;} h1{font-size: 46px;} h2{font-size: 32px;} h3{font-size: 22px;} .why-circle-icon img{max-width: 60px;} .why-circle{min-width: 260px;min-height: 260px;max-width: 260px;max-height: 260px;} .why-circle h3{font-size: 22px;} .home-what-sub-title{font-size: 26px;} .case-study-slider-image {min-width: 380px;max-width: 380px;min-height: 380px;max-height: 380px;} .main-navigation li a{font-size: 16px;padding: 5px 18px;} .site-title{font-size: 22px;} } @media screen and (max-width: 1300px) { .graphic-title{font-size: 18px;} .training-graphic-container{max-width: 780px;} .graphic-title-3 span::after{width: 55px;top: 40px;left: -120px;transform: rotate(113deg);} .graphic-title-4 span::after{width: 30px;top: 10px;left: -108px;transform: rotate(200deg);} .graphic-title-4{margin-top: 15px !important;} .graphic-title-5 span::after{width: 80px;top: -17px;left: -115px;} .graphic-title-1 span::after{width: 40px;top: 31px;right: -95px;} @-moz-document url-prefix() { .graphic-title-3 span::after{width: 50px;top: 38px;left: -98px;transform: rotate(112deg);} .graphic-title-3 span::before{top: 15px;left: -65px;width: 40px;} .graphic-title-4 span::after{width: 30px;top: 17px;left: -78px;transform: rotate(185deg);} .graphic-title-4 span::before{top: 18px;left: -50px;width: 30px;} .graphic-title-5 span::after{width: 60px;top: -10px;left: -96px;} } } @media screen and (max-width: 1199px) { h1{font-size: 44px;} h2{font-size: 28px;} h3{font-size: 22px;} .home-logo .slick-arrow{display: none !important;} .home-logo{padding: 40px 15px;text-align: center;} .why-circle-icon img{max-width: 50px;} .why-circle{min-width: 240px;min-height: 240px;max-width: 240px;max-height: 240px;} .why-circle h3{font-size: 20px;} .why-landTrack-logo img {margin-right: 15px;margin-bottom: 10px;} .category-row li{width: 25%;} .home-what-sub-title{font-size: 24px;} .case-study-slider-image {min-width: 380px;max-width: 380px;min-height: 380px;max-height: 380px;} .main-navigation li a{font-size: 15px;padding: 5px 18px;} .site-title{font-size: 20px;} .team-row > .team-col { margin-bottom: 25px;} .why-circle-box:nth-child(4) .why-circle-small { position: absolute; top: 10px; right: 10px; } .em-booking-form-details label { font-size: 14px; } } @media screen and (max-width: 991px) { .team-popup-row{padding: 30px 0 40px} .training-slider-image .slick-prev, .software-slider-image .slick-prev{top: 110%;left: calc(50% - 40px);transform: rotate(-90deg);right: auto;} .training-slider-image .slick-next, .software-slider-image .slick-next{top: 110%;right: calc(50% - 40px);transform: rotate(-90deg);left: auto;} .case-study-slider .slick-prev{top: 105%;left: calc(50% - 40px);transform: rotate(-90deg);right: auto;} .case-study-slider .slick-next{top: 105%;right: calc(50% - 40px);transform: rotate(-90deg);left: auto;} .why-circle-box{clear: both;float: none;margin: 0 auto;max-width: 360px;min-width: 360px;} .why-circle-box:nth-child(odd) .why-circle{left: 30%;} .why-circle-small{min-height: 88px;min-width: 88px;max-width: 88px;max-height: 88px;} .why-circle-box:first-child .why-circle-small{top: 40px;left: 10px;} .why-circle-box:nth-child(2){padding-top: 10px;} .why-circle-box:nth-child(2) .why-circle-small{top: 30px;right: 35px;} .why-circle-box:nth-child(2) .why-circle:before{right: -20px;top: 80px;transform: rotate(-25deg);} .why-circle-box:nth-child(2) .why-circle:after{right: -50px;top: auto;bottom: -50px;transform: rotate(55deg);} .why-circle-box:nth-child(3) .why-circle:before{left: -25px;bottom: 120px;transform: rotate(0deg);} .why-circle-box:nth-child(3) .why-circle-small{bottom: 90px;left: 10px;} .why-circle-box:nth-child(3) .why-circle:after {right: 30%;transform: rotate(125deg);width: 108px;top: auto;bottom: 10px;} .why-circle-box:nth-child(4) {padding-top: 10px;} .why-circle-box:nth-child(4) .why-circle-small{top: auto;right: 40px;bottom: -30px;} .why-circle-box:nth-child(4) .why-circle:before{transform: rotate(30deg);top: auto;bottom: 40px;} .training-three-col:nth-child(2):before{top:0;width: calc(100% - 30px);height: 3px;margin: 0 auto;} .training-three-col:nth-child(2):after{bottom: 0;width: calc(100% - 30px);height: 3px;margin: 0 auto;} .training-three-col:nth-child(2){padding: 30px 15px;margin: 30px 0} #tabs .nav-item{font-size: 16px;} .middle-header:before {position: absolute;border-left: 1px solid #fff;content: "";right: 70px;top: 0;height: 100%;} .burger-menu-item .menu-image-title{display: none;} .main-navigation li:not(:last-child){display: none;} .middle-header{padding-top: 5px;padding-bottom: 5px;} .main-navigation li a{padding: 0 10px;} .category-row li{/*width: 33%;*/width: 50%;} .footer-latest-news-heading{background-size: 25px;background-position: center left;padding-left: 40px;} .sticky + .page-banner-sec{padding-top: 94px;} } @media screen and (max-width: 767px) { h1{font-size: 30px;} h2{font-size: 30px;} h3{font-size: 20px;} h4{/*font-size: 18px;*/} #home-why h2{font-size: 22px;} #footer-latest-news h4{font-size: 22px;} .home-banner-title{font-size: 24px;} .training-slider-title{font-size: 30px;} .footer-latest-news-heading{font-size: 40px;} .home-banner-box p{font-size: 14px;} .big-title{font-size: 80px;line-height: 75px;margin-bottom: 30px;letter-spacing: -10px;} .big-title:before{bottom: 0px;height: 20px;left: 5px;z-index: 1;} .white-btn,.btn,.yellow-border-btn,.category-btn,.prev-next-btn a,.team-popup .close{font-size: 20px;min-width: auto;padding: 6px 24px;} .header-info a{display: block;} .home-banner-box:before{opacity: 0} .banner-circle-1,.banner-circle-2,.home-banner-plus{display: none;} .banner-circle{margin: 40px 0;max-width: 65px;max-height: 65px;min-width: 65px;min-height: 65px;right: 0} .banner-circle-3{margin-top: 0px;top: -15px;} .banner-circle-5{top: 55px;} .banner-circle-4{top: 10px;} .banner-circle:not(:last-child):before{content: "";position: absolute;left: 50%;border-right: 6px dotted #fff;height: 120%;top: 70px;} .home-banner-box{padding-left: 30px;margin-top: 8%;} .banner-circle-col{margin-top: 3%;} .first-banner-box{margin-top: 0} .software-slider-image,.training-slider-image{min-width: 280px;max-width: 280px;min-height: 280px;max-height: 280px;} .why-circle h3{font-size: 18px;} .team-first-section li{background-position: left 3px;} #training-row section li{background-position: left 3px;} .team-popup li{background-position: left 6px;} .connect-linkedin i {font-size: 24px;} .top-quotation img,.bottom-quotation img{max-width: 50px;} #tabs .nav-item span{display: none;} #tabs .nav-item{min-height: 100px;} .educator-box{margin: 0 auto;} .burger-menu:before{width: 100%;height: 375px;} @-moz-document url-prefix() {.burger-menu:before{height: 375px;}} .burger-menu-column h6,.burger-menu-column h6 a{font-size: 18px;} .burger-menu-column a{font-size: 16px;} .burger-close i{font-size: 34px;} .who-testimonial::before{top: -50px;width: 180px;height: 150px;} .site-title{font-size: 14px;} .site-logo {max-width: 60px;} .site-description{font-size: 7px;} #site-footer .site-description{font-size: 9px;} .footer-bottom-column .footer-column:nth-child(1){order: 2;width: 50%;float: left;} .footer-bottom-column .footer-column:nth-child(2){order: 1;width: 50%;float: left;} .footer-bottom-column .footer-column:nth-child(3){order: 3;} .category-row li{width: 50%;} .triangle::before{border-left-width: 30px;border-right-width: 30px;border-top-width: 15px;bottom: -15px;} #home-banner{background-size: 700px;background-position: center bottom;} #home-why{background-size: 1000px;background-position: center bottom;} .case-study-slider-image {min-width: 280px;max-width: 280px;min-height: 280px;max-height: 280px;} #tabs ul li{margin-top: 8px;margin-bottom: 8px;} .team-quotation::before{width: 150px;top: 30px;} .page-banner-icon img{max-width: 100px;} .page-banner-icon{margin-bottom: 15px;} .graphic-title span::after, .graphic-title span::before{width: 0;height: 0} .search-form svg{width: 20px;height: 20px;} .burger-menu-left h4{font-size: 20px;} .section-graphic{display: none;} #page-banner{background-image: none;} .features-box li{background-position: left 4px;} .product-right-desc{width: 100%;} .software-slider-inner-detail,.training-slider-inner-detail{min-height: 280px;} .software-slider-title,.training-slider-title{font-size: 24px;} .contact-details h4{font-size: 20px;} .team-popup li{background-position: left 4px;} .sticky + .page-banner-sec{padding-top: 64px;} } @media screen and (max-width: 575px) { .category-row li{width: 100%;padding: 0} .input-first_name.input-user-field, .input-last_name.input-user-field, .input-group.input-text.input-field-booker_postcode, .em-bookings-form-coupon, .input-group.input-text.input-field-booker_suburb, .input-group.input-select.input-field-booker_state, p.input-group.input-text.input-field-booker_company_name, .input-group.input-text.input-field-booker_abn, .input-group.input-text.input-field-attendee_first_name, .input-group.input-text.input-field-attendee_last_name, .input-group.input-text.input-field-attendee_job_title, .input-group.input-text.input-field-attendee_phone {width: 100%;} } @media screen and (max-width: 374px) { .why-circle-box{max-width: 290px;min-width: 290px;} .why-circle{min-width: 200px;min-height: 200px;max-width: 200px;max-height: 200px;} .why-circle-small{min-height: 80px;min-width: 80px;max-width: 80px;max-height: 80px;} .why-circle-box:nth-child(3) .why-circle-small,.why-circle-box:first-child .why-circle-small{left: 0px;} .why-circle-icon img {max-width: 50px;} .why-circle-box:nth-child(2) .why-circle-small{right: 5px;} .why-circle-box:nth-child(4) .why-circle-small{right: 20px;} .why-circle-heading{font-size: 25px;} .home-banner-box{margin-top: 3%;} .banner-circle-col{margin-top: 35px;} } @media screen and (min-width: 768px){ .banner-circle-col{max-width: 220px;} .search-form .search-field{float: right;max-width: 350px;} .graphic-right img{position: absolute;transform: translateY(-50%);top: 50%;right: 0;width: 35%;text-align: right;z-index: 0;max-width: 450px;z-index: 1;} #tabs ul li {max-width: 48%;} #tabs ul li{font-size:18px;margin-left: 1%;vertical-align: top;} .burger-menu-social h4{font-size: 22px;} .big-title-subtitle{font-size: 26px;margin-bottom: 15px;} #home-what{background-image: url(./assets/images/what-background.png);} .pb-md-0, .py-md-0{padding-bottom: 0 !important} .pt-md-0, .py-md-0{padding-top: 0 !important;} .page-banner-desc{float: left;width: calc(100% - 150px);} .page-banner-icon{float: left;width: 150px;} .graphic-title-1{margin-right:20px;margin-top:8%} .graphic-title-2{margin-right:80px;max-width:300px;float:right;margin-top:30%} .graphic-title-3{margin-top:22%} .graphic-title-4{margin-top:28%;margin-left:5%} .graphic-title-5{margin-top:110px} .burger-menu-column h6,.burger-menu-column h6 a{font-size: 20px;} .product-child-icon-title{min-height: 45px;overflow: hidden;max-height: 60px;margin-bottom: 10px;} .training-child-icon-title{/*min-height: 56px;overflow: hidden;max-height: 56px;*/} .training-child-icon-sec .col-md-4:first-child p{margin-top: 30px;} .training-child-icon-sec .col-md-4:last-child p{margin-top: 40px;} } @media screen and (min-width: 992px){ .main-navigation ul{display: flex;flex-wrap: wrap;justify-content: flex-end;} .burger-menu-column h6,.burger-menu-column h6 a{font-size: 25px;} .why-heading{position: absolute;right: 5%;padding-right: 15px;} .footer-latest-news-heading{font-size: 40px;} .team-popup-image{margin-left: -45px;max-width: 320px;} .team-popup .close{margin-right: -30px;margin-top: -30px;} .image-404{max-width: 50%;margin-left: auto;} .training-three-col:nth-child(2):before{top:0;left: 0px;width: 3px;height: 90%;} .training-three-col:nth-child(2):after{top:0;right: 5px;width: 3px;height: 90%;} .main-navigation li:not(:first-child):before{position: absolute;content: "";background-color: #fff;width: 5px;height: 5px;border-radius: 50%;left:0;bottom: 16px;} #footer-latest-news{background-image: url(./assets/images/news-graphic-panel-full.png);background-repeat: no-repeat;background-size: contain;background-position: center bottom;padding-bottom: 5rem;} } @media screen and (min-width: 1025px){ } @media screen and (min-width: 1200px){ .pb-5, .py-5,.pb-xl-5, .py-xl-5,.pb-md-5, .py-md-5{padding-bottom: 5rem!important;} .pt-5, .py-5,.pt-md-5, .py-md-5 {padding-top: 5rem!important;} #home-banner{background-image: url(./assets/images/home-banner.png),url(./assets/images/graphic-panel-small.png);background-position: -35% 60%,right bottom;background-size: 60%,auto;min-height: 850px;} .team-col:nth-child(2n+1){margin-top: 70px;} .team-col:nth-child(4n+3){margin-top: 50px;} .team-col:nth-child(4n+4){margin-top: 100px;} .home-logo-image{padding: 30px 0;min-height: 110px;} @-moz-document url-prefix() {.home-logo-image{padding: 22px 0;}} .home-logo{position: absolute;top: 0;right: 0;height: 100%;max-width: 230px;padding: 25px 30px;} .home-logo-slider{padding: 45px 0;margin-top: 40px;} .image-404{margin-top: -275px;} .team-popup .modal-dialog{max-width: 1160px;margin: 0.75rem auto;} #tabs ul li {max-width: 23%;} .burger-menu-column a{font-size: 22px;} .burger-close{top: -70px;} .sticky .site-logo{max-width: 65px;} .sticky .site-title{font-size: 22px;} .category-row li:nth-child(5n){padding-right: 0} .category-row li:nth-child(5n+1){padding-left: 0} .category-row li:first-child{padding-left: 0;padding-right: 1.5%;} #footer-latest-news .btn, #footer-latest-news .yellow-border-btn{padding: 10px;} .contact-details .btn{min-width: 200px} #page-banner{min-height: 450px;} .features-box h3{min-height: 90px;} .image-404{margin-right: 8%;} } @media screen and (min-width: 1300px){ .team-popup .modal-dialog{max-width: 1260px;} } @media screen and (min-width: 1440px){ } @media screen and (min-width: 1441px){ .circle-right-image{min-width: 400px;min-height: 400px;} .page-banner-inner{padding-top: 100px !important} .container{max-width: 1440px;} } @media screen and (min-width: 1600px){ #home-banner{background-position: -20% 40%,right bottom;background-size: 54%,auto;} } @media only screen and (min-width: 1200px) and (max-width: 1439px){ .why-circle-box{min-width: 390px;max-width: 390px;} } @media only screen and (min-width: 1200px) and (max-width: 1440px){ .home-logo{max-width: 180px;padding: 25px 10px;} } @media only screen and (min-width: 768px) and (max-width: 991px){ #home-why .section-graphic{margin-left: -60px;} } @media only screen and (min-width: 768px) and (max-width: 1199px){ } @media only screen and (min-width: 991px) and (max-width: 1199px){ .why-circle-box:first-child .why-circle:after{left: 15px;bottom: -42px;} .why-circle-row{margin-top: 20px;} .why-circle-box{max-width: 320px;min-width: 320px;} .image-404{margin-top: -150px;} .image-404 img{max-width: 300px;} } @media only screen and (min-width: 768px) and (max-width: 1300px){ .graphic-title-5{margin-top: 40px !important;} } /*Newsletter Popup*/ .newsletter-sec { margin-top: 20px; } .newsletter-form .close { background-color: #FFB300; color: #fff; opacity: 1; border-radius: 23px 23px 0 23px; padding: 13px 30px; text-transform: capitalize; font-weight: 500; font-size: 20px; text-shadow: none; margin-right: -10px; margin-top: -10px; } .newsletter-form .close:hover { background-color: #D79403; } .newsletter-form-content #mc_embed_signup h2 { margin-top: 0; font-size: 28px; text-align: center; } .newsletter-form-content #mc_embed_signup .mc-field-group input { border: 2px solid #FFB300; border-radius: 3px; padding: 10px 15px; width: 100%; text-indent: unset; font-size: 15px; } .newsletter-form-content #mc_embed_signup .mc-field-group label { font-size: 18px; font-weight: 500 !important; } .newsletter-form-content #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { padding: 5px 0; margin-bottom: 0; } .newsletter-form-content #mc_embed_signup .mc-field-group{ width: 100%; } .newsletter-form-content #mc_embed_signup form { padding: 0; } .newsletter-form-content #mc_embed_signup .button { display: inline-block; border: 3px solid transparent; background-color: #FFB300; color: #fff; font-size: 20px; border-radius: 23px 23px 0 23px; line-height: 22px; padding: 10px 32px; white-space: normal; position: relative; font-weight: 500; box-shadow: unset!important; min-width: 180px; text-align: center; text-transform: initial; height: auto; } .newsletter-form-content #mc_embed_signup .button:hover{ background-color: #D79403; } .newsletter-form-content #mc_embed_signup .indicates-required { display: none; } .newsletter-form-content #mc_embed_signup .clear { text-align: center; } @media only screen and (max-width: 991px){ .newsletter-form-content #mc_embed_signup .mc-field-group label{ font-size: 15px } .newsletter-form-content #mc_embed_signup .mc-field-group { padding-bottom: 15px; } }