@charset "UTF-8";
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)";}
.ui-front{z-index:100;}
.ui-state-disabled{cursor:default !important;pointer-events:none;}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block;}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%;}
.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;}
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;}
.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0;}
.ui-menu .ui-menu{position:absolute;}
.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em;}
.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0;}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin:-1px;}
.ui-menu-icons{position:relative;}
.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em;}
.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0;}
.ui-menu .ui-menu-icon{left:auto;right:0;}
.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible;}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active{text-decoration:none;}
.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap;}
input.ui-button.ui-button-icon-only{text-indent:0;}
.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;}
.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap;}
input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em;}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner{border:0;padding:0;}
.ui-controlgroup{vertical-align:middle;display:inline-block;}
.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0;}
.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999;}
.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left;}
.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box;}
.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em;}
.ui-controlgroup .ui-controlgroup-label span{font-size:80%;}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none;}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none;}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none;}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none;}
.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em );}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid;}
.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none;}
.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none;}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid;}
.ui-checkboxradio-disabled{pointer-events:none;}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:45%;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td span, .ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
.ui-datepicker.ui-datepicker-multi{width:auto;}
.ui-datepicker-multi .ui-datepicker-group{float:left;}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}
.ui-datepicker-rtl{direction:rtl;}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group{float:right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em;}
.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0;}
.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px;}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;}
.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}
.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}
.ui-dialog .ui-resizable-n{height:2px;top:0;}
.ui-dialog .ui-resizable-e{width:2px;right:0;}
.ui-dialog .ui-resizable-s{height:2px;bottom:0;}
.ui-dialog .ui-resizable-w{width:2px;left:0;}
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw{width:7px;height:7px;}
.ui-dialog .ui-resizable-se{right:0;bottom:0;}
.ui-dialog .ui-resizable-sw{left:0;bottom:0;}
.ui-dialog .ui-resizable-ne{right:0;top:0;}
.ui-dialog .ui-resizable-nw{left:0;top:0;}
.ui-draggable .ui-dialog-titlebar{cursor:move;}
.ui-draggable-handle{-ms-touch-action:none;touch-action:none;}
.ui-resizable{position:relative;}
.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{display:none;}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}
.ui-progressbar{height:2em;text-align:left;overflow:hidden;}
.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;}
.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25;}
.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none;}
.ui-selectable{-ms-touch-action:none;touch-action:none;}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;}
.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none;}
.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px;}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0;}
.ui-selectmenu-open{display:block;}
.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis;}
.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em;}
.ui-selectmenu-icon.ui-icon{float:right;margin-top:0;}
.ui-slider{position:relative;text-align:left;}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
.ui-slider-horizontal{height:.8em;}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
.ui-slider-horizontal .ui-slider-range-min{left:0;}
.ui-slider-horizontal .ui-slider-range-max{right:0;}
.ui-slider-vertical{width:.8em;height:100px;}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}
.ui-slider-vertical .ui-slider-range{left:0;width:100%;}
.ui-slider-vertical .ui-slider-range-min{bottom:0;}
.ui-slider-vertical .ui-slider-range-max{top:0;}
.ui-sortable-handle{-ms-touch-action:none;touch-action:none;}
.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle;}
.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em;}
.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0;}
.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none;}
.ui-spinner-up{top:0;}
.ui-spinner-down{bottom:0;}
.ui-tabs{position:relative;padding:.2em;}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text;}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer;}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;}
body .ui-tooltip{border-width:2px;}
.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em;}
.ui-widget .ui-widget{font-size:1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em;}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5;}
.ui-widget-content{border:1px solid #dddddd;background:#ffffff;color:#333333;}
.ui-widget-content a{color:#333333;}
.ui-widget-header{border:1px solid #dddddd;background:#e9e9e9;color:#333333;font-weight:bold;}
.ui-widget-header a{color:#333333;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{color:#454545;text-decoration:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border:1px solid #cccccc;background:#ededed;font-weight:normal;color:#2b2b2b;}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus{color:#2b2b2b;text-decoration:none;}
.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94, 158, 214);}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#ffffff;}
.ui-icon-background, .ui-state-active .ui-icon-background{border:#003eff;background-color:#ffffff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#ffffff;text-decoration:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620;}
.ui-state-checked{border:1px solid #dad55e;background:#fffa90;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color:#777620;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#5f3f3f;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#5f3f3f;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none;}
.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)";}
.ui-icon{width:16px;height:16px;}
.ui-icon, .ui-widget-content .ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_444444_256x240.png);}
.ui-widget-header .ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_444444_256x240.png);}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_555555_256x240.png);}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_ffffff_256x240.png);}
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_777620_256x240.png);}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_cc0000_256x240.png);}
.ui-button .ui-icon{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/css/images/ui-icons_777777_256x240.png);}
.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none;}
.ui-icon-caret-1-n{background-position:0 0;}
.ui-icon-caret-1-ne{background-position:-16px 0;}
.ui-icon-caret-1-e{background-position:-32px 0;}
.ui-icon-caret-1-se{background-position:-48px 0;}
.ui-icon-caret-1-s{background-position:-65px 0;}
.ui-icon-caret-1-sw{background-position:-80px 0;}
.ui-icon-caret-1-w{background-position:-96px 0;}
.ui-icon-caret-1-nw{background-position:-112px 0;}
.ui-icon-caret-2-n-s{background-position:-128px 0;}
.ui-icon-caret-2-e-w{background-position:-144px 0;}
.ui-icon-triangle-1-n{background-position:0 -16px;}
.ui-icon-triangle-1-ne{background-position:-16px -16px;}
.ui-icon-triangle-1-e{background-position:-32px -16px;}
.ui-icon-triangle-1-se{background-position:-48px -16px;}
.ui-icon-triangle-1-s{background-position:-65px -16px;}
.ui-icon-triangle-1-sw{background-position:-80px -16px;}
.ui-icon-triangle-1-w{background-position:-96px -16px;}
.ui-icon-triangle-1-nw{background-position:-112px -16px;}
.ui-icon-triangle-2-n-s{background-position:-128px -16px;}
.ui-icon-triangle-2-e-w{background-position:-144px -16px;}
.ui-icon-arrow-1-n{background-position:0 -32px;}
.ui-icon-arrow-1-ne{background-position:-16px -32px;}
.ui-icon-arrow-1-e{background-position:-32px -32px;}
.ui-icon-arrow-1-se{background-position:-48px -32px;}
.ui-icon-arrow-1-s{background-position:-65px -32px;}
.ui-icon-arrow-1-sw{background-position:-80px -32px;}
.ui-icon-arrow-1-w{background-position:-96px -32px;}
.ui-icon-arrow-1-nw{background-position:-112px -32px;}
.ui-icon-arrow-2-n-s{background-position:-128px -32px;}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}
.ui-icon-arrow-2-e-w{background-position:-160px -32px;}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}
.ui-icon-arrowstop-1-n{background-position:-192px -32px;}
.ui-icon-arrowstop-1-e{background-position:-208px -32px;}
.ui-icon-arrowstop-1-s{background-position:-224px -32px;}
.ui-icon-arrowstop-1-w{background-position:-240px -32px;}
.ui-icon-arrowthick-1-n{background-position:1px -48px;}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}
.ui-icon-arrowthick-1-e{background-position:-32px -48px;}
.ui-icon-arrowthick-1-se{background-position:-48px -48px;}
.ui-icon-arrowthick-1-s{background-position:-64px -48px;}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}
.ui-icon-arrowthick-1-w{background-position:-96px -48px;}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}
.ui-icon-arrow-4{background-position:0 -80px;}
.ui-icon-arrow-4-diag{background-position:-16px -80px;}
.ui-icon-extlink{background-position:-32px -80px;}
.ui-icon-newwin{background-position:-48px -80px;}
.ui-icon-refresh{background-position:-64px -80px;}
.ui-icon-shuffle{background-position:-80px -80px;}
.ui-icon-transfer-e-w{background-position:-96px -80px;}
.ui-icon-transferthick-e-w{background-position:-112px -80px;}
.ui-icon-folder-collapsed{background-position:0 -96px;}
.ui-icon-folder-open{background-position:-16px -96px;}
.ui-icon-document{background-position:-32px -96px;}
.ui-icon-document-b{background-position:-48px -96px;}
.ui-icon-note{background-position:-64px -96px;}
.ui-icon-mail-closed{background-position:-80px -96px;}
.ui-icon-mail-open{background-position:-96px -96px;}
.ui-icon-suitcase{background-position:-112px -96px;}
.ui-icon-comment{background-position:-128px -96px;}
.ui-icon-person{background-position:-144px -96px;}
.ui-icon-print{background-position:-160px -96px;}
.ui-icon-trash{background-position:-176px -96px;}
.ui-icon-locked{background-position:-192px -96px;}
.ui-icon-unlocked{background-position:-208px -96px;}
.ui-icon-bookmark{background-position:-224px -96px;}
.ui-icon-tag{background-position:-240px -96px;}
.ui-icon-home{background-position:0 -112px;}
.ui-icon-flag{background-position:-16px -112px;}
.ui-icon-calendar{background-position:-32px -112px;}
.ui-icon-cart{background-position:-48px -112px;}
.ui-icon-pencil{background-position:-64px -112px;}
.ui-icon-clock{background-position:-80px -112px;}
.ui-icon-disk{background-position:-96px -112px;}
.ui-icon-calculator{background-position:-112px -112px;}
.ui-icon-zoomin{background-position:-128px -112px;}
.ui-icon-zoomout{background-position:-144px -112px;}
.ui-icon-search{background-position:-160px -112px;}
.ui-icon-wrench{background-position:-176px -112px;}
.ui-icon-gear{background-position:-192px -112px;}
.ui-icon-heart{background-position:-208px -112px;}
.ui-icon-star{background-position:-224px -112px;}
.ui-icon-link{background-position:-240px -112px;}
.ui-icon-cancel{background-position:0 -128px;}
.ui-icon-plus{background-position:-16px -128px;}
.ui-icon-plusthick{background-position:-32px -128px;}
.ui-icon-minus{background-position:-48px -128px;}
.ui-icon-minusthick{background-position:-64px -128px;}
.ui-icon-close{background-position:-80px -128px;}
.ui-icon-closethick{background-position:-96px -128px;}
.ui-icon-key{background-position:-112px -128px;}
.ui-icon-lightbulb{background-position:-128px -128px;}
.ui-icon-scissors{background-position:-144px -128px;}
.ui-icon-clipboard{background-position:-160px -128px;}
.ui-icon-copy{background-position:-176px -128px;}
.ui-icon-contact{background-position:-192px -128px;}
.ui-icon-image{background-position:-208px -128px;}
.ui-icon-video{background-position:-224px -128px;}
.ui-icon-script{background-position:-240px -128px;}
.ui-icon-alert{background-position:0 -144px;}
.ui-icon-info{background-position:-16px -144px;}
.ui-icon-notice{background-position:-32px -144px;}
.ui-icon-help{background-position:-48px -144px;}
.ui-icon-check{background-position:-64px -144px;}
.ui-icon-bullet{background-position:-80px -144px;}
.ui-icon-radio-on{background-position:-96px -144px;}
.ui-icon-radio-off{background-position:-112px -144px;}
.ui-icon-pin-w{background-position:-128px -144px;}
.ui-icon-pin-s{background-position:-144px -144px;}
.ui-icon-play{background-position:0 -160px;}
.ui-icon-pause{background-position:-16px -160px;}
.ui-icon-seek-next{background-position:-32px -160px;}
.ui-icon-seek-prev{background-position:-48px -160px;}
.ui-icon-seek-end{background-position:-64px -160px;}
.ui-icon-seek-start{background-position:-80px -160px;}
.ui-icon-seek-first{background-position:-80px -160px;}
.ui-icon-stop{background-position:-96px -160px;}
.ui-icon-eject{background-position:-112px -160px;}
.ui-icon-volume-off{background-position:-128px -160px;}
.ui-icon-volume-on{background-position:-144px -160px;}
.ui-icon-power{background-position:0 -176px;}
.ui-icon-signal-diag{background-position:-16px -176px;}
.ui-icon-signal{background-position:-32px -176px;}
.ui-icon-battery-0{background-position:-48px -176px;}
.ui-icon-battery-1{background-position:-64px -176px;}
.ui-icon-battery-2{background-position:-80px -176px;}
.ui-icon-battery-3{background-position:-96px -176px;}
.ui-icon-circle-plus{background-position:0 -192px;}
.ui-icon-circle-minus{background-position:-16px -192px;}
.ui-icon-circle-close{background-position:-32px -192px;}
.ui-icon-circle-triangle-e{background-position:-48px -192px;}
.ui-icon-circle-triangle-s{background-position:-64px -192px;}
.ui-icon-circle-triangle-w{background-position:-80px -192px;}
.ui-icon-circle-triangle-n{background-position:-96px -192px;}
.ui-icon-circle-arrow-e{background-position:-112px -192px;}
.ui-icon-circle-arrow-s{background-position:-128px -192px;}
.ui-icon-circle-arrow-w{background-position:-144px -192px;}
.ui-icon-circle-arrow-n{background-position:-160px -192px;}
.ui-icon-circle-zoomin{background-position:-176px -192px;}
.ui-icon-circle-zoomout{background-position:-192px -192px;}
.ui-icon-circle-check{background-position:-208px -192px;}
.ui-icon-circlesmall-plus{background-position:0 -208px;}
.ui-icon-circlesmall-minus{background-position:-16px -208px;}
.ui-icon-circlesmall-close{background-position:-32px -208px;}
.ui-icon-squaresmall-plus{background-position:-48px -208px;}
.ui-icon-squaresmall-minus{background-position:-64px -208px;}
.ui-icon-squaresmall-close{background-position:-80px -208px;}
.ui-icon-grip-dotted-vertical{background-position:0 -224px;}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}
.ui-icon-grip-solid-vertical{background-position:-32px -224px;}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}
.ui-icon-grip-diagonal-se{background-position:-80px -224px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:3px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:3px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:3px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:3px;}
.ui-widget-overlay{background:#aaaaaa;opacity:.3;-ms-filter:Alpha(Opacity=30);}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-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);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;}
@-webkit-keyframes flash {
0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash {
0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse {
0%{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pulse {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes shake {
0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
}
@keyframes shake {
0%, 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes swing {
20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada {
0%{-webkit-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
@keyframes tada {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble {
0%{-webkit-transform:translateX(0%);transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@keyframes wobble {
0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-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{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp {
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);transform:translateY(10px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInUp {
0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut {
0%{-webkit-transform:scale(1);transform:scale(1);}
25%{-webkit-transform:scale(.95);transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
}
@keyframes bounceOut {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown {
0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes bounceOutDown {
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes bounceOutLeft {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes bounceOutRight {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp {
0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes bounceOutUp {
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDownBig {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeftBig {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRightBig {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig {
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUpBig {
0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut {
0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut {
0%{opacity:1;}
100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown {
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
}
@keyframes fadeOutDown {
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes fadeOutDownBig {
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
}
@keyframes fadeOutLeft {
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes fadeOutLeftBig {
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
}
@keyframes fadeOutRight {
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes fadeOutRightBig {
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
@keyframes fadeOutUp {
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes fadeOutUpBig {
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip {
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip {
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX {
0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipOutX {
0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY {
0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipOutY {
0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn {
0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
@keyframes lightSpeedIn {
0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut {
0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@keyframes lightSpeedOut {
0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn {
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateIn {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut {
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
@keyframes rotateOut {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutDownLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutDownRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutUpLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutUpRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes slideOutRight {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp {
0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes slideOutUp {
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
@-webkit-keyframes hinge {
0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
@keyframes hinge {
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn {
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
@keyframes rollIn {
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut {
0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
@keyframes rollOut {
0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;}
.nice-select:hover{border-color:#dbdbdb;}
.nice-select:active, .nice-select.open, .nice-select:focus{border-color:#999;}
.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:5px;}
.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}
.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);}
.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none;}
.nice-select.disabled:after{border-color:#cccccc;}
.nice-select.wide{width:100%;}
.nice-select.wide .list{left:0 !important;right:0 !important;}
.nice-select.right{float:right;}
.nice-select.right .list{left:auto;right:0;}
.nice-select.small{font-size:12px;height:36px;line-height:34px;}
.nice-select.small:after{height:4px;width:4px;}
.nice-select.small .option{line-height:34px;min-height:34px;}
.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index:9;}
.nice-select .list:hover .option:not(:hover){background-color:transparent !important;}
.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all 0.2s;transition:all 0.2s;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color:#f6f6f6;}
.nice-select .option.selected{font-weight:bold;}
.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default;}
.no-csspointerevents .nice-select .list{display:none;}
.no-csspointerevents .nice-select.open .list {
display: block; }.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover, .mfp-close:focus{opacity:1;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;}
.mfp-arrow:before, .mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }:root{--primary-color1:rgb(230, 0, 76);--primary-opcaity:rgba(230, 0, 76, 0.1);--primary-color2:rgb(0, 202, 235);--primary-opcaity2:rgba(0, 202, 235, 0.1);--primary-color3:rgb(160, 68, 255);--primary-opcaity3:rgba(160, 68, 255, 0.1);--primary-color4:rgb(39, 174, 96);--primary-opcaity4:rgba(39, 174, 96, 0.1);--primary-color4-light:#f6fffc;--primary-color5:rgb(255, 115, 66);--primary-opcaity5:rgba(255, 76, 76, 0.1);--primary-color6:rgb(47, 128, 237);--primary-opcaity6:rgba(47, 128, 237, 0.1);--text-color:#18212e;--text-color2:#676767;--text-color3:#afafaf;--text-light:#eeeeee;--light-bg:#f8f8f8;--dark--bg:#0a120f;--dark-bg:#0a120f;--white:#fff;}
h1, h2, h3, h4, h5, h6{font-family:"Cuprum", sans-serif;}
.site-title a{font-weight:bold;font-size:30px;letter-spacing:0.05em;text-transform:uppercase;line-height:1;color:#fff;}
.site-title a:hover{color:var(--primary-color1);}
.set-menu h4 a{font-weight:400;font-size:20px;letter-spacing:0.05em;line-height:1;color:#fff;}
html{font-size:1rem;}
@media(min-width:1200px) and (max-width:1399px){
html{font-size:94%;}
}
@media(min-width:992px) and (max-width:1199px){
html{font-size:90%;}
}
@media(min-width:768px) and (max-width:991px){
html{font-size:87%;}
}
@media(min-width:576px) and (max-width:768px){
html{font-size:83%;}
}
@media(max-width:576px){
html{font-size:80%;}
}
body {
font-family: "Poppins", sans-serif;
} a{color:unset;text-decoration:none;}
a:focus{outline:0 solid;}
a:hover{text-decoration:none;color:unset;}
input:focus, textarea:focus, button:focus{outline:none;}
ul{list-style:none;}
i.bx{vertical-align:middle;}
.pt-120{padding-top:120px;}
@media(min-width:992px) and (max-width:1199px){
.pt-120{padding-top:90px;}
}
@media(max-width:991px){
.pt-120{padding-top:80px;}
}
.pb-120{padding-bottom:120px;}
@media(min-width:992px) and (max-width:1199px){
.pb-120{padding-bottom:90px;}
}
@media(max-width:991px){
.pb-120{padding-bottom:80px;}
}
.mb-120{margin-bottom:120px;}
.pt-80{padding-top:80px;}
.pb-80{padding-bottom:80px;}
.pb-60{padding-bottom:60px;}
.mb-60{margin-bottom:60px;}
.mb-50{margin-bottom:50px;}
.mb-45{margin-bottom:45px;}
.mb-40{margin-bottom:40px;}
.mb-30{margin-bottom:30px;}
.mt-50{margin-top:50px;}
@media(max-width:991px){
.mt-50{margin-top:unset;}
}
.mar-tp-50{margin-top:50px;}
.mt-minus50{margin-top:-50px;}
@media(max-width:991px){
.mt-minus50{margin-top:unset;}
}
.mt-60{margin-top:60px;}
.mb-70{margin-bottom:70px;}
.swiper-fix {
padding: 15px;
margin: -12px;
} p{font-size:16px;font-weight:400;color:var(--text-color2);font-family:"Poppins", sans-serif;line-height:28px;}
.para{font-size:16px;font-weight:400;color:var(--text-color2);font-family:"Poppins", sans-serif;line-height:28px;}
.eg-card{border-radius:5px;border:1px solid #eeeeee;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;}
.eg-btn{border-radius:5px;text-align:center;display:inline-block;text-decoration:none;transition:all 0.4s ease;text-transform:capitalize;font-family:"Poppins", sans-serif;overflow:hidden;}
.btn--primary{background:#18212e;color:var(--white);position:relative;z-index:1;white-space:nowrap;font-family:"Poppins", sans-serif;}
.btn--primary::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color1);transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--primary::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color1);transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--primary:hover{color:var(--white);}
.btn--primary:hover::before{transform:rotateX(90deg);}
.btn--primary:hover::after{transform:rotateY(90deg);}
.btn--primary2{background:#18212e;color:var(--white);position:relative;z-index:1;white-space:nowrap;border-radius:100px;font-family:"Poppins", sans-serif;}
.btn--primary2::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:#00caeb;transition:all 0.52s;z-index:-1;border-radius:100px;}
.btn--primary2::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:#00caeb;transition:all 0.52s;z-index:-1;border-radius:100px;}
.btn--primary2:hover{color:var(--white);}
.btn--primary2:hover::before{transform:rotateX(90deg);}
.btn--primary2:hover::after{transform:rotateY(90deg);}
.btn--primary2-light{background:var(--primary-color2);color:var(--primary-color2);font-weight:600;position:relative;z-index:1;white-space:nowrap;border-radius:100px;border:1px solid transparent;font-family:"Poppins", sans-serif;}
.btn--primary2-light::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--white);transition:all 0.52s;z-index:-1;border-radius:100px;}
.btn--primary2-light::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--white);transition:all 0.52s;z-index:-1;border-radius:100px;}
.btn--primary2-light:hover{color:var(--white);}
.btn--primary2-light:hover::before{transform:rotateX(90deg);}
.btn--primary2-light:hover::after{transform:rotateY(90deg);}
.btn--primary3{background:#18212e;color:var(--white);position:relative;z-index:1;white-space:nowrap;border-radius:5px;}
.btn--primary3::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:#a044ff;transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--primary3::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:#a044ff;transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--primary3:hover{color:var(--white);}
.btn--primary3:hover::before{transform:rotateX(90deg);}
.btn--primary3:hover::after{transform:rotateY(90deg);}
.btn--primary3.capsule{border-radius:100px;}
.btn--primary3.capsule::before{border-radius:100px;}
.btn--primary3.capsule::after{border-radius:100px;}
.btn--primary4{background:#18212e;color:var(--white);position:relative;z-index:1;white-space:nowrap;border-radius:5px;}
.btn--primary4::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color4);transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--primary4::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color4);transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--primary4:hover{color:var(--white);}
.btn--primary4:hover::before{transform:rotateX(90deg);}
.btn--primary4:hover::after{transform:rotateY(90deg);}
.btn--primary4.capsule{border-radius:100px;}
.btn--primary4.capsule::before{border-radius:100px;}
.btn--primary4.capsule::after{border-radius:100px;}
.btn--primary5{background:#18212e;color:var(--white);position:relative;z-index:1;white-space:nowrap;border-radius:0px;border:1px solid var(--primary-color5);}
.btn--primary5::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color5);transition:all 0.52s;z-index:-1;border-radius:0px;}
.btn--primary5::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color5);transition:all 0.52s;z-index:-1;border-radius:0px;}
.btn--primary5:hover{color:var(--white);border:1px solid var(--text-color);}
.btn--primary5:hover::before{transform:rotateX(90deg);}
.btn--primary5:hover::after{transform:rotateY(90deg);}
.btn--primary5.capsule{border-radius:100px;}
.btn--primary5.capsule::before{border-radius:100px;}
.btn--primary5.capsule::after{border-radius:100px;}
.btn--primary5.btn--outline{background:var(--primary-color5);color:var(--primary-color5);border:1px solid var(--primary-color5);}
.btn--primary5.btn--outline::before{background:#fef4e9;border:1px solid var(--primary-color5);}
.btn--primary5.btn--outline::after{background:#fef4e9;border:1px solid var(--primary-color5);}
.btn--primary5.btn--outline:hover{color:var(--white);}
.btn--primary5.btn--outline:hover::before{transform:rotateX(90deg);}
.btn--primary5.btn--outline:hover::after{transform:rotateY(90deg);}
.btn--transparent{background:rgba(255, 255, 255, 0.2);color:var(--white);position:relative;z-index:1;white-space:nowrap;border-radius:5px;}
.btn--transparent::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:rgba(255, 255, 255, 0.1);transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--transparent::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:rgba(255, 255, 255, 0.1);transition:all 0.52s;z-index:-1;border-radius:5px;}
.btn--transparent:hover{color:var(--white);}
.btn--transparent:hover::before{transform:rotateX(90deg);}
.btn--transparent:hover::after{transform:rotateY(90deg);}
.btn--primary3-outline{border:1px solid #a044ff;color:#a044ff;white-space:nowrap;transition:all 0.52s ease;}
.btn--primary3-outline:hover{background:#a044ff;color:var(--white);}
.btn--lg{font-size:16px;font-weight:600;text-transform:uppercase;padding:17px 32px;}
@media(max-width:767px){
.btn--lg{padding:12px 25px;}
}
.btn--md{padding:14px 45px;font-size:16px;font-weight:700;}
@media(max-width:767px){
.btn--md{padding:10px 40px;}
}
.btn--sm{font-size:14px;font-weight:500;padding:5px 12px;}
.header-btn{background-color:var(--primary-color1);color:var(--white);font-size:16px;font-weight:600;font-family:"Cuprum", sans-serif;padding:9px 20px;}
.action-btn{min-width:26px;height:26px;line-height:0px;border:none;outline:none;}
.action-btn.red{background:#00caeb;}
.action-btn.green{background:var(--primary-color1);}
.section-title{text-align:center;margin-bottom:60px;}
.section-title span{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;padding:5px 10px;margin-bottom:15px;display:inline-block;}
.section-title h3{font-size:2.8125rem;font-weight:700;color:var(--text-color);margin-bottom:15px;}
.section-title.primary1 span{color:var(--primary-color1);background:var(--primary-opcaity);}
.section-title.primary2 span{color:var(--primary-color2);background:var(--primary-opcaity2);}
.section-title.primary3 span{color:var(--primary-color3);background:var(--primary-opcaity3);}
.section-title.primary4 span{color:var(--primary-color4);background:var(--primary-opcaity4);}
.section-title.primary5 span{color:var(--primary-color5);background:var(--primary-opcaity5);}
.section-title2{text-align:center;margin-bottom:60px;}
.section-title2 span{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;padding:5px 10px;margin-bottom:15px;display:inline-block;}
.section-title2 h3{font-size:2.8125rem;font-weight:700;color:var(--text-color);position:relative;display:inline-block;margin-bottom:0;padding-bottom:10px;}
.section-title2 h3::after{content:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/icons/section-title-v.svg);position:absolute;right:0;bottom:-10px;}
.section-title2.primary1 span{color:var(--primary-color1);background:var(--primary-opcaity);}
.section-title2.primary2 span{color:var(--primary-color2);background:var(--primary-opcaity2);}
.section-title2.primary3 span{color:var(--primary-color3);background:var(--primary-opcaity3);}
.section-title2.primary4 span{color:var(--primary-color4);background:var(--primary-opcaity4);}
.section-title2.primary5 span{color:var(--primary-color5);background:var(--primary-opcaity5);}
.section-title2.primary6 span{color:var(--primary-color6);background:var(--primary-opcaity6);}
.section-title3{text-align:center;margin-bottom:50px;}
.section-title3.style-2{margin-bottom:25px;}
.section-title3.style-2 h3{font-size:2.5rem;line-height:1.2;}
.section-title3.style-3 span{color:var(--primary-color5);}
.section-title3 span{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;margin-bottom:5px;display:block;margin-top:-5px;}
.section-title3 p{font-size:16px;font-weight:400;color:var(--text-color2);font-family:"Poppins", sans-serif;line-height:28px;margin-top:15px;}
.section-title3 h3{font-size:2.8125rem;font-weight:700;color:var(--text-color);position:relative;display:inline-block;margin-bottom:0;line-height:1;}
.section-title3.primary1 span{color:var(--primary-color1);}
.section-title3.primary2 span{color:var(--primary-color2);}
.section-title3.primary3 span{color:var(--primary-color3);}
.section-title3.primary4 span{color:var(--primary-color4);}
.section-title3.primary5 span{color:var(--primary-color5);}
.section-title3.primary6 span{color:var(--primary-color6);}
.hover-style{background:var(--white);position:relative;z-index:1;}
.hover-style::before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color1);transition:all 0.52s;z-index:-1;border-radius:5px;opacity:0;}
.hover-style::after{width:100%;height:100%;content:"";margin:auto;position:absolute;top:0%;left:0%;background:var(--primary-color1);transition:all 0.52s;z-index:-1;border-radius:5px;opacity:0;}
.hover-style:hover::before{transform:rotateX(90deg);opacity:0.2;}
.hover-style:hover::after{transform:rotateY(90deg);opacity:0.2;}
.hover-border1{background:var(--white);position:relative;z-index:1;}
.hover-border1::before{content:"";width:0%;height:1px;position:absolute;bottom:0%;left:0%;background:var(--primary-color1);transition:all 0.52s;z-index:-1;}
.hover-border1:hover::before{width:100%;}
.hover-border2{background:var(--white);position:relative;z-index:1;}
.hover-border2::before{content:"";width:0%;height:2px;position:absolute;bottom:0%;left:0%;background:var(--primary-color2);transition:all 0.52s;z-index:-1;}
.hover-border2:hover::before{width:100%;}
.hover-border3{background:var(--white);position:relative;z-index:1;}
.hover-border3::before{content:"";width:0%;height:2px;position:absolute;bottom:0%;left:0%;background:#a044ff;transition:all 0.52s;z-index:-1;}
.hover-border3:hover::before{width:100%;}
.hover-border4{background:var(--white);position:relative;z-index:1;}
.hover-border4::before{content:"";width:0%;height:2px;position:absolute;bottom:0%;left:0%;background:var(--primary-color4);transition:all 0.52s;z-index:-1;}
.hover-border4:hover::before{width:100%;}
.egns-preloader{position:fixed !important;z-index:99999;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;}
.egns-preloader::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;}
.circle-border{width:100%;max-width:140px;height:100%;max-height:140px;border:0px solid var(--primary_color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;border-radius:50%;box-shadow:2px 2px 30px rgba(0, 0, 0, 0.1);}
.circle-border svg{fill:var(--primary-color1);}
.circle-border svg path{stroke:var(--primary-color1);}
.circle-border .moving-circle{width:10px;height:10px;background:var(--primary-color1);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;animation:circle 2s linear infinite;}
.circle-border .moving-circle:nth-child(2){width:10px;height:10px;background:var(--primary-color1);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;animation:circle 2.25s linear infinite;}
.circle-border .moving-circle:nth-child(3){width:10px;height:10px;background:var(--primary-color1);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;animation:circle 2.5s linear infinite;}
@keyframes circle {
0%{transform:rotate(0deg) translate(-70px) rotate(0deg);}
100%{transform:rotate(360deg) translate(-70px) rotate(-360deg);}
}
#outline{stroke-dasharray:2.427766571px, 242.7766571045px;stroke-dashoffset:0;animation:anim 1.6s linear infinite;}
@keyframes anim {
12.5%{stroke-dasharray:33.9887319946px, 242.7766571045px;stroke-dashoffset:-26.7054322815px;}
43.75%{stroke-dasharray:84.9718299866px, 242.7766571045px;stroke-dashoffset:-84.9718299866px;}
100%{stroke-dasharray:2.427766571px, 242.7766571045px;stroke-dashoffset:-240.3488905334px;}
} .mobile-search{background:rgba(0, 0, 0, 0.85);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.09);width:100%;height:100%;border-radius:4px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;align-items:center;position:fixed;cursor:popoppins;transform:scale(0);top:0;left:0;z-index:9999;opacity:0;visibility:hidden;transition:0.65s ease;padding:35px 100px;}
@media(max-width:767px){
.mobile-search{padding:20px 20px;}
}
.mobile-search label{color:#fff;margin-bottom:20px;font-family:"Cuprum", sans-serif;}
.mobile-search.slide{transform:scale(1);opacity:1;visibility:visible;}
.mobile-search input, .mobile-search input[type=text]{border:none;border-radius:unset;border-bottom:1px solid #eeeeee;padding-left:0px;padding-bottom:5px;width:100%;background:transparent;transition:0.3s ease-in-out;color:#fff;margin-bottom:20px;}
.mobile-search input:focus, .mobile-search input[type=text]:focus{border-bottom:1px solid #fff;}
.mobile-search input::-moz-placeholder, .mobile-search input[type=text]::-moz-placeholder{font-family:"Cuprum", sans-serif;color:#676767;}
.mobile-search input::placeholder, .mobile-search input[type=text]::placeholder{font-family:"Cuprum", sans-serif;color:#676767;}
.mobile-search .search-cross-btn{color:#fff;cursor:pointer;background:rgba(var(--primary-color1), 0.6);border-radius:50%;height:40px;width:40px;line-height:40px;text-align:center;line-height:43px;transition:0.5s ease;}
.mobile-search .search-cross-btn:hover{background:var(--primary-color1);color:#fff;}
.mobile-search .search-cross-btn button{padding:0;margin:0;border:unset;background:none;color:#fff;}
.mobile-search .search-cross-btn i{font-size:25px;cursor:popoppins;}
.menu-toggle-btn-full-shape.show-sidebar{transform:translateX(0) !important;}
.menu-toggle-btn-full-shape.show-sidebar::-webkit-scrollbar{width:6px;border-radius:5px;}
.menu-toggle-btn-full-shape.show-sidebar::-webkit-scrollbar-track{background:#f1f1f1;}
.menu-toggle-btn-full-shape.show-sidebar::-webkit-scrollbar-thumb{background:rgb(202, 202, 202);}
.menu-toggle-btn-full-shape.show-sidebar::-webkit-scrollbar-thumb:hover{background:#555;}
.menu-toggle-btn-full-shape{position:relative;width:100%;max-width:375px;padding:30px 25px 0px 25px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:999;transform:translateX(100%) !important;transition:all 0.6s ease 0s;background:#fff;overflow-y:auto;border-left:1px solid rgba(238, 238, 238, 0.8);}
.menu-toggle-btn-full-shape .cross-icon i{color:var(--text-color);font-size:30px;cursor:pointer;transition:0.4s;height:36px;width:36px;line-height:36px;border-radius:50%;background:rgba(var(--text-color), 0.08);text-align:center;}
.menu-toggle-btn-full-shape .cross-icon i:hover{transform:rotate(90deg);}
.menu-toggle-btn-full-shape .sidebar-body{padding-top:30px;padding-bottom:30px;}
.menu-toggle-btn-full-shape .sidebar-body h5{font-size:22px;font-weight:800;color:var(--text-color);position:relative;padding-bottom:8px;margin-bottom:40px;}
.menu-toggle-btn-full-shape .sidebar-body h5::after{content:"";width:45px;height:3px;border-radius:4px;background:var(--text-color);position:absolute;left:0;bottom:0;}
.menu-toggle-btn-full-shape .sidebar-body .sidebar-social{padding-left:0;margin-left:0;}
.menu-toggle-btn-full-shape .sidebar-body .sidebar-social li{margin-bottom:20px;}
.menu-toggle-btn-full-shape .sidebar-body .sidebar-social i{height:34px;width:34px;line-height:34px;text-align:center;border-radius:50%;background:#fff;border:1px solid #eeeeee;color:var(--text-color);margin-right:15px;}
.menu-toggle-btn-full-shape .sidebar-body .sidebar-social a{color:var(--text-color);font-size:18px;font-weight:500;transition:0.4s ease;display:flex;align-items:center;justify-content:start;flex-direction:row;}
.menu-toggle-btn-full-shape .sidebar-body .sidebar-social a:hover i{background:var(--text-color);border:1px solid #eeeeee;color:#fff;}
.menu-toggle-btn-full-shape .sidebar-bottom{border-top:1px solid #eeeeee;padding-top:20px;padding-bottom:20px;}
.menu-toggle-btn-full-shape .sidebar-bottom p{font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:5px;}
.menu-toggle-btn-full-shape .sidebar-bottom span{font-size:16px;font-weight:500;color:var(--text-color);}
.mobile-menu-form{margin-top:50px;}
.mobile-menu-form input, .mobile-menu-form input[type=text]{width:100%;border:1px solid #eeeeee;padding:10px 15px;background-color:var(--white);margin-bottom:15px;outline:none;border-radius:5px;}
.mobile-menu-form input::-moz-placeholder, .mobile-menu-form input[type=text]::-moz-placeholder{font-size:12px;}
.mobile-menu-form input::placeholder, .mobile-menu-form input[type=text]::placeholder{font-size:12px;}
.mobile-menu-form input.style-capsule, .mobile-menu-form input[type=text].style-capsule{border-radius:30px;}
.mobile-menu-form button{outline:none;border:none;padding:10px;}
.mobile-menu-form.style-2 input{border-radius:30px;}
.page-active{color:var(--primary-color1) !important;}
header.style-1{background-color:#0b0f14;width:100%;z-index:99;padding:0px 60px;display:flex;justify-content:space-between;align-items:center;position:relative;}
@media(min-width:1200px) and (max-width:1399px){
header.style-1{padding:0px 30px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-1{padding:0px 30px;}
}
@media(min-width:1400px) and (max-width:1599px){
header.style-1{padding:0px 55px;}
}
@media(max-width:991px){
header.style-1{padding:0px 20px;}
}
header.style-1 .header-sticky-logo{display:none;}
header.style-1.sticky{position:fixed;top:0px;left:0;right:0;z-index:99;background:var(--dark--bg);animation:smooth-header 0.5s linear;padding:0px 60px;}
header.style-1.sticky .header-logo{display:none;}
header.style-1.sticky .header-sticky-logo{display:block;}
@media(min-width:1200px) and (max-width:1399px){
header.style-1.sticky{padding:0px 30px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-1.sticky{padding:0px 30px;}
}
@media(min-width:1400px) and (max-width:1599px){
header.style-1.sticky{padding:0px 55px;}
}
@media(max-width:991px){
header.style-1.sticky{padding:0px 20px;top:0;}
}
@keyframes smooth-header {
0%{transform:translateY(-30px);}
100%{transform:translateY(0px);}
}
header.style-1 .nav-right .header-icons{margin-right:20px;}
@media(max-width:1199px){
header.style-1 .nav-right .header-icons{margin-right:0px;}
}
header.style-1 .nav-right .hotline{display:flex;justify-content:center;align-items:center;margin-right:35px;margin-left:20px;}
header.style-1 .nav-right .hotline .hotline-icon{margin-right:8px;}
header.style-1 .nav-right .hotline .hotline-icon svg{fill:var(--white);}
header.style-1 .nav-right .hotline .hotline-info span{font-size:12px;font-weight:500;font-family:"Poppins", sans-serif;color:var(--white);}
header.style-1 .nav-right .hotline .hotline-info h6{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;color:var(--white);white-space:nowrap;}
header.style-1 .nav-right .sidebar-btn .bi{font-size:24px;color:var(--white);cursor:pointer;}
header.style-1 .nav-right .search-btn{height:42px;line-height:45px;text-align:center;border-radius:5px;cursor:pointer;position:relative;padding-right:15px;margin-right:15px;}
header.style-1 .nav-right .search-btn::after{content:"";position:absolute;right:0px;top:50%;transform:translateY(-50%);width:2px;height:20px;border-radius:1px;background:var(--white);}
header.style-1 .nav-right .search-btn .bi{font-size:18px;color:var(--white);}
@media(max-width:991px){
header.style-1 .nav-right .search-btn{display:none;visibility:hidden;}
}
header.style-1 .nav-right.style-2 .hotline .hotline-icon{margin-right:8px;}
header.style-1 .nav-right.style-2 .hotline .hotline-icon svg{fill:var(--text-color);}
header.style-1 .nav-right.style-2 .hotline .hotline-info span{color:var(--text-color);}
header.style-1 .nav-right.style-2 .hotline .hotline-info h6{color:var(--text-color);}
header.style-1 .nav-right.style-2 .sidebar-btn .bi{font-size:24px;color:var(--text-color);}
header.style-1 .nav-right.style-2 .search-btn::after{content:"";background:var(--text-color);}
header.style-1 .nav-right.style-2 .search-btn .bi{font-size:20px;color:var(--text-color);}
@media(max-width:991px){
header.style-1 .nav-right.style-2 .search-btn{display:none;visibility:hidden;}
}
@media(min-width:1200px) and (max-width:1399px){
header.style-1 .header-logo{padding:21px 0px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-1 .header-logo{padding:21px 0px;}
}
@media(max-width:991px){
header.style-1 .header-logo{padding:15px 0px;}
}
header.style-1 .header-logo img{min-width:120px;max-width:100%;}
header.style-1 .header-btn{color:#fff;font-size:1rem;font-weight:600;border-radius:5px;display:inline-block;transition:0.35s ease-in;background:var(--primary-color1);cursor:pointer;white-space:nowrap;font-family:"Poppins", sans-serif;}
header.style-1 .header-btn:hover{background:#191a1c;}
header.style-1 .header-btn:hover a{color:var(--white);}
@media(max-width:1199px){
header.style-1 .header-btn{display:none;visibility:hidden;}
}
header.style-1 .main-nav{display:inline-block;}
header.style-1 .main-nav .mobile-menu-logo{display:none;}
header.style-1 .main-nav ul{list-style:none;margin:0;padding:0;}
header.style-1 .main-nav ul li{display:inline-block;position:relative;padding:0 20px;}
header.style-1 .main-nav ul li a{font-size:16px;color:#fff;font-weight:500;display:block;text-transform:capitalize;padding:30px 0;position:relative;transition:all 0.5s ease-out 0s;}
header.style-1 .main-nav ul li a:hover{color:var(--primary-color1);}
header.style-1 .main-nav ul li a.active{color:var(primary-color1);}
header.style-1 .main-nav ul li i{width:30px;font-size:14px;text-align:center;color:#fff;font-style:normal;position:absolute;right:-8px;top:33px;z-index:999;cursor:pointer;display:none;}
header.style-1 .main-nav ul li ul.sub-menu{position:absolute;left:0;right:0;top:auto;margin:0;padding:0;opacity:0;visibility:hidden;min-width:240px;background:#0b0f14;text-align:left;transition:all 0.5s ease-out 0s;transform:translateY(20px);}
header.style-1 .main-nav ul li ul.sub-menu > li{padding:0;display:block;border-bottom:1px solid rgba(56, 56, 56, 0.5);position:relative;background:#0a120f;}
header.style-1 .main-nav ul li ul.sub-menu > li i{position:absolute;top:14px;right:6px;display:none;}
header.style-1 .main-nav ul li ul.sub-menu > li a{display:block;padding:12px 15px;color:#fff;font-weight:300;text-transform:capitalize;font-size:15px;line-height:1.4;transition:all 0.4s ease-out 0s;}
header.style-1 .main-nav ul li ul.sub-menu > li a:hover{color:var(--primary-color1);margin-left:10px;}
header.style-1 .main-nav ul li ul.sub-menu > li a.active{color:var(--primary-color1);}
header.style-1 .main-nav ul li ul.sub-menu > li .sub-menu{left:240px;position:absolute;max-width:260px;min-width:240px;background:#0b0f14;top:0;}
@media only screen and (max-width: 1199px) {
header.style-1 .main-nav ul li ul.sub-menu > li .sub-menu{margin-left:10px;position:unset;max-width:260px;min-width:240px;background:#242424;top:0;}
}
header.style-1 .main-nav ul li ul.sub-menu > li .sub-menu li i{display:none;}
header.style-1 .main-nav ul li ul.sub-menu > li .sub-menu li.menu-item-has-children i{display:block;}
header.style-1 .main-nav ul li ul.sub-menu > li:last-child{border-bottom:none;}
header.style-1 .main-nav ul li ul.sub-menu > li.menu-item-has-children > i{display:block;}
header.style-1 .main-nav ul li:hover > ul.sub-menu{visibility:visible;opacity:1;transform:translateY(0);}
header.style-1 .main-nav ul li.menu-item-has-children > i{display:block;}
@media only screen and (max-width: 991px) {
header.style-1 .main-nav{position:fixed;top:0;left:0;width:280px;padding:30px 20px !important;z-index:99999;height:100%;overflow:auto;background:var(--dark-bg);transform:translateX(-100%);transition:transform 0.3s ease-in;}
header.style-1 .main-nav.show-menu{transform:translateX(0);}
header.style-1 .main-nav .mobile-menu-logo{text-align:left;padding-top:20px;display:block;border-bottom:1px solid #d90a2c;padding-bottom:8px;}
header.style-1 .main-nav ul{float:none;text-align:left;padding:25px 0px 25px 0;margin:0 -20px;}
header.style-1 .main-nav ul li{display:block;position:relative;padding:3px 20px;border-top:1px solid rgba(56, 56, 56, 0.5);}
header.style-1 .main-nav ul li:last-child{border:1px solid rgba(56, 56, 56, 0.5);}
header.style-1 .main-nav ul li i{display:block;}
header.style-1 .main-nav ul li a{padding:10px 0;display:block;font-weight:300;}
header.style-1 .main-nav ul li ul.sub-menu{position:static;min-width:240px;background:0 0;border:none;opacity:1;visibility:visible;box-shadow:none;transform:none;transition:none;display:none;margin-top:0 !important;transform:translateY(0px);}
header.style-1 .main-nav ul li ul.sub-menu > li{border:none;}
header.style-1 .main-nav ul li .bi{right:10px;top:14px;font-size:16px;display:none;}
header.style-1 .mobile-menu{position:relative;top:2px;padding:0 5px;border-radius:50%;display:inline-block;}
header.style-1 .cross-btn{display:inline-block !important;position:relative;width:30px !important;height:22px !important;cursor:pointer;border:3px solid transparent !important;}
header.style-1 .cross-btn span{width:100%;height:2px;background:linear-gradient(233.77deg, rgba(115, 0, 0, 0.8) 0.94%, rgba(217, 10, 44, 0.8) 99.09%) !important;display:block;position:absolute;right:0;transition:all 0.3s;}
header.style-1 .cross-btn .cross-top{top:0;}
header.style-1 .cross-btn .cross-middle{top:50%;transform:translateY(-50%);width:100%;}
header.style-1 .cross-btn .cross-bottom{bottom:0;width:100%;}
header.style-1 .cross-btn.h-active span.cross-top{transform:rotate(45deg);top:50%;margin-top:-1px;}
header.style-1 .cross-btn.h-active span.cross-middle{transform:translateX(-30px);opacity:0;}
header.style-1 .cross-btn.h-active span.cross-bottom{transform:rotate(-45deg);bottom:50%;margin-bottom:-1px;}
}
header.style-1.style-3{background:var(--white);}
header.style-1.style-3 .main-nav ul li a{color:var(--text-color);}
@media(max-width:991px){
header.style-1.style-3 .main-nav ul li a{color:var(--white);}
}
header.style-1.style-3 .main-nav ul li a:hover{color:var(#a044ff);}
header.style-1.style-3 .main-nav ul li a.active{color:var(#a044ff);}
header.style-1.style-3 .main-nav ul li i{color:var(--primary-color3);}
@media(max-width:991px){
header.style-1.style-3 .main-nav ul li i{color:var(--white);}
}
header.style-1.style-3 .main-nav ul li ul.sub-menu a:hover{color:var(--primary-color3);}
header.style-2{background-color:var(--white);width:94%;padding:0px 30px;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:99;border-radius:100px;margin:0 auto;top:30px;left:0;right:0;}
@media(min-width:1400px) and (max-width:1599px){
header.style-2{padding:0px 20px;}
}
@media(min-width:1200px) and (max-width:1399px){
header.style-2{padding:0px 30px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-2{padding:0px 30px;border-radius:0px;width:100%;top:0;}
}
@media(max-width:991px){
header.style-2{padding:0px 20px;top:0;border-radius:0px;width:100%;}
}
header.style-2 .header-sticky-logo{display:none;}
header.style-2.sticky{position:fixed;top:0px;left:0;z-index:99;background:var(--white);box-shadow:5px 3px 40px rgba(0, 72, 88, 0.1);animation:smooth-header 0.65s linear;}
header.style-2.sticky .header-logo{display:none;}
header.style-2.sticky .header-sticky-logo{display:block;}
@keyframes smooth-header {
0%{transform:translateY(-30px);}
100%{transform:translateY(0px);}
}
header.style-2 .nav-right .header-icons{margin-right:10px;}
@media(max-width:1199px){
header.style-2 .nav-right .header-icons{margin-right:0px;}
}
header.style-2 .nav-right .hotline{display:flex;justify-content:center;align-items:center;margin-right:10px;}
header.style-2 .nav-right .hotline .hotline-icon{margin-right:8px;}
header.style-2 .nav-right .hotline .hotline-icon svg{fill:var(--text-color);}
header.style-2 .nav-right .hotline .hotline-info span{font-size:12px;font-weight:500;font-family:"Poppins", sans-serif;color:var(--text-color);}
header.style-2 .nav-right .hotline .hotline-info h6{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;color:var(--text-color);white-space:nowrap;}
header.style-2 .nav-right .sidebar-btn .bi{font-size:24px;color:var(--text-color);cursor:pointer;}
header.style-2 .nav-right .search-btn{height:42px;line-height:45px;text-align:center;border-radius:5px;cursor:pointer;position:relative;padding-right:15px;margin-right:15px;}
header.style-2 .nav-right .search-btn::after{content:"";position:absolute;right:0px;top:50%;transform:translateY(-50%);width:2px;height:20px;border-radius:1px;background:var(--text-color);}
header.style-2 .nav-right .search-btn .bi{font-size:18px;color:var(--text-color);}
@media(max-width:991px){
header.style-2 .nav-right .search-btn{display:none;visibility:hidden;}
}
@media(min-width:1200px) and (max-width:1399px){
header.style-2 .header-logo{padding:21px 0px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-2 .header-logo{padding:21px 0px;}
}
@media(max-width:991px){
header.style-2 .header-logo{padding:15px 0px;}
}
header.style-2 .header-logo img{min-width:120px;max-width:100%;}
header.style-2 .header-btn{color:#fff;font-size:1rem;font-weight:600;border-radius:30px;display:inline-block;transition:0.35s ease-in;background:var(--primary-color2);cursor:pointer;white-space:nowrap;font-family:"Poppins", sans-serif;}
header.style-2 .header-btn:hover{background:#191a1c;}
header.style-2 .header-btn:hover a{color:var(--white);}
@media(max-width:1199px){
header.style-2 .header-btn{display:none;visibility:hidden;}
}
header.style-2 .main-nav{display:inline-block;}
header.style-2 .main-nav .mobile-menu-logo{display:none;}
header.style-2 .main-nav ul{list-style:none;margin:0;padding:0;}
header.style-2 .main-nav ul li{display:inline-block;position:relative;padding:0 20px;}
header.style-2 .main-nav ul li a{font-size:16px;font-weight:500;color:var(--text-color);display:block;text-transform:capitalize;padding:30px 0;position:relative;transition:all 0.5s ease-out 0s;}
header.style-2 .main-nav ul li a:hover{color:var(--primary-color2);}
header.style-2 .main-nav ul li a.active{color:var(--primary-color2);}
header.style-2 .main-nav ul li i{width:30px;font-size:14px;font-weight:500;text-align:center;color:var(--primary-color2);font-style:normal;position:absolute;right:-8px;top:33px;z-index:999;cursor:pointer;display:none;}
header.style-2 .main-nav ul li ul.sub-menu{position:absolute;left:0;right:0;top:auto;margin:0;padding:0;opacity:0;visibility:hidden;min-width:215px;background:#000;text-align:left;transition:all 0.5s ease-out 0s;transform:translateY(20px);}
header.style-2 .main-nav ul li ul.sub-menu > li{padding:0;display:block;border-bottom:1px solid #383838;position:relative;}
header.style-2 .main-nav ul li ul.sub-menu > li i{position:absolute;color:var(--primary-color2);top:14px;right:6px;display:none;}
header.style-2 .main-nav ul li ul.sub-menu > li a{display:block;padding:15px 15px;color:#fff;font-weight:300;text-transform:capitalize;font-size:15px;line-height:1;transition:all 0.4s ease-out 0s;}
header.style-2 .main-nav ul li ul.sub-menu > li a:hover{color:var(--primary-color2);margin-left:10px;}
header.style-2 .main-nav ul li ul.sub-menu > li a.active{color:var(--primary-color2);}
header.style-2 .main-nav ul li ul.sub-menu > li .sub-menu{left:215px;position:absolute;max-width:230px;min-width:215px;background:#000;top:0;}
@media only screen and (max-width: 1199px) {
header.style-2 .main-nav ul li ul.sub-menu > li .sub-menu{margin-left:10px;position:unset;max-width:230px;min-width:215px;background:#242424;top:0;}
}
header.style-2 .main-nav ul li ul.sub-menu > li .sub-menu > li.menu-item-has-children > i{display:block;}
header.style-2 .main-nav ul li ul.sub-menu > li:last-child{border-bottom:none;}
header.style-2 .main-nav ul li ul.sub-menu li.menu-item-has-children > i{display:block;}
header.style-2 .main-nav ul li:hover > ul.sub-menu{visibility:visible;opacity:1;transform:translateY(0);}
header.style-2 .main-nav ul li.menu-item-has-children > i{display:block;}
@media only screen and (max-width: 991px) {
header.style-2 .main-nav{position:fixed;top:0;left:0;width:280px;padding:30px 20px !important;z-index:99999;height:100%;overflow:auto;background:var(--dark-bg);transform:translateX(-100%);transition:transform 0.3s ease-in;}
header.style-2 .main-nav.show-menu{transform:translateX(0);}
header.style-2 .main-nav .mobile-menu-logo{text-align:left;padding-top:20px;display:block;border-bottom:1px solid transparent;padding-bottom:8px;}
header.style-2 .main-nav ul{float:none;text-align:left;padding:25px 0px 25px 0;margin:0 -20px;}
header.style-2 .main-nav ul li{display:block;position:relative;padding:3px 20px;border-top:1px solid rgba(56, 56, 56, 0.5);}
header.style-2 .main-nav ul li:last-child{border:1px solid rgba(56, 56, 56, 0.5);}
header.style-2 .main-nav ul li i{display:block;}
header.style-2 .main-nav ul li a{padding:10px 0;display:block;font-weight:300;color:var(--white);}
header.style-2 .main-nav ul li ul.sub-menu{position:static;min-width:200px;background:0 0;border:none;opacity:1;visibility:visible;box-shadow:none;transform:none;transition:none;display:none;margin-top:0 !important;transform:translateY(0px);}
header.style-2 .main-nav ul li ul.sub-menu > li{border:none;}
header.style-2 .main-nav ul li .bi{right:10px;top:14px;font-size:16px;display:none;}
header.style-2 .mobile-menu{position:relative;top:2px;padding:0 5px;border-radius:50%;display:inline-block;}
header.style-2 .cross-btn{display:inline-block !important;position:relative;width:30px !important;height:22px !important;cursor:pointer;border:3px solid transparent !important;}
header.style-2 .cross-btn span{width:100%;height:2px;background:linear-gradient(233.77deg, rgba(115, 0, 0, 0.8) 0.94%, rgba(217, 10, 44, 0.8) 99.09%) !important;display:block;position:absolute;right:0;transition:all 0.3s;}
header.style-2 .cross-btn .cross-top{top:0;}
header.style-2 .cross-btn .cross-middle{top:50%;transform:translateY(-50%);width:100%;}
header.style-2 .cross-btn .cross-bottom{bottom:0;width:100%;}
header.style-2 .cross-btn.h-active span.cross-top{transform:rotate(45deg);top:50%;margin-top:-1px;}
header.style-2 .cross-btn.h-active span.cross-middle{transform:translateX(-30px);opacity:0;}
header.style-2 .cross-btn.h-active span.cross-bottom{transform:rotate(-45deg);bottom:50%;margin-bottom:-1px;}
}
header.style-4{background-color:transparent;width:100%;padding:0px 70px;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:99;top:0;left:0;right:0;}
@media(min-width:1200px) and (max-width:1399px){
header.style-4{padding:0px 30px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-4{padding:0px 30px;}
}
@media(max-width:991px){
header.style-4{padding:0px 20px;top:0;}
}
header.style-4 .header-sticky-logo{display:none;}
header.style-4.sticky{position:fixed;top:0px;left:0;z-index:99;background:var(--white);box-shadow:5px 3px 40px rgba(0, 72, 88, 0.1);animation:smooth-header 0.65s linear;}
header.style-4.sticky .header-logo{display:none;}
header.style-4.sticky .header-sticky-logo{display:block;}
@keyframes smooth-header {
0%{transform:translateY(-30px);}
100%{transform:translateY(0px);}
}
header.style-4 .nav-right .header-icons{margin-right:10px;}
@media(max-width:1199px){
header.style-4 .nav-right .header-icons{margin-right:0px;}
}
header.style-4 .nav-right ul.header-social{margin:0;padding:0;}
header.style-4 .nav-right ul.header-social li a{font-size:18px;font-weight:500;font-family:"Poppins", sans-serif;color:var(--text-color);transition:all 0.35s ease-in-out;}
header.style-4 .nav-right ul.header-social li a:hover{color:var(--primary-color4);}
header.style-4 .nav-right .sidebar-btn .bi{font-size:24px;color:var(--text-color);cursor:pointer;}
header.style-4 .nav-right .search-btn{height:42px;line-height:45px;text-align:center;border-radius:5px;cursor:pointer;position:relative;padding-right:15px;margin-right:15px;}
header.style-4 .nav-right .search-btn::after{content:"";position:absolute;right:0px;top:50%;transform:translateY(-50%);width:2px;height:20px;border-radius:1px;background:var(--text-color);}
header.style-4 .nav-right .search-btn .bi{font-size:18px;color:var(--text-color);}
@media(max-width:991px){
header.style-4 .nav-right .search-btn{display:none;visibility:hidden;}
}
@media(min-width:1200px) and (max-width:1399px){
header.style-4 .header-logo{padding:21px 0px;}
}
@media(min-width:992px) and (max-width:1199px){
header.style-4 .header-logo{padding:21px 0px;}
}
@media(max-width:991px){
header.style-4 .header-logo{padding:15px 0px;}
}
header.style-4 .header-logo img{min-width:120px;max-width:100%;}
header.style-4 .header-btn{color:var(--primary-color4);font-size:1rem;font-weight:600;border-radius:0px;display:inline-block;transition:0.35s ease-in;background:transparent;border:1px solid var(--primary-color4);cursor:pointer;white-space:nowrap;font-family:"Poppins", sans-serif;}
header.style-4 .header-btn:hover{background:var(--primary-color4);}
header.style-4 .header-btn:hover a{color:var(--white);}
@media(max-width:1199px){
header.style-4 .header-btn{display:none;visibility:hidden;}
}
header.style-4 .main-nav{display:inline-block;}
header.style-4 .main-nav .mobile-menu-logo{display:none;}
header.style-4 .main-nav ul{list-style:none;margin:0;padding:0;}
header.style-4 .main-nav ul li{display:inline-block;position:relative;padding:0 20px;}
header.style-4 .main-nav ul li a{font-size:16px;font-weight:500;color:var(--text-color);display:block;text-transform:capitalize;padding:30px 0;position:relative;transition:all 0.5s ease-out 0s;}
header.style-4 .main-nav ul li a:hover{color:var(--primary-color4);}
header.style-4 .main-nav ul li a.active{color:var(--primary-color4);}
header.style-4 .main-nav ul li i{width:30px;font-size:14px;font-weight:500;text-align:center;color:var(--text-color);font-style:normal;position:absolute;right:-8px;top:33px;z-index:999;cursor:pointer;display:none;}
header.style-4 .main-nav ul li ul.sub-menu{position:absolute;left:0;right:0;top:auto;margin:0;padding:0;opacity:0;visibility:hidden;min-width:215px;background:#000;text-align:left;transition:all 0.5s ease-out 0s;transform:translateY(20px);}
header.style-4 .main-nav ul li ul.sub-menu > li{padding:0;display:block;border-bottom:1px solid #383838;position:relative;}
header.style-4 .main-nav ul li ul.sub-menu > li i{position:absolute;top:10px;right:6px;color:#fff;display:none;}
header.style-4 .main-nav ul li ul.sub-menu > li a{display:block;padding:15px 15px;color:#fff;font-weight:300;text-transform:capitalize;font-size:15px;line-height:1;transition:all 0.4s ease-out 0s;}
header.style-4 .main-nav ul li ul.sub-menu > li a:hover{color:var(--primary-color4);margin-left:10px;}
header.style-4 .main-nav ul li ul.sub-menu > li a.active{color:var(--primary-color4);}
header.style-4 .main-nav ul li ul.sub-menu > li .sub-menu{left:215px;position:absolute;max-width:230px;min-width:215px;background:#000;top:0;}
@media only screen and (max-width: 1199px) {
header.style-4 .main-nav ul li ul.sub-menu > li .sub-menu{margin-left:10px;position:unset;max-width:230px;min-width:215px;background:#242424;top:0;}
}
header.style-4 .main-nav ul li ul.sub-menu > li .sub-menu li i{display:none;}
header.style-4 .main-nav ul li ul.sub-menu > li .sub-menu li.menu-item-has-children i{display:block;}
header.style-4 .main-nav ul li ul.sub-menu > li:last-child{border-bottom:none;}
header.style-4 .main-nav ul li ul.sub-menu > li.menu-item-has-children > i{display:block;}
header.style-4 .main-nav ul li:hover > ul.sub-menu{visibility:visible;opacity:1;transform:translateY(0);}
header.style-4 .main-nav ul li.menu-item-has-children > i{display:block;}
@media only screen and (max-width: 991px) {
header.style-4 .main-nav{position:fixed;top:0;left:0;width:280px;padding:30px 20px !important;z-index:99999;height:100%;overflow:auto;background:var(--dark-bg);transform:translateX(-100%);transition:transform 0.3s ease-in;}
header.style-4 .main-nav.show-menu{transform:translateX(0);}
header.style-4 .main-nav .mobile-menu-logo{text-align:left;padding-top:20px;display:block;border-bottom:1px solid transparent;padding-bottom:8px;}
header.style-4 .main-nav ul{float:none;text-align:left;padding:25px 0px 25px 0;margin:0 -20px;}
header.style-4 .main-nav ul li{display:block;position:relative;padding:3px 20px;border-top:1px solid rgba(56, 56, 56, 0.5);}
header.style-4 .main-nav ul li:last-child{border:1px solid rgba(56, 56, 56, 0.5);}
header.style-4 .main-nav ul li i{display:block;}
header.style-4 .main-nav ul li a{padding:10px 0;display:block;font-weight:300;color:var(--white);}
header.style-4 .main-nav ul li ul.sub-menu{position:static;min-width:200px;background:0 0;border:none;opacity:1;visibility:visible;box-shadow:none;transform:none;transition:none;display:none;margin-top:0 !important;transform:translateY(0px);}
header.style-4 .main-nav ul li ul.sub-menu > li{border:none;}
header.style-4 .main-nav ul li ul.sub-menu > li a{background-color:#0a120f;}
header.style-4 .main-nav ul li .bi{right:10px;top:14px;font-size:16px;display:none;color:var(--white);}
header.style-4 .mobile-menu{position:relative;top:2px;padding:0 5px;border-radius:50%;display:inline-block;}
header.style-4 .cross-btn{display:inline-block !important;position:relative;width:30px !important;height:22px !important;cursor:pointer;border:3px solid transparent !important;}
header.style-4 .cross-btn span{width:100%;height:2px;background:linear-gradient(233.77deg, rgba(115, 0, 0, 0.8) 0.94%, rgba(217, 10, 44, 0.8) 99.09%) !important;display:block;position:absolute;right:0;transition:all 0.3s;}
header.style-4 .cross-btn .cross-top{top:0;}
header.style-4 .cross-btn .cross-middle{top:50%;transform:translateY(-50%);width:100%;}
header.style-4 .cross-btn .cross-bottom{bottom:0;width:100%;}
header.style-4 .cross-btn.h-active span.cross-top{transform:rotate(45deg);top:50%;margin-top:-1px;}
header.style-4 .cross-btn.h-active span.cross-middle{transform:translateX(-30px);opacity:0;}
header.style-4 .cross-btn.h-active span.cross-bottom{transform:rotate(-45deg);bottom:50%;margin-bottom:-1px;}
}
header.style-4.style-5{position:relative;background-color:var(--white);}
header.style-4.style-5.sticky{position:fixed;top:0px;left:0;z-index:99;background:var(--white);box-shadow:5px 3px 40px rgba(0, 72, 88, 0.1);animation:smooth-header 0.65s linear;}
@keyframes smooth-header {
0%{transform:translateY(-30px);}
100%{transform:translateY(0px);}
}
header.style-4.style-5 .header-btn{color:var(--primary-color5);border:1px solid var(--primary-color5);white-space:nowrap;font-family:"Poppins", sans-serif;}
header.style-4.style-5 .header-btn:hover{background:var(--primary-color5);}
header.style-4.style-5 .header-btn:hover a{color:var(--white);}
@media(max-width:1199px){
header.style-4.style-5 .header-btn{display:none;visibility:hidden;}
}
header.style-4.style-5 .nav-right .header-icons{margin-right:10px;}
@media(max-width:1199px){
header.style-4.style-5 .nav-right .header-icons{margin-right:0px;}
}
header.style-4.style-5 .nav-right ul.header-social{margin:0;padding:0;}
header.style-4.style-5 .nav-right ul.header-social li a:hover{color:var(--primary-color5);}
header.style-4.style-5 .main-nav{display:inline-block;}
header.style-4.style-5 .main-nav .mobile-menu-logo{display:none;}
header.style-4.style-5 .main-nav ul li a:hover{color:var(--primary-color5);}
header.style-4.style-5 .main-nav ul li a.active{color:var(--primary-color5);}
header.style-4.style-5 .main-nav ul li ul.sub-menu > li a:hover{color:var(--primary-color5);margin-left:10px;}
header.style-4.style-5 .main-nav ul li ul.sub-menu > li a.active{color:var(--primary-color5);}
.mobile-menu-btn{margin-left:25px;margin-right:20px;}
.mobile-menu-btn h5{font-size:18px;}
.mobile-menu-btn .bx{color:var(--white);font-size:28px;}
.video-play{text-align:center;z-index:9;}
.video-play.style-2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.video-play.style-2 .video-icon{background:var(--white);border:1px solid var(--white);}
.video-play.style-2 .video-icon i{color:var(--primary-color1);}
.video-play.style-2 .video-icon::before{background:var(--white);}
.video-play.style-2 .video-icon::after{background:var(--white);}
.video-play.style-3{z-index:9;}
.video-play.style-3 .video-icon{background:var(--white);border:1px solid var(--white);}
.video-play.style-3 .video-icon i{color:var(--primary-color2);}
.video-play.style-3 .video-icon::before{background:var(--white);}
.video-play.style-3 .video-icon::after{background:var(--white);}
.video-play.style-4{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;}
.video-play.style-4 .video-icon{background:var(--primary-color3);border:1px solid var(--primary-color3);}
.video-play.style-4 .video-icon i{color:var(--white);}
.video-play.style-4 .video-icon::before{background:var(--primary-color3);}
.video-play.style-4 .video-icon::after{background:var(--primary-color3);}
.video-play.style-5{z-index:9;}
.video-play.style-5 .video-icon{background:var(--primary-color5);border:1px solid var(--primary-color5);}
.video-play.style-5 .video-icon i{color:var(--white);}
.video-play.style-5 .video-icon::before{background:var(--primary-color5);}
.video-play.style-5 .video-icon::after{background:var(--primary-color5);}
.video-play .video-icon{width:60px;height:60px;border-radius:50%;line-height:52px;display:inline-block;text-align:center;position:relative;border:1px solid var(--primary-color1);font-size:36px;color:var(--white);background:var(--primary-color1);}
.video-play .video-icon::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(233, 0, 79, 0.5);animation:ripple-1 2s infinite ease-in-out;z-index:-1;}
.video-play .video-icon::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(233, 0, 79, 0.3);z-index:-1;animation:ripple-2 2s infinite ease-in-out;animation-delay:0.5s;}
.video-play .video-icon.style-2{border:1px solid var(--primary-color4);color:var(--white);background:var(--primary-color4);}
.video-play .video-icon.style-2::before{background:rgba(39, 174, 96, 0.5);}
.video-play .video-icon.style-2::after{background:rgba(39, 174, 96, 0.3);}
@keyframes ripple-1 {
0%{transform:scale(1);opacity:1;}
100%{transform:scale(1.7);opacity:0;}
}
@keyframes ripple-2 {
0%{transform:scale(1);opacity:1;}
100%{transform:scale(1.9);opacity:0;}
}
.banner-section1{min-height:90vh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;background:linear-gradient(rgba(0, 1, 12, 0.75), rgba(0, 1, 12, 0.75));}
@media(max-width:991px){
.banner-section1{padding:60px 0px;}
}
.banner-section1 .banner-rain{position:absolute;top:40px;right:4%;z-index:-1;}
.banner-section1 .banner-spring1{position:absolute;bottom:4%;left:4%;}
@media(max-width:991px){
.banner-section1 .banner-spring1{display:none;visibility:hidden;}
}
.banner-section1 .banner-spring2{position:absolute;top:60px;left:25%;}
@media(max-width:991px){
.banner-section1 .banner-spring2{display:none;visibility:hidden;}
}
.banner-section1 .banner-spring3{position:absolute;bottom:20%;right:7%;z-index:-1;}
@media(min-width:1200px) and (max-width:1399px){
.banner-section1 .banner-spring3{right:2%;bottom:10%;}
}
@media(min-width:992px) and (max-width:1199px){
.banner-section1 .banner-spring3{right:2%;bottom:10%;}
}
.banner-content span{position:relative;font-size:1rem;font-weight:400;font-family:"Poppins", sans-serif;color:var(--white);padding-left:20px;margin-bottom:10px;display:inline-block;}
.banner-content span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:2px;border-radius:30px;background:var(--primary-color1);}
.banner-content h1{font-size:5rem;font-weight:700;color:var(--white);line-height:1;font-family:"Cuprum", sans-serif;margin-bottom:15px;}
@media(max-width:767px){
.banner-content h1{font-size:4rem;line-height:1.1;}
}
.banner-content P{font-size:16px;color:var(--white);line-height:28px;font-weight:400;font-family:"Poppins", sans-serif;}
.banner-content .button-group{margin-top:42px;display:flex;justify-content:start;align-items:center;flex-wrap:wrap;}
@media(max-width:991px){
.banner-content .button-group{justify-content:center;}
}
.banner-content .video-btn{font-size:18px;font-weight:600;color:var(--white);}
@media(max-width:991px){
.banner-content{text-align:center;}
}
@media(max-width:991px){
.banner-content.style-2{margin-bottom:50px;text-align:center;}
}
.banner-content.style-2 span{color:var(--primary-color4);}
.banner-content.style-2 span::before{background:var(--primary-color4);}
.banner-content.style-2 h1{color:var(--text-color);}
.banner-content.style-2 p{color:var(--text-color);}
.banner-content.style-2 .video-btn{color:var(--primary-color4);}
.banner-content.style-3{width:100%;max-width:680px;}
@media(max-width:991px){
.banner-content.style-3{margin-bottom:50px;text-align:center;}
}
.banner-content.style-3 span{color:var(--text-color);}
.banner-content.style-3 span::before{background:var(--text-color);}
.banner-content.style-3 h1{color:var(--text-color);font-size:4.4rem;}
@media(max-width:1399px){
.banner-content.style-3 h1{font-size:4rem;}
}
.banner-content.style-3 p{color:var(--text-color);}
.banner-content.style-3 .video-btn{color:var(--primary-color4);}
.banner-social{position:absolute;left:-130px;top:50%;transform:translateY(-50%) rotate(270deg);display:flex;flex-direction:row;}
@media(max-width:1500px){
.banner-social{display:none;visibility:hidden;}
}
.banner-social a{font-size:15px;font-weight:500;color:var(--text-color3);transition:all 0.5s ease-out 0s;}
.banner-social a:hover{color:var(--primary-color1);}
.banner-social.style-2{transform:translateY(-50%) rotate(0deg);display:flex;flex-direction:column;left:1%;padding:0px;}
@media(min-width:1200px) and (max-width:1399px){
.banner-social.style-2{display:none;visibility:hidden;}
}
.banner-social.style-2 li .bx{width:36px;height:36px;line-height:36px;border-radius:50%;border:1px solid var(--text-color);color:var(--text-color);text-align:center;transition:all 0.35s ease;}
.banner-social.style-2 li:hover .bx{border:1px solid var(--primary-color5);color:var(--white);background:var(--primary-color5);transform:scale(1.2);}
.solar-vector-area{width:100%;}
@media(max-width:991px){
.solar-vector-area{display:none;visibility:hidden;}
}
.solar-vector-area img{animation:spin 15s linear infinite;}
@keyframes spin {
0%{transform:rotate(0deg);transform-origin:100 100;}
100%{transform:rotate(360deg);transform-origin:100 100;}
}
.solar-vector-area .banner1-img-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.banner-section2{position:relative;overflow:hidden;z-index:1;min-height:100vh;}
.banner-section2 .banner-social2{position:absolute;right:-6%;top:50%;transform:translateY(-50%) rotate(270deg);display:flex;flex-direction:row;z-index:2;}
.banner-section2 .banner-social2 a{font-size:15px;font-weight:500;color:var(--text-color3);transition:all 0.5s ease-out 0s;}
.banner-section2 .banner-social2 a:hover{color:var(--primary-color2);}
@media(min-width:1200px) and (max-width:1399px){
.banner-section2 .banner-social2{right:-8%;}
}
@media(min-width:992px) and (max-width:1199px){
.banner-section2 .banner-social2{right:-10%;}
}
@media(max-width:991px){
.banner-section2 .banner-social2{display:none;visibility:hidden;}
}
.banner-section2 .banner2-vector{position:absolute;left:0;bottom:0;z-index:2;animation:rotate 7s linear infinite;}
.banner-section2 .banner2-spring1{position:absolute;left:5%;top:18%;z-index:2;}
@media(max-width:576px){
.banner-section2 .banner2-spring1{display:none;visibility:hidden;}
}
.banner-section2 .banner2-spring2{position:absolute;right:15%;bottom:5%;z-index:2;}
@media(max-width:576px){
.banner-section2 .banner2-spring2{display:none;visibility:hidden;}
}
@keyframes rotate {
0%{transform:rotate(0deg);}
50%{transform:translateY(180deg);}
100%{transform:translateY(360deg);}
}
.banner-section2 .banner2-circle1{position:absolute;right:20%;top:15%;z-index:2;animation:rotate 7s linear infinite;animation-delay:1s;}
@media(max-width:576px){
.banner-section2 .banner2-circle1{top:8px;}
}
.banner-section2 .banner2-circle2{position:absolute;left:20%;bottom:15%;z-index:2;animation:rotate 7s linear infinite;animation-delay:1s;}
@media(max-width:576px){
.banner-section2 .banner2-circle2{bottom:10px;left:15%;}
}
.banner-section2 .swiper-slide-active span{animation:fadeInDown 1.7s;}
.banner-section2 .swiper-slide-active h1{animation:fadeInDown 1.7s;}
.banner-section2 .swiper-slide-active h2{animation:fadeInDown 1.7s;}
.banner-section2 .swiper-slide-active p{animation:fadeInUp 1.7s;}
.banner-section2 .swiper-slide-active .eg-btn{animation:fadeInUp 1.7s;}
.banner-section2 .swiper-slide{height:100vh;position:relative;}
.banner-section2 .swiper-slide::before{content:"";width:100%;height:100%;background:rgba(0, 0, 0, 0.7);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
.banner-section2 .slider-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100vh;-o-object-fit:cover;object-fit:cover;z-index:-1;animation:spinner 18s linear infinite alternate;}
.banner-section2 .banner2-pagination{position:absolute;bottom:30px;z-index:9;min-width:140px;}
.banner-section2 .banner2-pagination .swiper-pagination-bullet{background:var(--white);width:15px;height:15px;}
.banner-section2 .banner2-pagination .swiper-pagination-bullet-active{background:var(--primary-color2);}
.banner-section2 .slider-arrows{position:absolute;top:50%;transform:translateY(-50%);right:60px;z-index:2;padding:5px;}
.banner-section2 .slider-bg-1{min-height:100vh;width:100%;overflow:hidden;z-index:1;position:relative;display:flex;justify-content:center;align-items:center;}
.banner-section2 .slider-bg-1::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-9;background:rgba(0, 0, 0, 0.45);}
@keyframes large {
0%{transform:scale(1);}
100%{transform:scale(1.6);}
}
.banner-section2 .slider-bg-2{min-height:100vh;width:100%;overflow:hidden;z-index:1;position:relative;display:flex;justify-content:center;align-items:center;}
.banner-section2 .slider-bg-2::before{content:"";background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/banner2-bg2.png);background-color:rgba(0, 1, 12, 0.5);background-blend-mode:multiply;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;right:0;z-index:-9;animation:large 26s linear infinite alternate;}
.banner-section2 .slider-bg-2::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-9;background:rgba(0, 0, 0, 0.45);}
@keyframes large {
0%{transform:scale(1.2);}
100%{transform:scale(1.8);}
}
.banner-section2 .banner2-content{position:relative;z-index:10;text-align:center;margin-top:50px;}
@media(max-width:991px){
.banner-section2 .banner2-content{margin-top:0;}
}
@media(min-width:1200px) and (max-width:1399px){
.banner-section2 .banner2-content{margin-top:100px;}
}
@media(max-width:576px){
.banner-section2 .banner2-content{padding:0px 0px;}
}
.banner-section2 .banner2-content span{font-size:1rem;font-weight:400;color:var(--primary-color2);font-family:"Poppins", sans-serif;margin-bottom:10px;display:inline-block;position:relative;}
.banner-section2 .banner2-content span::before{content:"";position:absolute;left:-35px;top:50%;transform:translateY(-50%);width:25px;height:2px;background:var(--primary-color2);}
.banner-section2 .banner2-content span::after{content:"";position:absolute;right:-35px;top:50%;transform:translateY(-50%);width:25px;height:2px;background:var(--primary-color2);}
.banner-section2 .banner2-content h1, .banner-section2 .banner2-content h2{font-size:4.25rem;font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.2;text-transform:capitalize;}
.banner-section2 .banner2-content p{font-size:16px;font-weight:400;color:var(--white);margin-bottom:40px;width:95%;margin-left:auto;margin-right:auto;}
@media(max-width:991px){
.banner-section2 .banner2-content p{width:90%;}
}
.banner-section3{position:relative;overflow:hidden;z-index:1;}
.banner-section3 .banner-social3{position:absolute;left:-7%;top:50%;transform:translateY(-50%) rotate(270deg);display:flex;flex-direction:row;z-index:2;}
.banner-section3 .banner-social3 a{font-size:15px;font-weight:500;color:var(--text-color3);transition:all 0.5s ease-out 0s;}
.banner-section3 .banner-social3 a:hover{color:var(--primary-color3);}
@media(min-width:1200px) and (max-width:1399px){
.banner-section3 .banner-social3{right:-8%;}
}
@media(min-width:992px) and (max-width:1199px){
.banner-section3 .banner-social3{right:-10%;}
}
@media(max-width:991px){
.banner-section3 .banner-social3{display:none;visibility:hidden;}
}
.banner-section3 .banner3-circle{position:absolute;left:7%;top:10%;z-index:-1;animation:rotate 10s linear infinite;}
@media(max-width:576px){
.banner-section3 .banner3-circle{display:none;visibility:hidden;}
}
@keyframes rotate {
0%{transform:rotate(0deg);}
50%{transform:translateY(180deg);}
100%{transform:translateY(360deg);}
}
.banner-section3 .banner3-circle2{position:absolute;right:20%;top:15%;z-index:2;animation:rotate 7s linear infinite;animation-delay:1s;}
@media(max-width:576px){
.banner-section3 .banner3-circle2{top:8px;}
}
.banner-section3 .banner3-circle3{position:absolute;right:10%;bottom:15%;z-index:2;animation:rotate 7s linear infinite;animation-delay:1s;}
@media(max-width:767px){
.banner-section3 .banner3-circle3{right:5%;bottom:5%;}
}
.banner-section3 .swiper-slide-active span{animation:fadeInDown 1.7s;}
.banner-section3 .swiper-slide-active h1{animation:fadeInDown 1.7s;}
.banner-section3 .swiper-slide-active h2{animation:fadeInDown 1.7s;}
.banner-section3 .swiper-slide-active p{animation:fadeInUp 1.7s;}
.banner-section3 .swiper-slide-active .eg-btn{animation:fadeInUp 1.7s;}
.banner-section3 .banner3-pagination{position:absolute;left:94% !important;top:50%;transform:translateY(-50%);z-index:99;width:100px !important;}
.banner-section3 .banner3-pagination .swiper-pagination-bullet{background:var(--white);width:15px;height:15px;border:1px solid var(--primary-color3);}
.banner-section3 .banner3-pagination .swiper-pagination-bullet-active{background:var(--primary-color3);}
.banner-section3 .slider-arrows{position:absolute;top:50%;transform:translateY(-50%);right:60px;z-index:2;padding:5px;}
.banner-section3 .slider-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100vh;-o-object-fit:cover;object-fit:cover;z-index:-1;animation:spinner 18s linear infinite alternate;}
.banner-section3 .slider-bg-1{min-height:90vh;width:100%;overflow:hidden;z-index:1;position:relative;display:flex;justify-content:center;align-items:center;}
.banner-section3 .slider-bg-1::before{content:"";background-image:linear-gradient(90deg, #00010c 21.87%, rgba(0, 0, 0, 0) 70.31%), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/banner31.png);background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;right:0;z-index:-9;animation:large 26s linear infinite alternate;}
@keyframes large {
0%{transform:scale(1);}
100%{transform:scale(1.6);}
}
.banner-section3 .slider-bg-2{min-height:90vh;width:100%;overflow:hidden;z-index:1;position:relative;display:flex;justify-content:center;align-items:center;}
.banner-section3 .slider-bg-2::before{content:"";background-image:linear-gradient(90deg, #00010c 21.87%, rgba(0, 0, 0, 0) 70.31%), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/banner32.png);background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;right:0;z-index:-9;animation:large 26s linear infinite alternate;}
@keyframes large {
0%{transform:scale(1.2);}
100%{transform:scale(1.8);}
}
.banner-section3 .banner3-content{text-align:left;padding:100px 0px;}
@media(max-width:991px){
.banner-section3 .banner3-content{text-align:center;}
}
.banner-section3 .banner3-content span{font-size:1rem;font-weight:400;color:var(--white);font-family:"Poppins", sans-serif;margin-bottom:10px;display:inline-block;position:relative;padding-left:25px;}
.banner-section3 .banner3-content span::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:15px;height:2px;background:var(--white);}
.banner-section3 .banner3-content h1, .banner-section3 .banner3-content h2{font-size:5rem;font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.2;text-transform:capitalize;}
@media(max-width:576px){
.banner-section3 .banner3-content h1, .banner-section3 .banner3-content h2{font-size:4rem;}
}
.banner-section3 .banner3-content p{font-size:16px;font-weight:500;color:var(--white);margin-bottom:40px;}
.banner-section3 .banner3-content .button-group{margin-top:50px;}
.banner-section4{background-color:var(--primary-color4-light);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:120px 0px;position:relative;z-index:1;overflow:hidden;}
.banner-section4 .go-down-btn{position:absolute;left:50px;bottom:50px;width:22px;height:40px;border:1px solid #27ae60;border-radius:30px;}
.banner-section4 .go-down-btn::after{content:"";position:absolute;top:5px;left:5px;width:10px;height:10px;border-radius:50%;background:var(--primary-color4);animation:scroll 3s linear infinite alternate;}
@keyframes scroll {
0%{top:5px;}
50%{top:23px;}
100%{top:5px;}
}
@media(max-width:1199px){
.banner-section4 .go-down-btn{display:none;visibility:hidden;}
}
@media(min-width:1200px) and (max-width:1399px){
.banner-section4 .go-down-btn{left:25px;}
}
.banner-section4 .banner4-dot-sq{position:absolute;bottom:0;left:10%;}
.banner-section4 .banner4-spring{position:absolute;top:15%;left:50%;transform:translateX(-50%);}
@media(max-width:991px){
.banner-section4 .banner4-spring{left:6%;top:52%;transform:translateY(-50%);}
}
.banner-section4 .banner4-wave1{position:absolute;left:0;top:0;z-index:-1;opacity:0.7;}
.banner-section4 .banner4-wave2{position:absolute;right:0;bottom:0;z-index:-1;opacity:0.7;}
.banner-section4 .banner4-img{max-width:110% !important;height:auto;border-radius:50%;overflow:hidden;}
@media(max-width:1399px){
.banner-section4 .banner4-img{max-width:100%;}
}
.banner-section4 .banner4-img img{border-radius:50%;width:100%;animation:zoom 3s linear infinite alternate;}
.banner-section4 .banner4-circel1{position:absolute;left:-10px;bottom:-10px;z-index:-1;animation:fade 1.3s linear infinite alternate;}
.banner-section4 .banner4-circel2{position:absolute;right:-10px;top:-10px;z-index:-1;animation:fade 1.3s linear infinite alternate;}
@keyframes fade {
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes zoom {
0%{transform:scale(1);}
50%{transform:scale(1.8);}
100%{transform:scale(1);}
}
.banner-section5{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/banner5-bg.png);background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;padding:180px 0;}
@media(min-width:1200px) and (max-width:1399px){
.banner-section5{padding:130px 0;}
}
.banner-section5 .banner5-vector-left{position:absolute;left:0;bottom:0px;z-index:-1;}
.banner-section5 .banner5-tirang1{position:absolute;bottom:10%;right:22%;animation:movingobject 8s linear infinite;}
@media(max-width:576px){
.banner-section5 .banner5-tirang1{bottom:3%;right:3%;}
}
.banner-section5 .banner5-tirang2{position:absolute;bottom:10%;left:22%;animation:movingobject 8s linear infinite;}
@media(max-width:576px){
.banner-section5 .banner5-tirang2{bottom:3%;left:5%;}
}
.banner-section5 .banner5-tirang3{position:absolute;top:10%;left:22%;animation:movingobject 8s linear infinite;}
@media(max-width:576px){
.banner-section5 .banner5-tirang3{top:3%;left:3%;}
}
.banner-section5 .banner5-tirang4{position:absolute;top:15%;left:50%;transform:translateX(-50%);animation:movingobject 8s linear infinite;}
@media(max-width:576px){
.banner-section5 .banner5-tirang4{display:none;visibility:hidden;}
}
.banner-section5 .banner5-tirang5{position:absolute;bottom:30%;left:55%;transform:translateX(-50%);animation:movingobject 8s linear infinite;}
@media(max-width:576px){
.banner-section5 .banner5-tirang5{display:none;visibility:hidden;}
}
.banner-section5 .banner5-vector{position:absolute;top:0;right:0;z-index:-1;}
@keyframes movingobject {
0%{transform:rotate(0deg) translateY(5px);}
0%{transform:rotate(360deg) translateY(0px);}
} .about1-section{position:relative;z-index:1;overflow:hidden;}
.about1-section .section-bg1{position:absolute;right:-70px;bottom:-70px;z-index:-1;}
.about-section2{position:relative;z-index:1;overflow:hidden;}
.about-section2 .about2-vector{position:absolute;top:0;left:0;}
.about1-content{padding-right:30px;}
.about1-content span{font-size:16px;font-weight:500;color:var(--primary-color1);font-family:"Poppins", sans-serif;background:var(--primary-opcaity);padding:5px 10px;margin-bottom:15px;display:inline-block;}
.about1-content h3{font-size:2.1875rem;font-weight:700;color:var(--text-color);margin-bottom:15px;}
.about1-content ul.about-list{margin-top:20px;margin-bottom:35px;padding:0;list-style:none;}
.about1-content ul.about-list li{position:relative;font-size:20px;font-weight:500;font-family:"Cuprum", sans-serif;color:var(--text-color2);padding-left:20px;margin-bottom:10px;transition:all 0.42s ease-in-out;}
.about1-content ul.about-list li:hover{color:var(--primary-color1);}
.about1-content ul.about-list li:last-child{margin-bottom:0px;}
.about1-content ul.about-list li::after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0px;width:10px;height:10px;background:var(--primary-color1);border-radius:50%;}
.sun-icon{position:absolute;left:-95px;bottom:-30px;}
@media(max-width:767px){
.sun-icon{display:none;visibility:hidden;}
}
.about-triangle{position:absolute;right:-15px;top:-25px;z-index:1;animation:rotate 8s linear infinite;}
@media(max-width:767px){
.about-triangle{display:none;visibility:hidden;}
}
.about-dot{position:absolute;right:-95px;bottom:-80px;z-index:-1;animation:jump 4s linear infinite;}
@media(max-width:991px){
.about-dot{display:none;visibility:hidden;}
}
@keyframes jump {
0%{transform:translateY(0px);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0px);}
}
@keyframes rotate {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.experience-tag{-webkit-clip-path:polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);clip-path:polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);background:var(--primary-color1);padding:0px 1px;z-index:9;position:relative;margin-top:30px;}
@media(min-width:1200px) and (max-width:1399px){
.experience-tag{margin-top:0;}
}
@media(min-width:992px) and (max-width:1199px){
.experience-tag{margin-top:0;}
}
@media(max-width:767px){
.experience-tag{margin-top:-30px;}
}
.tag-inner{-webkit-clip-path:polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);clip-path:polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);border:1px solid var(--primary-color1);display:flex;flex-direction:row;justify-content:start;align-items:center;padding:7px 25px;background-color:var(--white);}
.tag-inner img, .tag-inner svg{margin-right:10px;}
@media(max-width:576px){
.tag-inner img, .tag-inner svg{display:none;visibility:hidden;}
}
.tag-inner h5{font-size:22px;font-weight:700;color:var(--primary-color1);font-family:"Cuprum", sans-serif;margin-bottom:0;}
.about-images .about12 img{border-radius:0px 100px 100px 0px;margin-left:0;margin-bottom:0;}
.about-images .about13 img{margin-left:-20%;max-width:120%;}
.about-section3{position:relative;padding-left:6%;padding-right:6%;}
@media(max-width:767px){
.about-section3{padding-left:15px;padding-right:15px;}
}
.about-section3 .about3-vector2{position:absolute;bottom:-50px;right:40px;opacity:0.25;}
.about3-content{position:relative;z-index:1;background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);padding:100px 200px 100px 70px;overflow:hidden;}
@media(min-width:1200px) and (max-width:1399px){
.about3-content{padding:100px 50px 100px 50px;}
}
@media(min-width:992px) and (max-width:1199px){
.about3-content{padding:80px 30px 80px 30px;}
}
@media(min-width:768px) and (max-width:991px){
.about3-content{padding:80px 30px 80px 30px;}
}
@media(max-width:767px){
.about3-content{padding:40px 25px 40px 25px;}
}
.about3-content .about3-vctr{position:absolute;right:0;bottom:0;opacity:0.5;z-index:-1;}
.about3-content h3{font-size:35px;font-weight:700;color:var(--text-color);line-height:1.3;margin-bottom:20px;}
.about3-content span{display:inline-block;font-size:16px;font-weight:500;color:var(--primary-color2);font-family:"Poppins", sans-serif;margin-bottom:10px;}
.about3-content .about3-list{margin:24px 0 50px 0;padding:0;}
.about3-content .about3-list li{font-size:20px;font-weight:600;color:var(--text-color2);font-family:"Cuprum", sans-serif;position:relative;padding-left:20px;margin-bottom:15px;}
.about3-content .about3-list li:last-child{margin-bottom:0px;}
.about3-content .about3-list li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--primary-color3);}
.about3-content .about3-list.style-2 li::before{background:var(--primary-color2);}
.about3-content .about-footer .experience svg{margin-right:5px;fill:var(--primary-color3);}
.about3-content .about-footer .experience h4{font-size:24px;font-weight:600;color:var(--primary-color3);font-family:"Cuprum", sans-serif;}
.about3-content.style-2{box-shadow:unset;padding:unset;max-width:530px;width:100%;}
@media(max-width:991px){
.about3-content.style-2{padding:unset;}
}
.about3-content.style-2 .about3-list{margin:20px 0 50px 0;padding:0;}
.about3-content.style-2 .about3-list li::before{background:var(--primary-color4);}
.about3-content.style-2 .about-footer .experience svg{margin-right:5px;fill:var(--primary-color4);}
.about3-content.style-2 .about-footer .experience h4{color:var(--primary-color4);}
.about3-content.style-3{box-shadow:unset;padding:unset;width:100%;}
@media(max-width:991px){
.about3-content.style-3{padding:unset;}
}
.about3-content.style-3 h4{font-size:25px;font-weight:500;color:var(--text-color);line-height:1.4;margin-bottom:30px;}
.about3-content.style-3 .about3-list{margin:20px 0 50px 0;padding:0;}
.about3-content.style-3 .about3-list li::before{background:var(--primary-color4);}
.about3-content.style-3 .about-footer .experience svg{margin-right:5px;fill:var(--primary-color5);}
.about3-content.style-3 .about-footer .experience h4{color:var(--primary-color5);}
.about3-content.style-4{box-shadow:unset;padding:unset;}
.about3-content.style-4 .about-footer .experience svg{margin-right:5px;fill:var(--primary-color2);}
.about3-content.style-4 .about-footer .experience h4{color:var(--primary-color2);}
.about4-image{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.07));}
.about5-image{position:relative;margin-top:50px;}
.about5-image .about5-video{position:absolute;left:10px;top:28%;background:#ffffff;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.1);border-radius:10px;transform:rotate(50deg);padding:35px;}
@media(max-width:991px){
.about5-image .about5-video{left:50%;top:35%;transform:translateX(-50%);}
}
.about5-image .about51{height:auto;max-width:460px;width:100%;border-radius:230px;transform:translateY(-50px);margin-left:100px;}
@media(min-width:992px) and (max-width:1199px){
.about5-image .about51{margin-left:0px;}
}
@media(max-width:991px){
.about5-image .about51{margin-left:0px;transform:translateY(0px);}
}
.about5-image .about52{position:absolute;bottom:0px;left:0;border-radius:230px;max-width:100%;height:auto;}
@media(max-width:991px){
.about5-image .about52{display:none;visibility:hidden;}
}
.about5-bg{position:absolute;top:0px;left:-90px;z-index:-1;}
.snake-vector1{position:absolute;top:50px;right:10%;}
.snake-vector2{position:absolute;bottom:0px;left:30px;}
.service-section{background-color:var(--light-bg);position:relative;z-index:1;}
.service-section .water-mark1{position:absolute;right:0;top:0;z-index:-1;}
@media(max-width:991px){
.service-section .water-mark1{display:none;visibility:hidden;}
}
.service-section .water-mark2{position:absolute;left:0;bottom:0;z-index:-1;}
@media(max-width:991px){
.service-section .water-mark2{display:none;visibility:hidden;}
}
.service3-section{margin-top:-120px;position:relative;z-index:1;}
@media(min-width:992px) and (max-width:1199px){
.service3-section{margin-top:-30px;padding-top:90px;}
}
@media(max-width:991px){
.service3-section{margin-top:-30px;padding-top:80px;}
}
.service-item1{position:relative;width:100%;max-width:420px;margin-left:auto;margin-right:auto;}
.service-item1:hover .service-img::before{background:rgba(10, 18, 15, 0.7);}
.service-item1:hover .service-content{border:1px solid var(--primary-color1);}
.service-item1:hover .service-content .service-icon{border:1px solid var(--primary-color1);}
.service-item1 .service-img{position:relative;z-index:1;border-radius:5px;overflow:hidden;}
.service-item1 .service-img img{width:100%;max-width:420px;transition:all 0.7s ease;border-radius:5px 5px 0px 0px;}
.service-item1 .service-img::before{content:"";width:100%;height:100%;background:rgba(10, 18, 15, 0.5);position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;border-radius:5px;transition:all 0.55s ease-in-out;}
.service-item1 .service-img .service-details-btn{position:absolute;right:25px;top:25px;border-radius:50%;z-index:1;border:1px solid var(--white);padding:5px;transition:all 0.35s ease-in;height:36px;width:36px;line-height:24px;}
.service-item1 .service-img .service-details-btn:hover{background-color:var(--primary-color1);border:1px solid transparent;}
.service-item1 .service-img .service-details-btn .bi{margin-right:10px;font-size:16px;}
.service-item1 .service-content{position:relative;width:94%;padding:25px;text-align:center;margin-left:auto;margin-right:auto;z-index:9;box-shadow:5px 1px 15px rgba(0, 0, 0, 0.06);border-radius:10px;background:var(--white);transition:all 0.55s ease-in-out;margin-top:-50px;border:1px solid var(--white);}
.service-item1 .service-content .service-icon{width:100%;max-width:100px;height:100px;line-height:100px;margin:-75px auto 25px auto;background:#ffffff;border:1px solid #fff;border-radius:50%;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);text-align:center;transition:all 0.55s ease-in-out;}
.service-item1 .service-content h4 a{font-size:25px;font-weight:700;line-height:1.4;transition:all 0.42s ease-in-out;}
.service-item1 .service-content h4:hover a{color:var(--primary-color1);}
.service-item1 .service-content p{margin-bottom:0px;}
.service-item2{position:relative;z-index:1;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;background-color:var(--white);padding:25px;}
.service-item2:hover::before{width:100%;height:100%;border-radius:0px;}
.service-item2:hover .service-content span{color:var(--white);}
.service-item2:hover .service-content h4{font-size:25px;font-weight:700;color:var(--white);margin-bottom:15px;}
.service-item2:hover .service-content p{color:var(--text-light);}
.service-item2::before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:var(--primary-color2);z-index:-1;border-radius:0px 0px 0px 100px;transition:550ms ease-in-out 25ms;}
.service-item2 .service21-icon{position:absolute;top:25px;right:25px;}
.service-item2 .service-content span{font-size:20px;font-weight:600;font-family:"Poppins", sans-serif;color:var(--primary-color2);display:inline-block;margin-bottom:10px;transition:all 0.5s ease-in-out;}
.service-item2 .service-content h4{font-size:25px;font-weight:700;color:var(--text-color);margin-bottom:15px;transition:all 0.5s ease-in-out;}
.service-item2 .service-content p{transition:all 0.5s ease-in-out;margin-bottom:0px;}
.service-item2.style-2{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;padding:40px 25px 25px 25px;margin-top:25px;}
.service-item2.style-2 span{position:absolute;top:22px;left:15px;font-size:22px;font-weight:600;color:var(--text-color2);display:inline-block;transition:all 0.5s ease-in-out;border-radius:5px;background-color:#eeeeee;padding:5px 10px;margin-top:-45px;}
.service-item2.style-2 .service-content h4{margin-bottom:5px;}
.service-item2.style-2:hover span{color:var(--primary-color4);}
.service-item2.style-2:hover::before{width:100%;height:100%;border-radius:0px;}
.service-item2.style-2::before{content:"";position:absolute;top:0;left:0;width:0px;height:0px;background:var(--primary-color4);border-radius:0px;}
.service-item2.style-4{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;padding:40px 25px 25px 25px;margin-top:25px;}
.service-item2.style-4 span{position:absolute;top:22px;left:15px;font-size:22px;font-weight:600;color:var(--text-color2);display:inline-block;transition:all 0.5s ease-in-out;border-radius:5px;background-color:#eeeeee;padding:5px 10px;margin-top:-45px;}
.service-item2.style-4 .service-content h4{margin-bottom:5px;}
.service-item2.style-4:hover span{color:var(--primary-color1);}
.service-item2.style-4:hover::before{width:100%;height:100%;border-radius:0px;}
.service-item2.style-4::before{content:"";position:absolute;top:0;left:0;width:0px;height:0px;background:var(--primary-color1);border-radius:0px;}
.service-item2.style-3{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;padding:40px 25px 25px 25px;margin-top:25px;transition:transform 0.6s ease 0s;transform:perspective(3000px) rotateY(5deg);}
.service-item2.style-3:hover{transform:perspective(1500px) rotateY(20deg);box-shadow:3px 4px 30px rgba(136, 136, 136, 0.16);}
.service-item2.style-3:hover .service-content span{color:var(--white);background:var(--text-color2);}
.service-item2.style-3:hover .service-content h4{color:var(--text-color);}
.service-item2.style-3:hover .service-content p{color:var(--text-color2);}
.service-item2.style-3 span{position:absolute;top:22px;left:15px;font-size:22px;font-weight:600;color:var(--text-color2);display:inline-block;transition:all 0.5s ease-in-out;border-radius:5px;background-color:#eeeeee;padding:5px 10px;margin-top:-45px;}
.service-item2.style-3 .service-content h4{margin-bottom:10px;font-size:22px;font-weight:700;color:var(--text-color);}
.service-item2.style-3 .service-content p{font-size:1rem;font-weight:400;color:var(--text-color2);line-height:1.5;margin-bottom:0px;}
.service-item2.style-3:hover span{color:var(--primary-color5);}
.service-item2.style-3::before{content:unset;}
.service-item3{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.11);border-radius:5px 35px;padding:30px 25px;position:relative;margin-top:30px;}
.service-item3::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--primary-color3);opacity:0;transform:scale(0.3);transition:all 450ms ease-out 25ms;border-radius:5px 35px;}
.service-item3:hover::before{transform:scale(1);opacity:0.1;}
.service-item3:hover .read-more-icon{background:rgb(160, 68, 255);}
.service-item3 .read-more-icon{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;border:1px solid #eeeeee;border-radius:50%;text-align:center;line-height:40px;background-color:var(--white);transition:all 400ms ease-out 25ms;cursor:pointer;}
.service-item3 .read-more-icon .bi{font-size:20px;color:#eeeeee;transition:all 400ms ease-out 25ms;}
.service-item3 .read-more-icon:hover{background:var(--primary-color3);border:1px solid var(--primary-color3);}
.service-item3 .read-more-icon:hover .bi{color:var(--white);}
.service-item3 .icon{margin-bottom:25px;}
.service-item3 .content h4 a{font-size:22px;font-weight:700;color:var(--text-color);}
.service-item3 .content p{margin-bottom:0px;}
.service-item4{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;padding:30px 25px;}
.service-item4:hover .service-img img{transform:scale(1.1);}
.service-item4 .service-img img{transform:scale(1);transition:all 0.42s ease;}
.service-item4 .service-content h4 a{font-size:22px;font-weight:700;color:var(--text-color);}
.service-item4 .service-content .text-btn{font-size:16px;font-weight:500;transition:all 0.42s ease;}
.service-item4 .service-content .text-btn svg{fill:var(--text-color2);transition:all 0.42s ease;margin-left:5px;}
.service-item4 .service-content .text-btn:hover{color:var(--primary-color4);}
.service-item4 .service-content .text-btn:hover svg{fill:var(--primary-color4);}
.service-item5{background:var(--white);box-shadow:3px 4px 20px rgba(136, 136, 136, 0.1);border-radius:5px;padding:30px;transition:transform 0.6s ease 0s;transform:perspective(3000px) rotateY(5deg);}
.service-item5 .icon-area{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px;transition:transform 0.6s ease 0s;transition-delay:0.4s;}
.service-item5 .icon-area .arrow{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;cursor:pointer;}
.service-item5 .icon-area .arrow.style-1{background:rgba(255, 115, 66, 0.1);}
.service-item5 .icon-area .arrow.style-1 svg{fill:var(--primary-color5);transition:all 0.45s ease;}
.service-item5 .icon-area .arrow.style-2{background:rgba(11, 202, 157, 0.1);}
.service-item5 .icon-area .arrow.style-2 svg{fill:#0bca9d;transition:all 0.45s ease;}
.service-item5 .icon-area .arrow.style-3{background:rgba(0, 202, 235, 0.1);}
.service-item5 .icon-area .arrow.style-3 svg{fill:#00caeb;transition:all 0.45s ease;}
.service-item5 .icon-area .arrow.style-4{background:rgba(160, 68, 255, 0.1);}
.service-item5 .icon-area .arrow.style-4 svg{fill:#a044ff;transition:all 0.45s ease;}
.service-item5 .icon-area .arrow.style-5{background:rgba(255, 76, 76, 0.1);}
.service-item5 .icon-area .arrow.style-5 svg{fill:var(--primary-color5);transition:all 0.45s ease;}
.service-item5 .icon-area .arrow.style-6{background:rgba(24, 46, 101, 0.1);}
.service-item5 .icon-area .arrow.style-6 svg{fill:#182e65;transition:all 0.45s ease;}
.service-item5 .icon-area .arrow:hover svg{transform:translateX(20px);}
.service-item5 .service-title{position:relative;padding-bottom:4px;margin-bottom:15px;}
.service-item5 .service-title::before{content:"";width:75%;height:2px;background-color:#eeeeee;border-radius:5px;position:absolute;bottom:0;transition:all 0.45s ease;right:0;}
.service-item5 .service-title h4 a{font-size:25px;font-weight:700;color:var(--text-color);}
.service-item5:hover{transform:perspective(1500px) rotateY(20deg);box-shadow:0px 0px 30px rgba(136, 136, 136, 0.1);}
.service-item5:hover .service-title::before{width:100%;}
.slider-arrows .swiper-prev-arrow{position:absolute;left:-50px;top:50%;z-index:1;transform:translateY(-50%);border:1px solid #bebebe;border-radius:50%;transition:all 0.42s ease;}
.slider-arrows .swiper-prev-arrow svg{fill:transparent;}
.slider-arrows .swiper-prev-arrow svg path{fill:#bebebe;}
.slider-arrows .swiper-prev-arrow.style-2 svg{fill:transparent;transition:all 0.42s ease;}
.slider-arrows .swiper-prev-arrow.style-2 svg path{fill:#bebebe;}
.slider-arrows .swiper-prev-arrow.style-2:hover{border:1px solid transparent;}
.slider-arrows .swiper-prev-arrow.style-2:hover svg{fill:var(--primary-color5);}
.slider-arrows .swiper-prev-arrow.style-2:hover svg path{fill:#fff;}
.slider-arrows .swiper-next-arrow{border:1px solid #bebebe;border-radius:50%;position:absolute;right:-50px;top:50%;z-index:1;transform:translateY(-50%);transition:all 0.42s ease;}
.slider-arrows .swiper-next-arrow svg{fill:transparent;transition:all 0.42s ease;}
.slider-arrows .swiper-next-arrow svg path{fill:#bebebe;}
.slider-arrows .swiper-next-arrow.style-2 svg{fill:transparent;transition:all 0.42s ease;}
.slider-arrows .swiper-next-arrow.style-2 svg path{fill:#bebebe;}
.slider-arrows .swiper-next-arrow.style-2:hover{border:1px solid transparent;}
.slider-arrows .swiper-next-arrow.style-2:hover svg{fill:var(--primary-color5);}
.slider-arrows .swiper-next-arrow.style-2:hover svg path{fill:#fff;}
.slider-arrows .swiper-prev-arrow:hover{border:1px solid transparent;}
.slider-arrows .swiper-prev-arrow:hover svg{fill:var(--primary-color1);}
.slider-arrows .swiper-prev-arrow:hover svg path{fill:#fff;}
.slider-arrows .swiper-next-arrow:hover{border:1px solid transparent;}
.slider-arrows .swiper-next-arrow:hover svg{fill:var(--primary-color1);}
.slider-arrows .swiper-next-arrow:hover svg path{fill:#fff;}
@media(max-width:1600px){
.service-section .slider-arrows .swiper-prev-arrow{left:40px;}
.service-section .slider-arrows .swiper-next-arrow{right:40px;}
}
.slider-arrows2 .swiper-prev-arrow{border-radius:50%;transition:all 0.42s ease;}
.slider-arrows2 .swiper-prev-arrow svg{border:1px solid #bebebe;border-radius:50%;fill:transparent;}
.slider-arrows2 .swiper-prev-arrow svg path{fill:#bebebe;}
.slider-arrows2 .swiper-prev-arrow:hover svg{border:1px solid transparent;}
.slider-arrows2 .swiper-next-arrow{border-radius:50%;transition:all 0.42s ease;}
.slider-arrows2 .swiper-next-arrow svg{border:1px solid #bebebe;border-radius:50%;fill:transparent;transition:all 0.42s ease;}
.slider-arrows2 .swiper-next-arrow svg path{fill:#bebebe;}
.slider-arrows2 .swiper-next-arrow:hover svg{border:1px solid transparent;}
.slider-arrows2 .swiper-prev-arrow:hover svg{fill:var(--primary-color1);}
.slider-arrows2 .swiper-prev-arrow:hover svg path{fill:#fff;}
.slider-arrows2 .swiper-next-arrow:hover svg{fill:var(--primary-color1);}
.slider-arrows2 .swiper-next-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-2 .swiper-prev-arrow:hover svg{fill:var(--primary-color2);}
.slider-arrows2.style-2 .swiper-prev-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-2 .swiper-next-arrow:hover svg{fill:var(--primary-color2);}
.slider-arrows2.style-2 .swiper-next-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-3 .swiper-prev-arrow:hover svg{fill:var(--primary-color3);}
.slider-arrows2.style-3 .swiper-prev-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-3 .swiper-next-arrow:hover svg{fill:var(--primary-color3);}
.slider-arrows2.style-3 .swiper-next-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-4 .swiper-prev-arrow:hover svg{fill:var(--primary-color4);}
.slider-arrows2.style-4 .swiper-prev-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-4 .swiper-next-arrow:hover svg{fill:var(--primary-color4);}
.slider-arrows2.style-4 .swiper-next-arrow:hover svg path{fill:#fff;}
.slider-arrows2.style-5 .swiper-prev-arrow{border-radius:50%;transition:all 0.42s ease;background:var(--white);}
.slider-arrows2.style-5 .swiper-prev-arrow svg{border:1px solid var(--white);border-radius:50%;fill:transparent;}
.slider-arrows2.style-5 .swiper-prev-arrow svg path{fill:var(--primary-color1);}
.slider-arrows2.style-5 .swiper-prev-arrow:hover{background:var(--primary-color1);}
.slider-arrows2.style-5 .swiper-prev-arrow:hover svg{border:1px solid transparent;}
.slider-arrows2.style-5 .swiper-prev-arrow:hover svg path{fill:var(--white);}
.slider-arrows2.style-5 .swiper-next-arrow{border-radius:50%;transition:all 0.42s ease;background:var(--white);}
.slider-arrows2.style-5 .swiper-next-arrow svg{border:1px solid var(--white);border-radius:50%;fill:transparent;}
.slider-arrows2.style-5 .swiper-next-arrow svg path{fill:var(--primary-color1);}
.slider-arrows2.style-5 .swiper-next-arrow:hover{background:var(--primary-color1);}
.slider-arrows2.style-5 .swiper-next-arrow:hover svg{border:1px solid transparent;}
.slider-arrows2.style-5 .swiper-next-arrow:hover svg path{fill:var(--white);}
.service-section5, .blog-section3{position:relative;overflow:hidden;}
.service-section5 .service-watermark, .blog-section3 .service-watermark{position:absolute;right:0px;top:-90px;}
.portfolio-section{position:relative;z-index:1;overflow:hidden;}
.portfolio-section .section-bg-top{position:absolute;top:0;right:0;z-index:-1;}
@media(max-width:1199px){
.portfolio-section .section-bg-top{display:none;visibility:hidden;}
}
.portfolio-section .section-bg-bottom{position:absolute;bottom:-100px;left:0;z-index:-1;}
@media(max-width:1199px){
.portfolio-section .section-bg-bottom{display:none;visibility:hidden;}
}
.portfolio-section .slider-bottom{margin-top:60px;}
.portfolio-section .slider-bottom .swiper-pagination{bottom:-10px;left:0;width:100%;}
.portfolio-section .slider-bottom .swiper-pagination span.swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#bbbbbb;}
.portfolio-section .slider-bottom .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color1);border:1px solid var(--primary-color1);}
.portfolio-section .slider-bottom .swiper-pagination.style-2 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color2);border:1px solid var(--primary-color2);}
.portfolio-section5{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/portfolio-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;z-index:1;}
.portfolio-section5 .rectangle-dot1{position:absolute;top:-35px;left:12%;}
@media(min-width:768px) and (max-width:991px){
.portfolio-section5 .rectangle-dot1{top:0px;left:0px;}
}
@media(max-width:767px){
.portfolio-section5 .rectangle-dot1{display:none;visibility:hidden;}
}
.portfolio-section5 .rectangle-dot2{position:absolute;bottom:-35px;right:12%;}
@media(min-width:768px) and (max-width:991px){
.portfolio-section5 .rectangle-dot2{bottom:0px;right:0%;}
}
@media(max-width:767px){
.portfolio-section5 .rectangle-dot2{display:none;visibility:hidden;}
}
.portfolio-item1{width:100%;max-width:420px;margin-left:auto;margin-right:auto;}
.portfolio-item1:hover .portfolio-img img{transform:scale(1.2);}
.portfolio-item1 .portfolio-img{overflow:hidden;}
.portfolio-item1 .portfolio-img img{max-width:100%;transition:all 500ms ease-in-out 25ms;border-radius:5px 5px 0 0;}
.portfolio-item1 .portfolio-content{padding:30px 25px;background:var(--white);box-shadow:3px 0px 10px rgba(136, 136, 136, 0.1);border-radius:0px 0px 5px 5px;}
.portfolio-item1 .portfolio-content svg{margin-left:5px;}
.portfolio-item1 .portfolio-content span{font-size:16px;font-weight:500;color:var(--primary-color1);display:inline-block;margin-bottom:8px;}
.portfolio-item1 .portfolio-content h4{margin-bottom:15px;}
.portfolio-item1 .portfolio-content h4 a{font-size:25px;font-weight:700;color:#18212e;margin-bottom:10px;font-family:"Cuprum", sans-serif;}
.portfolio-item1 .portfolio-content > a{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;color:#676767;transition:all 0.42s ease;}
.portfolio-item1 .portfolio-content > a:hover{letter-spacing:1px;}
.portfolio-item1.style-2:hover .portfolio-content{opacity:1;transform:scaleY(1);}
.portfolio-item1.style-2 .portfolio-content{position:absolute;bottom:0;left:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 83.33%);border-radius:5px;width:100%;height:auto;opacity:0;transform:scaleY(0);transform-origin:bottom;transition:all 500ms ease-in-out 25ms;}
.portfolio-item1.style-2 .portfolio-content span{color:var(--white);}
.portfolio-item1.style-2 .portfolio-content h4 a{color:var(--white);}
.portfolio-item1.style-3 .portfolio-content h4 a{font-size:25px;font-weight:700;}
.portfolio-item1.style-3 .portfolio-content span{color:var(--primary-color4);}
.portfolio-item1.style-4 .portfolio-content{text-align:center;padding:30px 25px;background:var(--white);margin-top:-80px;z-index:1;position:relative;width:90%;margin-left:auto;margin-right:auto;border-radius:10px;}
.portfolio-item1.style-4 .portfolio-content span{color:var(--primary-color5);margin-bottom:4px;}
.dot-squire{position:absolute;left:-50px;top:-50px;max-width:180px;width:100%;}
@media(max-width:991px){
.dot-squire{display:none;visibility:hidden;}
}
.portfolio-vector{position:absolute;top:60%;left:-80px;max-width:100px;}
.portfolio-item3{position:relative;border-radius:5px;overflow:hidden;}
.portfolio-item3:hover .overlay{opacity:1;transform:scale(1) rotateY(0deg);}
.portfolio-item3:hover img{transform:scale(1.1);}
.portfolio-item3 img{width:100%;transition:all 620ms ease-in-out 25ms;}
.portfolio-item3 .overlay{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(18, 39, 52, 0.75);padding:25px;transition:all 650ms ease-in-out 25ms;opacity:0;transform:scale(0.2) rotateY(180deg);}
.portfolio-item3 .overlay .overlay-content{border:2px solid #eeeeee;width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;text-align:center;border-radius:5px;}
@media(min-width:1200px) and (max-width:1399px){
.portfolio-item3 .overlay .overlay-content{padding:20px;}
}
@media(min-width:992px) and (max-width:1199px){
.portfolio-item3 .overlay .overlay-content{padding:15px;}
}
@media(min-width:768px) and (max-width:991px){
.portfolio-item3 .overlay .overlay-content{padding:20px;}
}
@media(max-width:767px){
.portfolio-item3 .overlay .overlay-content{padding:20px;}
}
.portfolio-item3 .overlay .overlay-content p{font-size:16px;font-weight:500;color:#dddddd;margin-bottom:5px;}
.portfolio-item3 .overlay .overlay-content h4{margin-bottom:20px;}
.portfolio-item3 .overlay .overlay-content h4 a{font-size:25px;font-weight:600px;color:var(--white);line-height:1.4;}
.portfolio-item3 .overlay .overlay-content > a{width:50px;height:50px;background:var(--white);border-radius:50%;text-align:center;line-height:50px;}
.portfolio-item3 .overlay .overlay-content > a:hover{background-color:var(--primary-color3);}
.portfolio-item3 .overlay .overlay-content > a:hover i{color:var(--white);}
.portfolio-item3 .overlay .overlay-content i{font-size:20px;font-weight:600;color:var(--primary-color3);cursor:pointer;transition:all 420ms ease-out 25ms;}
.portfolio-section3{position:relative;overflow:hidden;z-index:1;}
.portfolio-section3::before{content:"";width:100%;height:530px;background-color:rgba(39, 174, 96, 0.12);position:absolute;left:0;top:0;right:0;z-index:-1;}
.dotted-bg{position:absolute;top:25%;left:10%;z-index:-1;}
@media(max-width:991px){
.dotted-bg{display:none;visibility:hidden;}
} .activities-section{background-color:var(--light-bg);position:relative;z-index:1;}
.activities-section .water-mark1{position:absolute;right:0;top:0;z-index:-1;}
@media(max-width:991px){
.activities-section .water-mark1{display:none;visibility:hidden;}
}
.activities-section .water-mark2{position:absolute;left:0;bottom:0;z-index:-1;}
@media(max-width:991px){
.activities-section .water-mark2{display:none;visibility:hidden;}
} .company-vdo{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/work-vdo1.png);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;max-width:770px;height:300px;margin-left:auto;margin-right:auto;border-radius:5px;position:relative;z-index:1;}
.company-vdo::after{content:"";position:absolute;left:0;right:0;background:#000;height:100%;width:100%;opacity:0.5;}
@media(max-width:991px){
.company-vdo{margin-bottom:40px;}
}
.company-vdo.style-2{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/about3-bg.png);max-width:unset;}
@media(min-width:992px) and (max-width:1199px){
.company-vdo.style-2{height:450px;}
}
@media(min-width:768px) and (max-width:991px){
.company-vdo.style-2{height:380px;}
}
@media(max-width:767px){
.company-vdo.style-2{height:300px;}
}
.company-counter{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/counter-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:50px;padding-top:190px;margin-top:-150px;}
@media(max-width:991px){
.company-counter{padding-top:30px;padding-bottom:30px;margin-top:unset;}
}
.company-counter.style-2{background-image:unset;padding-top:unset;margin-top:unset;padding-bottom:80px;}
.counter-single{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:5px 2px 30px rgba(0, 0, 0, 0.06);border-radius:5px;padding:30px 30px;}
@media(max-width:576px){
.counter-single{padding:20px 15px;}
}
.counter-single .counter-icon{margin-right:15px;}
.counter-single .coundown .counter-number h2{font-size:40px;font-weight:700;color:var(--white);position:relative;padding-right:5px;margin-bottom:0px;}
.counter-single .coundown .counter-number span.plus-icon{color:#fff;font-size:40px;font-weight:500;}
.counter-single .coundown a{margin-bottom:0px;font-size:18px;font-weight:500;color:var(--white);text-transform:capitalize;}
.counter-single.style-2{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px;padding:35px 30px;background:rgba(255, 255, 255, 0.15);}
@media(max-width:576px){
.counter-single.style-2{padding:20px 15px;}
}
.counter-single.style-2 .coundown h2{font-size:2.5rem;font-weight:600;color:var(--white);margin-bottom:0px;font-family:"Poppins", sans-serif;padding-right:unset;}
.counter-single.style-2 .coundown h2::after{content:unset;}
.counter-single.style-2 .coundown span i{color:var(--white) !important;font-size:2.2rem !important;font-weight:700;}
.counter-single.style-2 .coundown a{margin-bottom:0px;font-size:1.125rem;font-weight:500;color:var(--white);}
.team-section{position:relative;z-index:1;}
.team-section .water-mark1{position:absolute;right:0;top:0;z-index:-1;}
@media(max-width:991px){
.team-section .water-mark1{display:none;visibility:hidden;}
}
.team-section .water-mark2{position:absolute;left:0;bottom:0;z-index:-1;}
@media(max-width:991px){
.team-section .water-mark2{display:none;visibility:hidden;}
}
.single-team1{background:#ffffff;box-shadow:3px 5px 35px rgba(86, 68, 169, 0.1);border-radius:0px;transition:all 0.5s ease-in-out;overflow:hidden;}
.single-team1:hover .team-image img{transform:scale(1.15);}
.single-team1:hover .team-image .guide-social-links{transform:translate(0%);opacity:1;}
.single-team1 .team-image{position:relative;overflow:hidden;}
.single-team1 .team-image img{width:100%;transition:all 0.65s ease;}
.single-team1 .team-image .social-area{position:absolute;top:0;left:0;width:45px;height:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;padding-top:15px;padding-left:15px;}
.single-team1 .team-image .social-area:hover .social-links{transform:scaleY(1);visibility:visible;opacity:1;}
.single-team1 .team-image .social-area .social-links{padding:0;margin:0;transform:scaleY(0);transition:all 0.55s ease-in-out;transform-origin:top;visibility:hidden;opacity:0;}
.single-team1 .team-image .social-area .social-links a .bx{width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;background-color:var(--white);font-size:18px;color:var(--primary-color1);transition:all 0.42s ease-in-out;}
.single-team1 .team-image .social-area .social-links a .bx:hover{background-color:var(--primary-color1);color:var(--white);}
.single-team1 .team-image .social-area .social-plus{width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;background-color:var(--white);transition:all 0.42s ease-in-out;}
.single-team1 .team-image .social-area .social-plus:hover{background-color:var(--primary-color1);color:var(--white);}
.single-team1 .team-image .social-area .social-plus:hover .bx{font-size:18px;color:var(--white);}
.single-team1 .team-image .social-area .social-plus .bx{font-size:18px;color:var(--primary-color1);transition:all 0.42s ease-in-out;cursor:pointer;}
.single-team1 .team-content{text-align:center;padding:25px;transition:all 0.45s ease-in;}
.single-team1 .team-content .name{margin-bottom:5px;font-weight:700;font-size:22px;text-transform:capitalize;color:var(--text-color);}
.single-team1 .team-content .designation{font-weight:500;font-size:15px;text-transform:capitalize;color:var(--text-color2);font-family:"Poppins", sans-serif;margin-bottom:0;}
.single-team1.style-2 .team-content{position:absolute;bottom:0;left:0;width:100%;}
@media(max-width:576px){
.single-team1.style-2 .team-content{padding:20px;}
}
.single-team1.style-2 .team-content h4{font-size:25px;font-weight:700;color:var(--text-color);transition:400ms ease-in-out 25ms;}
@media(max-width:576px){
.single-team1.style-2 .team-content h4{font-size:20px;margin-bottom:0px;}
}
.single-team1.style-2 .team-content .designation{font-style:1rem;font-weight:400;font-family:"Poppins", sans-serif;color:var(--text-color2);transition:400ms ease-in-out 25ms;}
.single-team1.style-2 svg{position:absolute;bottom:0;left:0;min-width:100%;max-width:100%;min-height:120px;fill:var(--white);transition:400ms ease-in-out 25ms;}
.single-team1.style-2 .team-image .social-area{position:absolute;top:110px;z-index:2;}
@media(min-width:1200px) and (max-width:1399px){
.single-team1.style-2 .team-image .social-area{top:75px;}
}
@media(min-width:992px) and (max-width:1199px){
.single-team1.style-2 .team-image .social-area{top:145px;}
}
@media(min-width:768px) and (max-width:991px){
.single-team1.style-2 .team-image .social-area{top:70px;}
}
@media(min-width:576px) and (max-width:768px){
.single-team1.style-2 .team-image .social-area{top:135px;}
}
@media(max-width:576px){
.single-team1.style-2 .team-image .social-area{top:50px;}
}
.single-team1.style-2 .team-image .social-area:hover .social-links{transform:scaleY(1);visibility:visible;opacity:1;}
.single-team1.style-2 .team-image .social-area .social-links{padding:0;margin:0;transform:scaleY(0);transition:all 0.55s ease-in-out;transform-origin:bottom;visibility:hidden;opacity:0;}
.single-team1.style-2 .team-image .social-area .social-links a .bx{width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;background-color:var(--white);font-size:18px;color:var(--primary-color3);transition:all 0.42s ease-in-out;}
.single-team1.style-2 .team-image .social-area .social-links a .bx:hover{background-color:var(--primary-color3);color:var(--white);}
.single-team1.style-2 .team-image .social-area .social-plus{width:36px;height:36px;line-height:33px;text-align:center;border-radius:50%;background-color:var(--white);transition:all 0.42s ease-in-out;z-index:2;border:1px solid var(--primary-color3);}
.single-team1.style-2 .team-image .social-area .social-plus:hover{background-color:var(--primary-color3);color:var(--white);}
.single-team1.style-2 .team-image .social-area .social-plus:hover .bx{font-size:18px;color:var(--white);}
.single-team1.style-2 .team-image .social-area .social-plus .bx{font-size:18px;color:var(--primary-color3);transition:all 0.42s ease-in-out;cursor:pointer;}
.single-team1.style-2:hover .team-content h4{color:var(--white);}
.single-team1.style-2:hover .team-content p.designation{color:var(--white);}
.single-team1.style-2:hover svg{fill:var(--primary-color3);}
.single-team2{border-radius:0px;transition:all 0.5s ease-in-out;}
.single-team2:hover .team-image img{transform:scale(1.15);}
.single-team2:hover .team-image .guide-social-links{transform:translate(0%);opacity:1;}
.single-team2:hover .team-image .social-area{transform:scaleY(1);opacity:1;}
.single-team2 .team-image{overflow:hidden;position:relative;z-index:1;}
.single-team2 .team-image img{width:100%;transition:all 0.65s ease;height:450px;-o-object-fit:cover;object-fit:cover;}
.single-team2 .team-image .social-area{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #00caeb 83.33%);position:absolute;bottom:0px;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:60px;opacity:0;transform:scaleY(0);transform-origin:top;transition:all 0.65s ease-in-out;}
.single-team2 .team-image .social-area:hover .social-links{transform:scaleY(1);visibility:visible;opacity:1;}
.single-team2 .team-image .social-area .social-links{padding:0;z-index:99;margin:0;transition:all 0.55s ease-in-out;}
.single-team2 .team-image .social-area .social-links a .bx{width:36px;height:36px;line-height:36px;text-align:center;border-radius:5px;background-color:var(--white);font-size:18px;color:var(--primary-color2);transition:all 0.42s ease-in-out;}
.single-team2 .team-image .social-area .social-links a .bx:hover{background-color:var(--primary-color2);color:var(--white);}
.single-team2 .team-content{width:90%;margin:-46px auto 0 auto;box-shadow:0px 0px 25px rgba(86, 68, 169, 0.1);text-align:center;transition:all 0.45s ease-in;border-radius:5px;background-color:var(--white);z-index:2;position:relative;padding:30px;}
.single-team2 .team-content .name{margin-bottom:0px;font-weight:700;font-size:25px;text-transform:capitalize;color:var(--text-color);}
@media(max-width:1399px){
.single-team2 .team-content .name{font-size:24px;}
}
.single-team2 .team-content .designation{font-weight:400;font-size:16px;text-transform:capitalize;color:var(--text-color2);font-family:"Poppins", sans-serif;margin-bottom:0;}
.single-team2.style-2 .team-image .social-area{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #27ae60 83.33%);}
.single-team2.style-2 .team-image .social-area:hover .social-links{transform:scaleY(1);visibility:visible;opacity:1;}
.single-team2.style-2 .team-image .social-area .social-links a .bx{color:var(--primary-color4);}
.single-team2.style-2 .team-image .social-area .social-links a .bx:hover{background-color:var(--primary-color4);color:var(--white);}
.single-team2.style-3{box-shadow:0px 0px 25px rgba(86, 68, 169, 0.1);border-radius:5px;overflow:hidden;}
.single-team2.style-3 .team-content{width:100%;margin:unset;text-align:center;transition:all 0.45s ease-in;border-radius:5px;background-color:var(--white);z-index:2;position:relative;padding:30px;}
.single-team2.style-3 .team-image{height:380px;}
.single-team2.style-3 .team-image .social-area{background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 20%, rgb(255, 115, 66) 73.33%);padding-bottom:30px;}
.single-team2.style-3 .team-image .social-area .social-links a .bx{border-radius:0px;background-color:var(--white);color:var(--primary-color5);}
.single-team2.style-3 .team-image .social-area .social-links a .bx:hover{background-color:var(--primary-color5);color:var(--white);}
.single-team2.style-4 .team-image .social-area{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(230, 0, 76, 0.83));}
.single-team2.style-4 .team-image .social-area:hover .social-links{transform:scaleY(1);visibility:visible;opacity:1;}
.single-team2.style-4 .team-image .social-area .social-links a .bx{color:var(--primary-color1);}
.single-team2.style-4 .team-image .social-area .social-links a .bx:hover{background-color:var(--primary-color1);color:var(--white);}
.team5-watermark{position:absolute;left:-200px;top:0px;}
@media(max-width:767px){
.team5-watermark{display:none;visibility:hidden;}
} .client-vdo-area{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/client-vdo-bg.png);position:relative;background-repeat:no-repeat;background-size:cover;width:100%;max-width:220px;height:215px;display:flex;justify-content:center;align-items:center;border-radius:5px;transform:translateY(-110px);}
@media(max-width:991px){
.client-vdo-area{transform:translateY(0);}
}
.testimonial-section{overflow:hidden;position:relative;}
.testimonial-section .testimonial-slider1{padding-top:85px;}
.testimonial-section .section-bg-bottom{position:absolute;bottom:-180px;left:-100px;z-index:-1;}
@media(max-width:1199px){
.testimonial-section .section-bg-bottom{display:none;visibility:hidden;}
}
.testimonial-single{background:var(--white);box-shadow:0px 0px 12px rgba(0, 0, 0, 0.05);border-radius:5px;padding:25px;transition:0.42s ease;transition-delay:0.3s;margin-left:auto;margin-right:auto;position:relative;}
.testimonial-single .quote-icon{position:absolute;top:30px;right:30px;}
.testimonial-single .testi-img{margin-top:-84px;margin-bottom:20px;}
.testimonial-single .testi-img img{width:100%;max-width:95px;height:108px;-o-object-fit:cover;object-fit:cover;-webkit-clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);}
.testimonial-single .testi-content p{font-size:18px;font-weight:300;line-height:1.7;}
.testimonial-single .testi-content .testi-designation{margin-bottom:10px;}
.testimonial-single .testi-content .testi-designation h5{font-size:20px;font-weight:700;color:var(--text-color);line-height:1;}
.testimonial-single .testi-content .testi-designation p{margin-bottom:0px;font-size:14px;font-weight:400;color:var(--text-color2);}
.testimonial-section2{position:relative;}
.testimonial-section2 .slider-bottom{margin-top:50px;}
.testimonial-section2 .slider-bottom .swiper-pagination2{bottom:-10px;left:50%;width:100%;height:16px;}
.testimonial-section2 .slider-bottom .swiper-pagination2 span.swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#bbbbbb;}
.testimonial-section2 .slider-bottom .swiper-pagination2 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color1);border:1px solid var(--primary-color1);}
.testimonial-section2 .slider-bottom .swiper-pagination2.style-2 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color2);border:1px solid var(--primary-color2);}
.testimonial-section2 .slider-bottom .swiper-pagination2.style-3 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color3);border:1px solid var(--primary-color3);}
.testimonial-section4{padding-top:80px;position:relative;z-index:1;}
.testimonial-section4::before{content:"";background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;width:100%;z-index:-1;height:520px;background-image:linear-gradient(rgba(18, 19, 24, 0.8), rgba(18, 19, 24, 0.8)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/testi4-bg.png);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}
@media(max-width:991px){
.testimonial-section4::before{height:100%;}
}
.testimonial-section4 .testimonial-footer{display:flex;justify-content:space-between;align-items:center;}
.testimonial-section4 .testimonial-footer .testimonial4-pagination{max-width:40px;text-align:center;height:30px;font-family:"Cuprum", sans-serif;font-size:20px;font-weight:400;color:var(--text-color);}
.testimonial-section4 .slider-arrows2{margin-left:auto;}
.testimonial-section4 .slider-arrows2 .testi-prev4, .testimonial-section4 .slider-arrows2 .testi-next4{color:#bebebe;transition:all 0.45s ease;}
.testimonial-section4 .slider-arrows2 .testi-prev4:hover, .testimonial-section4 .slider-arrows2 .testi-next4:hover{color:var(--primary-color4);}
.swiper-pagination-blog{bottom:-10px;left:50%;width:100%;height:17px;}
.swiper-pagination-blog span.swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#bbbbbb;}
.swiper-pagination-blog span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color3);border:1px solid var(--primary-color3);}
.swiper-pagination-blog.style-2 span.swiper-pagination-bullet{background:#bbbbbb;}
.swiper-pagination-blog.style-2 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color5);border:1px solid var(--primary-color5);}
.testimonial-single2{box-shadow:3px 4px 15px rgba(136, 136, 136, 0.1);border-radius:5px;background-color:var(--white);position:relative;z-index:1;padding:30px;margin-top:25px;}
.testimonial-single2 .testi2-bg{position:absolute;bottom:0px;right:0px;z-index:-1;}
.testimonial-single2 p.para{font-size:18px;font-weight:300;line-height:1.7;margin-bottom:0px;}
.testimonial-single2 .quote{position:absolute;right:30px;top:-25px;background-color:var(--primary-color2);width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;}
.testimonial-single2 .author{display:flex;justify-content:start;align-items:center;flex-direction:row;margin-bottom:15px;}
.testimonial-single2 .author .author-desig h5{font-weight:600;font-size:20px;color:var(--text-color);margin-bottom:0px;}
.testimonial-single2 .author .author-desig p{margin-bottom:0px;font-size:14px;font-weight:400;font-family:"Poppins", sans-serif;color:var(--text-color2);}
.testimonial-single2 .author-img{margin-right:15px;}
.testimonial-single2 .author-img img{border-radius:5px;max-width:100%;height:auto;}
.testimonial-single2.style-2 .quote{background-color:var(--primary-color3);}
.testimonial-area{background:var(--white);padding:40px 40px 30px 40px;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;z-index:2;}
@media(max-width:991px){
.testimonial-area{margin-bottom:50px;padding:40px 30px 30px 30px;}
}
.testimonial-single3 .author-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.testimonial-single3 > p{margin-bottom:30px;font-size:18px;font-weight:100;line-height:1.7;}
.testimonial-single3 .author{display:flex;justify-content:space-between;align-items:center;}
.testimonial-single3 .author .author-desig h5{font-size:20px;margin-bottom:0px;font-weight:600;}
.testimonial-single3 .author .author-desig p{margin-bottom:0px;font-size:14px;font-weight:400;}
.testimonial-single3.style-2{padding:30px 25px;box-shadow:3px 0px 20px rgba(136, 136, 136, 0.1);background:var(--white);}
.testimonial-single3.style-2 p.para{margin-bottom:0px;font-size:18px;}
.testimonial-single3.style-3{padding-bottom:30px;box-shadow:unset;background:var(--white);}
@media(max-width:767px){
.testimonial-single3.style-3{padding-bottom:25px;}
}
.testimonial-single3.style-3 p.para{margin-bottom:0px;font-size:18px;}
.slider-bottom{margin-top:60px;}
.slider-bottom .testimonial5-pagination{bottom:-10px;left:0;width:100%;height:12px;}
.slider-bottom .testimonial5-pagination span.swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#bbbbbb;}
.slider-bottom .testimonial5-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color5);border:1px solid var(--primary-color5);}
@media(max-width:991px){
.testimonial-slider5{margin-top:40px;}
} .blog-section{position:relative;z-index:1;}
.blog-section .water-mark1{position:absolute;right:0;top:0;z-index:-1;}
@media(max-width:991px){
.blog-section .water-mark1{display:none;visibility:hidden;}
}
.blog-section .water-mark2{position:absolute;left:0;bottom:0;z-index:-1;}
@media(max-width:991px){
.blog-section .water-mark2{display:none;visibility:hidden;}
}
.sigle-blog-1{box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);}
.sigle-blog-1.style-2 .blog-content h4:hover{color:var(--primary-color2);}
.sigle-blog-1.style-2 .blog-content .designation h5{font-size:18px;font-weight:500;color:var(--text-color);margin-bottom:5px;}
.sigle-blog-1.style-2 .blog-content .designation .date{color:var(--text-color2);}
.sigle-blog-1.style-2 .blog-content .designation .date span::after{content:"";background:var(--primary-color2);}
.sigle-blog-1:hover .blog-image img{transform:scale(1.125);}
.sigle-blog-1 .blog-image{overflow:hidden;}
.sigle-blog-1 .blog-image img{transform:scale(1);transition:all 0.67s ease-in-out;}
@media(max-width:767px){
.sigle-blog-1 .blog-image img{width:100%;}
}
.sigle-blog-1 .blog-content{padding:30px 25px;background-color:var(--white);}
.sigle-blog-1 .blog-content span{display:inline-block;color:var(--text-color2);font-size:16px;font-weight:400px;font-family:"Poppins", sans-serif;margin-bottom:10px;}
.sigle-blog-1 .blog-content h3{font-size:24px;font-weight:700;color:var(--text-color);line-height:1.4;margin-bottom:10px;transition:all 0.52s ease;}
.sigle-blog-1 .blog-content h3:hover{color:var(--primary-color1);}
.sigle-blog-1 .blog-content h4{font-size:22px;font-weight:700;color:var(--text-color);line-height:1.4;transition:all 0.52s ease;}
.sigle-blog-1 .blog-content h4:hover{color:var(--primary-color1);}
.sigle-blog-1 .blog-content .blog-meta{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:10px;}
.sigle-blog-1 .blog-content .blog-meta .author-img img{width:50px;height:50px;border-radius:50%;}
.sigle-blog-1 .blog-content .designation h5{font-size:18px;font-weight:500;color:var(--text-color);margin-bottom:5px;}
.sigle-blog-1 .blog-content .designation .date{font-size:14px;font-weight:400;color:var(--text-color2);margin-bottom:0px;}
.sigle-blog-1 .blog-content .designation .date span{font-size:14px;font-weight:400;color:var(--text-color2);margin-bottom:0px;position:relative;padding-left:10px;margin-left:15px;}
.sigle-blog-1 .blog-content .designation .date span::after{content:"";position:absolute;left:0px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--primary-color1);}
.sigle-blog-1 .bgrid-quote{background:#ffeaf1;width:100%;min-height:300px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px 25px;position:relative;margin-bottom:0px;}
@media(min-width:1200px) and (max-width:1399px){
.sigle-blog-1 .bgrid-quote{min-height:258px;}
}
@media(min-width:992px) and (max-width:1199px){
.sigle-blog-1 .bgrid-quote{min-height:215px;padding:30px 25px;}
}
@media(min-width:768px) and (max-width:991px){
.sigle-blog-1 .bgrid-quote{min-height:245px;padding:30px 25px;}
}
.sigle-blog-1 .bgrid-quote .quote-area{position:absolute;top:-10px;right:20px;height:56px;width:56px;line-height:56px;text-align:center;border-radius:50%;background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.15);}
.sigle-blog-1 .bgrid-quote h5{font-size:1.375rem;font-weight:600;color:var(--text-color);margin-bottom:30px;line-height:1.5;}
.sigle-blog-1 .bgrid-quote h4{font-size:1.5rem;font-weight:700;color:var(--primary-color1);}
.sigle-blog-1.grid-video .video-image{position:relative;z-index:1;}
.sigle-blog-1.grid-video .video-image img{width:100%;}
.sigle-blog-1.grid-video .video-image::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:rgba(0, 1, 12, 0.45);z-index:1;}
.single-blog-2{position:relative;min-height:380px;}
@media(max-width:576px){
.single-blog-2{min-height:100%;}
}
.single-blog-2.style-2 .content h4{margin-bottom:14px;}
.single-blog-2.style-2 .content h4 a{color:var(--text-color);}
@media(max-width:576px){
.single-blog-2.style-2 .content h4 a{color:var(--white);}
}
.single-blog-2.style-2 .content h4:hover a{color:var(--primary-color5);}
.single-blog-2:hover .content{transform:perspective(800px) rotateY(-9deg) translateY(-50%);}
@media(max-width:576px){
.single-blog-2:hover .content{transform:perspective(800px) rotateY(0deg) translateY(0%);}
}
.single-blog-2 .blog-img{position:absolute;top:0;left:0;width:100%;max-width:370px;height:auto;}
@media(max-width:576px){
.single-blog-2 .blog-img{display:none;visibility:hidden;}
}
.single-blog-2 .content{background:var(--white);padding:30px 25px;position:absolute;top:50%;transform:translateY(-50%);left:30%;width:100%;max-width:400px;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;transition:all 500ms ease-in-out 25ms;text-align:start;}
@media(min-width:1200px) and (max-width:1399px){
.single-blog-2 .content{left:25%;}
}
@media(min-width:992px) and (max-width:1199px){
.single-blog-2 .content{left:10%;}
}
@media(min-width:768px) and (max-width:991px){
.single-blog-2 .content{left:40%;}
}
@media(min-width:576px) and (max-width:768px){
.single-blog-2 .content{left:22%;}
}
@media(max-width:576px){
.single-blog-2 .content{transform:translateY(0);background-color:rgba(0, 0, 0, 0.99);max-width:100%;min-height:100%;position:relative;left:0px;}
}
.single-blog-2 .content span{font-size:16px;font-weight:500;color:var(--text-color2);font-family:"Poppins", sans-serif;display:inline-block;margin-bottom:8px;}
@media(max-width:576px){
.single-blog-2 .content span{color:var(--text-color3);}
}
.single-blog-2 .content h4{margin-bottom:14px;}
.single-blog-2 .content h4 a{font-size:25px;font-weight:600;color:var(--text-color);line-height:1.35;transition:all 350ms ease-in-out;}
@media(max-width:576px){
.single-blog-2 .content h4 a{color:var(--white);}
}
.single-blog-2 .content h4:hover a{color:var(--primary-color3);}
@media(max-width:576px){
.single-blog-2 .content h4:hover a{color:var(--white);}
}
@media(max-width:576px){
.single-blog-2 .content p{color:var(--text-light);}
}
.single-blog-2 .content .meta{margin-top:16px;}
.single-blog-2 .content .meta .bi{font-size:18px;vertical-align:middle;margin-right:10px;}
@media(max-width:576px){
.single-blog-2 .content .meta .bi{color:var(--text-light);}
}
.single-blog-2 .content .meta span{display:inline-block;font-size:14px;font-weight:400;color:var(--text-color2);margin-bottom:0px;}
@media(max-width:576px){
.single-blog-2 .content .meta span{color:var(--text-light);}
}
.blog-section3{overflow:hidden;}
.blog-section3 .blog-vector{position:absolute;bottom:40%;right:-50px;max-width:100px;}
.join-section{overflow:hidden;position:relative;}
.join-section .join-vector{position:absolute;left:5%;bottom:0;}
footer.footer-wrapper .footer-item.widget_eg_contacts > .menu li::before, footer.footer-wrapper .footer-item.widget_eg_contacts ul li::before{content:none;}
footer.footer-wrapper{background-size:cover;background-repeat:no-repeat;position:relative;background-position:center;}
@media(min-width:992px){
footer.footer-wrapper .footer-top .row .col-md-3:nth-child(2){display:flex;justify-content:center;}
}
@media(min-width:992px){
footer.footer-wrapper .footer-top .row .col-md-3:nth-child(3){display:flex;justify-content:center;}
}
footer.footer-wrapper .footer-item{min-width:200px;}
@media(max-width:576px){
footer.footer-wrapper .footer-item{padding-left:20px;}
}
footer.footer-wrapper .footer-item a img{margin-bottom:25px;}
footer.footer-wrapper .footer-item p{font-size:16px;font-weight:400;color:var(--text-light);margin-bottom:25px;line-height:28px;}
footer.footer-wrapper .footer-item .input-with-btn{max-width:350px;width:100%;border:1px solid var(--text-color2);padding:5px;border-radius:5px;}
footer.footer-wrapper .footer-item .input-with-btn input{width:100%;border-radius:5px;background:transparent;border:none;outline:none;padding:7px 20px;transition:all 0.4s ease;font-size:14px;font-weight:400;color:var(--white);}
footer.footer-wrapper .footer-item .input-with-btn input::-moz-placeholder{font-size:14px;font-weight:400;color:var(--text-color2);}
footer.footer-wrapper .footer-item .input-with-btn input::placeholder{font-size:14px;font-weight:400;color:var(--text-color2);}
footer.footer-wrapper .footer-item .input-with-btn button{outline:none;border:none;background:var(--primary-color1);border-radius:5px;min-width:46px;min-height:44px;}
footer.footer-wrapper .footer-item .input-with-btn button img{transition:0.65s ease;}
footer.footer-wrapper .footer-item .input-with-btn button:hover img{transform:rotate(360deg);}
footer.footer-wrapper .footer-item h5{font-size:25px;font-weight:600;color:var(--white);margin-bottom:25px;}
footer.footer-wrapper .footer-item h2{font-size:25px;font-weight:600;color:var(--white);margin-bottom:25px;}
footer.footer-wrapper .footer-item > .menu, footer.footer-wrapper .footer-item ul{list-style:none;padding:0;margin:0;}
footer.footer-wrapper .footer-item > .menu li, footer.footer-wrapper .footer-item ul li{margin-bottom:15px;position:relative;padding-left:0px;transition:all 0.4s ease-in;}
footer.footer-wrapper .footer-item > .menu li::before, footer.footer-wrapper .footer-item ul li::before{content:"\f138";font-family:"bootstrap-icons";font-weight:600;position:absolute;top:0px;left:0;color:var(--primary-color1);opacity:0;transition:all 0.65s ease;}
footer.footer-wrapper .footer-item > .menu li:last-child, footer.footer-wrapper .footer-item ul li:last-child{margin-bottom:0;}
footer.footer-wrapper .footer-item > .menu li:hover a, footer.footer-wrapper .footer-item ul li:hover a{color:var(--primary-color1);}
footer.footer-wrapper .footer-item > .menu li:hover::before, footer.footer-wrapper .footer-item ul li:hover::before{opacity:1;}
footer.footer-wrapper .footer-item > .menu li a, footer.footer-wrapper .footer-item ul li a{color:var(--text-light);font-size:16px;font-weight:400;font-family:"Poppins", sans-serif;padding-bottom:0;transition:all 0.4s ease;}
footer.footer-wrapper .footer-social{margin:0;padding:0;display:flex;justify-content:start;}
footer.footer-wrapper .footer-social i{color:var(--white);width:34px;height:34px;line-height:34px;border:1px solid var(--text-color2);text-align:center;transition:all 0.42s ease;background:transparent;font-size:14px;border-radius:none;border-radius:0;}
footer.footer-wrapper .footer-social i:hover{background:var(--primary-color1);border:1px solid var(--primary-color1);}
footer.footer-wrapper .address-list{margin:0;padding:0;list-style:none;padding-bottom:10px;margin-bottom:25px;}
footer.footer-wrapper .address-list li{margin-bottom:15px;display:flex;justify-content:start;align-items:start;}
footer.footer-wrapper .address-list li svg{fill:var(--primary-color1);margin-top:6px;}
footer.footer-wrapper .address-list li a{font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;color:var(--text-light);transition:all 0.42s ease;padding-left:10px;line-height:1.6;}
footer.footer-wrapper .address-list li:hover a{color:var(--primary-color1);}
footer.footer-wrapper .footer-bottom{padding:15px 0px;border-top:1px solid #2f2f2f;background:#000;}
footer.footer-wrapper .footer-bottom p{font-size:13px;font-weight:400;font-family:"Poppins", sans-serif;color:var(--white);margin-bottom:0;margin-right:30px;}
@media(max-width:991px){
footer.footer-wrapper .footer-bottom p{margin-right:0px;}
}
footer.footer-wrapper .footer-bottom p a{font-size:13px;font-weight:600;color:var(--primary-color1);}
footer.footer-wrapper .footer-bottom .footer-logo-list{margin:0;padding:0;list-style:none;display:inline-flex;}
footer.footer-wrapper .footer-bottom .footer-logo-list li{margin-right:20px;}
footer.footer-wrapper .footer-bottom .footer-logo-list li img{transition:all 0.6s ease;}
footer.footer-wrapper .footer-bottom .footer-logo-list li:last-child{margin-right:0px;}
footer.footer-wrapper .footer-bottom .footer-logo-list li:hover img{transform:rotate(360deg);}
footer.footer-wrapper .footer-bottom .f-bottom-list{margin:0;padding:0;}
footer.footer-wrapper .footer-bottom .f-bottom-list li:first-child a{position:relative;padding-right:15px;margin-right:15px;}
footer.footer-wrapper .footer-bottom .f-bottom-list li:first-child a::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:15px;background:var(--white);}
footer.footer-wrapper .footer-bottom .f-bottom-list a{font-size:14px;font-weight:500;color:var(--white);transition:all 0.42s ease;}
footer.footer-wrapper .footer-bottom .f-bottom-list a:hover{color:var(--primary-color1);}
footer.footer-wrapper.style-2{background-color:#17181a;background-image:unset;position:relative;z-index:1;overflow:hidden;}
footer.footer-wrapper.style-2 .footer-vectr1{position:absolute;right:0;top:0;z-index:-1;opacity:0.1;}
footer.footer-wrapper.style-2 .footer-vectr2{position:absolute;left:0;bottom:0;z-index:-1;opacity:0.1;}
footer.footer-wrapper.style-2 .footer-item .input-with-btn{border:1px solid var(--text-color2);}
footer.footer-wrapper.style-2 .footer-item .input-with-btn button{background:var(--primary-color2);}
footer.footer-wrapper.style-2 .footer-item .footer-list li::before{color:var(--primary-color2);}
footer.footer-wrapper.style-2 .footer-item .footer-list li:hover a{color:var(--primary-color2);}
footer.footer-wrapper.style-2 .footer-social i:hover{background:var(--primary-color2);border:1px solid var(--primary-color2);}
footer.footer-wrapper.style-2 .address-list li svg{fill:var(--primary-color2);margin-top:6px;}
footer.footer-wrapper.style-2 .address-list li:hover a{color:var(--primary-color2);}
footer.footer-wrapper.style-2 .footer-bottom p .egns-lab{color:var(--primary-color2);}
footer.footer-wrapper.style-2 .footer-bottom .f-bottom-list a:hover{color:var(--primary-color2);}
footer.footer-wrapper.style-3{background-image:linear-gradient(rgba(18, 19, 24, 0.9), rgba(18, 19, 24, 0.9)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/footer3-bg.png);background-size:cover;background-repeat:no-repeat;position:relative;z-index:1;overflow:hidden;}
footer.footer-wrapper.style-3 .footer-item .input-with-btn{border:1px solid var(--text-color2);}
footer.footer-wrapper.style-3 .footer-item .input-with-btn button{background:var(--primary-color3);}
footer.footer-wrapper.style-3 .footer-item .footer-list li::before{color:var(--primary-color3);}
footer.footer-wrapper.style-3 .footer-item .footer-list li:hover a{color:var(--primary-color3);}
footer.footer-wrapper.style-3 .footer-social i:hover{background:var(--primary-color3);border:1px solid var(--primary-color3);}
footer.footer-wrapper.style-3 .address-list li svg{fill:var(--primary-color3);margin-top:6px;}
footer.footer-wrapper.style-3 .address-list li:hover a{color:var(--primary-color3);}
footer.footer-wrapper.style-3 .footer-bottom p .egns-lab{color:var(--primary-color3);}
footer.footer-wrapper.style-3 .footer-bottom .f-bottom-list a:hover{color:var(--primary-color3);}
footer.footer-wrapper.style-4{background-image:linear-gradient(rgba(18, 19, 24, 0.9), rgba(18, 19, 24, 0.9)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/footer3-bg.png);background-size:cover;background-repeat:no-repeat;position:relative;z-index:1;overflow:hidden;}
footer.footer-wrapper.style-4 .footer-item .input-with-btn{border:1px solid var(--text-color2);}
footer.footer-wrapper.style-4 .footer-item .input-with-btn button{background:var(--primary-color4);}
footer.footer-wrapper.style-4 .footer-item .footer-list li::before{color:var(--primary-color4);}
footer.footer-wrapper.style-4 .footer-item .footer-list li:hover a{color:var(--primary-color4);}
footer.footer-wrapper.style-4 .footer-social i:hover{background:var(--primary-color4);border:1px solid var(--primary-color4);}
footer.footer-wrapper.style-4 .address-list li svg{fill:var(--primary-color4);margin-top:6px;}
footer.footer-wrapper.style-4 .address-list li:hover a{color:var(--primary-color4);}
footer.footer-wrapper.style-4 .footer-bottom p .egns-lab{color:var(--primary-color4);}
footer.footer-wrapper.style-4 .footer-bottom .f-bottom-list a:hover{color:var(--primary-color4);}
footer.footer-wrapper.style-5{background-image:linear-gradient(rgba(18, 19, 24, 0.9), rgba(18, 19, 24, 0.9)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/footer3-bg.png);background-size:cover;background-repeat:no-repeat;position:relative;z-index:1;overflow:hidden;}
footer.footer-wrapper.style-5 .footer-item .input-with-btn{border:1px solid var(--text-color2);}
footer.footer-wrapper.style-5 .footer-item .input-with-btn button{background:var(--primary-color5);}
footer.footer-wrapper.style-5 .footer-item .footer-list li::before{color:var(--primary-color5);}
footer.footer-wrapper.style-5 .footer-item .footer-list li:hover a{color:var(--primary-color5);}
footer.footer-wrapper.style-5 .footer-social i:hover{background:var(--primary-color5);border:1px solid var(--primary-color5);}
footer.footer-wrapper.style-5 .address-list li svg{fill:var(--primary-color5);margin-top:6px;}
footer.footer-wrapper.style-5 .address-list li:hover a{color:var(--primary-color5);}
footer.footer-wrapper.style-5 .footer-bottom p .egns-lab{color:var(--primary-color5);}
footer.footer-wrapper.style-5 .footer-bottom .f-bottom-list a:hover{color:var(--primary-color5);}
.sponsor-section .sponsor-slider{padding:10px;margin:-12px;}
.sponsor-section .single-sponsor{display:flex;justify-content:center;transition:all 0.4s ease;}
.sponsor-section .single-sponsor img{margin-left:auto;margin-right:auto;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.07);}
.sponsor-section .single-sponsor:hover{transform:translateY(-10px);}
.joinus-area{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:rgba(0, 1, 12, 0.8);background-blend-mode:multiply;min-height:290px;padding:80px 7%;border-radius:5px;min-width:100%;display:flex;justify-content:center;position:relative;}
.joinus-area .about3-vector2{position:absolute;top:-50px;right:-50px;z-index:-1;}
@media(min-width:992px) and (max-width:1199px){
.joinus-area .about3-vector2{right:-30px;}
}
@media(max-width:991px){
.joinus-area .about3-vector2{display:none;visibility:hidden;}
}
.joinus-area h2{font-size:2.5rem;font-weight:700;font-family:"Cuprum", sans-serif;color:var(--white);line-height:1.5;}
.joinus-area .joinus-btn{padding:14px 45px;font-size:18px;font-weight:600;font-family:"Poppins", sans-serif;}
.video-section{background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/work-vdo2.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:rgba(0, 1, 12, 0.8);background-blend-mode:multiply;border-radius:0px;width:100%;display:flex;justify-content:center;background-attachment:fixed;z-index:1;position:relative;overflow:hidden;}
.video-section h2{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:40px;}
.video-section .video-vctr-top{position:absolute;top:0;right:0;opacity:0.1;}
.video-section .video-vctr-bottom{position:absolute;bottom:0;left:0;opacity:0.1;}
.documentation-tab-wrap button.nav-link{font-size:18px;font-weight:600;margin:0 5px;}
.documentation-tab-wrap .nav-pills .nav-link.active, .documentation-tab-wrap .nav-pills .show > .nav-link{color:#fff;background-color:var(--primary-color1);}
.jobpost-item{padding:30px 25px;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.18);}
.jobpost-item:hover .job-header .icon{transform:scale(1.2);}
.jobpost-item .job-header{display:flex;justify-content:start;align-items:center;margin-bottom:20px;}
.jobpost-item .job-header .icon{margin-right:15px;transition:400ms ease-out 25ms;}
.jobpost-item .job-header h4.title{margin-bottom:0px;}
.jobpost-item .job-header h4.title a{font-size:25px;font-weight:700;color:var(--text-color);}
.jobpost-item .job-body{border-top:1px solid #eeeeee;padding-top:15px;}
.jobpost-item .job-body .job-meta{display:flex;justify-content:start;align-items:center;margin:20px 0px 0px 0px;padding:0;}
.jobpost-item .job-body .job-meta li img{margin-right:10px;}
.jobpost-item .job-body .job-meta li:first-child{margin-right:40px;}
.jobpost-item .job-footer{margin-top:25px;display:flex;justify-content:space-between;align-items:center;}
.job-details-wrap ul.about-list{margin-top:15px;margin-bottom:25px;padding:0;list-style:none;}
.job-details-wrap ul.about-list li{position:relative;font-size:20px;font-weight:500;font-family:"Cuprum", sans-serif;color:var(--text-color2);padding-left:20px;margin-bottom:10px;transition:all 0.42s ease-in-out;}
.job-details-wrap ul.about-list li:hover{color:var(--primary-color1);}
.job-details-wrap ul.about-list li:last-child{margin-bottom:0px;}
.job-details-wrap ul.about-list li::after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0px;width:10px;height:10px;background:var(--primary-color1);border-radius:50%;}
.offer-section{background:linear-gradient(95.58deg, #ffffff 0%, #f3dbff 100%);position:relative;overflow:hidden;}
.offer-section .web-top{position:absolute;top:0;right:0;}
.offer-section .web-bottom{position:absolute;bottom:0;left:0;}
.offer-section .triangle-icon{position:absolute;left:5%;top:80px;animation:rotation 8s linear infinite;}
.offer-content{width:100%;max-width:550px;}
@media(max-width:991px){
.offer-content{margin-left:auto;margin-right:auto;text-align:center;}
}
.offer-content .img1{margin-bottom:15px;}
.offer-content img{max-width:50px;margin-bottom:15px;}
.offer-content h3{font-size:2.125rem;font-weight:700;font-family:"Cuprum", sans-serif;color:var(--text-color);margin-bottom:15px;}
.offer-content P{margin-bottom:30px;}
.offer-image-area{position:relative;background:var(--primary-color3);width:100%;max-width:400px;height:400px;border-radius:50%;animation:jump 1s linear infinite alternate;}
.offer-image-area.style-2{background:var(--primary-color5);position:relative;width:100%;max-width:530px;height:100%;max-height:530px;margin:0 auto;}
.offer-image-area.style-2 .banner5-image{max-width:108%;margin-left:-35px;margin-top:-30px;}
@media(max-width:991px){
.offer-image-area{margin-left:auto;margin-right:auto;}
}
@media(max-width:576px){
.offer-image-area{width:100%;max-width:300px;height:300px;}
}
.offer-image-area .snake-arrow{position:absolute;left:-320px;top:40%;}
@media(max-width:1199px){
.offer-image-area .snake-arrow{display:none;visibility:hidden;}
}
.offer-image-area::before{content:"";width:100%;height:15px;background:rgba(113, 112, 112, 0.1);position:absolute;bottom:-10px;left:0px;border-radius:50%;animation:rotate2 1s linear infinite alternate;}
@keyframes jump {
0%{transform:translateY(-15px);}
100%{transform:translateY(0px);}
}
@keyframes rotate2 {
0%{transform:translateY(15px) scale(0.5);background:rgba(113, 112, 112, 0.1);}
100%{transform:translateY(0px) scale(1);background:rgba(113, 112, 112, 0.12);}
}
@keyframes rotation {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.offer-image-area .offer-ellipse{position:absolute;left:-40px;top:50%;min-width:105px;height:105px;background-image:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/offer-ellipse.svg);line-height:105px;text-align:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:700;color:var(--white);}
.sponsor-section4{margin-top:-37px;z-index:2;position:relative;}
.sponsor-section4 .sponsor-wrapper{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:100px;padding:20px;}
@media(max-width:767px){
.sponsor-section4 .sponsor-wrapper{border-radius:10px;}
}
.sponsor-section4 .sponsor-wrapper .brand-item{text-align:center;cursor:pointer;}
.sponsor-section4 .sponsor-wrapper .brand-item svg{fill:var(--text-color2);transition:0.35s ease-in-out;}
.sponsor-section4 .sponsor-wrapper .brand-item:hover svg{fill:var(--primary-color4);}
.feature-list{margin:0 0 40px 0;padding:10px 0px 0px 0px;}
.feature-list li{font-size:20px;font-weight:600;color:var(--text-color2);font-family:"Cuprum", sans-serif;position:relative;padding-left:50px;line-height:1.8;margin-bottom:20px;font-family:"Cuprum", sans-serif;}
.feature-list li:last-child{margin-bottom:0px;}
.feature-list li::before{content:"\f633";font-family:bootstrap-icons !important;position:absolute;top:8px;left:0;width:36px;height:36px;line-height:36px;border-radius:50%;background:var(--primary-color5);color:var(--white);text-align:center;font-size:16px;transition:all 0.35s ease-in-out;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.2);}
.feature-list li:hover::before{background-color:var(--white);color:var(--primary-color5);}
.feature-dotted{position:absolute;top:0px;right:10%;}
.feature-section5{margin-bottom:30px;}
@media(max-width:991px){
.feature-section5{margin-bottom:0px;}
} .faq-section{position:relative;overflow:hidden;z-index:1;}
.watermark2-bg{position:absolute;right:-80px;top:0;z-index:-1;max-width:100%;}
@media(max-width:1199px){
.watermark2-bg{display:none;visibility:hidden;}
}
.watermark1-bg{position:absolute;left:-80px;top:0;z-index:-1;max-width:100%;}
@media(max-width:1199px){
.watermark1-bg{display:none;visibility:hidden;}
}
.sidebar-card{padding:30px 25px;background:var(--white);box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);}
.sidebar-card h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:30px;}
.faq-wrap .faq-item{margin-bottom:24px;border:none;}
.faq-wrap .faq-item:last-child{margin-bottom:0;}
.faq-wrap .faq-item.hover-btn{padding:1px 1px 1px 1px;}
.faq-wrap .accordion-button{font-family:"Cuprum", sans-serif;font-weight:600;font-size:20px;background:rgba(39, 174, 96, 0.09);border-radius:5px;color:var(--text-color2);cursor:pointer;transition:0.45s ease-in-out;padding:20px 25px;padding-right:60px;margin-bottom:0px;line-height:1.4;}
.faq-wrap .accordion-button:focus{z-index:unset;border-color:unset;outline:0;background:var(--primary-color4);box-shadow:5px 7px 40px rgba(145, 145, 145, 0.1);}
.faq-wrap .accordion-button::after{flex-shrink:0;width:unset;height:unset;margin-left:auto;background-image:none;background-repeat:unset;background-size:unset;font-family:bootstrap-icons !important;position:absolute;right:22px;content:"\f4fe";transition:unset;font-size:20px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.faq-wrap .accordion-button:not(.collapsed)::after{background-image:none;transform:unset;font-family:bootstrap-icons !important;content:"\f2ea";color:var(--white);}
.faq-wrap .accordion-button:hover{background:var(--primary-color4);color:#fff;}
.faq-wrap .accordion-button:hover::after{color:var(--white);}
.faq-wrap .accordion-button.style-2{box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);background:var(--white);color:var(--text-color2);}
.faq-wrap .accordion-button.style-2:hover{color:var(--white);background:var(--primary-color1);}
.faq-wrap .accordion-button.style-2:focus{background:var(--primary-color1);}
.faq-wrap .accordion-button.style-2:not(.collapsed){box-shadow:5px 7px 40px rgba(145, 145, 145, 0.1);background:var(--primary-color1);color:#fff;border-radius:5px 5px 0px 0px;font-weight:600;}
.faq-wrap .faq-body{font-weight:400;font-size:15px;font-family:"Poppins", sans-serif;background:rgba(39, 174, 96, 0.04);color:var(--text-color2);border-top:none;padding:15px 25px;line-height:28px;text-align:left;}
.faq-wrap .faq-body.style-2{background:rgba(207, 36, 53, 0.04);}
.faq-wrap .accordion-button:not(.collapsed){box-shadow:5px 7px 40px rgba(145, 145, 145, 0.1);background:var(--primary-color4);color:#fff;border-radius:5px 5px 0px 0px;font-weight:600;}
.inner-banner{min-height:500px;position:relative;z-index:9;display:flex;justify-content:center;align-items:center;background:#1a1a1a;}
@media(min-width:1200px) and (max-width:1399px){
.inner-banner{min-height:420px;}
}
@media(min-width:992px) and (max-width:1199px){
.inner-banner{min-height:400px;}
}
@media(max-width:991px){
.inner-banner{min-height:370px;}
}
.inner-banner .inner-bannerdot{position:absolute;bottom:10px;left:20%;opacity:0.9;animation:move 10s linear infinite alternate;}
@keyframes move {
0%{transform:rotate(0deg) scaleX(0);}
100%{transform:rotate(360deg) scaleX(1);}
}
@media(max-width:991px){
.inner-banner .inner-bannerdot{display:none;visibility:hidden;}
}
.inner-banner .inner-bannerwave{position:absolute;bottom:0px;right:0%;opacity:0.1;}
.inner-banner a.down-arrow-icon{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);text-align:center;height:3.75rem;width:3.75rem;line-height:3.75rem;text-align:center;border-radius:50%;cursor:pointer;}
.inner-banner a.down-arrow-icon svg{animation:vibrate 1.5s linear infinite;fill:var(--primary-color1);width:1rem;height:1.75rem;}
@keyframes vibrate {
0%{transform:translateY(0px);}
25%{transform:translateY(-5px);}
50%{transform:translateY(0px);}
75%{transform:translateY(5px);}
100%{transform:translateY(0px);}
}
.breadcrumb{margin:0;padding:0;justify-content:center;}
.breadcrumb .breadcrumb-item{color:var(--primary-color1);font-size:20px;font-weight:500;font-family:"Poppins", sans-serif;position:relative;padding-left:20px;}
.breadcrumb .breadcrumb-item:first-child{padding-left:0px;}
.breadcrumb .breadcrumb-item.active{color:#dddddd;}
@media(max-width:991px){
.breadcrumb .breadcrumb-item{font-size:16px;}
}
.breadcrumb-item + .breadcrumb-item::before{content:unset;}
.breadcrumb-item + .breadcrumb-item::after{content:"";width:5px;height:5px;border-radius:50%;background:#fff;position:absolute;top:15px;left:0;}
@media(max-width:991px){
.breadcrumb-item + .breadcrumb-item::after{top:10px;}
}
.inner-banner-title{font-size:55px;font-weight:700;color:var(--white);}
@media(max-width:991px){
.inner-banner-title{font-size:40px;}
} .pagination-wrap{margin-top:50px;}
.pagination-wrap .page-item.active .page-link{z-index:3;color:var(--white);background-color:var(--primary-color1);border-color:var(--primary-color1);}
.pagination-wrap .pagination{margin:0;}
.pagination-wrap .page-item:first-child .page-link{border-radius:5px 5px 5px 0px;}
.pagination-wrap .page-item:last-child .page-link{border-radius:5px 5px 5px 0px;}
.pagination-wrap .page-link{position:relative;display:block;color:#18212e;font-size:16px;font-weight:600;text-decoration:none;background-color:var(--white);border:1px solid #eeeeee;border-radius:5px 5px 5px 0px;transition:0.42s ease;}
.pagination-wrap .page-link svg{fill:#000;}
.pagination-wrap .page-link:focus{box-shadow:unset;color:var(--white);background-color:var(--primary-color1);border-color:var(--primary-color1);}
.pagination-wrap .page-link:hover{color:var(--white);background-color:var(--primary-color1);border-color:var(--primary-color1);}
.pagination-wrap .page-link:hover svg{fill:var(--white);}
.pagination-wrap .page-item.active .page-link{z-index:3;color:var(--white);background-color:var(--primary-color1);border-color:var(--primary-color1);}
.form-inner input, .form-inner input[type=text],
.form-inner input[type=email],
.form-inner input[type=password],
.form-inner textarea{margin-bottom:10px;border:1px solid #eee;border-radius:5px;padding:15px 15px;width:100%;transition:all 0.5s ease;}
.form-inner input::-moz-placeholder, .form-inner input[type=text]::-moz-placeholder, .form-inner input[type=email]::-moz-placeholder, .form-inner input[type=password]::-moz-placeholder, .form-inner textarea::-moz-placeholder{font-size:14px;font-weight:400;color:var(--text-color2);font-family:"Poppins", sans-serif;}
.form-inner input::placeholder, .form-inner input[type=text]::placeholder,
.form-inner input[type=email]::placeholder,
.form-inner input[type=password]::placeholder,
.form-inner textarea::placeholder{font-size:14px;font-weight:400;color:var(--text-color2);font-family:"Poppins", sans-serif;}
.form-inner input:focus, .form-inner input[type=text]:focus,
.form-inner input[type=email]:focus,
.form-inner input[type=password]:focus,
.form-inner textarea:focus{border:1px solid var(--primary-color1);}
.form-submit .btn-submit{background-color:var(--primary-color1);color:var(--white);font-size:15px;font-weight:600;font-family:"Poppins", sans-serif;border:none;outline:none;padding:15px 35px;transition:all 0.5s ease;}
.form-submit .btn-submit:hover{background-color:var(--text-color);color:var(--white);}
.btn--submit{background-color:var(--primary-color1);color:var(--white);font-size:18px;font-weight:600;font-family:"Poppins", sans-serif;border:none;outline:none;padding:15px 35px;transition:all 0.5s ease;}
.btn--submit:hover{background-color:var(--text-color);color:var(--white);}
.address-card{position:relative;z-index:1;border-radius:5px;overflow:hidden;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);}
.address-card:hover img{margin-top:0%;opacity:1;visibility:visible;}
.address-card:hover .content{background:var(--primary-color1);}
.address-card:hover .header h3{color:var(--white);}
.address-card:hover .address-list li{color:var(--white);}
.address-card:hover .address-list li span{color:var(--white);}
.address-card img{width:100%;transition-delay:0.52s;height:245px;border-radius:0px;}
@media(max-width:991px){
.address-card img{display:none;visibility:hidden;}
}
.address-card .content{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);padding:30px 30px;z-index:2;position:relative;transition:all 0.5s ease;}
.address-card .header{display:flex;justify-content:start;align-items:center;margin-bottom:20px;}
.address-card .header svg{fill:var(--primary-color1);transition:all 0.5s ease;}
.address-card .header .location{border:1px solid var(--primary-color1);width:2.8rem;height:2.8rem;line-height:2.8rem;border-radius:50%;text-align:center;margin-right:15px;background-color:var(--white);}
.address-card .header h3{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:0;transition:all 0.5s ease;}
.address-card .address-list{margin:0;padding:0;list-style:none;}
.address-card .address-list li{font-size:1rem;color:var(--text-color2);font-weight:400;line-height:1.7;margin-bottom:8px;transition:all 0.5s ease;}
.address-card .address-list li:last-child{margin-bottom:0px;}
.address-card .address-list li span{font-size:16px;font-weight:500;color:var(--text-color);transition:all 0.5s ease;}
.job-details-wrap h3{font-size:35px;font-weight:700;color:var(--text-color);margin-bottom:18px;}
.job-details-wrap h4{font-size:25px;font-weight:700;color:var(--text-color);}
.apply-form{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);padding:40px 35px;}
@media(max-width:991px){
.apply-form{padding:25px 15px;}
}
.apply-form label{font-family:"Cuprum", sans-serif;font-size:18px;font-weight:600;}
.apply-form-title{position:relative;margin-bottom:45px;}
.apply-form-title::after{content:"";position:absolute;bottom:0;left:0;width:135px;height:2px;background:#eeeeee;}
.apply-form-title h4{font-size:25px;font-weight:700;font-family:"Cuprum", sans-serif;color:#18212e;margin-bottom:10px;}
.apply-form-title p{font-size:1rem;font-weight:400;font-family:"Poppins", sans-serif;color:#676767;padding-bottom:12px;}
.proj-details-single{padding-right:10px;}
@media(max-width:1199px){
.proj-details-single{padding-right:0;}
}
.proj-details-single img{border-radius:5px;}
.proj-details-single h4{font-size:25px;font-weight:700;color:var(--text-color);line-height:1.4;margin-bottom:15px;}
.proj-details-single .challenge-box{background-color:#f8f8f8;border-radius:5px;padding:35px 25px;margin-top:40px;margin-bottom:40px;}
.proj-details-single .challenge-box h4{font-size:25px;font-weight:600;color:var(--text-color);margin-bottom:15px;}
.proj-details-single .challenge-box .challenge-list{padding:0px;}
.proj-details-single .challenge-box .challenge-list li{font-size:17px;font-weight:400;color:var(--text-color);position:relative;padding-left:15px;margin-bottom:15px;font-family:"Cuprum", sans-serif;}
.proj-details-single .challenge-box .challenge-list li:last-child{margin-bottom:0px;}
.proj-details-single .challenge-box .challenge-list li::before{content:"";height:8px;width:8px;border-radius:50%;background:var(--primary-color1);position:absolute;top:8px;left:0px;}
.project-meta-list{padding:0;margin:40px 0px 35px 0px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.project-meta-list li{display:flex;justify-content:start;align-items:center;}
.project-meta-list li .icon{margin-right:15px;}
.project-meta-list li .text h5{margin-bottom:0px;font-size:18px;font-weight:700;color:var(--text-color);}
.project-meta-list li .text p{margin-bottom:0px;font-size:14px;font-weight:500;color:var(--text-color2);}
.proj-details-right .title-area span{color:var(--primary-color1);display:inline-block;margin-bottom:8px;font-size:16px;font-weight:500;font-family:"Poppins", sans-serif;}
.proj-details-right .title-area h2{font-size:2.5rem;font-weight:700;color:var(--text-color);line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:15px;}
.proj-details-right .title-area h2::before{content:"";position:absolute;left:0px;bottom:0px;width:270px;height:2px;background:#eeeeee;}
.proj-details-right h3{font-size:28px;font-weight:700;color:var(--text-color);margin-bottom:85px;line-height:1.3;}
.proj-details-imgs{margin-top:40px;margin-bottom:40px;}
.proj-details-imgs img{border-radius:5px;}
.error-img{animation:zoom 4s linear infinite alternate;}
@keyframes zoom {
0%{transform:scale(1);}
100%{transform:scale(0.7);}
}
.error-wrap .content{margin-top:50px;}
.error-wrap .content h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:20px;}
.error-wrap .content p{margin-bottom:0px;}
.service-list-area{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);padding:40px 30px;margin-bottom:50px;}
.service-list-area .sidebar-title{font-size:25px;font-weight:700;color:var(--text-color);margin-bottom:25px;}
.service-list-area .service-list{padding:0;margin:0;}
.service-list-area .service-list li{border:1px solid #eeeeee;padding:10px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;transition:all 0.45s ease-in-out;}
.service-list-area .service-list li:hover{background-color:var(--primary-color1);}
.service-list-area .service-list li:hover a{color:var(--white);}
.service-list-area .service-list li:hover svg{fill:var(--white);}
.service-list-area .service-list li:last-child{margin-bottom:0px;}
.service-list-area .service-list li a{font-size:19px;font-weight:400;color:var(--text-color);font-family:"Cuprum", sans-serif;transition:all 0.45s ease-in-out;}
.service-list-area .service-list li svg{fill:var(--text-color);transition:all 0.45s ease-in-out;}
.service-banner{background-image:linear-gradient(rgba(24, 33, 46, 0.75), rgba(24, 33, 46, 0.75)), url(//webtonic.co.za/wp-content/themes/spinner/assets/images/bg/service-sidebar-img.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:100px 50px;}
@media(min-width:992px) and (max-width:1199px){
.service-banner{padding:90px 30px;}
}
@media(min-width:768px) and (max-width:991px){
.service-banner{padding:90px 70px;}
}
@media(min-width:576px) and (max-width:768px){
.service-banner{padding:90px 30px;}
}
.service-banner span{font-size:20px;font-weight:400;font-family:"Poppins", sans-serif;display:inline-block;color:var(--white);margin-bottom:10px;}
.service-banner h3{font-size:35px;font-weight:600;color:var(--white);line-height:1.3;margin-bottom:35px;}
.service-details-area > img{border-radius:5px;margin-bottom:35px;}
.service-details-area h3{font-size:35px;font-weight:700;color:var(--text-color);line-height:1.3;margin-bottom:15px;}
.proj-planlist{padding:0;margin:0;}
.proj-planlist li{font-size:18px;font-weight:400;color:var(--text-color);font-family:"Cuprum", sans-serif;margin-bottom:15px;}
.proj-planlist li:last-child{margin-bottom:0px;}
.proj-planlist li svg{fill:var(--text-color2);margin-right:10px;}
h3.service-subtitle{font-size:30px;font-weight:700;color:var(--text-color);margin-bottom:10px;}
.work-process-area{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);padding:30px;margin-top:50px;margin-bottom:50px;}
.work-process-area h3.service-subtitle{margin-bottom:20px;}
.work-process-item{text-align:center;}
.work-process-item img{margin-bottom:20px;}
.work-process-item h4{font-size:25px;font-weight:600;color:var(--text-color2);transition:all 0.4s ease-in-out;}
.work-process-item:hover h4{color:var(--primary-color1);}
.blog-widget-item{background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.1);border-radius:5px;margin-bottom:40px;}
.blog-widget-item .search-area{padding:18px 15px;}
.blog-widget-item .search-area form .search-with-btn{display:flex;justify-content:center;align-items:center;}
.blog-widget-item .search-area form .search-with-btn input{height:50px;border-radius:5px 0px 0px 5px;width:100%;border:1px solid #eeeeee;padding:20px;}
.blog-widget-item .search-area form .search-with-btn input::-moz-placeholder{font-size:14px;font-weight:400;color:var(--text-color2);}
.blog-widget-item .search-area form .search-with-btn input::placeholder{font-size:14px;font-weight:400;color:var(--text-color2);}
.blog-widget-item .search-area form .search-with-btn button{border-radius:0px 5px 5px 0px;height:50px;min-width:60px;background:var(--primary-color1);border:none;transition:all 0.42s ease-in-out;}
.blog-widget-item .search-area form .search-with-btn button i{color:var(--white);}
.blog-widget-item .search-area form .search-with-btn button:hover{background:var(--text-color);}
.blog-widget-item .blog-category{padding:30px 25px;}
.blog-widget-item .recent-blog{padding:30px 25px;}
.blog-widget-item .post-tag{padding:30px 25px;}
.blog-widget-item .follow-area{padding:30px 25px;}
.blog-widget-item .blog-widget-title{font-size:25px;font-weight:700;color:var(--text-color);margin-bottom:20px;}
.blog-widget-item .category-list{margin:0;padding:0;}
.blog-widget-item .category-list li{margin-bottom:15px;}
.blog-widget-item .category-list li:last-child{margin-bottom:0px;}
.blog-widget-item .category-list li a{display:flex;justify-content:space-between;align-items:center;}
.blog-widget-item .category-list li a span{font-size:20px;font-weight:500;color:var(--text-color2);font-family:"Cuprum", sans-serif;transition:all 0.42s ease-in-out;}
.blog-widget-item .category-list li a span i{font-size:1rem;font-weight:700;}
.blog-widget-item .category-list li a:hover span{color:var(--primary-color1);padding-left:10px;}
.recent-post-list{margin:0;padding:0;}
.recent-post-list li{margin-bottom:30px;}
.recent-post-list li:last-child{margin-bottom:0px;}
.recent-post-list .recent-post-item{display:flex;justify-content:start;align-items:center;}
.recent-post-list .recent-post-item:hover .recent-post-img img{filter:saturate(2);}
.recent-post-list .recent-post-img{margin-right:15px;max-width:80px;width:100%;}
.recent-post-list .recent-post-img img{transition:all 0.35s ease-in-out;}
.recent-post-list .recent-post-content h6{font-size:18px;font-weight:700;color:var(--text-color);transition:all 0.35s ease-in-out;}
.recent-post-list .recent-post-content h6:hover{color:var(--primary-color1);}
.recent-post-list .recent-post-content .meta{display:flex;justify-content:start;align-items:center;}
.recent-post-list .recent-post-content .meta img{margin-right:8px;}
.recent-post-list .recent-post-content .meta p{margin-bottom:0px;font-size:14px;font-weight:500;color:var(--text-color2);}
.widget_tag_cloud{margin:0;padding:10px 0px 0px 0px;}
.widget_tag_cloud li{display:inline-flex;}
.widget_tag_cloud li a{font-size:14px;font-weight:400;color:var(--text-color2);background:#f8f8f8;padding:8px 15px;text-transform:capitalize;transition:all 0.35s ease-in-out;border-radius:3px;}
.widget_tag_cloud li:hover a{background-color:var(--primary-color1);color:var(--white);}
.follow-list{margin:0;padding:10px 0px 0px 0px;}
.follow-list a i{width:36px;height:36px;line-height:36px;text-align:center;border:1px solid #eeeeee;background:var(--white);border-radius:3px;font-size:18px;color:var(--text-color2);transition:all 0.35s ease-in-out;}
.follow-list a:hover i{background:var(--primary-color1);border:1px solid var(--primary-color1);color:var(--white);}
.widget-area .footer-social{margin:0;padding:10px 0px 0px 0px;display:flex;}
.widget-area .footer-social a i{width:36px;height:36px;line-height:36px;text-align:center;border:1px solid #eeeeee;background:var(--white);border-radius:3px;font-size:18px;color:var(--text-color2);transition:all 0.35s ease-in-out;}
.widget-area .footer-social a:hover i{background:var(--primary-color1);border:1px solid var(--primary-color1);color:var(--white);}
.blog-standard-single{position:relative;margin-bottom:40px;}
.blog-standard-single h3{font-size:35px;font-weight:700;color:var(--text-color);line-height:1.4;margin-bottom:16px;}
.blog-standard-single .meta{display:flex;justify-content:start;align-items:center;margin-bottom:30px;}
.blog-standard-single .meta .date svg{fill:var(--primary-color1);margin-right:5px;}
.blog-standard-single .meta .date svg path{stroke:var(--primary-color1);}
.blog-standard-single .meta .author{margin-right:25px;}
.blog-standard-single .meta .author .author-img{display:inline;}
.blog-standard-single .meta .author .author-img img{border-radius:50%;margin-right:5px;}
.blog-standard-single .meta li img{margin-right:5px;position:relative;top:-2px;}
.blog-standard-single .meta li span{font-size:1rem;font-weight:400;color:var(--text-color2);display:inline-block;}
.blog-standard-single .image{position:relative;margin-bottom:20px;}
.blog-standard-single .image img{border-radius:5px;max-width:100%;height:auto;}
.blog-standard-single .react-ellips{position:absolute;top:30px;left:30px;min-width:75px;min-height:75px;line-height:1.7;text-align:center;background:var(--primary-color1);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9;}
@media(max-width:576px){
.blog-standard-single .react-ellips{top:10px;left:10px;}
}
.blog-standard-single .react-ellips i{color:var(--white);font-size:1.2rem;margin-bottom:0px;}
.blog-standard-single .react-ellips h5{font-size:20px;font-weight:600;color:var(--white);font-family:"Poppins", sans-serif;}
.blog-standard-single .bottom-area{display:flex;justify-content:space-between;align-items:center;margin-top:30px;position:relative;padding-bottom:40px;}
.blog-standard-single .bottom-area::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-radius:30px;background:#eeeeee;}
.blog-standard-single .bottom-area::after{content:"";position:absolute;left:0;bottom:-1px;width:30px;height:3px;background:#979797;border-radius:1.5px 0px 0px 1.5px;}
.blog-standard-single .bottom-area .blog-btn a{min-width:170px;height:50px;line-height:50px;text-align:center;border:1px solid var(--primary-color1);border-radius:5px;cursor:pointer;color:var(--text-color);font-size:1rem;font-weight:600;display:block;padding:0px 30px;transition:all 0.5s ease-in-out;}
.blog-standard-single .bottom-area .blog-btn a:hover{background:var(--primary-color1);color:var(--white);border:1px solid var(--primary-color1);}
.blog-standard-single .bottom-area .blog-share{overflow:hidden;height:24px;cursor:pointer;}
.blog-standard-single .bottom-area .blog-share:hover .front{transform:translateY(-24px);}
.blog-standard-single .bottom-area .blog-share:hover .back{transform:translateY(-24px);}
.blog-standard-single .bottom-area .blog-share .front{text-align:end;transition:all 0.62s ease-in-out;}
.blog-standard-single .bottom-area .blog-share .front img{vertical-align:baseline;}
.blog-standard-single .bottom-area .blog-share .front span{text-transform:uppercase;font-size:1rem;font-weight:500;color:var(--text-color);display:inline-block;margin-bottom:0px;margin-left:5px;}
.blog-standard-single .bottom-area .blog-share .back{text-align:end;transition:all 0.62s ease-in-out;}
.blog-standard-single .bottom-area .blog-share .back .share-list{margin:0;padding:0;}
.blog-standard-single .bottom-area .blog-share .back .share-list a i{color:var(--text-color2);transition:all 0.35s ease-in-out;}
.blog-standard-single .bottom-area .blog-share .back .share-list a:hover i{color:var(--primary-color1);}
.blog-format{margin:40px 0px;}
.blog-image-slider{position:relative;z-index:9;margin-bottom:30px;}
.blog-image-slider .slider-arrows2{position:absolute;top:50%;transform:translateY(-50%);z-index:9;}
.blog-image-slider img{border-radius:5px;}
.blog-details-video{position:relative;}
.blog-details-video img{border-radius:5px;}
.blog-qoote-area{background:#f8f8f8;max-width:880px;width:100%;height:auto;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;min-height:535px;margin-bottom:30px;position:relative;}
@media(min-width:1200px) and (max-width:1399px){
.blog-qoote-area{min-height:350px;}
}
@media(min-width:992px) and (max-width:1199px){
.blog-qoote-area{min-height:290px;}
}
@media(min-width:768px) and (max-width:991px){
.blog-qoote-area{min-height:330px;}
}
@media(max-width:767px){
.blog-qoote-area{min-height:230px;}
}
.blog-qoote-area .quote-area{position:absolute;top:-27px;right:25px;height:56px;width:56px;line-height:56px;text-align:center;border-radius:50%;background:#ffffff;box-shadow:3px 4px 30px rgba(136, 136, 136, 0.15);}
.blog-qoote-area h3{font-size:28px;font-weight:600;color:var(--text-color);margin-bottom:40px;}
.blog-qoote-area h2{font-size:35px;font-weight:700;color:var(--primary-color1);}
.blog-qoote-area h5{font-size:22px;font-weight:600;color:var(--text-color);margin-bottom:30px;line-height:1.5;}
.blog-qoote-area h4{font-size:25px;font-weight:700;color:var(--primary-color1);}
.blog-qoote-area.style-2{min-height:auto;text-align:center !important;padding:50px 70px;margin-bottom:unset;}
@media(max-width:1199px){
.blog-qoote-area.style-2{padding:50px 35px;}
}
.content p{font-size:16px;font-weight:400;color:var(--text-color2);font-family:"Poppins", sans-serif;line-height:28px;}
.single .blog-details-single .sigle-blog-1{box-shadow:unset;}
.single .blog-details-single .sigle-blog-1 .blog-content{padding:unset;padding-bottom:20px;}
.single .blog-details-single h3{font-size:35px;font-weight:700;color:var(--text-color);line-height:1.4;margin-bottom:16px;}
.single .blog-details-single .meta{display:flex;justify-content:start;align-items:center;margin-bottom:30px;}
.single .blog-details-single .meta .author{margin-right:25px;}
.single .blog-details-single .meta .author img{border-radius:50%;}
.single .blog-details-single .meta .author img, .single .blog-details-single .meta .date img{margin-right:8px;}
.single .blog-details-single .meta .author svg, .single .blog-details-single .meta .date svg{color:red;}
.single .blog-details-single .meta .author span, .single .blog-details-single .meta .date span{font-size:1rem;font-weight:400;color:var(--text-color2);display:inline-block;}
.single .blog-details-single .image{position:relative;margin-bottom:30px;}
.single .blog-details-single .react-ellips{position:absolute;top:30px;left:30px;min-width:75px;min-height:75px;line-height:1.7;text-align:center;background:var(--primary-color1);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9;}
.single .blog-details-single .react-ellips i{color:var(--white);font-size:1.2rem;margin-bottom:0px;}
.single .blog-details-single .react-ellips h5{font-size:20px;font-weight:600;color:var(--white);font-family:"Poppins", sans-serif;}
.single .blog-details-single .content > h4{font-size:25px;font-weight:700;line-height:1.4;color:var(--text-color);}
.single .blog-details-single .quote-details h5{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:15px;line-height:1.6;}
.content ul{margin-top:20px;margin-bottom:20px;padding:0;list-style:unset;padding-left:2rem;}
.content ul li{position:relative;font-size:16px;font-weight:400;font-family:"Poppins", sans-serif;color:var(--text-color);margin-bottom:10px;transition:all 0.42s ease-in-out;}
.content ul li:last-child{margin-bottom:0px;}
.blog-details-share{border-bottom:1px solid #eeeeee;padding-bottom:35px;padding-top:10px;}
.blog-details-share h5{font-size:22px;font-weight:600;color:var(--text-color);}
.blog-details-share .social{margin:0;padding:0;display:flex;justify-content:start;}
@media(max-width:991px){
.blog-details-share .social{justify-content:center;}
}
.blog-details-share .social i{color:var(--text-color2);width:34px;height:34px;line-height:34px;border:1px solid var(--text-color2);text-align:center;transition:all 0.42s ease;border-radius:3px;}
.blog-details-share .social i:hover{background:var(--primary-color1);border:1px solid var(--primary-color1);color:var(--white);}
.blogd-category-area{margin-top:60px;}
.blogd-category-area .category-box{background-color:#f8f8f8;padding:30px 25px;}
.blogd-category-area .category-box h4{font-size:25px;font-weight:700;color:var(--text-color);margin-bottom:20px;}
.blogd-category-area .category-box .cat-list{display:flex;justify-content:start;flex-flow:row wrap;gap:12px;margin:0;padding:0px;}
.blogd-category-area .category-box .cat-list a{font-size:14px;font-weight:500;color:var(--text-color2);background:var(--white);padding:10px 15px;border-radius:3px;text-align:center;transition:all 0.42s ease-in-out;display:inline-flex;}
.blogd-category-area .category-box .cat-list a:hover{background:var(--primary-color1);color:var(--white);}
.blog-comment-form .form-submit{margin-bottom:0;}
.comment-respond .logged-in-as, .comment-respond .comment-notes{position:relative;padding-bottom:45px;}
.comment-respond .logged-in-as::after, .comment-respond .comment-notes::after{content:"";bottom:0px;position:absolute;left:0px;top:40px;width:70px;height:3px;border-radius:30px;background-color:var(--primary-color1);}
@media(max-width:767px){
.comment-respond .logged-in-as::after, .comment-respond .comment-notes::after{top:80px;}
}
.comment-respond h3{font-size:21px;font-weight:700;color:var(--text-color);}
.comment-respond h3 small{margin-left:10px;color:var(--primary-color1);font-size:16px;}
.blog-comment-form{margin-top:70px;}
.commetn-area{margin-top:70px;}
.commetn-area .comment-list{padding:0px;margin:0px;}
.commetn-area .comment-list > li:last-child .comment-item{margin-bottom:0px;}
.commetn-area .comment-list > li .comment-reply{margin:0px;padding:0px 0px 0px 10%;}
.commetn-area .comment-list .comment-body{width:100%;}
.commetn-area .comment-list .comment-item{border-radius:5px;border:1px solid #eeeeee;padding:25px;display:flex;justify-content:start;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:10px;margin-bottom:35px;}
@media(max-width:576px){
.commetn-area .comment-list .comment-item{flex-wrap:wrap;}
}
.commetn-area .comment-list .comment-item .reply{font-size:16px;font-weight:500;font-family:"Cuprum", sans-serif;color:var(--text-color);border:none;outline:none;background-color:var(--white);transition:all 0.35s ease;padding:0;}
.commetn-area .comment-list .comment-item .reply:hover{color:var(--primary-color1);}
.commetn-area .comment-list .comment-item .reply .bi{margin-left:5px;}
.commetn-area .comment-list .comment-meta{display:flex;flex-direction:column;align-items:left;flex-wrap:nowrap;gap:10px;margin-bottom:15px;}
.commetn-area .comment-list .comment-meta h5{margin-right:10px;}
.commetn-area .comment-list .comment-meta time{font-size:14px;font-weight:500;color:var(--text-color2);font-family:"Poppins", sans-serif;}
@media(max-width:576px){
.commetn-area .comment-list .comment-meta{gap:5px;flex-wrap:wrap;}
}
.commetn-area .comment-list .comment-meta h5{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:0px;}
.commetn-area .comment-list .comment-meta span{font-size:14px;font-weight:500;color:var(--text-color2);font-family:"Poppins", sans-serif;}
.commetn-area .comment-list .comment-body p{font-size:16px;font-weight:400;font-family:"Poppins", sans-serif;color:"Poppins", sans-serif;line-height:1.8;}
.banner-section1::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 1, 12, 0.75);z-index:-2;}
.banner-section1{position:relative;}
.swiper-slide{position:relative;z-index:1;}
.banner-section3 .swiper-slide{position:relative;width:100%;z-index:1;min-height:90vh;}
.banner-section3 .swiper-slide::before{content:"";background:linear-gradient(90deg, #00010c 21.87%, rgba(0, 0, 0, 0) 70.31%);position:absolute;width:100%;height:100%;top:0;left:0;right:0;z-index:2;}
.banner3-content{position:relative;z-index:9;}
.slider-bg{animation:spinner 18s linear infinite alternate;overflow:hidden;}
@keyframes spinner {
0%{transform:scale(1);}
100%{transform:scale(1.1);}
}
.service3-section{margin-top:0;}
.portfolio-section .slider-bottom .swiper-pagination{bottom:0;}
.slider-bottom{margin-top:0;}
.footer-two ul{margin:0;padding:0;}
.footer-two ul li{position:relative;transition:all 0.65s ease;}
.footer-two ul li a{color:var(--white) !important;font-weight:400 !important;}
.footer-two ul li::before{content:"\f138";font-family:"bootstrap-icons";font-weight:600;position:absolute;top:0px;left:0;color:var(--primary-color1);opacity:0;transition:all 0.65s ease;}
.footer-two ul li:hover a{padding-left:25px;color:var(--primary-color1) !important;}
.footer-two ul li:hover::before{opacity:1;}
.widget_nav_menu ul li a:before, .wp-block-categories li a:before{margin-right:0px;}
.footer-four ul li i{color:var(--primary-color1);}
.copyright-link .copy-txt span{color:#fff;font-size:13px;font-weight:400;font-family:"Poppins", sans-serif;margin-bottom:0;margin-right:30px;}
.copy-txt a.footer-spann{font-size:13px;font-weight:600;color:var(--primary-color1);}
ul.footer-bottom-menu{display:flex;}
ul.footer-bottom-menu li a{color:#fff;font-size:14px;font-weight:500;transition:all 0.42s ease;}
ul.footer-bottom-menu li:first-child a::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:15px;background:#fff;}
ul.footer-bottom-menu li:first-child a{position:relative;padding-right:15px;margin-right:15px;}
ul.footer-bottom-menu li a:hover{color:var(--primary-color1);}
.widget_nav_menu ul li a{font-size:16px;}
.blog-widget-item .recent-blog{padding:0;}
.section-title{margin-bottom:0px;}
.section-title2{margin-bottom:0px;}
.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type=button]),
.nf-form-content textarea{background:none !important;border-radius:5px !important;border-color:#eee !important;}
.nf-field-element{text-align:center !important;}
.nf-form-content button, .nf-form-content input[type=button],
.nf-form-content input[type=submit]{background:rgb(230, 0, 76) !important;padding:15px 25px !important;}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover {
background: #191A1C !important;
color: #fff !important;
}:root{--primary-color1:rgb(230, 0, 76);--primary-opcaity:rgba(230, 0, 76, 0.1);--primary-color2:rgb(0, 202, 235);--primary-opcaity2:rgba(0, 202, 235, 0.1);--primary-color3:rgb(160, 68, 255);--primary-opcaity3:rgba(160, 68, 255, 0.1);--primary-color4:rgb(39, 174, 96);--primary-opcaity4:rgba(39, 174, 96, 0.1);--primary-color4-light:#f6fffc;--primary-color5:rgb(255, 115, 66);--primary-opcaity5:rgba(255, 76, 76, 0.1);--primary-color6:rgb(47, 128, 237);--primary-opcaity6:rgba(47, 128, 237, 0.1);--text-color:#18212e;--text-color2:#676767;--text-color3:#afafaf;--text-light:#eeeeee;--light-bg:#f8f8f8;--dark--bg:#0a120f;--dark-bg:#0a120f;--white:#fff;}
.set-menu{padding:15px 0;}
.sec-mar{margin:120px 0;}
.set-menu{padding:15px 0;}
.top-area.single-page{box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);height:auto;}
@media(min-width:768px) and (max-width:991px){
.banner-area-bg{background-position:center center !important;}
}
@media only screen and (max-width: 767px) {
.banner-area-bg{background-position:center center !important;}
} .page-title h1{font-size:48px;line-height:1.1;}
@media only screen and (min-width: 992px) and (max-width: 1200px){}
@media(min-width:768px) and (max-width:991px){
.page-title h1{line-height:1.1;}
}
@media only screen and (max-width: 767px) {
.page-title h1{font-size:26px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.page-title h1{font-size:28px;}
}   .post__author img{width:40px;height:40px;border-radius:50%;margin-right:5px;background:#E5E9F2;}
.post-title{font-size:32px;margin-bottom:20px;}
.post-title a{color:#1A152E;}
.post-title a:hover{color:var(--primary-color1);}
::-webkit-search-cancel-button{-webkit-appearance:none !important;appearance:none !important;}::search-cancel-button{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;}
.entry-content> :last-child, .entry-summary> :last-child, body:not(.search-results) .entry-summary> :last-child,
.page-wrapper> :last-child, .comment-content> :last-child, .textwidget> :last-child{margin-bottom:0;}
.page-wrapper .alignright{margin-top:20px;display:inline-block;}
.page-wrapper blockquote, .content blockquote, .blog-comments blockquote, .signle-news-list .post-formate-quote blockquote{background:#f8f8f8;width:100%;height:auto;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;margin-bottom:30px;position:relative;border:0 none;}
.page-wrapper blockquote h2, .content blockquote h2, .blog-comments blockquote h2, .signle-news-list .post-formate-quote blockquote{letter-spacing:1px;line-height:1.6;margin-top:20px;text-transform:capitalize;}
table, .page-wrapper table, .content table, .blog-comments table{width:100%;border-left:1px solid var(--primary-color1);border-top:1px solid var(--primary-color1);margin-bottom:30px;}
table th, table tr, .page-wrapper table th, .page-wrapper table tr, .page-wrapper table td, .content table th, .content table tr, .content table td, .blog-comments table th, .blog-comments table tr, .blog-comments table td{border:1px solid var(--primary-color1);padding:10px;}
.page-wrapper dl dd, .content dl dd, .blog-comments dl dd{margin-bottom:20px;}
.page-wrapper .inner-post .pagination{clear:both;}
.page-wrapper .inner-post .blog-comment-form{margin-top:30px;clear:both;}
.page-wrapper dd, .content dd, .blog-comments dd, .page-wrapper dt, .content dt, .blog-comments dt{line-height:inherit;}
.page-wrapper>ul, .page-wrapper>ol, .content>ul, .content>ol{margin-bottom:25px;}
.comment-content>ul, .comment-content>ol{margin-bottom:30px;}
.content ul, .content ol{clear:both;margin-top:10px;}
.content ul li, .content ol li{position:relative;font-size:16px;font-weight:400;font-family:"Poppins", sans-serif;color:var(--text-color);margin-bottom:10px;}
figure.wp-block-audio{margin-bottom:20px;}
p.has-large-font-size, p.has-large-font-size + p{line-height:1.3;}
.page-links p{margin-bottom:20px !important;font-size:20px;text-transform:capitalize;letter-spacing:1px;}
.content form{width:100%;border:1px solid var(--primary-color1);padding:30px;text-align:center;border-radius:5px;}
.content form input{color:#666666;border-radius:5px 0px 0px 5px;border:1px solid #EEEEEE;padding:10px;}
.content form span{display:block;width:100%;margin-bottom:20px;}
.content form br{display:none;}
.content form input[type="submit"],.content form button[type='submit']{border-radius:0px 5px 5px 0px;height:50px;min-width:80px;background:var(--primary-color1);border:none;margin:0;transition:all 0.42s ease-in-out;color:#fff;margin-left:-5px;}
.wp-block-button{margin-bottom:20px;}
.wp-block-cover.has-background-dim{color:#ffffff;}
.wp-block-latest-posts, .wp-block-latest-posts, .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-latest-comments, .wp-block-categories, .wp-block-archives{margin:0;list-style:none;padding:0;}
.wp-block-latest-posts li, .wp-block-latest-posts li, .wp-block-latest-posts li, .wp-block-latest-comments li, .wp-block-latest-comments li, .wp-block-archives li{margin-top:10px;}
.wp-block-latest-posts li:first-child, .wp-block-latest-posts li:first-child, .wp-block-latest-posts li:first-child, .wp-block-latest-comments li:first-child, .wp-block-latest-comments li:first-child, .wp-block-archives li:first-child{margin-top:0;}
.wp-block-archives li a{font-size:20px;font-weight:500;color:var(--text-color2);transition:all 0.42s ease-in-out;display:block;}
.wp-block-latest-posts .children, .wp-block-latest-posts .children, .wp-block-latest-posts .children, .wp-block-latest-comments .children, .wp-block-latest-comments .children, .wp-block-categories .children, .wp-block-archives .children{margin-left:15px;}
.wp-block-archives select{width:100%;padding:10px;margin-bottom:20px;}
code{display:inline-block;padding:10px 20px;margin-top:10px;margin-bottom:10px;}
.content>[class^="wp-block-"]{margin-bottom:30px;width:100%;}
.wp-block-archives-dropdown{margin-bottom:30px;}
pre.wp-block-code{background:#F8F8F8;border:none;}
pre.wp-block-preformatted{margin-top:10px;}
.wp-block-table .has-fixed-layout{background:#fff;}
.wp-block-table .has-fixed-layout *{border-color:var(--primary-color1) !important;}
pre.wp-block-verse{padding:10px;}
pre{padding:10px;background:#fbe6e9;}
code{padding:5px 15px;background:#f8f8f8;color:#000;}
.wp-block-calendar{background:#fbe6e9;margin-bottom:30px;}
.wp-block-calendar nav.wp-calendar-nav{padding:7px;}
.wp-block-media-text__content .has-large-font-size + p{line-height:1.6;}
.wp-block-group.has-background{padding:20px;margin-bottom:30px;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.post-social-share-and-like-count{display:none;}
}
@media(min-width:768px) and (max-width:991px){
.post-social-share-and-like-count{display:none;}
}
@media only screen and (max-width: 767px) {
.post-social-share-and-like-count{display:none;}
.content blockquote h2, .blog-comments blockquote h2, .page-wrapper blockquote h2{font-size:18px;}
.content blockquote, .blog-comments blockquote, .page-wrapper blockquote{padding:30px;}
} .post .sticky-post-icon{position:absolute;right:0;top:0;width:100px;height:100px;content:"\e6de";font-family:"themify";display:block;font-size:80px;color:var(--primary-color1);left:auto;padding-top:14px;line-height:1;text-align:center;border-radius:50%;opacity:.3;}
.post.sticky .signle-news-list{border-radius:5px;border:4px double var(--primary-color1);}
.post.sticky.single-post-item .content{padding:30px;}
.format-link .content a{background:#f6f9ff;padding:30px;display:block;text-align:center;border-radius:5px;text-decoration:underline;position:relative;}
.format-link .content a:before{content:"\e62d";position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:36px;opacity:.3;font-family:themify;}
.format-chat .content p{background:#f6f9ff;padding:15px;margin-right:20px;}
.format-chat .content p:nth-child(2n){margin-left:20px;margin-right:0;}
.format-gallery .owl-carousel .owl-item img{max-width:100%;width:100%;}
.format-gallery .owl-carousel .owl-nav>div{background:#ffffff none repeat scroll 0 0;border-radius:50%;box-shadow:0 16px 32px rgba(0, 0, 0, 0.2);color:#0a0c19;height:60px;left:60px;opacity:0;padding-top:17px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all 0.3s ease 0s;width:60px;}
.format-gallery .owl-carousel .owl-nav>div:hover{background:var(--primary-color1);color:#ffffff;}
.format-gallery .owl-carousel .owl-nav>div.owl-next{left:auto;right:60px;}
.format-gallery .owl-carousel:hover .owl-nav>div.owl-next{opacity:1;right:20px;visibility:visible;}
.format-gallery .owl-carousel:hover .owl-nav>div.owl-prev{left:20px;opacity:1;visibility:visible;}
.format-gallery .owl-carousel .owl-dots{position:absolute;right:20px;bottom:20px;}
.format-gallery .owl-carousel .owl-dots>div{display:inline-block;width:20px;height:10px;border-radius:3px;transition:0.3s;background:#ffffff;}
.format-gallery .owl-carousel .owl-dots>div.active{background:var(--primary-color1);width:30px;}
.format-video .post-video-popup{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);}
.post-video-popup{background:var(--primary-color1) none repeat scroll 0 0;border-radius:50%;box-shadow:0 16px 32px rgba(0, 0, 0, 0.2);color:#ffffff;cursor:pointer;font-size:18px;height:80px;line-height:1;margin-right:30px;padding-left:10px;padding-top:2px;position:relative;text-align:center;transition:all 0.3s ease 0s;width:80px;border:0;}
.post-video-popup:hover{background:#ffffff none repeat scroll 0 0;color:var(--primary-color1);box-shadow:0 0 0 20px rgba(255, 255, 255, .3);}
.format-video .post-video-popup{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);}
.single-post-item.format-quote{background:#f8f8ff;font-size:18px;padding:50px;text-align:center;}
.format-quote .content{padding:0;}
.format-quote .content::before, .format-quote .content::after{display:none;}
.format-quote .post__author{margin-top:30px;}
.format-quote .post__author img{width:40px;height:40px;border-radius:50%;margin-right:20px;}
.post-quote{background:var(--primary-color1) none repeat scroll 0 0;border-radius:50%;box-shadow:0 16px 32px rgba(83, 104, 253, .2);color:#ffffff;height:50px;margin:0 auto 30px;padding-top:11px;width:50px;}
.single .content{margin:0;}
.single .content img{margin-bottom:30px;}
.single .content img:last-of-type{margin-bottom:0;}
.post-bottom-meta{margin-top:50px;overflow:hidden;border-top:1px solid #EEEEEE;padding-top:20px;}
.post-bottom-meta ul{list-style:outside none none;margin:0;padding:0;}
.post-bottom-meta>div{float:none !important;text-align:left;}
.post-bottom-meta .post-tags, .post-bottom-meta .post-share{margin-top:30px;}
.posts-navigation, .comment-navigation{border:2px solid var(--primary-color1);padding:30px;overflow:hidden;background:#ffffff;}
.comment-navigation{margin-top:50px;}
.posts-navigation .screen-reader-text, .comment-navigation .screen-reader-text{display:none;}
.posts-navigation .nav-links>div, .comment-navigation .nav-links>div{display:inline-flex;align-items:center;align-content:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;font-size:14px;height:18px;}
.posts-navigation .nav-links>div.nav-previous, .comment-navigation .nav-links>div.nav-previous{float:left;}
.posts-navigation .nav-links>div.nav-next, .comment-navigation .nav-links>div.nav-next{float:right;}
.posts-navigation .nav-links>div i, .comment-navigation .nav-links>div i{line-height:1;font-size:14px;}
.blog-comments{background:transparent;}
.blog-comments .comment-author .image img{width:65px;height:65px;border-radius:50%;}
.comment-list > ul, ul.children{margin:0;padding:0;margin-left:20px;list-style:none;}
.comment-reply{float:none;}
.comment-reply a{display:inline-block;}
.comment-reply a i{margin-right:5px;}
.comment-reply a:hover{color:var(--primary-color1);}
.comment-form{background:#ffffff;border-radius:3px;}
.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-right:10px;}
.comment-form input:focus, .comment-form textarea:focus{border-color:var(--primary-color1);}
.comments-title, .reply-title{letter-spacing:1px;position:relative;text-transform:capitalize;z-index:1;margin-bottom:30px;}
.comments-title span, .reply-title span{background:#fff none repeat scroll 0 0;overflow:hidden;padding:10px 20px;position:relative;}
.commetn-area .comment-list #reply-title{display:flex;justify-content:space-between;align-items:center;}
.blog-comment-form form .comment-form-cookies-consent{display:flex;justify-content:start;align-items:baseline;margin-bottom:10px;}
.blog-comment-form form .comment-form-cookies-consent input[type='checkbox']{width:auto;margin-right:10px;}
@media only screen and (max-width: 767px) {
.blog-comments{border-top:0;margin-top:0;background:inherit;padding:0;}
.post-title{font-size:24px;}
.format-quote{padding:20px !important;}
.comment-reply{display:inline-block !important;}
}  .post__comments__author{position:absolute;left:30px;text-align:center;}
.post__comments__author .post__author img{display:block;margin:0 auto 5px;}
.post__comment__count a{display:block;}
.post__comments__author .post__comment__count{margin-top:25px;}
.post__comments__author .author__link{color:#001737;font-size:14px;font-weight:500;}
.post__comments__author .post__comment__count i{font-size:24px;color:#001737;}
.error-area-wrapper h3{margin:40px 0 20px 0;font-size:40px;}
.error-area-wrapper form{display:flex;justify-content:center;}
.error-area-wrapper form input{margin-right:-8px;}
.nice-select .option{word-break:break-word;white-space:normal;font-size:16px;}
.blog-widget-item:last-child{margin:0;}
.blog-widget-item h4{font-size:20px;margin-bottom:40px;text-align:center;}
.blog-widget-item ul{margin:0;padding:0;list-style:none;}
.widget_about{text-align:center;}
.blog-widget-item .about-details h4{font-size:18px;margin-bottom:20px;}
.widget_about img{margin:0 auto 30px;width:140px;}
.widget_about .social-bookmark{margin-top:30px;}
.widget_about .social-bookmark li a{display:inline-block;width:40px;color:#b3bed3;}
.widget_about .social-bookmark li a.facebook:hover{color:#3b5999;}
.widget_about .social-bookmark li a.twitter:hover{color:#55acee;}
.widget_about .social-bookmark li a.google-plus:hover{color:#dd4b39;}
.widget_about .social-bookmark li a.youtube:hover{color:#cd201f;}
.widget_about .social-bookmark li a.linkedin:hover{color:#0077B5;}
.widget_about .social-bookmark li a.instagram:hover{color:#e4405f;}
.widget-area .widget_archive ul li ul.children, .widget-area .wp-block-categories li ul.children, .widget-area .widget_categories li ul.children{margin-left:15px;}
.widget-area .widget_archive .nice-select .list li{border-top:none;font-size:16px;}
.widget_archive ul li:first-child, .wp-block-categories li:first-child, .widget_categories li:first-child, .widget_pages ul li:first-child, .widget_nav_menu ul li:first-child{border:0 none;}
.widget_archive ul li li, .wp-block-categories li li, .widget_categories li li, .widget_pages ul li li, .widget_nav_menu ul li li{margin-bottom:15px;position:relative;padding-left:0px;transition:all 0.4s ease-in;}
.widget_archive ul li li::before, .wp-block-categories li li::before, .widget_categories li li::before, .widget_pages ul li li::before, .widget_nav_menu ul li li::before{content:"\F138";font-family:"bootstrap-icons";font-weight:600;position:absolute;top:0px;left:0;color:var(--primary-color1);opacity:0;transition:all 0.65s ease;}
.widget_archive ul li a, .wp-block-categories li a, .widget_categories li a, .widget_pages ul li a, .widget_nav_menu ul li a{font-size:20px;font-weight:500;color:var(--text-color2);transition:all 0.42s ease-in-out;display:block;position:relative;padding-bottom:10px;}
.widget_archive ul li a:hover, .wp-block-categories li a:hover, .widget_categories li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover{color:var(--primary-color1);}
.widget_archive>ul>li:last-child a, .widget_categories>ul>li:last-child a, .wp-block-categories>li:last-child a, .widget_pages>ul>li:last-child a, .widget_nav_menu>ul>li:last-child a{margin-bottom:0;padding:0;}
.widget_archive ul li a:hover, .widget_categories ul li a:hover, .wp-block-categories li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover{color:var(--primary-color1);}
.widget_archive ul li a span, .widget_categories ul li a span, .wp-block-categories li a span, .widget_pages ul li a span, .widget_nav_menu ul li a span{font-size:18px;text-align:center;height:calc(100% - 2px);position:absolute;right:1px;top:-7px;width:50px;transition:0.3s;border-radius:50px 0 0 50px;height:100%;display:flex;align-items:center;justify-content:flex-end;}
.widget_archive ul li a span:before, .widget_categories ul li a span:before, .wp-block-categories li a span:before, .widget_pages ul li a span:before, .widget_nav_menu ul li a span:before{content:"(";}
.widget_archive ul li a span:after, .wp-block-categories li a span:after, .widget_categories li a span:after, .widget_pages ul li a span:after, .widget_nav_menu ul li a span:after{content:")";}
.widget_pages ul li a:hover, .widget_nav_menu ul li a:hover{color:var(--primary-color1);}
.widget_pages ul.children, .widget_nav_menu ul.sub-menu{padding-left:15px;}
.widget_recent_entries li{border-bottom:1px solid var(--primary-color1);padding-bottom:15px;margin-bottom:15px;}
.widget_recent_entries li:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0;}
.widget_recent_entries li a{display:block;font-size:18px;font-weight:700;color:var(--text-color);}
.widget_recent_entries li .post-date{display:block;font-size:14px;letter-spacing:0;}
.wp-block-latest-posts li a{font-weight:500;display:block;font-size:16px;}
.widget_post_with_thumb li{margin-bottom:20px;border-bottom:1px solid #e3eeff;padding-bottom:20px;overflow:hidden;}
.single__widget__post{display:flex;}
.widget_post_with_thumb li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.widget__post__thumb{flex:1 0 auto;}
.widget_post_with_thumb li img{box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);height:auto;max-width:80px;float:left;margin-right:20px;border-radius:5px;}
.widget__post__content{display:flex;flex-direction:column;}
.widget_post_with_thumb li a{font-weight:600;display:block;margin-bottom:5px;line-height:1.5;font-size:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.widget__post__content .post-date{order:-1;margin-bottom:5px;}
.widget_post_with_thumb li .post-date{display:block;font-size:14px;letter-spacing:0;}
.widget_post_with_thumb li .post-date i{margin-right:5px;}
.wp-block-cover .wp-block-cover__inner-container p.has-background{padding:60px 0 30px 0;}
.wp-block-cover p.wp-block-cover-text{line-height:1.8;}
.wp-block-cover p{line-height:1.8;}
.widget_recent_comments li{margin-bottom:10px;}
.widget_recent_comments li:last-child,.wp-block-latest-comments li:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0;}
.widget_recent_comments li a,.wp-block-latest-comments li a{font-size:18px;font-weight:500;color:var(--text-color);}
.widget_recent_comments li a:hover,.wp-block-latest-comments li a:hover{color:var(--primary-color1);}
.wp-block-latest-comments li a:last-child{font-weight:500;margin-top:5px;margin-bottom:0;}
.widget_recent_comments li > a,.wp-block-latest-comments li > a{font-weight:500;display:inline-block;}
.widget_recent_comments li .post-date,.wp-block-latest-comments li .post-date{font-size:14px;}
.widget_instagram{overflow:hidden;}
.widget_instagram li{float:left;padding:5px;width:33.33%;}
.widget_instagram li img{border-radius:0;}
.widget_instagram ul{margin-left:-5px;margin-right:-5px;}
ul.instagram{margin:0;padding:0;list-style:none;}
ul.instagram li{width:33.33%;float:left;padding:2.5px;}
.widget_social_profile li{display:inline-block;}
.widget_social_profile li a{display:block;height:40px;margin:0 5px;padding-top:8px;text-align:center;width:40px;border:1px solid var(--primary-color1);color:#bdc5ff;padding-top:6px;}
.widget_social_profile li a:hover{background:var(--primary-color1) none repeat scroll 0 0;border-color:var(--primary-color1);color:#ffffff;}
.widget_search .page-search form{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%;}
.widget_search .page-search form button[type="submit"]{min-width:60px;}
.widget_search form button[type="submit"],.error-area-wrapper form button[type="submit"]{border-radius:0px 5px 5px 0px;height:50px;min-width:80px;background:var(--primary-color1);border:none;margin:0;transition:all 0.42s ease-in-out;color:#fff;}
.service-section .swiper-fix{padding:12px;margin:-12px;}
.current-menu-item > a{color:var(--primary-color1) !important;}
#wp-calendar{margin:0;width:100%;}
#wp-calendar>caption{background:var(--primary-color1) none repeat scroll 0 0;color:#ffffff;text-align:center;text-transform:uppercase;letter-spacing:2px;caption-side:top;}
#wp-calendar th{background:#f6f9ff;padding:5px 0;text-align:center;color:#252525;font-size:14px;}
#wp-calendar tfoot td{border:medium none;padding-top:5px;}
#wp-calendar tfoot td#next{text-align:right;}
#wp-calendar tbody td{padding:5px 0;text-align:center;}
#wp-calendar tbody td a{position:relative;}
#wp-calendar tbody td a:before{background:#e6eeff;content:"";position:absolute;z-index:-1;left:0;margin:0;top:0;width:100%;border-radius:50%;height:100%;}
#wp-calendar tfoot tr td{padding:10px;padding-bottom:5px;padding-top:5px;}
#wp-calendar tbody td#today{position:relative;}
#wp-calendar tbody td#today:before{height:calc( 100% + 2px );width:calc( 100% + 2px );position:absolute;left:-1px;top:-1px;content:"";z-index:1;border-top:1px solid var(--primary-color1);border-left:1px solid var(--primary-color1);}
.widget_rss li{margin-bottom:20px;}
.widget_rss li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.widget_rss li a{font-weight:500;font-size:18px;}
.widget_rss li .rss-date{display:block;margin-bottom:10px;font-size:14px;color:var(--primary-color1);}
.widget_rss li cite{color:#252525;letter-spacing:1px;margin-top:5px;display:block;font-weight:600;}
.widget_rss li cite:before{display:inline-block;width:20px;height:2px;background:var(--primary-color1);content:"";position:relative;top:-5px;margin-right:10px;}
.widget_text p{margin-bottom:20px;color:#272727;line-height:1.8;}
.widget_text p:last-of-type{margin-bottom:20px;}
.widget_meta ul li li{border:0 none;}
.widget_meta ul li a{display:block;margin-bottom:10px;position:relative;font-size:18px;font-weight:700;color:var(--text-color);transition:all 0.35s ease-in-out;}
.widget_meta ul li a:hover{color:var(--primary-color1);}
.widget_meta ul li:last-child a{margin-bottom:0;}
.blog-widget-item.widget_banner{padding:0;}
.search-form-control{width:100%;height:100vh;overflow:hidden;position:fixed;left:0;top:0;opacity:0;visibility:hidden;transition:all 0.7s cubic-bezier(0.4, 0, 0.2, 1);}
.search-button.close{opacity:0;}
.contact_widget p{margin-bottom:10px;}
.contact_widget p:last-child{margin-bottom:0;}
.contact_widget .fa{margin-right:10px;}
.contact_widget i{bottom:-3px;font-size:20px;margin-right:10px;position:relative;}
.subscriber-form-group{height:60px;position:relative;background:var(--primary-color1) none repeat scroll 0 0;}
.subscriber-form-group input{left:0;padding-right:110px;position:absolute;top:0;height:100%;padding:10px 20px;background:transparent;border:0 !important;border-radius:0 !important;}
.subscriber-form-group button{background:var(--primary-color1);border:0 none;color:#ffffff;height:100%;padding:10px;position:absolute;right:0;top:0;min-width:60px;transition:0.3s;border-radius:0 !important;}
.subscriber-form-group button:hover{background:var(--primary-color1) none repeat scroll 0 0;color:#ffffff;}
.subscrier_msg{text-align:center;width:100%;display:none;}
.subscrier_msg.valid{position:absolute;left:0;}
.widget ul{margin:0;padding:0;list-style:none;}
footer.footer-wrapper .footer-item .mc4wp-response p{margin-top:25px;}
.post-tags li a{font-size:14px;text-transform:capitalize;font-weight:500;color:#7A7A7A;padding:3px 10px;height:auto;margin-left:5px;border-radius:3px;background:#F3F3F3;}
.post-tags li a:hover{background:var(--primary-color1);border-color:var(--primary-color1);color:#ffffff;}
.widget-area{position:relative;z-index:1;}
.blog-posts-list{padding-right:20px;}
.single-download .blog-widget-item{margin-bottom:30px;}
.blog-widget-item:before{width:0%;height:4px;content:"";position:absolute;left:0;top:0;background:linear-gradient(90deg, #00abe9 0%, #0030ff 100%);transition:0.5s;}
.blog-widget-item:hover:before{width:0%;}
.blog-widget-item h3{font-size:22px;font-weight:700;color:var(--text-color);margin-bottom:20px;}
.blog-comments{padding:0;padding-top:1px;}
.blog-comments .comment-list .comment-respond{padding:20px;margin-bottom:20px;border:1px solid #eee;}
.comments-title{font-size:2.059rem;font-weight:700;color:var(--text-color);padding-bottom:5px;}
.comments-title::after{content:"";position:absolute;left:0px;bottom:0px;width:70px;height:3px;border-radius:30px;background-color:var(--primary-color1);}
@media(min-width:768px) and (max-width:991px){
.blog-posts-list{padding:0;}
}
@media only screen and (max-width: 767px) {
.blog-posts-list{padding:0;}
.posts__bottom__meta{margin-top:20px;}
.posts__bottom__meta .post__author{display:none;}
.posts__bottom__meta .posts__readmore{float:none;}
}  .post__top__meta{margin-bottom:13px;}
.post__top__meta .post__date__and__category{margin-bottom:0;}
a.post_readmore_button{color:#ffffff;background:var(--primary-color1);display:inline-block;padding:8px 25px;border-radius:3px;margin-top:30px;position:relative;overflow:hidden;z-index:1;font-size:14px;letter-spacing:1px;}
a.post_readmore_button:hover{background:#2e2d31;}
a.post_readmore_button i{margin-left:6px;}
.single-post-item{position:relative;border-radius:0;overflow:hidden;}
.single-post-item .post-media{border-radius:0;overflow:hidden;}
.single-post-item .content{border:0;}
.single .single-post-item{box-shadow:0 0 0;background:inherit;border-radius:0;overflow:inherit;}
.single .single-post-item .post-media{border-radius:0;overflow:inherit;}
.single .single-post-item .content{border:inherit;}
.single .related-post .single-post-item{box-shadow:0 10px 80px rgb(54 65 90 / 10%);}
.blog-details-area .post-video iframe{min-height:540px;}
.blog-standard-single .post-video iframe{min-height:480px;}
.widget_media_gallery figure img{border:1px solid rgba(0, 0, 0, .2);border-radius:3px;}
.widget_media_gallery figure>div{padding:5px;}
.single__post__top__meta{margin-top:0;}
.single__post__top__meta a{background:#ffffff;padding:10px 20px;border-radius:50px;font-size:15px;color:#1A152E;display:inline-block;}
.single__post__top__meta a:hover{background:var(--primary-color1) !important;color:#ffffff !important;}
.single__post__top__meta .post__date__and__category{padding:0;margin-right:0;display:flex;align-items:center;}
.post__date__and__category{width:100%;}
.post__date__and__category ul{margin:0;padding-left:20px;}
.single__post__top__meta .post-share li a{display:inline-block;font-size:14px;margin-right:5px;text-align:center;width:35px;background:#ffffff;height:35px;padding:10px 0 0;border-radius:50px;border:0;}
@media only screen and (max-width: 767px) {
.single__post__top__meta .post__date__and__category{display:block;text-align:center;}
.single__post__top__meta .post__date__and__category .post-share{margin-top:25px;}
}
.single .post.single-post-item .content{padding:0 !important;border:0;background:inherit;}
.single .post.single-post-item .post-media{margin-bottom:40px;border-radius:10px;overflow:hidden;}
.single__post__author{display:inline-flex;align-items:center;text-align:left;margin-top:30px;}
.single__post__author .author__thumb__wrap{width:60px;border-radius:50px;overflow:hidden;margin-right:13px;border:3px solid;box-sizing:border-box;}
.single__post__author .author__thumb__wrap img{border-radius:50%;}
.single__post__author .author__link{font-weight:600;font-size:16px;line-height:1;}
.widget-area .blog-widget-item{padding:30px 25px;}
.page-wrapper blockquote, .content blockquote, .blog-comments blockquote{border:0 none;background:#f8f8f8;width:100%;height:auto;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;margin-bottom:30px;position:relative;}
.content blockquote:before,.page-wrapper blockquote:before, .blog-comments blockquote:before{color:var(--primary-color1);transition:0.3s;content:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/icons/blog-stand-qote.svg);font-weight:600;position:absolute;padding-top:5px;top:-30px;right:25px;height:56px;width:56px;line-height:56px;text-align:center;border-radius:50%;background:#FFFFFF;box-shadow:3px 4px 30px rgb(136 136 136 / 15%);}
.wp-block-quote cite, .wp-block-quote footer,.wp-block-pullquote.is-style-solid-color blockquote cite{font-size:25px;font-weight:700;color:var(--primary-color1);font-family:'cuprum', sans-serif;}
.content blockquote p, .wp-block-quote.is-large p, .wp-block-quote.is-style-large p{font-size:22px;font-weight:600;color:var(--text-color);line-height:1.5;font-family:'cuprum', sans-serif;}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote::before{left:-45px;top:-35px;}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote{max-width:60%;text-align:left;}
.wp-block-quote.is-large, .wp-block-quote.is-style-large{padding:30px 100px !important;}
.wp-block-quote.is-large, .wp-block-quote.is-style-large p{font-size:26px !important;line-height:1.3;}
.wp-block-quote.has-text-align-right{padding-right:2em !important;}
blockquote.has-text-color.has-light-gray-color{padding:50px 90px;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#FF3524;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote{max-width:80%;background:transparent!important;padding:0!important;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote:before{left:5px;top:-65px;}
blockquote.has-text-color.has-light-gray-color p{font-size:20px!important;color:#292929;font-weight:600;line-height:1.3em!important;margin-bottom:10px!important;font-style:normal;}
.related-post .post__grid__layout__2 .content.have-not-img{left:0px;width:100%;}
.blog-tag-area .tag-list a:hover{background:#333;color:#fff;}
p.wp-block-tag-cloud{margin:0;padding:0;}
.tagcloud a, .wp-block-tag-cloud a{text-align:center;display:inline-block;margin:10px 5px 0 0;font-size:14px;font-weight:400;color:var(--text-color2);background:#F8F8F8;padding:8px 15px;text-transform:capitalize;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;border-radius:3px;border:1px solid transparent;}
.wp-block-tag-cloud a:hover,.tagcloud a:hover{color:#ffffff;border:1px solid var(--primary-color1);background-color:var(--primary-color1);}
pre{padding:25px;background:#e9f0f7;overflow:hidden;word-wrap:break-word;}
.single-post-item .post-media img{border-radius:10px;}
ul.wp-block-page-list li a{margin:0;background:transparent;height:inherit;padding:10px 0;color:#1A152E;font-size:inherit;text-transform:capitalize;line-height:1.3;position:relative;}
ul.wp-block-page-list li{color:#515151;font-family:'Poppins', sans-serif;font-size:16px;font-weight:400;letter-spacing:0.1px;line-height:43px;}
ul.wp-block-page-list li a:before{display:inline-block;content:"...";top:-4px;position:relative;margin-right:10px;opacity:.5;font-size:20px;line-height:1;transition:0.3s;}
.widget-area ul.wp-block-page-list li ul.submenu-container{padding-left:15px;}
.widget-area .wp-block-latest-comments li a:last-child{display:block;}
.widget-area .wp-block-latest-comments a.wp-block-latest-comments__comment-link{display:inline-block!important;font-size:16px!important;font-weight:500!important;}
.widget-area ul.wp-block-latest-posts li a{font-size:17px;font-weight:700;color:var(--text-color);-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.widget-area ul.wp-block-latest-posts li a:hover{color:var(--primary-color1);}
.widget-area .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{text-transform:capitalize;font-size:14px;display:inline-block;letter-spacing:0;color:#515151;margin-right:12px;}
.widget-area .wp-block-latest-posts__featured-image img{width:100%;}
.widget-area ol.has-avatars.has-dates.has-excerpts.wp-block-latest-comments{margin-bottom:10px;}
.widget-area .wp-block-archives-dropdown{margin-bottom:0px;}
.wp-block-archives-dropdown ul li::after{content:none;}
.wp-block-categories-dropdown ul li::after{content:none;}
.wp-block-media-text{margin-top:30px!important;margin-bottom:30px!important;}
.wp-block-columns.alignwide figure.wp-block-image{margin-top:10px;}
.wp-block-video figcaption{margin-top:15px;}
.wp-block-image figcaption{text-align:unset;}
.wp-block-columns.alignwide blockquote{padding:50px 25px;}
.offcanvas__content__close__trigger{line-height:55px;}
.related-post .post__grid__layout__2 img{min-height:166px;object-fit:cover;}
blockquote.wp-block-quote.has-text-align-right.extraclass{text-align:right;}
.wp-block-button.is-style-squared a.wp-block-button__link{border-radius:0;}
.blog__content__wrap .wp-block-pullquote blockquote p{font-style:normal!important;}
pre{margin-top:15px;background-color:#f8f8f8;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f5f5), color-stop(50%, #e6e6e6));background-image:linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);background-size:38px 38px;border:1px solid #f8f8f8;display:block;line-height:19px;margin-bottom:20px;overflow:visible;overflow-y:hidden;padding:0 0 0 4px;word-break:break-word;}
.single .content ul.wp-block-rss{margin-top:15px;}
.single .content p.wp-block-tag-cloud{margin-bottom:25px;}
.content ul li ul, .content ol li ol{padding-left:24px;}
.single-post-item.format-quote{background:#fff;font-size:inherit;padding:0;text-align:left;box-shadow:none;}
.content.post-quote-custom{padding:0;text-align:left;background:transparent;}
.content .wp-block-button__link{color:#fff;}
.wp-block-button__link{background-color:var(--primary-color1);padding:8px 25px;letter-spacing:1;color:#fff;}
.wp-block-button__link:hover{background:#2e2d31;}
.is-style-outline .wp-block-button__link:hover{background:#2e2d31;color:#fff;}
.comment-content>ul, .comment-content>ol{padding-left:18px;}
.comment-content>ul li ul, .comment-content>ol li ol{padding-left:24px;}
.content .wp-block-cover-image-text, .wp-block-cover-image-text a,
.content .wp-block-cover-image-text a:active, .content .wp-block-cover-image-text a:focus, .content .wp-block-cover-image-text a:hover, .content .wp-block-cover-text, .wp-block-cover-text a, 
.content .wp-block-cover-text a:active, .content .wp-block-cover-text a:focus, .content .wp-block-cover-text a:hover, .content section.wp-block-cover-image h2, .content section.wp-block-cover-image h2 a, .content section.wp-block-cover-image h2 a:active, .content section.wp-block-cover-image h2 a:focus, .content section.wp-block-cover-image h2 a:hover{color:#fff;}
.wp-block-image .alignleft{margin:8px 25px 8px 0;}
.wp-block-image .alignright{margin:8px 0 8px 25px;}
.breadcrumb-desc{font-size:20px;font-weight:500;font-family:"Poppins", sans-serif;position:relative;padding-left:20px;color:var(--primary-color1);}
.content li.blocks-gallery-item{padding-left:0;}
.content li.blocks-gallery-item::after{content:none;}
ul.pagination{gap:10px;list-style:none;}
ul.pagination a.next.page-link:after{content:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/icons/pagination-arrow-right.svg);}
ul.pagination a.next.page-link:hover::after{content:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/icons/pagination-arrow-right.svg);}
ul.pagination a.prev.page-link:hover::after{content:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/icons/pagination-arrow-left.svg);}
ul.pagination a.prev.page-link:after{content:url(//webtonic.co.za/wp-content/themes/spinner/assets/images/icons/pagination-arrow-left.svg);}
.content .pagination li{margin-bottom:0;}
.pagination li a{position:relative;display:block;color:#18212E;font-size:16px;padding:.375rem .75rem;font-weight:600;text-decoration:none;background-color:var(--white);border:1px solid #EEEEEE;border-radius:5px 5px 5px 0px;transition:0.42s ease;}
.pagination li span.current{z-index:3;color:var(--white);background-color:var(--primary-color1);border-color:var(--primary-color1);padding:.375rem .75rem;border-radius:5px 5px 5px 0px;}
.pagination-wrap .page-link.current{z-index:3;color:var(--white);background-color:var(--primary-color1);border-color:var(--primary-color1);padding:.375rem .75rem;border-radius:5px 5px 5px 0px;}
.pagination-wrap .page-link.dots{background:none;border:none;padding:0.375rem 0;}
.pagination-wrap .page-link.dots:hover{color:#000;}
.wp-block-latest-posts__list li:last-child .alignleft{margin-bottom:0;}
.wp-block-latest-posts.wp-block-latest-posts__list li{border-bottom:none;}
.blog-comment-form #respond #cancel-comment-reply-link{color:var(--primary-color1);}
.blog-details-single .blog-tag-area{margin-top:40px;}
.blog-details-single .blog-categories{display:flex;flex-direction:column;align-items:start;gap:7px;padding:0 20px;}
.blog-details-single .blog-categories h5{font-size:18px;font-weight:500;color:var(--text-color);margin:0;}
.blog-details-single .blog-categories .categories{display:flex;gap:28px;flex-wrap:wrap;}
.blog-details-single .blog-categories a{position:relative;font-size:14px;font-weight:400;color:var(--text-color2);}
.blog-details-single .blog-categories a:hover{color:var(--primary-color1);transition:all 0.3s;}
.blog-details-single .blog-categories a::after{content:"";position:absolute;right:-18px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--primary-color1);}
.blog-details-single .blog-categories a:last-child::after{content:none;}
.blog-tag-area .tag-list{margin:0;padding-left:0;display:flex;flex-wrap:wrap;gap:15px;}
.blog-tag-area .tag-list a{background:#ddd;padding:5px 10px;font-size:14px;color:#646464;}
.blog-tag-area h6{margin:0px;font-weight:500;font-size:20px;}
.blog-tag-area .tag-list a:last-child::after{content:none;}
.about-right-button > div{gap:20px;}
.main-nav.show-menu .set-menu{padding-top:30px;}
@media only screen and (max-width: 767px) {
.blog-details-single .blog-categories{
padding: 0;
margin-top: 10px;
}
}body{box-sizing:border-box;}:root{--primary-color1:rgb(230, 0, 76);--primary-opcaity:rgba(230, 0, 76, 0.1);--primary-color2:rgb(0, 202, 235);--primary-opcaity2:rgba(0, 202, 235, 0.1);--primary-color3:rgb(160, 68, 255);--primary-opcaity3:rgba(160, 68, 255, 0.1);--primary-color4:rgb(39, 174, 96);--primary-opcaity4:rgba(39, 174, 96, 0.1);--primary-color4-light:#f6fffc;--primary-color5:rgb(255, 115, 66);--primary-opcaity5:rgba(255, 76, 76, 0.1);--primary-color6:rgb(47, 128, 237);--primary-opcaity6:rgba(47, 128, 237, 0.1);--text-color:#18212e;--text-color2:#676767;--text-color3:#afafaf;--text-light:#eeeeee;--light-bg:#f8f8f8;--dark--bg:#0a120f;--dark-bg:#0a120f;--white:#fff;}
*,
*::before,
*::after{box-sizing:inherit;-webkit-font-smoothing:antialiased;word-break:break-word;word-wrap:break-word;}
table *{word-break:initial;}
#site-content{overflow:hidden;}
.page-wrapper .inner-post table th, .blog-wrapper .content table th, .blog-comment-form table th{color:#00274e;}
.blog-widget-item li a{font-family:"Cuprum", sans-serif;}
.blog-widget-item li{font-family:"Cuprum", sans-serif;}
.group::after, .entry-content::after{clear:both;content:"";display:block;}
a, path{transition:all 0.15s linear;}
button, input[type="button"],
input[type="reset"]{border:1px solid;border-color:#cccccc #cccccc #bbbbbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);line-height:1;padding:.6em 1em .4em;}
button:hover, input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{border-color:#cccccc #bbbbbb #aaaaaa;}
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{border-color:#aaaaaa #bbbbbb #bbbbbb;}
input[type="text"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
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{color:#666666;border-radius:5px 0px 0px 5px;width:100%;border:1px solid #EEEEEE;padding:10px;}
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:var(--primary-color1);}
select{border:1px solid #cccccc;}
textarea{width:100%;}
.post-content input{padding:10px;font-size:12px;height:40px;letter-spacing:3px;}
.kc-contact-form7 input, .kc-contact-form7 textarea{padding:10px;}
.owl-carousel .owl-item img{max-width:100%;width:auto;}
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);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;-webkit-clip-path:none;clip-path:none;color:var(--primary_color);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;}
.alignleft{float:left;margin-right:2em;}
.alignright{float:right;margin-left:2em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.widget select{max-width:100%;}
.sticky{display:block;}
.updated:not(.published){display:none;}
.page-wrapper .inner-post:after, .content:after, .entry-content:after, .entry-summary:after{clear:both;content:"";display:block;}
.page-links{clear:both;margin:0 0 1.5em;}
.comment-content a{word-wrap:break-word;}
.bypostauthor{display:block;}
.blog-news .blog-post-area #commentform{padding-bottom:0;}
.blog-news .blog-comment-form .form-submit{margin-bottom:0;}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer{display:none;}
.infinity-end.neverending .site-footer{display:block;}
.page-wrapper .inner-post .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%;}
.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;color:#555;}
.wp-caption-text{text-align:center;}
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}
.single .content figure.gallery-item{margin-bottom:20px;}
.single .content figure.gallery-item img{margin-bottom:5px;}
.blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin-right:5px;}
.blog-widget-item .wp-block-group__inner-container h2{font-size:25px;font-weight:700;color:var(--text-color);margin-bottom:20px;}
.blog-widget-item .wp-block-search .wp-block-search__label{font-size:22px;font-weight:700;color:var(--text-color);margin-bottom:20px;font-family:"Cuprum", sans-serif;}
.blog-widget-item area form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search{margin-bottom:10px;}
@media(max-width:991px){
body.logged-in.admin-bar .main-menu.show-menu{margin-top:42px;}
body.logged-in.admin-bar header .main-nav{margin-top:32px;}
body.logged-in.admin-bar header.sticky .main-nav{margin-top:0;}
body.logged-in.admin-bar header.sticky .main-menu.show-menu{margin-top:0;}
.widget-area{margin-top:40px;}
}
body.logged-in.admin-bar .header-area.style-4{margin-top:32px;}
body.logged-in.admin-bar .header-area.sticky{margin-top:32px;position:absolute;}
body.logged-in.admin-bar .header-area.sticky{position:fixed;}
@media screen and (max-width:783px){
body.logged-in.admin-bar .header-area.sticky{margin-top:0;position:fixed;}
body.logged-in.admin-bar .header-area.sticky .main-nav{margin-top:0;}
} 
@media screen and (max-width:576px){
body.logged-in.admin-bar .header-area.sticky{
position: fixed;
z-index: 99999;
}
}.alignleft{float:left;margin-bottom:20px;clear:both;}
.alignright{float:right;margin-bottom:20px;clear:both;}
.aligncenter{display:block;margin:0 auto 20px;}
.alignnone{margin-bottom:20px;margin-top:20px;}
.alignfull, .alignwide{margin-bottom:20px;}
img, svg{max-width:100%;height:auto;}
body, html{height:100%;}
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset !important;}
button, input[type="submit"],
a.read-more{position:relative;z-index:1;}
button:before, input[type="submit"]:before,
a.read-more:before{z-index:-1;position:absolute;width:0;height:100%;content:"";top:0;right:0;transition:0.5s;}
button:hover:before, input[type="submit"]:hover:before,
a.read-more:hover:before{right:auto;left:0;width:100%;}
.center, .left, .right{position:relative;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font32{font-size:32px;}
.font30{font-size:30px;}
.font36{font-size:36px;}
.font38{font-size:38px;}
.font48{font-size:48px;}
.font42{font-size:42px;}
.font48{font-size:48px;}
.font50{font-size:50px;}
.font52{font-size:52px;}
.font60{font-size:60px;}
.font80{font-size:80px;}
.font120{font-size:120px;}
.font140{font-size:140px;}
@media only screen and (min-width: 1200px) {
.lg-center{text-align:center;}
.lg-left{text-align:left;}
.lg-right{text-align:right;}
.lg-font12{font-size:12px;}
.lg-font14{font-size:14px;}
.lg-font16{font-size:16px;}
.lg-font18{font-size:18px;}
.lg-font20{font-size:20px;}
.lg-font22{font-size:22px;}
.lg-font24{font-size:24px;}
.lg-font26{font-size:26px;}
.lg-font28{font-size:28px;}
.lg-font32{font-size:32px;}
.lg-font30{font-size:30px;}
.lg-font36{font-size:36px;}
.lg-font38{font-size:38px;}
.lg-font48{font-size:48px;}
.lg-font42{font-size:42px;}
.lg-font48{font-size:48px;}
.lg-font50{font-size:50px;}
.lg-font52{font-size:52px;}
.lg-font60{font-size:60px;}
.lg-font80{font-size:80px;}
.lg-font120{font-size:120px;}
.lg-font140{font-size:140px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-center{text-align:center;}
.md-left{text-align:left;}
.md-right{text-align:right;}
.md-font12{font-size:12px;}
.md-font14{font-size:14px;}
.md-font16{font-size:16px;}
.md-font18{font-size:18px;}
.md-font20{font-size:20px;}
.md-font22{font-size:22px;}
.md-font24{font-size:24px;}
.md-font26{font-size:26px;}
.md-font28{font-size:28px;}
.md-font32{font-size:32px;}
.md-font30{font-size:30px;}
.md-font36{font-size:36px;}
.md-font38{font-size:38px;}
.md-font48{font-size:48px;}
.md-font42{font-size:42px;}
.md-font48{font-size:48px;}
.md-font50{font-size:50px;}
.md-font52{font-size:52px;}
.md-font60{font-size:60px;}
.md-font80{font-size:80px;}
.md-font120{font-size:120px;}
.md-font140{font-size:140px;}
}
@media(min-width:768px) and (max-width:991px){
.sm-center{text-align:center;}
.sm-left{text-align:left;}
.sm-right{text-align:right;}
.sm-font12{font-size:12px;}
.sm-font14{font-size:14px;}
.sm-font16{font-size:16px;}
.sm-font18{font-size:18px;}
.sm-font20{font-size:20px;}
.sm-font22{font-size:22px;}
.sm-font24{font-size:24px;}
.sm-font26{font-size:26px;}
.sm-font28{font-size:28px;}
.sm-font32{font-size:32px;}
.sm-font30{font-size:30px;}
.sm-font36{font-size:36px;}
.sm-font38{font-size:38px;}
.sm-font48{font-size:48px;}
.sm-font42{font-size:42px;}
.sm-font48{font-size:48px;}
.sm-font50{font-size:50px;}
.sm-font52{font-size:52px;}
.sm-font60{font-size:60px;}
.sm-font80{font-size:80px;}
.sm-font120{font-size:120px;}
.sm-font140{font-size:140px;}
}
@media only screen and (max-width: 767px) {
.xs-center{text-align:center;}
.xs-left{text-align:left;}
.xs-right{text-align:right;}
.xs-font12{font-size:12px;}
.xs-font14{font-size:14px;}
.xs-font16{font-size:16px;}
.xs-font18{font-size:18px;}
.xs-font20{font-size:20px;}
.xs-font22{font-size:22px;}
.xs-font24{font-size:24px;}
.xs-font26{font-size:26px;}
.xs-font28{font-size:28px;}
.xs-font32{font-size:32px;}
.xs-font30{font-size:30px;}
.xs-font36{font-size:36px;}
.xs-font38{font-size:38px;}
.xs-font48{font-size:48px;}
.xs-font42{font-size:42px;}
.xs-font48{font-size:48px;}
.xs-font50{font-size:50px;}
.xs-font52{font-size:52px;}
.xs-font60{font-size:60px;}
.xs-font80{font-size:80px;}
.xs-font120{font-size:120px;}
.xs-font140{font-size:140px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.xsl-center{text-align:center;}
.xsl-left{text-align:left;}
.xsl-right{text-align:right;}
.xsl-font12{font-size:12px;}
.xsl-font14{font-size:14px;}
.xsl-font16{font-size:16px;}
.xsl-font18{font-size:18px;}
.xsl-font20{font-size:20px;}
.xsl-font22{font-size:22px;}
.xsl-font24{font-size:24px;}
.xsl-font26{font-size:26px;}
.xsl-font28{font-size:28px;}
.xsl-font32{font-size:32px;}
.xsl-font30{font-size:30px;}
.xsl-font36{font-size:36px;}
.xsl-font38{font-size:38px;}
.xsl-font48{font-size:48px;}
.xsl-font42{font-size:42px;}
.xsl-font48{font-size:48px;}
.xsl-font50{font-size:50px;}
.xsl-font52{font-size:52px;}
.xsl-font60{font-size:60px;}
.xsl-font80{font-size:80px;}
.xsl-font120{font-size:120px;}
.xsl-font140{font-size:140px;}
}
.width50{width:50px;}
.width60{width:60px;}
.width70{width:70px;}
.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width110{width:110px;}
.width120{width:120px;}
.width50p{width:50%;}
.width70p{width:70%;}
.width80p{width:80%;}
.width90p{width:90%;}
.width100p, .width100p img{width:100%;}
.display-table{display:table;}
.display-table-cell{display:table-cell;}
.vertical-align-middle{vertical-align:middle;}
.last-p-mb0 p:last-of-type{margin-bottom:0;}
.first-h4-mb0 h4:first-of-type{margin-bottom:0;}
.font300{font-weight:300;}
.font400{font-weight:400;}
.font500{font-weight:500;}
.font600{font-weight:600;}
.font700{font-weight:700;}
.font800{font-weight:800;}
.fix{overflow:hidden;}
.relative{position:relative;overflow:hidden;}
.absulute{position:absolute;}
.v-center{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:9;}
.h-center{left:50%;transform:translateX(-50%);}
.h-center-reverse{right:50%;transform:translateX(50%);}
.content-center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;}
.item-center{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:1;}
.flex-v-center{display:flex;align-items:center;}
.display-block{display:block;}
.social-bookmark li{display:inline;}
.social-bookmark li a{display:inline-block;margin:0 2px;text-align:center;}
.inline li{display:inline;}
.inline-block li{display:inline-block;}
.inline-block{display:inline-block;}
@media(min-width:768px) and (max-width:991px){
.sm-width100p{width:100%;}
.flex-v-center{display:inherit;}
}
@media only screen and (max-width: 767px) {
.xs-width100p{width:100%;}
.flex-v-center{align-items:inherit;display:inherit;}
}
.mt100{margin-top:100px;}
.mt90{margin-top:90px;}
.mt80{margin-top:80px;}
.mt70{margin-top:70px;}
.mt60{margin-top:60px;}
.mt50{margin-top:50px;}
.mt40{margin-top:40px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.no-margin{margin:0;}
.mb100{margin-bottom:100px;}
.mb90{margin-bottom:90px;}
.mb80{margin-bottom:80px;}
.mb70{margin-bottom:70px;}
.mb60{margin-bottom:60px;}
.mb50{margin-bottom:50px;}
.mb40{margin-bottom:40px;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.mb0{margin-bottom:0;}
@media only screen and (min-width: 1200px) {
.lg-mb0{margin-bottom:0;}
.lg-mb10{margin-bottom:10px;}
.lg-mb20{margin-bottom:20px;}
.lg-mb30{margin-bottom:30px;}
.lg-mb40{margin-bottom:40px;}
.lg-mb50{margin-bottom:50px;}
.lg-mb60{margin-bottom:60px;}
.lg-mb70{margin-bottom:70px;}
.lg-mb80{margin-bottom:80px;}
.lg-mb100{margin-bottom:100px;}
.lg-mt0{margin-top:0;}
.lg-mt10{margin-top:10px;}
.lg-mt20{margin-top:20px;}
.lg-mt30{margin-top:30px;}
.lg-mt40{margin-top:40px;}
.lg-mt50{margin-top:50px;}
.lg-mt60{margin-top:60px;}
.lg-mt70{margin-top:70px;}
.lg-mt80{margin-top:80px;}
.lg-mt100{margin-top:100px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-mb0{margin-bottom:0;}
.md-mb10{margin-bottom:10px;}
.md-mb20{margin-bottom:20px;}
.md-mb30{margin-bottom:30px;}
.md-mb40{margin-bottom:40px;}
.md-mb50{margin-bottom:50px;}
.md-mb60{margin-bottom:60px;}
.md-mb70{margin-bottom:70px;}
.md-mb80{margin-bottom:80px;}
.md-mb100{margin-bottom:100px;}
.md-mt0{margin-top:0;}
.md-mt10{margin-top:10px;}
.md-mt20{margin-top:20px;}
.md-mt30{margin-top:30px;}
.md-mt40{margin-top:40px;}
.md-mt50{margin-top:50px;}
.md-mt60{margin-top:60px;}
.md-mt70{margin-top:70px;}
.md-mt80{margin-top:80px;}
.md-mt100{margin-top:100px;}
}
@media(min-width:768px) and (max-width:991px){
.sm-mb0{margin-bottom:0;}
.sm-mb10{margin-bottom:10px;}
.sm-mb20{margin-bottom:20px;}
.sm-mb30{margin-bottom:30px;}
.sm-mb40{margin-bottom:40px;}
.sm-mb50{margin-bottom:50px;}
.sm-mb60{margin-bottom:60px;}
.sm-mb70{margin-bottom:70px;}
.sm-mb80{margin-bottom:80px;}
.sm-mb100{margin-bottom:100px;}
.sm-mt0{margin-top:0;}
.sm-mt10{margin-top:10px;}
.sm-mt20{margin-top:20px;}
.sm-mt30{margin-top:30px;}
.sm-mt40{margin-top:40px;}
.sm-mt50{margin-top:50px;}
.sm-mt60{margin-top:60px;}
.sm-mt70{margin-top:70px;}
.sm-mt80{margin-top:80px;}
.sm-mt100{margin-top:100px;}
}
@media only screen and (max-width: 767px) {
.xs-mb0{margin-bottom:0;}
.xs-mb10{margin-bottom:10px;}
.xs-mb20{margin-bottom:20px;}
.xs-mb30{margin-bottom:30px;}
.xs-mb40{margin-bottom:40px;}
.xs-mb50{margin-bottom:50px;}
.xs-mb60{margin-bottom:60px;}
.xs-mb70{margin-bottom:70px;}
.xs-mb80{margin-bottom:80px;}
.xs-mb100{margin-bottom:100px;}
.xs-mt0{margin-top:0;}
.xs-mt10{margin-top:10px;}
.xs-mt20{margin-top:20px;}
.xs-mt30{margin-top:30px;}
.xs-mt40{margin-top:40px;}
.xs-mt50{margin-top:50px;}
.xs-mt60{margin-top:60px;}
.xs-mt70{margin-top:70px;}
.xs-mt80{margin-top:80px;}
.xs-mt100{margin-top:100px;}
}
.section-padding{padding:100px 0;}
.padding-top{padding-top:100px;}
.padding-bottom{padding-bottom:100px;}
.padding-100-70{padding-top:100px;padding-bottom:70px;}
.padding-100-50{padding-top:100px;padding-bottom:50px;}
.padding-100-40{padding-top:100px;padding-bottom:40px;}
.padding-100-30{padding-top:100px;padding-bottom:30px;}
.padding-50-50{padding:50px 0;}
.padding-150-150{padding:150px 0;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-top-60{padding-top:60px;}
.padding-top-70{padding-top:70px;}
.padding-top-80{padding-top:80px;}
.padding-top-90{padding-top:90px;}
.padding-top-100{padding-top:100px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-70{padding-bottom:70px;}
.padding-bottom-80{padding-bottom:80px;}
.padding-bottom-90{padding-bottom:90px;}
.padding-bottom-100{padding-bottom:100px;}
.padding100{padding:100px;}
.padding90{padding:90px;}
.padding80{padding:80px;}
.padding70{padding:70px;}
.padding60{padding:60px;}
.padding50{padding:50px;}
.padding40{padding:40px;}
.padding30{padding:30px;}
.padding20{padding:20px;}
.padding10{padding:10px;}
.no-padding{padding:0;}
@media only screen and (min-width: 1200px) {
.lg-padding-top-10{padding-top:10px;}
.lg-padding-top-20{padding-top:20px;}
.lg-padding-top-30{padding-top:30px;}
.lg-padding-top-40{padding-top:40px;}
.lg-padding-top-50{padding-top:50px;}
.lg-padding-top-60{padding-top:60px;}
.lg-padding-top-70{padding-top:70px;}
.lg-padding-top-80{padding-top:80px;}
.lg-padding-top-90{padding-top:90px;}
.lg-padding-top-100{padding-top:100px;}
.lg-padding-bottom-10{padding-bottom:10px;}
.lg-padding-bottom-20{padding-bottom:20px;}
.lg-padding-bottom-30{padding-bottom:30px;}
.lg-padding-bottom-40{padding-bottom:40px;}
.lg-padding-bottom-50{padding-bottom:50px;}
.lg-padding-bottom-60{padding-bottom:60px;}
.lg-padding-bottom-70{padding-bottom:70px;}
.lg-padding-bottom-80{padding-bottom:80px;}
.lg-padding-bottom-90{padding-bottom:90px;}
.lg-padding-bottom-100{padding-bottom:100px;}
.lg-padding100{padding:100px;}
.lg-padding90{padding:90px;}
.lg-padding80{padding:80px;}
.lg-padding70{padding:70px;}
.lg-padding60{padding:60px;}
.lg-padding50{padding:50px;}
.lg-padding40{padding:40px;}
.lg-padding30{padding:30px;}
.lg-padding20{padding:20px;}
.lg-padding10{padding:10px;}
.lg-padding0{padding:0;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-padding-top-10{padding-top:10px;}
.md-padding-top-20{padding-top:20px;}
.md-padding-top-30{padding-top:30px;}
.md-padding-top-40{padding-top:40px;}
.md-padding-top-50{padding-top:50px;}
.md-padding-top-60{padding-top:60px;}
.md-padding-top-70{padding-top:70px;}
.md-padding-top-80{padding-top:80px;}
.md-padding-top-90{padding-top:90px;}
.md-padding-top-100{padding-top:100px;}
.md-padding-bottom-10{padding-bottom:10px;}
.md-padding-bottom-20{padding-bottom:20px;}
.md-padding-bottom-30{padding-bottom:30px;}
.md-padding-bottom-40{padding-bottom:40px;}
.md-padding-bottom-50{padding-bottom:50px;}
.md-padding-bottom-60{padding-bottom:60px;}
.md-padding-bottom-70{padding-bottom:70px;}
.md-padding-bottom-80{padding-bottom:80px;}
.md-padding-bottom-90{padding-bottom:90px;}
.md-padding-bottom-100{padding-bottom:100px;}
.md-padding100{padding:100px;}
.md-padding90{padding:90px;}
.md-padding80{padding:80px;}
.md-padding70{padding:70px;}
.md-padding60{padding:60px;}
.md-padding50{padding:50px;}
.md-padding40{padding:40px;}
.md-padding30{padding:30px;}
.md-padding20{padding:20px;}
.md-padding10{padding:10px;}
.md-padding0{padding:0;}
}
@media(min-width:768px) and (max-width:991px){
.sm-padding-top-10{padding-top:10px;}
.sm-padding-top-20{padding-top:20px;}
.sm-padding-top-30{padding-top:30px;}
.sm-padding-top-40{padding-top:40px;}
.sm-padding-top-50{padding-top:50px;}
.sm-padding-top-60{padding-top:60px;}
.sm-padding-top-70{padding-top:70px;}
.sm-padding-top-80{padding-top:80px;}
.sm-padding-top-90{padding-top:90px;}
.sm-padding-top-100{padding-top:100px;}
.sm-padding-bottom-10{padding-bottom:10px;}
.sm-padding-bottom-20{padding-bottom:20px;}
.sm-padding-bottom-30{padding-bottom:30px;}
.sm-padding-bottom-40{padding-bottom:40px;}
.sm-padding-bottom-50{padding-bottom:50px;}
.sm-padding-bottom-60{padding-bottom:60px;}
.sm-padding-bottom-70{padding-bottom:70px;}
.sm-padding-bottom-80{padding-bottom:80px;}
.sm-padding-bottom-90{padding-bottom:90px;}
.sm-padding-bottom-100{padding-bottom:100px;}
.sm-padding100{padding:100px;}
.sm-padding90{padding:90px;}
.sm-padding80{padding:80px;}
.sm-padding70{padding:70px;}
.sm-padding60{padding:60px;}
.sm-padding50{padding:50px;}
.sm-padding40{padding:40px;}
.sm-padding30{padding:30px;}
.sm-padding20{padding:20px;}
.sm-padding10{padding:10px;}
.sm-padding0{padding:0;}
.section-padding{padding:80px 0;}
.padding-top{padding-top:80px;}
.padding-bottom{padding-bottom:80px;}
.padding-100-50{padding-top:80px;padding-bottom:30px;}
.padding-100-70{padding-top:80px;padding-bottom:50px;}
.padding-100-30{padding-top:80px;padding-bottom:10px;}
}
@media only screen and (max-width: 767px) {
.xs-padding-top-10{padding-top:10px;}
.xs-padding-top-20{padding-top:20px;}
.xs-padding-top-30{padding-top:30px;}
.xs-padding-top-40{padding-top:40px;}
.xs-padding-top-50{padding-top:50px;}
.xs-padding-top-60{padding-top:60px;}
.xs-padding-top-70{padding-top:70px;}
.xs-padding-top-80{padding-top:80px;}
.xs-padding-top-90{padding-top:90px;}
.xs-padding-top-100{padding-top:100px;}
.xs-padding-bottom-10{padding-bottom:10px;}
.xs-padding-bottom-20{padding-bottom:20px;}
.xs-padding-bottom-30{padding-bottom:30px;}
.xs-padding-bottom-40{padding-bottom:40px;}
.xs-padding-bottom-50{padding-bottom:50px;}
.xs-padding-bottom-60{padding-bottom:60px;}
.xs-padding-bottom-70{padding-bottom:70px;}
.xs-padding-bottom-80{padding-bottom:80px;}
.xs-padding-bottom-90{padding-bottom:90px;}
.xs-padding-bottom-100{padding-bottom:100px;}
.xs-padding100{padding:100px;}
.xs-padding90{padding:90px;}
.xs-padding80{padding:80px;}
.xs-padding70{padding:70px;}
.xs-padding60{padding:60px;}
.xs-padding50{padding:50px;}
.xs-padding40{padding:40px;}
.xs-padding30{padding:30px;}
.xs-padding20{padding:20px;}
.xs-padding10{padding:10px;}
.xs-padding0{padding:0;}
.section-padding{padding:50px 0;}
.padding-top{padding-top:50px;}
.padding-bottom{padding-bottom:50px;}
.padding-100-50{padding-top:50px;padding-bottom:0;}
.padding-100-70{padding-top:50px;padding-bottom:20px;}
.padding-100-30{padding-top:50px;padding-bottom:0;}
}
.theme-bg{background:#f85d1c;}
.green-bg{background:#f6fafb;}
.white-green-bg{background:#eaf6fa;}
.gray-bg{background:#f0f1ff;}
.light-gray-bg{background-color:#f7f7f7;}
.deep-gray-bg{background-color:#f2f0ff;}
.sky-gray-bg{background:#f7f9fc;}
.soft-gray-bg{background:#f8f8ff;}
.dark-bg{background:rgba(0, 0, 0, 0.85);color:#fff;}
.alt-dark-bg{background:#0a0c19;color:#fff;}
.deep-dark-bg{background:rgba(0, 0, 0, 0.9);color:#fff;}
.alt-deep-dark-bg{background:#050713;color:#fff;}
.no-bg{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.black, .black a, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black small, .red, .red a, .red h1, .red h2, .red h3, .red h4, .red h5, .red h6, .red small, .white, .white a, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white small{color:#fff;}
.border{border:1px solid #ddd;}
.border-left{border-left:1px solid #ddd;}
.border-right{border-right:1px solid #ddd;}
.border-bottom{border-bottom:1px solid #ddd;}
.border-top{border-top:1px solid #ddd;}
.border-righ-bottom{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
@media only screen and (max-width: 767px) {
.border-xs{border:1px solid #ddd;}
}
.border-radious5{border-radius:5px;}
.border-radious10{border-radius:10px;}
.border-radious20{border-radius:20px;}
.border-radious50{border-radius:50px;}
.shadow{box-shadow:0 0 3px #ddd;}
.shadow10{box-shadow:0 0 3px #ddd;transition:0.3s;}
.shadow10:hover, .shadow:hover{transform:translateY(-5px);}
.no-shadow{box-shadow:0 0 0 0 transparent;}
button:hover, input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{outline:0;}
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{outline:0;width:100%;}
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, select:focus{outline:0;}
select{border:1px solid #ccc;}
textarea{width:100%;}
embed, iframe, object{width:100%;border:0;}
figure.wp-block-gallery {
margin-bottom: 40px !important;
}.spinner-project-template-default ul:not(#breadcrumb):not(.menu),
.awsm_job_openings-template-custom ul:not(.menu){list-style-type:disc;font-size:16px;}
.spinner-project-template-default ul:not(#breadcrumb):not(.menu) li::marker,
.awsm_job_openings-template-custom ul:not(.menu) li::marker{color:#F79016;}
.testimonial-single .testi-img{margin-top:0 !important;}
.projects-list-updated{list-style-type:disc !important;}
.projects-list-updated li::marker{color:#F79016;}
.h1{font-size:30px !important;}
.wp-block-heading{margin-bottom:5px !important;margin-top:50px !important;}
.service-list li{color:black !important;}
h3{font-size:30px !important;}
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:1px solid #EEEEEE !important;border-radius:5px 0px 0px 5px !important;width:100% !important;padding:10px !important;color:#666666 !important;}
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:#F79016 !important;}
input[type="tel"]{padding-left:87px !important;}
.btn-outline-primary{border-color:#F79016;color:black;}
.btn-outline-primary:hover{background-color:#F79016;border-color:#F79016;color:white;}
.projects-text-responsive{color:black;}
body>div.inner-banner{background-size:cover !important;}
.projects-main-heading{color:#000000;font-family:"Poppins", Sans-serif;font-size:40px;font-weight:bold;text-align:center;}
.projects-categories-subtext{color:#000000;}
img.tech-used{display:inline-block;}
.webtonic-divider{width:90%;border-top:2px solid;opacity:1;color:#F79016;display:block;margin:auto;}
.thumbnail-projects{display:block;margin-left:auto;margin-right:auto;}
.testimonial-single .quote-icon{display:none;}
.projects-btn:active{outline:none;}
@media only screen and (max-width:1920px) {
.webtonic-divider{border-top:2px solid;opacity:1;color:#F79016;display:block;margin:auto;}
.projects-btn:active, .projects-btn:focus{outline:none !important;box-shadow:none;}
.projects-text-responsive{font-size:16px;}
}
@media only screen and (max-width: 991px) {
.projects-headings{margin-top:15px;text-align:left;padding-left:10px;padding-right:10px;}
.projects-text-responsive{padding-left:10px;padding-right:10px;font-size:16px;}
.projects-btn{margin-left:10px;}
.portfolio-img{display:block;margin:auto;}
}
@media only screen and (max-width: 780px) {
.projects-text-responsive {
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
}
.projects-headings{
margin-top: 15px;
text-align: left;
font-size: 27px;
padding-left: 10px;
padding-right: 10px;
}
.projects-btn{
margin-left: 10px;
}
.portfolio-img {
display: block;
margin: auto;
}
}