.et-fb-no-vb-support-warning{display:none!important}.codemirror-lint-error{display:none!important}.et_pb_form_id_warning_message{font-size:1rem;color:#dc0f1a;font-weight:600}.et_pb_d_none{display:none!important}.et_pb_required_border{border:1px solid red!important}.et_pb_visually_hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}html[dir=ltr] .et_pb_visually_hidden{left:-9999px!important}html[dir=rtl] .et_pb_visually_hidden{right:-9999px!important}input[name^=et_pb_contact_hp_field_]{position:absolute!important;bottom:0!important;right:0!important;opacity:0!important}.select2-dropdown.select2-dropdown--below{z-index:9999999999!important}.et_pb_contact_field input[data-inline=on]{position:absolute!important;visibility:hidden!important;display:block!important;width:0!important;height:0!important;bottom:0!important}.xdsoft_datetimepicker{z-index:9999999999!important}.xdsoft_cell_disabled{pointer-events:none!important;opacity:.5!important;cursor:not-allowed!important;text-decoration:line-through!important}.xdsoft_datetimepicker .xdsoft_disabled{cursor:not-allowed!important}.et_pb_datetimepicker_conditional.et_pb_datetimepicker_input{display:block!important;position:absolute!important;width:0!important;background:0 0!important;bottom:0!important;border:none!important}.et_pb_date_range_wrapper{display:flex;position:relative}.xdsoft_datetimepicker .xdsoft_date.xdsoft_in_range{background-color:#e3f2fd!important}.xdsoft_datetimepicker .xdsoft_date.xdsoft_end_date,.xdsoft_datetimepicker .xdsoft_date.xdsoft_start_date{background-color:#2196f3!important;color:#fff!important}.xdsoft_datetimepicker .xdsoft_date.xdsoft_preview_range{background-color:#e3eef3!important}.xdsoft_datetimepicker .xdsoft_date.xdsoft_preview_end,.xdsoft_datetimepicker .xdsoft_date.xdsoft_preview_start{background-color:#2196f3!important;color:#fff!important}.et_pb_date_range_wrapper .start_dp{border-right:none!important;height:210px!important}.et_pb_date_range_wrapper .end_dp{border-left:none!important;height:210px!important}.et_pb_date_range_wrapper .xdsoft_datetimepicker{z-index:1!important}.et_pb_date_range_wrapper .drp_end_date,.et_pb_date_range_wrapper .drp_start_date{width:0!important;float:left}.et_pb_date_range_wrapper .et_pb_clear_dates{padding:0;display:flex;align-items:center;justify-content:center;position:absolute;top:12px;left:35px;cursor:pointer;font-size:16px;z-index:2!important}.et_pb_date_range_wrapper .et_pb_clear_dates::before{content:"";display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4v6h6M23 20v-6h-6'/%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle;transition:transform .3s ease,background-image .3s ease}.et_pb_date_range_wrapper .et_pb_clear_dates:hover::before{transform:scale(1.1) rotate(30deg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007cba' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4v6h6M23 20v-6h-6'/%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15'/%3E%3C/svg%3E")}.et_pb_files_container{position:relative;margin:0 0 0 3%}.et_pb_contact_field_half.et_pb_files_container{width:47%!important}.et_pb_files_container .et_pb_contact_submit.et_pb_button.et_pb_file_upload_button{margin:0}.et_pb_files_container .et_pb_file_input{position:absolute!important;left:0!important;visibility:hidden!important}.et_pb_files_container .et_pb_file_chosen_desc{margin-left:.575rem}.et_pb_files_container .et_pb_contact_hidden_files{opacity:0!important;position:absolute!important;bottom:0!important;pointer-events:none!important;visibility:hidden!important}.et_pb_files_container .et_pb_accepted_files_desc{display:block;word-break:break-word}.et_pb_files_container .et_pb_files_list{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 15px}.et_pb_files_container .et_pb_files_list .et_pb_file{flex:1 0 100%;padding:4px 0}.et_pb_files_container .et_pb_files_list span.et_pb_file:before{font-family:ETModules,serif;content:'\4e';margin-left:-2%;margin-right:.3rem;vertical-align:middle;color:#66b032;font-weight:800}.et_pb_files_container .et_pb_files_list .et_pb_file_name{margin:0 6px 0 0;color:grey;cursor:pointer;transition:all .2s ease-in;font-weight:600;word-wrap:break-word}.et_pb_files_container .et_pb_files_list a{text-decoration:none}.et_pb_files_container .et_pb_files_list .et_pb_file_size{color:grey}.et_pb_files_container .et_pb_files_list .et_pb_delete_file{vertical-align:middle;cursor:pointer;font-size:18px;margin-left:.3rem;margin-top:-2px;color:#dc0f1a;font-weight:bolder;transition:all .1s linear}.et_pb_files_container .et_pb_files_list .et_pb_delete_file:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.et_pb_file_upload_button{cursor:pointer}.et_pb_signature_pad_container{display:block;position:relative}.et_pb_signature_pad_container .signature__pad_inner{position:relative;display:inline-block}.et_pb_signature_pad_container .signature__pad_inner canvas{touch-action:none;user-select:none;cursor:url(//drroof.co.za/wp-content/plugins/divi-contact-form-helper/d4/assets/public/pen.svg) 0 25,pointer}.et_pb_signature_pad_container .signature__pad_inner .action_buttons{position:absolute;top:10px;right:10px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center}.et_pb_signature_pad_container .signature__pad_inner .action_buttons a{border:none;text-decoration:none;cursor:pointer}.et_pb_signature_pad_container .et_pb_signature_pad_message{display:block}.et_pb_signature_pad_container .et_pb_contact_hidden_input{opacity:0!important;position:absolute!important;bottom:0!important;pointer-events:none!important;visibility:hidden!important}.et_contact_bottom_container{float:none!important;justify-content:flex-end;width:100%}.et_pb_success_btn_container{display:flex}.et_pb_success_button{font-size:20px;font-weight:500;padding:.3em 1em;line-height:1.7em;background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid;border-radius:3px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all;transition-property:all}.et_pb_contact_spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #2ea3f2;width:20px;height:20px;animation:spin 1s linear infinite;vertical-align:middle;float:left;margin-bottom:10px;display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.et_pb_contact_spinner.is-active{display:block}.et_pb_contact_field_desc{display:flex;font-weight:400;clear:both}.et_pb_contact_form_label{position:relative;clear:both}.et_pb_contact_field_icon:before{content:attr(data-icon);position:absolute;z-index:9999}.et_pb_contact_field_icon[data-field-type=email]:before,.et_pb_contact_field_icon[data-field-type=input]:before{top:-.125rem;left:1rem}.et_pb_contact_field_icon[data-field-type=text]:before{top:.875rem;left:1rem}.et_pb_contact_field_options_wrapper{position:relative}.et_pb_contact_field_options_wrapper:before{position:absolute;z-index:1;transform:translate(-50%,-50%);top:.75rem;left:.425rem}.et_pb_contact_form_label:before{position:absolute;z-index:1;transform:translate(-50%,-50%);top:.75rem;left:.425rem}.et_pb_contact_field_options_title:after,.et_pb_contact_form_label:after{color:#ff0038;padding-left:2px}.et_pb_contact_form p.et_pb_v_hidden{visibility:hidden!important;margin:0!important;height:0!important;width:0!important}.et_pb_html_field{margin:0 0 0 3%}.et_pb_contact_field_half.et_pb_html_field{width:47%!important}.et_pb_contact_message_bottom{display:none}.et_pb_g_recaptcha{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 0 0 3%;margin-bottom:3%}.et_pb_cf_turnstile{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 0 0 3%;margin-bottom:3%}.et_pb_contact_form_overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.6);display:none}.et_pb_contact_form_loader_spinner{position:absolute;left:50%;top:50%;height:60px;width:60px;margin:0 auto;-webkit-animation:et_pb_spin .6s infinite linear;-moz-animation:et_pb_spin .6s infinite linear;-o-animation:et_pb_spin .6s infinite linear;animation:et_pb_spin .6s infinite linear;border-left:6px solid rgba(0,174,239,.15);border-right:6px solid rgba(0,174,239,.15);border-bottom:6px solid rgba(0,174,239,.15);border-top:6px solid rgba(0,174,239,.8);border-radius:100%}@-webkit-keyframes et_pb_spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes et_pb_spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@-o-keyframes et_pb_spin{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}@keyframes et_pb_spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}.et_pb_rating_container{display:inline-block;border:0}.et_pb_rating_container>input{display:none}.et_pb_rating_container>label:not(.et_pb_contact_form_label){float:right;cursor:pointer;position:relative}.et_pb_rating_container .half svg{position:absolute;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1RTM0MEU5QzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1RTM0MEVBQzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMzQwRTdDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMzQwRThDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6n647gAAAP5klEQVR42uxcCVRU1xl+82aGQWAQEcVAFI2gWCMqxDWYYOPCSQPxpNianLjHGJtdY2ubGI0naeBU20ZjTBQxotGKB6IhatVoIkQSRR1EQNFRBlllGZDNGRDof4f/6eP63jDMjqf3nCvOW+7yvX+//72S9vZ25v/F/CIj/0gkErMbMPcDNDU1+SkUilB4fwr0/wTUwVD7Q/Uw3l17dWtraxXUfJ1OlwntpGk0mtzJkyfXtJsxGEvmbnif9GkvAO/evfsM/JkilUrnQp+PWZMSWlpacuvr67dptdq0oKCgbLjUZgqglgLIWMrC5H1jVa/Xj4LJvd/W1lbUbqfS3NycU1lZ+U5CQkI/GCJrbHwWF1sBCKBFAMVta3dggf4rqqqqYk+fPj0UhirlOM6aAFqdhQG4MSzLvgVsutDYeyC/tDU1NWqQX5dycnLysrOzS86cOVOVmZlZT5oVeqdXr17sjBkzvEJCQvqGhYUNGTZs2OMDBgwY7enpGQD9uYn1BdRfW11d/eW0adM+hn7uwJjbnFIGwkDXAnhrjCiOCgDs159//jlt3759eSdPnqwgWGLVE/yhtpKmjI2ZsCUqQDlUxYoVKwIjIyPHjxw58pn+/fuHiYEJ4uQayMjNfn5+X5K+CJBOIQOB6iYDeL+KsVJFRcXFlJSUTyZNmjQTXgmFOgzqo1D7QlUS4kIwBNmMYjkOQPKsC1QCVm+o/aEGrFq1aoZKpfqisbGxWGw8wNbfzJw50xvbcCyAYE6sFBvorVu3VFu3bv0LPDYJ6igyQQTNHQFju1JCplQElYChwA/iO2vWrDEgDmKB6kuExgYi5HphYeFSfId1CIAAXqLQ4BoaGoqTkpI+hkcmQ30cqa03N1hrgGYCmISq+86bN29sfn5+PIz1jtBYCwoKPsIPytoNQHhHCSybKjSg3Nzcb8PDw5+Dx8YgxfVGVpPYEjgRMDkgfXbu3Pk8KK3zQmMuLS2NR8qV2hzAO3fuBAB4P9CDgOtVO3bsWA2PTEQZ5wPV1dYU1w0g3ceOHRtw9erVL4nyEJDTSfixpTYDEJ7tD+D9RHcOJkLe/PnzX0QFMYj7mo4GToC1idztk56e/idQfPX0PMrLy/d1G0RTAYTnZADefwXI/8yECROeRSXhi1QncSbwBKjR48CBA1HANaX0fIqKiuK7BaKpAAJ4KXRn169fP+Hv7/9buP0b1K5yZwaPosZeiYmJ4QCihp6XWq2OQy5irQIgaLA4uhMwAdI9PDyehtvBhC2IYevswAmAqABrIRx851v0/C5cuLCcUGqXIHYFIPiTiwXsu6zg4OAZcHsEgiftSeBRILqAR/QszPM2f45giGtCQ0MD0fQyD0BUGrcoG68IfMrn4fZIqN49jfLEKBEobh78buXPtaSk5ACKJqlZAALr7uQ3CL/1sbGxb6KN16+ng8ebu0EmAmCf0dyWlZVFTDNPUVYWAxBI+hW6sR9//HEL3BoH1R+NY+YhAdAAYlhYWO+6urrT/DkTVxA4bgRaF6YDCKybxW+orKzsHFx+Eupj6MBLLAEQPlCMKcEDOwJoMHGOHj0aBpzWyJ87cQVFWVkIQGhgBRWY1L/77rsLUe558cnZgsGTr5sEA34cQ1MSJwCQFDkoyVia+77++uto9JklRgGE33Kgvnz+yyqVKglZ9xG09RhrAIgfp7q4uPj96OhopSPcPqF449q1a310Ot1Vigp3wb0B3EKcKIBAfa/zX9Tr9bXTp08n6AcJfQFLAeSZDefz8vKetXfgQaRINRrNIlqBxsXFTX8AA7oRoL5s/ouZmZkE+TDUutLuLiqZCiA3TvCrdyQnJz9mL9tSrMydO9cdqDCH4sTPMXArFQQQHOxp/Bfgd+OcOXOIsA9ExcHYGECO6kuAAl63RzTHSGFBcb5BcUkJXB+KITJBAD+ifN3jcPmJB1C3MYBcqa+vPwUG7lO29LGNlT179viCjO7kSIDX8jf0vlihRaFO0YktW7asQF/X4wHtYwcASYEx6SoqKj7bvHnzAFuwdReFBbswnj8erVabjSE7RScAwaEeT5FraWBgYASG4+XmLqxbCiBvDeMalLk4cImdAGSKiooi6QCsu7v7KIzW3LfnJBLJFP6LN2/ePK9Wq2+T1UjimDg6iUehUMD3DEy8fft2cnp6eiiMVyaxeE2y63Lq1KkM0MDF/GsLFy4cwomVe18BHlLxUd67dy/xAYej2mYcTYGUYV8HAn7dggULvCxVMqasnYPBv4/fP3zA9WgTSrmG3KgB6ubPn/975HUXZwOQ56dmge04yxLb0ZRSU1PzJhWRuoEurauhEZB/Y/gP1NbW3vD09JxgTPs6A4CcngHBvic1NTXYHJfQlFJSUjIZOLSW32lUVFQ4idKwCMII/gsA4E3QPiTdormLNAtnKJI+ffq8GBkZmQZy+21CFSAaWWt2AHK3ALhSw782depUYg+6cB0N598Eb6AIwbsrlujjdJmiMlm/gQMHrgfr4QewHacCiHJrKZk1a9ZUAAV2AnDo0KEDiSJhUQMP4d+srKws4SX69Kji5uY2ecyYMUdgDp/v3r3bH+Zmcf7L/v37W8EeLeRf8/X1fYQPYD+KAmuQ+tqYHlgI9fn4+Lw6e/bs0zdu3FgIv12tQI1l/B+gI0h8UMaxsCfF8w1IfT06A93FxWXQkCFDtoFLeCAjI2OcJbYjcUL4v11dXQ1rxxyACip9g1MebcxDUDw8PGZOnDgxHVzCf5BAgDlKhriUneJdUqkLH0CWeritp1OfQHJlHbCzDiPqsu6+z7JsM/XbYDJxwHVSFnK5QTY+FACSGGNOTs6BWbNmvQJU+B9z50XkKkVkBvdWhp3c4d9UKpWuYtGXnlRAGebu2LFj68qVK88QhwJrvTm+Pb1/paWl5Q4fwFr+TS8vLyUC2CNBBM+qFvzVPTExMfvAKdAicCQwQpIszTLNgGV9+L/B3iTttbFIjuX8m/369fPhlhx7Gnhqtfr44sWLl06bNi0BwCMOAYmkVJI5mwseUuCj/N9VVVWkzVYZkmMBqOV7N8GG8kcA2Z4CHJheN8Dg3bZkyZKfiDcKVYvsqudvazBTjsrBlRvEv1ZaWlp2D0Ag+Xz+TW9v70EY73J6AGFiTefOndu/aNGi3ZcvX65AdiUAEhnVas7+ObrodDo/sCk7bU3Lysq6afDWSPvFxcXDqGh0WUhISCgXdXXWaExRUdHp5cuXL8B1G+Lce3c3Ym1KAQ59BsRcpyT14ODgCENMkDSyceNGBbUO0frpp5/OxgFJnA3AhoaGUtwFQLZPjMDgpps5ayYm2pAf8Puvqam5ynQkGvS9l+IFbHyW/1BaWlocI7QS70AAW1tbmy9evLg/IiKC2wUwCN1Qs1NDTKTAY/xxfP/99yQiPcrQN9dIZWXlEir3+RRcHsKIZSXZGUCyaWfdunWvQZfjmY4sCavsAjBBRPkCR9bwxzJlypTfwa3BBnHBNZKXlxdELarXzZs3L7wrOWhrAMmmxCNHjvxTJpORzDCS3OSH6zRSe6zKgZKawx8PaHsNfsT+BiXLa0QKbHyF//CJEyfWMiIpHXYAsC0/P//w7NmzSWZEKH5xL8bKi+wmAJhKLax/AZdD7kWw+FmaWq32r9SmvAtMx24jhT0BBBcsHxQbWdSfgNFy8rV7MTZI8+jCfAkE9m3ij2316tWLUOO70gAy8MVHU9q4LT4+/iWmY9+EzTMTyOYXUF5b/f39p6KQfhRFiM3yB7tQHhso7XsNP+p95Uo1IgWVfZZKtD6OckduSwALCwtPLVu27GW06YjRSvJPbJ7qJlaampr8gX60/DEeOnRoA37Y+wRF5wmXl5cvoaiwZdu2bTFICRJrAwhCuTAxMfFDnk3nizadXZItxQqYTJ9QyoOsiTz5gEgTaEQBvH+B2oiXIUaFFgy++cqVKwmhoaGR0Mxoa9h01gIQN1TWUAp1E46zTycXV6ARkhe3TCBD/22coFUyVDUazQtMx67OIKYjgVvBOGZLrBD1fUNTn1KpnIKWgOsDFCRQFCAwU6jtrGVLly4dTTdgwcAVaJZ4MA7c6SRgtkTTxHP8+PGNSH3eDwRYRABks7OznxbYmXkI7UKZFQDkdpY7zTYH9DqK6N2oTMfO+wBBr8yIIJXDy3+nQVSpVGsY3s6dh2WjDfxfIrQLPy4u7g1GYHuHKQASCnGvq6v7ic5WB9dqDmpKycMCIMzrAWJJT0+PR7dN1IzrMtH64MGDIdB4A3W0UuWuXbsiGCffXG0qgDC/1wTs0jQ0W4YyQhtsTATQsPBUUFDwjsAZCTe3b98+iXHQgRLWqqA05pKUSDpggLvwg9FoZo1GU7paT2E6djJuFABRk5yc/GRPBRHAI5tpWih3smn9+vVvo9b16XIR3sSgIvkCSjCo9wqclFYOsiKqp7Gz2IFBKSkpsRht9mO6yM7tDoAciJ4AYrJApLhRrVb/2Z4umAXVE8a7XQi8w4cP/wuDBQEY/ZFYE0AG7bbe5HgQkTOpkjZs2DCQcdIjAIBbnqC38XJLBd999x1JPJqIUXjTTzIyY9XPACJoqa+EQAS5eC03N/cPjnLNRKoLgLSKrEcZOTBoPLpq3TsGysxlUwKiJ3grH5B1WSEga2trk8+ePTuOceBeYFQUzwHVZYqts2AIjUS8B3IiqLur7uauNxsUy6ZNmyKqq6vPiqyiNYJJsBuAnmRnIFkA7nmoJ8Wi3pcuXUqG8YSjl3HvwCBz0hYsWbRnUdgOACWy1dh+N/BoDoIp9MekpCRvWykaYMfBIOfeAuDOGtlbUgGe1AaMPwZheEpudh6QFTIfJEhdXqmpqS+BIjltbL0DJlgIYH4FfvYLWVlZ/haCKdPpdMOgzUUAWgp8qNvG+iZUhwbyWNS05p3Yxp+8tY4AxbRZQo29MzMzXx0+fPhLSqUyqIu02VqY+BWouVCzwYgl+SZkx2gtUFMDy7J6aKNdLpe7gThQSqVSQr1+8DcQ+hsNf0fCM0FMF4fjXLt27Sho2UPvvffeGV7iEckDt3wfjDWOABU4IY24PwEZGRkfggy83O6AQpYigOK+jY2NfR01LFkueISOP1ojBdZqAPIGxSJVEPkSkJCQ8LJKpfoK2K3S1sCRNLdjx479OyYm5gVcoBqOwCmF1pQtll/WYmGRpEQWB+2KJoI72FxPjRo1alxwcHCku7v7YGukuGm12qu//PJL6tGjR1VgFagxta0e2ZRs19WLpbr1iKPgcW+GlAcmkZVu0dHRflFRUcHDoPj5+QWBvPN1dXXtS2SeTCZzw0x4YsvpyRmoer2+HmQjWE3VJQUFBerz58+rd+3aVaDRaJoQtEYEjH+sstEj4R0OoJlamwPTBascWV7O3D8OmcXKDa4dBX4rJom3YG3mVe6a3bZpOAJAIVuSO1ib5eVmCyW5t1NActVh+1r+J8AAu6ig4K2spqcAAAAASUVORK5CYII=) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-nav{margin-top:5px}.owl-next,.owl-prev{opacity:.6;display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.owl-next:before,.owl-prev:before{font-family:ETmodules}.owl-next:hover,.owl-prev:hover{opacity:1}.owl-prev{text-align:left;left:-43px}.owl-next,.owl-prev{top:50%;position:absolute;z-index:100}.owl-next{text-align:right;right:-40px}.owl-nav.arrow_size_large .owl-prev{left:-30px}.owl-nav.arrow_size_large .owl-next{right:-25px}.owl-nav.arrow_size_medium .owl-prev{left:-43px}.owl-nav.arrow_size_medium.owl-next{right:-40px}.owl-nav.arrow_size_small .owl-prev{left:-33px}.owl-nav.arrow_size_small .owl-next{right:-30px}.owl-next:before{content:"5"}.owl-next:before,.owl-prev:before{vertical-align:text-bottom;font-size:56px}.owl-prev:before{content:"4"}.owl-nav.arrow_size_large .owl-next:before,.owl-nav.arrow_size_large .owl-prev:before{font-size:84px}.owl-nav.arrow_size_medium .owl-next:before,.owl-nav.arrow_size_medium .owl-prev:before{font-size:56px}.owl-nav.arrow_size_small .owl-next:before,.owl-nav.arrow_size_small .owl-prev:before{font-size:28px}.owl-dots{text-align:center;margin-top:10px}.owl-dot{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%}.owl-dot.active{opacity:.6;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.dp_oc_item h2{font-size:14px}.dp_oc_image_title,.dp_oc_post_title{margin:10px 0 0;line-height:1.7em;word-wrap:break-word}.et_pb_bg_layout_dark .dp_oc_item .dp_oc_post_meta a,.et_pb_bg_layout_light .dp_oc_item .dp_oc_post_meta a{color:inherit}.et_pb_bg_layout_dark .owl-dots .owl-dot{background-color:#fff}.et_pb_bg_layout_light .owl-dots .owl-dot{background-color:#666}#left-area .dp_oc_post_meta,.dp_oc_post_meta{padding-bottom:0}.dp_oc_post_excerpt{margin-top:6px}.dp_oc_read_more_link{display:block}.dp_ocp_read_more_button{margin-top:16px}.dp_ocp_read_more_button .et_pb_button{display:inline-block}.dp_ocp_read_more_button .et_pb_button:after,.dp_ocp_read_more_button .et_pb_button:before{content:attr(data-icon)}.dp_custom_field_name{font-weight:700}.owl-next.disabled,.owl-prev.disabled{display:none!important}.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_large .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_medium .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_small .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav .owl-prev{left:-3px}.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_large .owl-next,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_medium .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_small .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav .owl-next{right:0}.et_pb_dp_oc_custom_fw .owl-item .dp_oc_image_content,.et_pb_dp_oc_custom_fw .owl-item .dp_oc_image_title,.et_pb_dp_oc_fw .owl-item .dp_custom_field,.et_pb_dp_oc_fw .owl-item .dp_oc_post_excerpt,.et_pb_dp_oc_fw .owl-item .dp_oc_post_meta,.et_pb_dp_oc_fw .owl-item .dp_oc_post_title{padding:0 10px 10px}.dp_ocp_hash_image{width:60px}.dpoc-align-center{text-align:center}.dpoc-align-right{text-align:right}.dpoc-align-left{text-align:left}.dp-ocp-popup-modal .mfp-close{color:#000!important;top:1px;right:8px;font-size:3em}iframe#dp-ocp-popup-modal-iframe{background-color:#fff}.et-fb-loader-wrapper{position:absolute;left:50%;top:50%;margin:-50px auto auto -50px;background:#fff;width:100px;height:100px;border-radius:100px;-webkit-box-shadow:0 5px 30px rgba(43,135,218,.15);box-shadow:0 5px 30px rgba(43,135,218,.15);-webkit-animation:et-fb-loader-wrapper ease infinite 1.5s;animation:et-fb-loader-wrapper ease infinite 1.5s}.et-fb-loader{position:absolute;left:50%;top:50%;margin:-6px auto auto -6px;width:12px;height:12px;border-radius:12px;-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #7e3bd0,0 17px #7e3bd0,-17px 0 #7e3bd0;box-shadow:0 -17px #7e3bd0,17px 0 #7e3bd0,0 17px #7e3bd0,-17px 0 #7e3bd0;-webkit-animation:et-fb-loader ease infinite 3s;animation:et-fb-loader ease infinite 3s}@-webkit-keyframes et-fb-loader{0%{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}25%{-webkit-box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9;box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9}50%{-webkit-box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232;box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232}75%{-webkit-box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232;box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232}to{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}}@keyframes et-fb-loader{0%{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}25%{-webkit-box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9;box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9}50%{-webkit-box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232;box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232}75%{-webkit-box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232;box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232}to{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}}@-webkit-keyframes et-fb-loader-wrapper{0%,to{width:100px;height:100px;margin:-50px auto auto -50px;-webkit-box-shadow:0 5px 30px rgba(43,135,218,.15);box-shadow:0 5px 30px rgba(43,135,218,.15)}50%{width:70px;height:70px;margin:-35px auto auto -35px;-webkit-box-shadow:0 5px 15px rgba(43,135,218,.3);box-shadow:0 5px 15px rgba(43,135,218,.3)}}@keyframes et-fb-loader-wrapper{0%,to{width:100px;height:100px;margin:-50px auto auto -50px;-webkit-box-shadow:0 5px 30px rgba(43,135,218,.15);box-shadow:0 5px 30px rgba(43,135,218,.15)}50%{width:70px;height:70px;margin:-35px auto auto -35px;-webkit-box-shadow:0 5px 15px rgba(43,135,218,.3);box-shadow:0 5px 15px rgba(43,135,218,.3)}}.et_pb_dp_oc .owl-stage-outer{overflow:hidden}.et_pb_dp_oc .owl-stage-outer .owl-item{float:left}.owl-nav{margin-top:5px}.owl-next,.owl-prev{opacity:.6;display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.owl-next:before,.owl-prev:before{font-family:ETmodules}.owl-next:hover,.owl-prev:hover{opacity:1}.owl-prev{text-align:left;left:-43px}.owl-next,.owl-prev{top:50%;position:absolute;z-index:100}.owl-next{text-align:right;right:-40px}.owl-nav.arrow_size_large .owl-prev{left:-30px}.owl-nav.arrow_size_large .owl-next{right:-25px}.owl-nav.arrow_size_medium .owl-prev{left:-43px}.owl-nav.arrow_size_medium.owl-next{right:-40px}.owl-nav.arrow_size_small .owl-prev{left:-33px}.owl-nav.arrow_size_small .owl-next{right:-30px}.owl-next:before{content:"5"}.owl-next:before,.owl-prev:before{vertical-align:text-bottom;font-size:56px}.owl-prev:before{content:"4"}.owl-nav.arrow_size_large .owl-next:before,.owl-nav.arrow_size_large .owl-prev:before{font-size:84px}.owl-nav.arrow_size_medium .owl-next:before,.owl-nav.arrow_size_medium .owl-prev:before{font-size:56px}.owl-nav.arrow_size_small .owl-next:before,.owl-nav.arrow_size_small .owl-prev:before{font-size:28px}.owl-dots{text-align:center;margin-top:10px}.owl-dot{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%}.owl-dot.active{opacity:.6;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.dp_oc_item h2{font-size:14px}.dp_oc_image_title,.dp_oc_post_title{margin:10px 0 0;line-height:1.7em;word-wrap:break-word}.et_pb_bg_layout_dark .dp_oc_item .dp_oc_post_meta a,.et_pb_bg_layout_light .dp_oc_item .dp_oc_post_meta a{color:inherit}.et_pb_bg_layout_dark .owl-dots .owl-dot{background-color:#fff}.et_pb_bg_layout_light .owl-dots .owl-dot{background-color:#666}#left-area .dp_oc_post_meta,.dp_oc_post_meta{padding-bottom:0}.dp_oc_post_excerpt{margin-top:6px}.dp_oc_read_more_link{display:block}.dp_ocp_read_more_button{margin-top:16px}.dp_ocp_read_more_button .et_pb_button{display:inline-block}.dp_ocp_read_more_button .et_pb_button:after,.dp_ocp_read_more_button .et_pb_button:before{content:attr(data-icon)}.dp_custom_field_name{font-weight:700}.owl-next.disabled,.owl-prev.disabled{display:none!important}.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_large .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_medium .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_small .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav .owl-prev{left:-3px}.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_large .owl-next,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_medium .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav.arrow_size_small .owl-prev,.et_pb_fullwidth_section .owl-carousel .owl-nav .owl-next{right:0}.et_pb_dp_oc_custom_fw .owl-item .dp_oc_image_content,.et_pb_dp_oc_custom_fw .owl-item .dp_oc_image_title,.et_pb_dp_oc_fw .owl-item .dp_custom_field,.et_pb_dp_oc_fw .owl-item .dp_oc_post_excerpt,.et_pb_dp_oc_fw .owl-item .dp_oc_post_meta,.et_pb_dp_oc_fw .owl-item .dp_oc_post_title{padding:0 10px 10px}.dp_ocp_hash_image{width:60px}.dpoc-align-center{text-align:center}.dpoc-align-right{text-align:right}.dpoc-align-left{text-align:left}.dp-ocp-popup-modal .mfp-close{color:#000!important;top:1px;right:8px;font-size:3em}iframe#dp-ocp-popup-modal-iframe{background-color:#fff}.et-fb-loader-wrapper{position:absolute;left:50%;top:50%;margin:-50px auto auto -50px;background:#fff;width:100px;height:100px;border-radius:100px;-webkit-box-shadow:0 5px 30px rgba(43,135,218,.15);box-shadow:0 5px 30px rgba(43,135,218,.15);-webkit-animation:et-fb-loader-wrapper ease infinite 1.5s;animation:et-fb-loader-wrapper ease infinite 1.5s}.et-fb-loader{position:absolute;left:50%;top:50%;margin:-6px auto auto -6px;width:12px;height:12px;border-radius:12px;-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #7e3bd0,0 17px #7e3bd0,-17px 0 #7e3bd0;box-shadow:0 -17px #7e3bd0,17px 0 #7e3bd0,0 17px #7e3bd0,-17px 0 #7e3bd0;-webkit-animation:et-fb-loader ease infinite 3s;animation:et-fb-loader ease infinite 3s}@-webkit-keyframes et-fb-loader{0%{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}25%{-webkit-box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9;box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9}50%{-webkit-box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232;box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232}75%{-webkit-box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232;box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232}to{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}}@keyframes et-fb-loader{0%{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}25%{-webkit-box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9;box-shadow:17px 0 #2b87da,0 17px #29c4a9,-17px 0 #2b87da,0 -17px #29c4a9}50%{-webkit-box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232;box-shadow:0 17px #2b87da,-17px 0 #ff9232,0 -17px #2b87da,17px 0 #ff9232}75%{-webkit-box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232;box-shadow:-17px 0 #7e3bd0,0 -17px #ff9232,17px 0 #7e3bd0,0 17px #ff9232}to{-webkit-box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9;box-shadow:0 -17px #7e3bd0,17px 0 #29c4a9,0 17px #7e3bd0,-17px 0 #29c4a9}}@-webkit-keyframes et-fb-loader-wrapper{0%,to{width:100px;height:100px;margin:-50px auto auto -50px;-webkit-box-shadow:0 5px 30px rgba(43,135,218,.15);box-shadow:0 5px 30px rgba(43,135,218,.15)}50%{width:70px;height:70px;margin:-35px auto auto -35px;-webkit-box-shadow:0 5px 15px rgba(43,135,218,.3);box-shadow:0 5px 15px rgba(43,135,218,.3)}}@keyframes et-fb-loader-wrapper{0%,to{width:100px;height:100px;margin:-50px auto auto -50px;-webkit-box-shadow:0 5px 30px rgba(43,135,218,.15);box-shadow:0 5px 30px rgba(43,135,218,.15)}50%{width:70px;height:70px;margin:-35px auto auto -35px;-webkit-box-shadow:0 5px 15px rgba(43,135,218,.3);box-shadow:0 5px 15px rgba(43,135,218,.3)}}.et_pb_dp_oc .owl-stage-outer{overflow:hidden}.et_pb_dp_oc .owl-stage-outer .owl-item{float:left}.et_pb_dp_oc_custom .owl-stage-outer{overflow:hidden}.et_pb_dp_oc_custom .owl-stage-outer .owl-item{float:left}.dp_ocp_lightbox_image_data{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}div.et-fb-modules-list li.et_fb_dp_oc_custom{background-color:#6bd45b!important;color:#000!important}div.et-fb-modules-list li.et_fb_dp_oc_custom:before{content:"S"!important;color:#000!important}div.et-fb-modules-list li.et_fb_dp_oc_fw{background-color:#6bd45b!important;color:#000!important}div.et-fb-modules-list li.et_fb_dp_oc_fw:before{content:"S"!important;color:#000!important}div.et-fb-modules-list li.et_fb_dp_oc_custom_fw{background-color:#6bd45b!important;color:#000!important}div.et-fb-modules-list li.et_fb_dp_oc_custom_fw:before{content:"S"!important;color:#000!important}.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;-webkit-filter:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.master-slider img, .ms-slide-bgvideocont video {max-width:none;}
.master-slider.ms-fullheight{height: 100%;}
.ms-slide-auto-height { display: table; }
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/common/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
} .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/common/grab.png), move;}
.ms-grabbing-cursor{cursor: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/common/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view {
margin:0px auto;
overflow:hidden;
position:relative;
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
position:absolute;
pointer-events: auto;
}
.ms-layer-mask {
position: absolute;
overflow: hidden;
}
.ms-layer-mask .ms-layer{
position: relative;
}
.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
position: absolute;
overflow:hidden;
width:100%;
height: 100%;
z-index: 109;
top:0px;
pointer-events: none;
}  .ms-overlay-layers {
position: absolute;
top: 0;
z-index: 120;
width: 100%;
height: 100%;
pointer-events: none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-parallax-layer {
width: 100%;
position: absolute;
top: 0;
}
.ms-scroll-parallax-cont{
position: absolute;
top:0;
width: 100%;
height: 100%;
z-index: 109;
}
.ms-wk .ms-scroll-parallax-cont{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{
}
.ms-scroll-parallax .ms-slide-bgcont{
} .ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn {
text-decoration: none;
display: inline-block;
color:black;
position: relative;
padding: 8px 15px;
cursor: pointer;
white-space: nowrap;
}
.ms-default-btn{
background: #0074A2;
border-radius: 5px;
color: #FFF;
}
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}
.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{
padding:0;
margin: 0;
border: none;
position: absolute;
z-index: 110;
}
.ms-btn-s{
padding: 14px 17px;
font-size: 80%;
line-height: 0;
}
.ms-btn-m{
padding: 12px 40px;
}
.ms-btn-n{
padding: 8px 25px;
font-size: 95%;
}
.ms-btn-l{
padding: 17px 50px;
font-size: 120%;
}
.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;} .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/common/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
} .ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600;
} .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
} .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
} .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left  .ms-tab-thumb{ float:left;  margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
@-webkit-keyframes ms-point-anim{
0% 		{-webkit-transform: scale(0.5);transform: scale(0.5);  opacity: 1; }
100% 	{-webkit-transform: scale(1.5);transform: scale(1.5);  opacity: 0; }
}
@keyframes ms-point-anim{
0% 		{-webkit-transform: scale(0.5);transform: scale(0.5);  opacity: 1; }
100% 	{-webkit-transform: scale(1.5);transform: scale(1.5);  opacity: 0; }
} .ms-android .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-pattern.ms-patt-1  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} .ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-black-1  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
} .ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
} .ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-3  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-4  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
} .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
} .ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6-retina.png);
background-size: 152px 225px;
}
} .ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
} .ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin-retina.png);
background-size: 152px 225px;
}
} .ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn{
width: 55px;
height: 55px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/minimal.svg) no-repeat 24px 18px white;
border: solid 1px #3d3d3d;
border-radius: 50%;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 31px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/minimal.svg) no-repeat -289px 6px white;
border-radius: 50%;
border: solid 1px #3d3d3d;
top: 18px;
right: 30px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
} .ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/minimal.svg) no-repeat white;
background-position: -178px 17px;
border: solid 1px #3d3d3d;
border-radius: 50%;
height: 55px;
width: 55px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -27px;
position: absolute;
z-index: 110;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover{
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-nav-next {
right: 30px;
left: auto;
background-position: -75px 17px;
}
.ms-skin-minimal .ms-bullet {
width: 8px;
height: 8px;
background: white;
border: solid 1px #3d3d3d;
border-radius: 50%;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-minimal .ms-bullet-selected {
background: #3d3d3d;
}
.ms-skin-minimal .ms-time-bar {
height: 3px;
background: #FFFFFF;
border-top: solid 1px rgba(0, 0, 0, 0.41);
}
.ms-skin-minimal .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-minimal .ms-tooltip-point {cursor: pointer;}
.ms-skin-minimal .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-minimal .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-minimal .ms-tooltip {
max-width:200px;
}
.ms-skin-minimal .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
} .ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-contrast  .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin-retina.png);
background-size: 152px 225px;
}
}
.ms-caro3d-template .ms-container {
padding: 10px 0 50px 0;
} .ms-caro3d-template .ms-slide{
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5)));
}
.ms-caro3d-template .ms-slide-bgcont{
border-radius: 8px;
}
.ms-dis-slider-cont {
position: relative;
padding: 3.2% 8.5% 24%;
max-width: 508px;
}
.ms-display-cont .ms-view{
background-color: #17171a;
}
.ms-display-cont{
max-width: 614px;
position: relative;
margin: 0 auto;
}
.ms-display-bg {
max-width: 100%;
position: absolute;
}
.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-display-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-display-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -50%;
right: 50%;
width: 100px;
}
.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-display-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-display-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-gallery-template .ms-gallery-botcont {
height: 55px;
background: black;
color: white;
font-weight: 300;
font-family: "Lato", sans-serif;
font-size: 18px;
position: relative;
}
.ms-gallery-template .ms-gal-playbtn {
width: 55px;
height: 100%;
float: left;
cursor: pointer;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat 6px 6px;
}
.ms-gallery-template .ms-gal-playbtn.btn-pause {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat -55px 7px;
}
.ms-gallery-template .ms-gal-thumbtoggle {
position: absolute;
right: 0;
z-index: 110;
width: 55px;
height: 100%;
cursor: pointer;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat -53px -41px;
}
.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat 4px -41px;
}
.ms-gallery-template .ms-slide-num {
float: left;
padding: 17px 9px;
color: #727272;
}
.ms-gallery-template .ms-slide-info {
float: left;
padding: 18px 4px;
position: relative;
width: auto;
}
.ms-gallery-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: 18px;
right: 105px;
width: 100px;
}
.ms-gallery-template .ms-bullet {
width: 8px;
height: 8px;
background: #1e1e1e;
margin: 4px;
border-radius: 15px;
}
.ms-gallery-template .ms-bullet-selected {
background-color: white;
}
.ms-gallery-template .ms-timerbar {
width: 100%;
top: -4px;
height: 4px;
position: absolute;
background: rgba(0, 0, 0, 0.32);
}
.ms-gallery-template .ms-time-bar {
height: 4px;
background: rgba(255, 255, 255, 0.7);
}
.ms-gallery-template .ms-thumb-list.ms-dir-h {
width: 100%;
background: black;
background: rgba(0, 0, 0, 0.95);
padding-top: 1px;
}
.ms-gallery-template .ms-thumb-frame {
cursor: pointer;
float: left;
width: 175px;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.ms-gallery-template .ms-thumb-frame-selected {
opacity: 1;
}
.ms-gallery-template .ms-gal-thumbcont {
overflow: hidden;
width: 100%;
height: 115px;
position: absolute;
top: -115px;
left: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
height: 0;
top: 0;
}
@media (max-width: 570px) {
.ms-gallery-template .ms-slide-info {
display: none;
}
}
.ms-laptop-template .ms-laptop-cont .ms-view{
background-color: #17171a;
}
.ms-laptop-template .ms-laptop-cont{
max-width: 645px;
position: relative;
margin: 0 auto;
}
.ms-laptop-template .ms-lt-slider-cont {
position: relative;
padding: 5% 11.9% 20%;
max-width: 492px;
}
.ms-laptop-template .ms-laptop-bg {
max-width: 100%;
position: absolute;
}
.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-laptop-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-laptop-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -40%;
right: 50%;
width: 100px;
}
.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-laptop-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-laptop-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-tablet-template .ms-tablet-cont .ms-view{
background-color: #17171a;
}
.ms-tablet-template .ms-tablet-cont{
max-width: 500px;
position: relative;
margin: 0 auto;
}
.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
max-width: 842px;
}
.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
padding: 4.1% 12.1% 10%;
max-width: 632px;
}
.ms-tablet-template .ms-lt-slider-cont {
position: relative;
padding: 11.1% 11% 22%;
max-width: 400px;
}
.ms-tablet-template .ms-tablet-bg {
max-width: 100%;
position: absolute;
}
.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-tablet-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-tablet-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -18%;
right: 50%;
width: 100px;
}
.ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-tablet-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-tablet-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template .ms-phone-cont .ms-view{
background-color: #17171a;
}
.ms-phone-template .ms-phone-cont{
max-width: 386px;
position: relative;
margin: 0 auto;
}
.ms-phone-template.ms-phone-land .ms-phone-cont {
max-width: 666px;
}
.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
position: relative;
padding: 4.6% 16.1% 10% 15.5%;
max-width: 455px;
}
.ms-phone-template .ms-lt-slider-cont {
position: relative;
padding: 26.2% 16.5% 33% 16.8%;
max-width: 258px;
}
.ms-phone-template .ms-phone-bg {
max-width: 100%;
position: absolute;
}
.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-phone-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-phone-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -30%;
right: 50%;
width: 100px;
}
.ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-phone-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-phone-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
bottom: -21%;
}
.ms-phone-template.ms-phone-land .ms-nav-next {
right: -150px;
}
.ms-phone-template.ms-phone-land .ms-nav-prev {
left: -150px;
}
.ms-partialview-template .ms-slide-info {
text-align: center;
margin-top: 20px;
width: 100%;
}
.ms-partialview-template .ms-slide-info h3 {
margin: 5px;
font-weight: 300;
font-size: 23pt;
color: #222;
}
.ms-partialview-template .ms-slide-info h4 {
margin: 5px;
font-weight: 300;
font-size: 14pt;
color: #7A7A7A;
}
.ms-partialview-template .ms-slide-info p {
font-size: 10pt;
margin: 6px;
} .ms-showcase2-template .ms-view{background: transparent;}
.ms-staff-carousel{
margin: 25px auto;
position: relative;
}
.ms-staff-carousel .ms-view{
overflow:visible;
background-color: transparent;
}
.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/staff-arrows.png) white no-repeat -7px -57px;
width: 35px;
height: 40px;
left: -35px;
margin-top: -17px;
box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
position: absolute;
top:50%;
cursor: pointer;
}
.ms-staff-carousel .ms-nav-next {
background-position: -6px -7px;
right:-35px;
left:auto;
}
.ms-staff-carousel .ms-staff-info{
text-align: center;
margin:0 auto;
max-width: 600px;
margin-top:30px;
min-height:300px;
color:#222222;
}
.ms-staff-carousel .ms-staff-info h3{
font-weight: 300;
font-size: 22pt;
margin:0px;
}
.ms-staff-carousel .ms-staff-info h4{
font-weight: 300;
color:#787878;
font-size: 15pt;
margin:3px;
}
.ms-staff-carousel.ms-round .ms-slide-bgcont {
border-radius: 5000px;
border: solid 8px rgb(230, 230, 230);
margin: 0 -8px;
}
.ms-staff-carousel.ms-round .ms-view{
padding-bottom: 8%;
}
.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
background-color:transparent;
box-shadow : none;
left:-45px;
}
.ms-staff-carousel.ms-round .ms-nav-next {
left:auto;
right:-45px
}
.ms-tabs-template .ms-thumb-frame h3 {
font-weight: 400;
font-size: 13pt;
margin:0;
}
.ms-tabs-template .ms-thumb-frame p {
font-size:10pt;
margin: 4px 0;
}
.ms-tabs-template .ms-thumb-frame-selected h3{
color:#4b8aac;
}
.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
top: 10px;
left: 50%;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/vertical-arrows.png) no-repeat;
background-position: -11px -6px;
width: 40px;
height: 30px;
margin-left: -20px;
margin-top: 0;
}
.ms-vertical-template .ms-nav-next{
top:auto;
bottom:10px;
background-position: -11px -53px;
}
.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
width: 100%;
position: absolute;
top: 0;
height: 15px;
cursor: pointer;
background: url(//drroof.co.za/wp-content/plugins/masterslider/public/assets/css/templates/vertical-arrows.png) no-repeat;
background-position: 50% -106px;
}
.ms-vertical-template .ms-thumblist-bwd {
top: auto;
bottom: 0;
background-position: 50% -145px;
}.msp-preset-1 { font-family:"Lato";font-weight:700;font-size:48px;line-height:normal;color:#ffffff; } 
.msp-preset-3 { font-family:"Lato";font-weight:300;font-size:18px;line-height:normal;color:#f2f2f2; } 
.msp-preset-5 { font-family:"Kaushan Script";font-weight:normal;font-size:30px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; } 
.msp-preset-6 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; } 
.msp-preset-7 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#77cba9; } 
.msp-preset-8 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;color:#ffffff; } 
.msp-preset-12 { font-family:"Raleway";font-weight:600;font-size:72px;line-height:normal;white-space:nowrap;color:#ffffff;text-transform:uppercase; } 
.msp-preset-13 { font-family:"Raleway";font-weight:600;font-size:18px;text-align:center;line-height:normal;color:#f8f8f8; } 
.msp-preset-14 { font-family:"Yanone Kaffeesatz";font-weight:normal;font-size:60px;text-align:center;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; } 
.msp-preset-15 { font-family:"Oswald";font-weight:normal;font-size:55px;text-align:center;line-height:normal;white-space:nowrap;color:#e38181; } 
.msp-preset-16 { font-family:"Montserrat";font-weight:normal;font-size:54px;line-height:normal;white-space:nowrap;color:#dddddd; } 
.msp-preset-17 { font-family:"Playfair Display";font-weight:normal;font-size:16px;text-align:center;line-height:normal;color:#c2b273;background-color:transparent; } 
.msp-preset-18 { font-family:"Quicksand";font-weight:normal;font-size:18px;text-align:center;line-height:normal;color:#fdfdfd;background-color:transparent; } 
.msp-preset-19 { font-family:"Montserrat";font-weight:normal;font-size:12px;line-height:normal;color:#dddddc;text-transform:uppercase; } 
.msp-preset-20 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#a9a8a8; } 
.msp-preset-21 { background-color:#a9a8a8;font-weight:normal;line-height:normal; } 
.msp-preset-22 { font-family:"Oswald";font-weight:700;font-size:48px;line-height:60px;color:#ffffff; } 
.msp-preset-23 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#c0c0c0; } 
.msp-preset-25 { padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;font-family:"Lato";font-weight:normal;font-size:10px;text-align:center;letter-spacing:2px;line-height:normal;text-transform:uppercase; } 
.msp-preset-26 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#ffffff; } 
.msp-preset-27 { background-color:#ffffff;font-weight:normal;line-height:normal; } 
.msp-preset-28 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#ffffff; } 
.msp-preset-29 { font-family:"Raleway";font-weight:800;font-size:120px;letter-spacing:1px;line-height:normal;color:#ffffff; } 
.msp-preset-30 { font-family:"Source Code Pro";font-weight:normal;font-size:22px;line-height:normal;color:#ffffff; } 
.msp-preset-31 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;letter-spacing:1px;line-height:normal;color:#ba895d; } 
.msp-preset-32 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;line-height:normal;color:#6a6a6a; } 
.msp-preset-33 { font-family:"Montserrat";font-weight:normal;font-size:36px;line-height:normal;color:#ffffff; } 
.msp-preset-34 { background-color:#ffffff;font-weight:normal;line-height:normal; } 
.msp-preset-35 { background-color:#f4cb68;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-family:"Lato";font-weight:normal;font-size:11px;line-height:16px;color:#333333; } 
.msp-preset-btn-84{ background-color: transparent; } .msp-preset-btn-84:hover{ color: #fff; } .msp-preset-btn-84:active{ top:1px } .msp-preset-btn-85{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-85:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-85:active{ top:1px } .msp-preset-btn-86{ color: #b97ebb;border:solid 1px #b97ebb; } .msp-preset-btn-86:hover{ border-color:#ca89cc;color:#ca89cc } .msp-preset-btn-86:active{ top:1px } .msp-preset-btn-87{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-87:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-87:active{ top:1px } .msp-preset-btn-88{ background-color: #b97ebb;color: #fff;box-shadow:0 5px #9a699c; } .msp-preset-btn-88:hover{ background-color:#ca89cc;box-shadow:0 4px #9a699c;top:1px;color: #fff; } .msp-preset-btn-88:active{ box-shadow:0 2px #9a699c;top:3px; } .msp-preset-btn-89{ background-color: #5472D2;color: #fff; } .msp-preset-btn-89:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-89:active{ top:1px } .msp-preset-btn-90{ background-color: #5472D2;color: #fff; } .msp-preset-btn-90:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-90:active{ top:1px } .msp-preset-btn-91{ color: #5472D2;border:solid 1px #5472D2; } .msp-preset-btn-91:hover{ border-color:#5d7fe9;color:#5d7fe9 } .msp-preset-btn-91:active{ top:1px } .msp-preset-btn-92{ background-color: #5472D2;color: #fff; } .msp-preset-btn-92:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-92:active{ top:1px } .msp-preset-btn-93{ background-color: #5472D2;color: #fff;box-shadow:0 5px #4c68be; } .msp-preset-btn-93:hover{ background-color:#5d7fe9;box-shadow:0 4px #4c68be;top:1px;color: #fff; } .msp-preset-btn-93:active{ box-shadow:0 2px #4c68be;top:3px; } .msp-preset-btn-94{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-94:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-94:active{ top:1px } .msp-preset-btn-95{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-95:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-95:active{ top:1px } .msp-preset-btn-96{ color: #00c1cf;border:solid 1px #00c1cf; } .msp-preset-btn-96:hover{ border-color:#01D4E4;color:#01D4E4 } .msp-preset-btn-96:active{ top:1px } .msp-preset-btn-97{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-97:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-97:active{ top:1px } .msp-preset-btn-98{ background-color: #00c1cf;color: #fff;box-shadow:0 5px #00afbc; } .msp-preset-btn-98:hover{ background-color:#01D4E4;box-shadow:0 4px #00afbc;top:1px;color: #fff; } .msp-preset-btn-98:active{ box-shadow:0 2px #00afbc;top:3px; } .msp-preset-btn-99{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-99:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-99:active{ top:1px } .msp-preset-btn-100{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-100:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-100:active{ top:1px } .msp-preset-btn-101{ color: #4cadc9;border:solid 1px #4cadc9; } .msp-preset-btn-101:hover{ border-color:#63b2c9;color:#63b2c9 } .msp-preset-btn-101:active{ top:1px } .msp-preset-btn-102{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-102:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-102:active{ top:1px } .msp-preset-btn-103{ background-color: #4cadc9;color: #fff;box-shadow:0 5px #1aa2c9; } .msp-preset-btn-103:hover{ background-color:#63b2c9;box-shadow:0 4px #1aa2c9;top:1px;color: #fff; } .msp-preset-btn-103:active{ box-shadow:0 2px #1aa2c9;top:3px; } .msp-preset-btn-104{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-104:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-104:active{ top:1px } .msp-preset-btn-105{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-105:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-105:active{ top:1px } .msp-preset-btn-106{ color: #cec2ab;border:solid 1px #cec2ab; } .msp-preset-btn-106:hover{ border-color:#cebd9d;color:#cebd9d } .msp-preset-btn-106:active{ top:1px } .msp-preset-btn-107{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-107:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-107:active{ top:1px } .msp-preset-btn-108{ background-color: #cec2ab;color: #fff;box-shadow:0 5px #C2B7A2; } .msp-preset-btn-108:hover{ background-color:#cebd9d;box-shadow:0 4px #C2B7A2;top:1px;color: #fff; } .msp-preset-btn-108:active{ box-shadow:0 2px #C2B7A2;top:3px; } .msp-preset-btn-109{ background-color: #50485b;color: #fff; } .msp-preset-btn-109:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-109:active{ top:1px } .msp-preset-btn-110{ background-color: #50485b;color: #fff; } .msp-preset-btn-110:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-110:active{ top:1px } .msp-preset-btn-111{ color: #50485b;border:solid 1px #50485b; } .msp-preset-btn-111:hover{ border-color:#6a6176;color:#6a6176 } .msp-preset-btn-111:active{ top:1px } .msp-preset-btn-112{ background-color: #50485b;color: #fff; } .msp-preset-btn-112:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-112:active{ top:1px } .msp-preset-btn-113{ background-color: #50485b;color: #fff;box-shadow:0 5px #412d5b; } .msp-preset-btn-113:hover{ background-color:#6a6176;box-shadow:0 4px #412d5b;top:1px;color: #fff; } .msp-preset-btn-113:active{ box-shadow:0 2px #412d5b;top:3px; } .msp-preset-btn-114{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-114:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-114:active{ top:1px } .msp-preset-btn-115{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-115:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-115:active{ top:1px } .msp-preset-btn-116{ color: #8d6dc4;border:solid 1px #8d6dc4; } .msp-preset-btn-116:hover{ border-color:#977cc4;color:#977cc4 } .msp-preset-btn-116:active{ top:1px } .msp-preset-btn-117{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-117:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-117:active{ top:1px } .msp-preset-btn-118{ background-color: #8d6dc4;color: #fff;box-shadow:0 5px #7c51c4; } .msp-preset-btn-118:hover{ background-color:#977cc4;box-shadow:0 4px #7c51c4;top:1px;color: #fff; } .msp-preset-btn-118:active{ box-shadow:0 2px #7c51c4;top:3px; } .msp-preset-btn-119{ background-color: #75d69c;color: #fff; } .msp-preset-btn-119:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-119:active{ top:1px } .msp-preset-btn-120{ background-color: #75d69c;color: #fff; } .msp-preset-btn-120:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-120:active{ top:1px } .msp-preset-btn-121{ color: #75d69c;border:solid 1px #75d69c; } .msp-preset-btn-121:hover{ border-color:#7de5a7;color:#7de5a7 } .msp-preset-btn-121:active{ top:1px } .msp-preset-btn-122{ background-color: #75d69c;color: #fff; } .msp-preset-btn-122:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-122:active{ top:1px } .msp-preset-btn-123{ background-color: #75d69c;color: #fff;box-shadow:0 5px #41d67d; } .msp-preset-btn-123:hover{ background-color:#7de5a7;box-shadow:0 4px #41d67d;top:1px;color: #fff; } .msp-preset-btn-123:active{ box-shadow:0 2px #41d67d;top:3px; } .msp-preset-btn-124{ background-color: #222;color: #fff; } .msp-preset-btn-124:hover{ background-color:#333;color: #fff; } .msp-preset-btn-124:active{ top:1px } .msp-preset-btn-125{ background-color: #222;color: #fff; } .msp-preset-btn-125:hover{ background-color:#333;color: #fff; } .msp-preset-btn-125:active{ top:1px } .msp-preset-btn-126{ color: #222;border:solid 1px #222; } .msp-preset-btn-126:hover{ border-color:#333;color:#333 } .msp-preset-btn-126:active{ top:1px } .msp-preset-btn-127{ background-color: #222;color: #fff; } .msp-preset-btn-127:hover{ background-color:#333;color: #fff; } .msp-preset-btn-127:active{ top:1px } .msp-preset-btn-128{ background-color: #222;color: #fff;box-shadow:0 5px #000; } .msp-preset-btn-128:hover{ background-color:#333;box-shadow:0 4px #000;top:1px;color: #fff; } .msp-preset-btn-128:active{ box-shadow:0 2px #000;top:3px; } .msp-preset-btn-129{ background-color: #dedede;color: #666; } .msp-preset-btn-129:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-129:active{ top:1px } .msp-preset-btn-130{ background-color: #dedede;color: #666; } .msp-preset-btn-130:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-130:active{ top:1px } .msp-preset-btn-131{ color: #dedede;border:solid 1px #dedede; } .msp-preset-btn-131:hover{ border-color:#d1d1d1;color:#d1d1d1 } .msp-preset-btn-131:active{ top:1px } .msp-preset-btn-132{ background-color: #dedede;color: #666; } .msp-preset-btn-132:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-132:active{ top:1px } .msp-preset-btn-133{ background-color: #dedede;color: #666;box-shadow:0 5px #CACACA; } .msp-preset-btn-133:hover{ background-color:#d1d1d1;color: #666;box-shadow:0 4px #CACACA;top:1px } .msp-preset-btn-133:active{ box-shadow:0 2px #CACACA;top:3px; } .msp-preset-btn-134{ background-color: #f7be68;color: #fff; } .msp-preset-btn-134:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-134:active{ top:1px } .msp-preset-btn-135{ background-color: #f7be68;color: #fff; } .msp-preset-btn-135:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-135:active{ top:1px } .msp-preset-btn-136{ color: #f7be68;border:solid 1px #f7be68; } .msp-preset-btn-136:hover{ border-color:#e9b362;color:#e9b362 } .msp-preset-btn-136:active{ top:1px } .msp-preset-btn-137{ background-color: #f7be68;color: #fff; } .msp-preset-btn-137:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-137:active{ top:1px } .msp-preset-btn-138{ background-color: #f7be68;color: #fff;box-shadow:0 5px #E7AF59; } .msp-preset-btn-138:hover{ background-color:#e9b362;box-shadow:0 4px #E7AF59;top:1px;color: #fff; } .msp-preset-btn-138:active{ box-shadow:0 2px #E7AF59;top:3px; } .msp-preset-btn-139{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-139:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-139:active{ top:1px } .msp-preset-btn-140{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-140:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-140:active{ top:1px } .msp-preset-btn-141{ color: #5aa1e3;border:solid 1px #5aa1e3; } .msp-preset-btn-141:hover{ border-color:#5faaef;color:#5faaef } .msp-preset-btn-141:active{ top:1px } .msp-preset-btn-142{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-142:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-142:active{ top:1px } .msp-preset-btn-143{ background-color: #5aa1e3;color: #fff;box-shadow:0 5px #4c87bf; } .msp-preset-btn-143:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-143:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-144{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-144:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-144:active{ top:1px } .msp-preset-btn-145{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-145:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-145:active{ top:1px } .msp-preset-btn-146{ color: #6dab3c;border:solid 1px #6dab3c; } .msp-preset-btn-146:hover{ border-color:#76b941;color:#76b941 } .msp-preset-btn-146:active{ top:1px } .msp-preset-btn-147{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-147:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-147:active{ top:1px } .msp-preset-btn-148{ background-color: #6dab3c;color: #fff;box-shadow:0 5px #5e9334; } .msp-preset-btn-148:hover{ background-color:#76b941;box-shadow:0 4px #5e9334;top:1px;color: #fff; } .msp-preset-btn-148:active{ box-shadow:0 2px #5e9334;top:3px; } .msp-preset-btn-149{ background-color: #f4524d;color: #fff; } .msp-preset-btn-149:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-149:active{ top:1px } .msp-preset-btn-150{ background-color: #f4524d;color: #fff; } .msp-preset-btn-150:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-150:active{ top:1px } .msp-preset-btn-151{ color: #f4524d;border:solid 1px #f4524d; } .msp-preset-btn-151:hover{ border-color:#e04b47;color:#e04b47 } .msp-preset-btn-151:active{ top:1px } .msp-preset-btn-152{ background-color: #f4524d;color: #fff; } .msp-preset-btn-152:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-152:active{ top:1px } .msp-preset-btn-153{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440; } .msp-preset-btn-153:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-153:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-154{ background-color: #f79468;color: #fff; } .msp-preset-btn-154:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-154:active{ top:1px } .msp-preset-btn-155{ background-color: #f79468;color: #fff; } .msp-preset-btn-155:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-155:active{ top:1px } .msp-preset-btn-156{ color: #f79468;border:solid 1px #f79468; } .msp-preset-btn-156:hover{ border-color:#e78a61;color:#e78a61 } .msp-preset-btn-156:active{ top:1px } .msp-preset-btn-157{ background-color: #f79468;color: #fff; } .msp-preset-btn-157:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-157:active{ top:1px } .msp-preset-btn-158{ background-color: #f79468;color: #fff;box-shadow:0 5px #da835c; } .msp-preset-btn-158:hover{ background-color:#e78a61;box-shadow:0 4px #da835c;top:1px;color: #fff; } .msp-preset-btn-158:active{ box-shadow:0 2px #da835c;top:3px; } .msp-preset-btn-160{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440;width:60px;height:5px; } .msp-preset-btn-160:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-160:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-161{ background-color: #f4524d;color: #fff;box-shadow:0 3px #cb4440; } .msp-preset-btn-161:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-161:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-162{ background-color: #5aa1e3;color: #fff;box-shadow:0 3px #4c87bf; } .msp-preset-btn-162:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-162:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-163{ background-color: #da4646;color: #fff; } .msp-preset-btn-163:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-163:active{ top:1px } .msp-preset-btn-164{ background-color: #fff;color: #222;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-transform:uppercase; } .msp-preset-btn-164:hover{ background-color:#222;color: #fff; } .msp-preset-btn-164:active{ top:1px } .msp-preset-btn-165{ background-color: #222;color: #fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-transform:uppercase; } .msp-preset-btn-165:hover{ background-color: #fff;color: #222; } .msp-preset-btn-165:active{ top:1px } .msp-preset-btn-166{ background-color: transpatrent;border:1px solid #222;color: #222;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-transform:uppercase; } .msp-preset-btn-166:hover{ background-color: #222;color: #fff; } .msp-preset-btn-166:active{ top:1px } .msp-preset-btn-167{ background-color:transparent;color: #fff;border:2px solid #fff; } .msp-preset-btn-167:hover{ border-color:#ddd;color:#ddd; } .msp-preset-btn-167:active{ top:1px } .msp-preset-btn-169{ background-color:transparent;color: #fff;border:2px solid #fff; } .msp-preset-btn-169:hover{ background-color:#fff;color: #666; } .msp-preset-btn-169:active{ top:1px } .msp-preset-btn-170{ background-color:#fff;color: #666;border:2px solid #fff; } .msp-preset-btn-170:hover{ background-color:#f1f1f1;color: #666;border:2px solid #f1f1f1; } .msp-preset-btn-170:active{ top:1px } .msp-preset-btn-171{ background-color:#fff;color: #666;border:2px solid #fff; } .msp-preset-btn-171:hover{ background-color:#f1f1f1;color: #666;border:2px solid #f1f1f1; } .msp-preset-btn-171:active{ top:1px } .msp-preset-btn-172{ background-color: #353434;color: #fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;font-weight:200; } .msp-preset-btn-172:hover{ background-color: #fff;color: #353434; } .msp-preset-btn-172:active{ top:1px } .msp-preset-btn-173{ background-color: #fff;color: #353434;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; } .msp-preset-btn-173:hover{ background-color: #353434;color: #fff; } .msp-preset-btn-173:active{ top:1px } .msp-preset-btn-174{ background-color: #353535;color: #fff; } .msp-preset-btn-174:hover{ background-color:#454545;color: #fff; } .msp-preset-btn-174:active{ top:1px } .msp-preset-btn-175{ background-color: #769a2e;color: #fff; } .msp-preset-btn-175:hover{ background-color:#80a339;color: #fff; } .msp-preset-btn-175:active{ top:1px } .msp-preset-btn-176{ background-color: transparent; } .msp-preset-btn-176:hover{ color: #fff; } .msp-preset-btn-176:active{ top:1px } .msp-preset-btn-177{ background-color:#fff;color: #333;border:2px solid #fff;text-transform:uppercase; } .msp-preset-btn-177:hover{ background-color:#f9f9f9;color: #666;border:2px solid #f9f9f9; } .msp-preset-btn-177:active{ top:1px } .msp-preset-btn-178{ background-color: #ea3e4f;color: #fff;border: none !important; } .msp-preset-btn-178:hover{ background-color:#f75363;color: #f1f1f1; } .msp-preset-btn-178:active{ top:1px } .msp-preset-btn-179{ background-color: #ffaa30;color: #222;text-transform:uppercase;border:none !important; } .msp-preset-btn-179:hover{ background-color:#eda237; } .msp-preset-btn-179:active{ top:1px } .msp-preset-btn-180{ color: #fff !important;background-color: #46d8ae !important;border: none !important; } .msp-preset-btn-180:hover{ background-color:#3dc8a0 !important;color: #fff !important; } .msp-preset-btn-180:active{ top:0.5px } .msp-preset-btn-181{ color: #fff;background-color: #6aa728;border: none !important; } .msp-preset-btn-181:hover{ background-color:#639928;color: #fff; } .msp-preset-btn-181:active{ top:0.5px } .msp-preset-btn-182{ background-color: transpatrent;border:2px solid #fff;color: #fff; } .msp-preset-btn-182:hover{ border:2px solid #aaa;color: #aaa; } .msp-preset-btn-182:active{ top:1px } .msp-preset-btn-183{ background-color: #fff;color: #353434;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; } .msp-preset-btn-183:hover{ background-color: #353434;color: #fff; } .msp-preset-btn-183:active{ top:1px } .msp-preset-btn-184{ background-color: transpatrent;border:2px solid #fff;color: #fff; } .msp-preset-btn-184:hover{ border:2px solid #aaa;color: #aaa; } .msp-preset-btn-184:active{ top:1px } .msp-preset-btn-185{ background-color: transpatrent;border:2px solid #fff;color: #fff; } .msp-preset-btn-185:hover{ border:2px solid #aaa;color: #aaa; } .msp-preset-btn-185:active{ top:1px } .msp-preset-btn-186{ color: #fff;border:solid 1px #fff !important; } .msp-preset-btn-186:hover{ border-color:#f0f0f0 !important;color:#f0f0f0; } .msp-preset-btn-186:active{ top:1px } .msp-preset-btn-187{ background-color: #ebebeb;color: #282828; } .msp-preset-btn-187:hover{ background-color:#e6e6e6;color: #666; } .msp-preset-btn-187:active{ left:2px; } .msp-preset-btn-188{ background-color: #fff;color: #272727; } .msp-preset-btn-188:hover{ background-color:#f9f9f9;color: #666; } .msp-preset-btn-188:active{ top:1px } .msp-preset-btn-189{ background-color: transparenty;border-color:#ffcd61 !important;border:1px solid !important;color: #ffcd61;text-transform:uppercase; } .msp-preset-btn-189:hover{ background-color: #ffcd61;border-color:#ffcd61 !important;border:1px solid !important;color: #f6f6f6;text-transform:uppercase; } .msp-preset-btn-189:active{ top:1px } .msp-preset-btn-190{ background-color: #1de9b6;color: #fff; } .msp-preset-btn-190:hover{ background-color:#20d8aa;color: #fff; } .msp-preset-btn-190:active{ top:1px } .msp-preset-btn-191{ color: #fff !important;background-color: #25323d !important;border: none !important; } .msp-preset-btn-191:hover{ background-color:#2d4559 !important;color: #f2f2f2 !important; } .msp-preset-btn-191:active{ top:0.5px } .msp-preset-btn-192{ background-color: #fff;color: #333; } .msp-preset-btn-192:hover{ background-color: #f9f9f9; } .msp-preset-btn-192:active{ top:1px } .msp-preset-btn-193{ background-color: transpatrent;border:1px solid #d0d0d0;color: #565656; } .msp-preset-btn-193:hover{ background-color: #f9f9f9; } .msp-preset-btn-193:active{ top:1px } .msp-preset-btn-194{ background-color: #0fc92a;color: #fff; } .msp-preset-btn-194:hover{ background-color:#0dba26;color: #fff; } .msp-preset-btn-194:active{ top:1px } .msp-preset-btn-195{ background-color: #f0cb21;color: #fff; } .msp-preset-btn-195:hover{ background-color:#e8c41e;color: #fff; } .msp-preset-btn-195:active{ top:1px } .msp-preset-btn-196{ background-color: #f68623;color: #fff; } .msp-preset-btn-196:hover{ background-color:#e87d1e;color: #fff; } .msp-preset-btn-196:active{ top:1px } .msp-preset-btn-197{ background-color: #f03838;color: #fff; } .msp-preset-btn-197:hover{ background-color:#e12b2b;color: #fff; } .msp-preset-btn-197:active{ top:1px } .msp-preset-btn-198{ background-color: #38bbec;color: #fff; } .msp-preset-btn-198:hover{ background-color:#2aacdc;color: #fff; } .msp-preset-btn-198:active{ top:1px } .msp-preset-btn-199{ background-color: #282828;color: #fff; } .msp-preset-btn-199:hover{ background-color:#393939;color: #fff; } .msp-preset-btn-199:active{ top:1px } .msp-preset-btn-200{ background-color:transparent;color: #333;border:solid 1px #333; } .msp-preset-btn-200:hover{ background-color:#333;border-color:#333;color:#f9f9f9 } .msp-preset-btn-200:active{ top:1px } .msp-preset-btn-201{ color: #333;background-color: #fff;box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.11); } .msp-preset-btn-201:hover{ color: #444;background-color: #fefefe;box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15); } .msp-preset-btn-201:active{ top:1px;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.19); } .msp-preset-btn-202{ color:#333;background:transparent;text-transform:uppercase;text-decoration:none; } .msp-preset-btn-202:hover{ color:#777;background:transparent; } .msp-preset-btn-202:active{ left:2px; } .msp-preset-btn-203{ color:#333;background:transparent;text-transform:capitalize;text-decoration:none;letter-spacing: 1px; } .msp-preset-btn-203:hover{ color:#777;background:transparent; } .msp-preset-btn-203:active{ left:2px; } .msp-preset-btn-204{ background-color: transparent; background-image: url(http://demo.averta.net/themes/lotus/dummy-agency/wp-content/uploads/2017/06/postslider-5-icon-arrow-up.png);background-size: 36px 36px;background-repeat: no-repeat;background-position: center; } .msp-preset-btn-204:hover{ top:-1px;opacity:0.6 } .msp-preset-btn-204:active{ top:-3px;opacity:0.8 } .msp-preset-btn-205{ background-color: transparent; background-image: url(http://demo.averta.net/themes/lotus/dummy-agency/wp-content/uploads/2017/06/postslider-5-icon-arrow-down.png);background-size: 36px 36px;background-repeat: no-repeat;background-position: center; } .msp-preset-btn-205:hover{ top:1px;opacity:0.6 } .msp-preset-btn-205:active{ top:3px;opacity:0.8 } .msp-preset-btn-206{ background-color: transparent; background-image: url(http://demo.averta.net/themes/lotus/dummy-agency/wp-content/uploads/2017/06/postslider6-icon-arrow-next.png);background-size: 25px 25px;background-repeat: no-repeat;background-position: center center;padding:0.6em 1.2em 0.6em 1.2em;opacity:0.55 } .msp-preset-btn-206:hover{ left:0.3px;opacity:0.9 } .msp-preset-btn-206:active{ left:3px;opacity:1 } .msp-preset-btn-207{ background-color: transparent; background-image: url(http://demo.averta.net/themes/lotus/dummy-agency/wp-content/uploads/2017/06/postslider6-icon-arrow-prev.png);background-size: 25px 25px;background-repeat: no-repeat;background-position: center center;padding:0.6em 1.2em 0.6em 1.2em;opacity:0.55 } .msp-preset-btn-207:hover{ right:0.3px;opacity:0.9 } .msp-preset-btn-207:active{ right:3px;opacity:1 } .msp-preset-btn-208{ background-color: #3a3a3a;color: #fff; } .msp-preset-btn-208:hover{ background-color:#292929;color: #fff; } .msp-preset-btn-208:active{ top:1px } .msp-preset-btn-209{ color: #333;border:solid 1.5px #333; } .msp-preset-btn-209:hover{ background-color:#8fd191;color:#fff } .msp-preset-btn-209:active{ top:1px } .msp-preset-btn-210{ color: #333;border:solid 1.5px #333; } .msp-preset-btn-210:hover{ background-color:#f38fb8;color:#fff } .msp-preset-btn-210:active{ top:1px } .msp-preset-btn-211{ color: #fff;border:solid 2px #fbd9b0; } .msp-preset-btn-211:hover{ background-color:#fbd9b0;color:#333 } .msp-preset-btn-211:active{ top:1px } .msp-preset-btn-212{ background-color: transparent; background-image: url(http://demo.averta.net/themes/lotus/dummy-agency/wp-content/uploads/2017/07/wps3-img-icon-arrow-up-prv.png);background-size: 20px 111px;background-repeat: no-repeat;background-position: center center;width:16px; height:105px;padding: 0 0;opacity:0.6 } .msp-preset-btn-212:hover{ top:-1px;opacity:0.9 } .msp-preset-btn-212:active{ top:-3px;opacity:1 } .msp-preset-btn-213{ background-color: transparent; background-image: url(http://demo.averta.net/themes/lotus/dummy-agency/wp-content/uploads/2017/07/wps3-img-icon-arrow-down-nxt.png);background-size: 20px 111px;background-repeat: no-repeat;background-position: center center;width:16px; height:105px;padding: 0 0;opacity:0.6 } .msp-preset-btn-213:hover{ top:1px;opacity:0.9 } .msp-preset-btn-213:active{ top:3px;opacity:1 }.msp-cn-290-1 { background-color:rgba(1, 122, 149, 0.75);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:35px;line-height:normal;color:#ffffff; } 
.msp-cn-290-2 { background-color:rgba(255, 255, 255, 0.75);padding-top:15px;padding-right:160px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:45px;line-height:normal;color:#444444; } 
.msp-cn-290-4 { background-color:rgba(0, 0, 0, 0.75);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:20px;line-height:normal;color:#ffffff; } 
.msp-cn-1-5 { background-color:rgba(88, 122, 95, 0.75);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:30px;line-height:normal;color:#ffffff; } 
.msp-cn-1-8 { font-family:"Lato";font-weight:700;font-size:35px;line-height:normal;white-space:nowrap;color:#ffffff; } 
.msp-cn-290-11 { padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;font-family:"Lato";font-weight:700;font-size:50px;line-height:normal;color:#ffffff; } 
.msp-cn-290-1 { background-color:rgba(1, 122, 149, 0.75);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:35px;line-height:normal;color:#ffffff; } 
.msp-cn-290-2 { background-color:rgba(255, 255, 255, 0.75);padding-top:15px;padding-right:160px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:45px;line-height:normal;color:#444444; } 
.msp-cn-290-4 { background-color:rgba(0, 0, 0, 0.75);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:20px;line-height:normal;color:#ffffff; } 
.msp-cn-1-5 { background-color:rgba(88, 122, 95, 0.75);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:"Lato";font-weight:300;font-size:30px;line-height:normal;color:#ffffff; } 
.msp-cn-1-8 { font-family:"Lato";font-weight:700;font-size:35px;line-height:normal;white-space:nowrap;color:#ffffff; } 
.msp-cn-290-11 { padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;font-family:"Lato";font-weight:700;font-size:50px;line-height:normal;color:#ffffff; }