/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8);backdrop-filter: blur(5px);}
.w3-modal-content{margin:auto;background-color:none;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}

body { background: #eee; color: #5a5a5a; font-family: 'hind', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; position: relative; webkit-font-smoothing: antialiased;}

.stickyarea { padding-top: 84px;}
.row { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 1280px; width: 100%; }
.row.full-width { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 100%; width: 100%; }
.row.no-gutter { margin:0 auto;}
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0; padding-right: 0; }
.center-block { float: none; }
a { color: #bd0a55; outline: 0; text-decoration: none; }
a:hover, a:active, a:focus { outline: 0; text-decoration: none; color:#6E6E6E; }
code { background: #f5f2f0; border: 0; border-radius: 6px; color: #303038; display: block; font-family: consolas, monaco, 'andale mono', monospace; font-weight: normal; line-height: 1.3; margin: 8px 0; padding: 12px; text-shadow: 0 1px white; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; }

img {  max-width: 100%;  height: auto; -ms-interpolation-mode: bicubic; display: inline-block;  vertical-align: middle;}


/* Ηeadings */
h1, h2, h3, h4, h5, h6 { color: #5a5a5a; font-family: 'montserrat', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: 700; line-height: 1.1; margin-bottom: 12px; margin-top: 12px; text-rendering: optimizelegibility; }
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
/* End of Ηeadings */

p { font-family: inherit; font-size: 17px; font-weight: normal; line-height: 1.45; margin: 0 0 17px 0;  font-weight: 300;}
hr { border: solid #eff0f4; border-width: 1px 0 0; clear: both; height: 0; margin: 21px 0; }
hr.small { border: solid #bd0a55; border-width: 1px 0 0; clear: both; height: 0; margin:0 auto; margin-top:27px; margin-bottom:27px; max-width:150px; }
.spacing-70 { padding-top: 70px; }
.spacing-40 { padding-top: 40px; }

/* Bootstrap 5 columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {    position: relative;    min-height: 1px;    padding-right: 10px;    padding-left: 10px;}

/* Forms */
input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
textarea.form-control { font-size: 18px;padding: 15px; width: 100%; }
select.form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
button[type="submit"] { background: #515151; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 5px; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 900; height: 55px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; }
button[type="submit"]:hover { background: #646464; }
input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus, select:focus { box-shadow: none; }

/* Breadcrumbs */
.breadcrumbs { background: #bd0a55; box-shadow: inset 4px 104px 93px -18px rgba(76, 116, 110, 0.34); moz-box-shadow: inset 4px 104px 93px -18px rgba(76, 116, 110, 0.34); padding: 22px 0; webkit-box-shadow: inset 4px 104px 93px -18px rgba(76, 116, 110, 0.34); }
.breadcrumbs h1 { color: #fff; font-size: 23px; margin: 0; padding: 0; }
ol.breadcrumb { background: transparent; border-radius: 0; color: #fff; float: right; margin: 0; padding: 6px 0 0; }
ol.breadcrumb li:first-child { color: #fff; font-size: 15px; font-weight: normal; }
ol.breadcrumb li.active { color: #fff; font-size: 15px; font-weight: bold; }
ol.breadcrumb li a { color: #fff; font-size: 15px; }
ol.breadcrumb li a:hover { color: #e30c67; }
ol.breadcrumb > li + li:before { color: #fff; content: "\f105"; font-family: "fontawesome"; font-weight: normal; padding: 0 5px; }
ol.breadcrumb > li:first-child + li:before { content: ""; padding: 0 3px 0 0; }
/* End of Breadcrumbs */


/* ============
   2 = Header
   ============ */
.top { background: #222;  }
.top.sticky { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); position: fixed; width: 100%; z-index: 99999; }
.logo {padding-top:14px; max-width: 190%; }
.logo img {max-width: 140% !important;}

/* Navigation  ---------------------- */
nav#desktop-menu {  padding: 0; float:right; text-align: left; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {  margin: 0;  padding: 0;  list-style: none;}
.sf-menu li {  position: relative;}
.sf-menu ul {  position: absolute;  display: none;  top: 100%;  left: 0;  z-index: 9999;}
.sf-menu > li {  float: left;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {  display: block;}
.sf-menu a {  display: block;  position: relative;}
.sf-menu ul ul {  top: 0;  left: 100%;}

/*** SKIN ***/
.sf-menu {  float: left;  margin: 0;}
.sf-menu ul {  min-width: 12em; *width: 12em; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
/* 1st level */
.sf-menu li {  white-space: nowrap;   *white-space: normal;}
.sf-menu li a { color: #ccc; font-weight: 300; letter-spacing: .1em; padding: 32px 25px; text-transform: uppercase }
.sf-menu li:first-child a {border-left: 0px solid #e8e8e8;  }
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current a  { background: #444; color: #cdcdcd;  -webkit-transition: none;  transition: none;}
.sf-menu li.login-btn a  { background: #bd0a55; color: #efefef;  -webkit-transition: none;  transition: none;}
/* 2nd level */
.sf-menu ul li, .sf-menu li.current ul li{background:#333!important; }
.sf-menu ul li a {border-bottom: 1px solid #444; background:#444!important; font-size: 14px; font-weight: 300; letter-spacing: .04em; padding: 13px 20px 10px;}
.sf-menu ul li:hover a, .sf-menu ul li.sfHover a  { background: #555!important; color: #eee;  -webkit-transition: none;  transition: none;}
/* 3rd level */
.sf-menu ul li.sfHover li a {background:#fff !important; }
.sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a  { background: #ededed!important; color: #6f6f6f;  -webkit-transition: none;  transition: none;}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul {  padding-right: 2.5em;  *padding-right: 1em; }
.sf-arrows .sf-with-ul:after {  content: '';  position: absolute;  top: 50%;  right: 1em;  margin-top: -3px;  height: 0;  width: 0;  border: 5px solid transparent;  border-top-color: #999; }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {  border-top-color: #999; }
.sf-arrows ul .sf-with-ul:after {  margin-top: -5px;  margin-right: -3px;  border-color: transparent;  border-left-color: #6f6f6f;  }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {  border-left-color: #999;}
.slicknav_menu {  display:none;}

/* ===============
   3 = Home Page
   =============== */

/* Tab Slider */
#mainslider .item { color: #fff; margin: 0; padding: 0; position: relative; text-align: center; }
#mainslider .item .slidecaption { left: 1%; position: absolute; right: 1%; text-align: center; top: 23%; }
#mainslider .item .slidecaption h2 { color: #e30c67; font-size: 3.5em; text-shadow: -1px 1px 0 #2d2d2f; }
#mainslider .item .slidecaption h4 { color: #fff; font-size: 2em; font-weight: 300; margin-top: 25px; text-shadow: -1px 1px 0 #2d2d2f; }
#mainslider .item .slidecaption .btn-slide { background: #bd0a55;  border-radius:0; color: #fff; color: #fff; font-size: 19px; font-weight:400; margin: 25px auto 10px auto; padding: 7px 20px; }
#mainslider .item .slidecaption .btn-slide:hover { background: #e30c67; }
#mainslider-nav { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#mainslider-nav .item { background: #fff; border-right: 1px solid #ccc; color: #999; cursor: pointer; font-size: 14px; font-weight: 500; letter-spacing: .07em; margin: 0; padding: 22px 0px; text-align: center; }
#mainslider-nav .item i { color: #999; font-size: 25px; padding-right: 10px; vertical-align: middle; }
#mainslider-nav .synced .item { background: #bd0a55; color: #EEE; }
#mainslider-nav .synced .item i { color: #EEE; }
/* End of Tab Slider */

/* Features */
.features { overflow: hidden; padding: 75px 0; }
.features h2 { font-weight: 900; margin-bottom: 12px; text-align: center; }
.features span { display: block; font-size: 18px; font-weight: 300; text-align: center; }
.feature { text-align: center; }
.feature img { margin: 0 auto; }
.feature i { font-size:58px; color:#bd0a55; }
.feature h4 { font-weight: 500; margin-top: 30px; }
.feature p { font-size: 17px; font-weight: 300; margin: 18px 0 0; padding: 0 40px; }
/* End of Features */

/* Call to Action */
.calltoaction { background: url(images/ctabg.png); overflow: hidden; padding: 75px 0; }
.cta-content { background: #e30c67; }
.cta-content [class*='col-']:first-child { background: #bd0a55; }
.offer { padding: 12px 0; text-align: center; }
.offer span { color: #eee; font-size: 18px; font-weight: 400; margin: 0; padding: 0; }
.offer h2 { color: #fff; font-size: 69px; font-weight: 900; letter-spacing: -.09em; line-height: .9; margin: 0; padding: 0 0 5px; }
.offerdescription { padding: 12px 35px; }
.offerdescription h2 { color: #fff; font-size: 44px \9; font-size: 54px; font-weight: 900; letter-spacing: -.07em; margin: 0; padding: 6px 0; }
.offerdescription p { color: #eee; font-size: 21px; font-weight: 400; margin: 0; }
.domainsearch { background: #4d4d4d; background: rgba(0, 0, 0, .2); border-radius: 6px; margin-top: 25px; padding: 20px; }
.domainsearch .form-control { width: 100%; }
.domainsearch input[type="text"].form-control { border-bottom-left-radius: 5px; border-bottom-right-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 0; font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
.domainsearch select.form-control { border-radius: 0; font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
.domainsearch button[type="submit"] { background: #515151; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 5px; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 900; height: 55px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; }
.domainsearch button[type="submit"]:hover { background: #646464; }
.domainsearch input[type="text"]:focus, .domainsearch select:focus { border: 0; box-shadow: 0 8px 6px -6px #000; }
/* End of Call to Action */

/* Pricing Tables Home */
.pricingtables { background: #efefef; overflow: hidden; padding: 45px 0 90px; }
.pricingtables h2 { font-weight: 900; margin-bottom: 12px; text-align: center; }
.pricingtables p { font-size: 17px; font-weight: 300; margin: 18px 0 0; text-align: center; }
.pricingtables h4 { color: #ddd; font-size: 59px; letter-spacing: -.07em; margin: 0; padding: 0 0 10px; text-align: center; }
.pricingtables .panel { border: 0; border-radius: 0; margin: 0; padding: 0; }
.pricingtables .panel-heading { background: #222222; border: 0; border-radius: 0; filter: none !important; }
.pricingtables .panel-heading h3 { color: #fff; font-size: 21px; font-weight: 400; letter-spacing: -.07em; margin: 0; padding: 12px 0; }
.pricingtables .panel-body { background: #282828; margin: 0; padding: 10px 0 15px; }
.pricingtables .panel-body span { color: #fff; font-size: 11px; margin: 0 auto; padding: 5px 10px; }
.pricingtables .panel-body span.per { background: #222222; padding: 5px 10px 2px; }
.pricingtables ul { border: 0; list-style: none; margin: 0; padding: 0; }
.pricingtables ul li { border: 0; font-size: 16px; padding: 20px 0; }
.pricingtables ul li:nth-child(odd) { background: #fff; }
.pricingtables ul li:nth-child(even) { background: #e1e3e4; }
.pricingtables .panel-footer { text-align: center; }
.pricingtables .btn-pricetable { background: #6e6e6e; border-radius: 0; color: #fff; font-size: 1.3em; margin: 10px auto; padding: 10px 30px; }
.pricingtables .btn-pricetable:hover { background: #bd0a55; }
.pricingtables .most-popular { border-width: 3px; box-shadow: 20px 0 20px -10px rgba(0, 0, 0, .15), -20px 0 20px -10px rgba(0, 0, 0, .15); padding: 0; top: -26px; z-index: 2; }
.pricingtables .most-popular .panel-heading { background: #bd0a55; }
.pricingtables .most-popular .panel-body { background: #e30c67; }
.pricingtables .most-popular h4 { color: #fff; }
.pricingtables .most-popular .panel-body span.per { background: #bd0a55; }
.pricingtables .most-popular ul li { font-size: 17px; padding: 23px 0; }
.pricingtables .most-popular .btn-pricetable { margin: 15px auto; }
/* End of Pricing Tables */

/* Statistics */
.statistics { background: #fff; overflow: hidden; padding: 45px 0 60px; }
.statistics h2 { font-weight: 900; margin-bottom: 12px; text-align: center; }
.statistics h2 i { color: #e30c67; }
.statistics p { font-size: 17px; font-weight: 300; margin: 0 auto; text-align: center; }
.statistics span { display: block; font-size: 18px; font-weight: 300; text-align: center; }
.statistics .circle-text { color: #807e7e; font-weight: 900; }
/* End of Statistics */

/* ==============================
   4 = Video Header Page
   ============================== */
   
   #aboutvideo {
    width: 100%; /* Could also use width: 100%; */
    max-height: 50vh;
    object-fit: cover !important;
    position: absaloute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;
    top: 0px;
    z-index: -1;
}

/* Video */
#index-video .index-video-container { min-height: 460px; position: relative;    overflow: hidden;}
#index-video .index-video-container:after { background: url(images/video_bg_pattern.png) repeat; bottom: 0px; content: ""; left: 0; opacity: 0.7; position: absolute; right: 0; top: 0; z-index: 1; }
#index-video .index-video-container .videocaption { left: 1%; position: absolute; right: 1%; text-align: center; top: 35%; z-index: 2; }
#index-video .index-video-container .videocaption h2 { color: #bd0a55; font-size: 3.5em; text-shadow: -1px 1px 0 #2d2d2f;  }
#index-video .index-video-container .videocaption h4 { color: #fff; font-size: 2em; font-weight: 300; text-shadow: -1px 1px 0 #2d2d2f; }
#index-video .index-video-container .videocaption .btn-slide { background:#bd0a55; color: #fff; font-size: 19px; font-weight:400;margin: 25px auto 10px auto; padding: 7px 20px; border-radius:0; }
#index-video video {    width:100%;    background-size: cover;    position: absolute;    top: 0;    left: 0;}
/* End of Video */

/* ==============================
   5 = Shared Hosting Page
   ============================== */

/* Choose Price Period */
span.chooseprice { background: #bd0a55; color: #fff; display: table; font-size: 16px; margin: 0 auto; margin-top: 30px; padding: 5px 20px; position: relative; }
span.chooseprice:after { border: solid transparent; border-color: rgba(222, 98, 98, 0); border-top-color: #bd0a55; border-width: 10px; content: " "; height: 0; left: 50%; margin-left: -10px; pointer-events: none; position: absolute; top: 100%; width: 0; }
.btn-group.price-per-period { display: table; margin: 0 auto; margin-top: 30px; text-align: center; }
.btn-group.price-per-period .btn { border-color: #e8e8e8; font-size: 16px; padding: 10px 15px 8px; }
.btn-shared-checked { background-color: #bd0a55; border-color: #bd0a55; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); }
.btn-shared-checked:hover, .btn-shared-checked:focus, .btn-shared-checked.focus, .btn-shared-checked:active, .btn-shared-checked.active { background-color: #e30c67; border-color: #e30c67; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff; webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-shared-checked:active, .btn-shared-checked.active { background-image: none; }
/* End of Choose Price Period */

/* Pricing Tables Shared Hosting Page */
.pricingtables .hostingfeatures .panel, .pricingtables .hostingfeatures .panel-heading, .pricingtables .hostingfeatures .panel-body, .pricingtables .hostingfeatures .panel-footer { background: transparent; border: 0; box-shadow: none; }
.pricingtables .hostingfeatures ul { margin-top: 142px; }
.pricingtables.shared .hostingfeatures ul li { color: #fff; padding: 20px; }
.pricingtables.shared .hostingfeatures ul li a { color: #fff; }
.pricingtables.shared .hostingfeatures ul li:nth-child(odd) { background: #41444a; }
.pricingtables.shared .hostingfeatures ul li:nth-child(even) { background: #36393d; }
.pricingtables.shared .most-popular { border-width: 3px; box-shadow: 20px 0 20px -10px rgba(0, 0, 0, .15), -20px 0 20px -10px rgba(0, 0, 0, .15); padding: 0; top: 0; z-index: 2; }
.pricingtables.shared h4 { color: #fff; }
.pricingtables.shared ul li i { color: #e30c67; }
.pricingtables.shared .most-popular .panel-heading { background: #bd0a55; }
.pricingtables.shared .most-popular .panel-body { background: #e30c67; }
.pricingtables.shared .most-popular h4 { color: #fff; }
.pricingtables.shared .most-popular .panel-body span.per { background: #bd0a55; }
.pricingtables.shared .most-popular ul li { font-size: 16px; padding: 20px 0; }
.pricingtables.shared .most-popular .btn-pricetable { margin: 10px auto; }
.yearprice, .twoyearprice { display: none; }
.tooltip { background: transparent; font-family: 'hind', sans-serif; }
.tooltip-inner { font-size: 14px; max-width: 150px; padding: 5px 8px; }
/* End Pricing Tables Shared Hosting Page */

/* Tabs Section - Shared Hosting Page */
.shared-features { background: #fff; overflow: hidden; padding: 45px 0 60px; }
.shared-features h2 { font-weight: 900; margin-bottom: 12px; text-align: center; }
.shared-features p { font-size: 17px; font-weight: 300; margin: 0 auto; text-align: center; }
.r-tabs .r-tabs-nav { display: table; margin: 0 auto; padding: 0; text-align: center; }
.r-tabs .r-tabs-tab { float: left; list-style: none!important; margin: 0; }
.r-tabs .r-tabs-panel { display: none; padding: 15px; }
.r-tabs .r-tabs-accordion-title { display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }
.r-tabs { background-color: #fff; border: 0; position: relative; }
.r-tabs .r-tabs-nav .r-tabs-tab { background: #efeff2; border-right: 1px solid #fff; font-size: 14px; margin: 0; position: relative; }
.r-tabs .r-tabs-nav .r-tabs-tab:first-child { border-left: 1px solid #fff; }
.r-tabs .r-tabs-nav .r-tabs-anchor { color: #7a7c89; float: left; font-weight: normal; margin: 0; padding: 12px 20px 10px; text-decoration: none; }
.r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; }
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background: #bd0a55; color: #fff; }
.r-tabs .r-tabs-panel { border-bottom: 4px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-radius: 4px; border-right: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding: 20px 25px 35px; }
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { background: #efeff2; border: 1px solid #e4e7f0; color: #222; display: block; font-size: 14px; padding: 10px; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background: #bd0a55; color: #fff; text-shadow: none; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }
#shared-hosting-tabs .r-tabs-panel { margin-top: 120px!important; }
#shared-hosting-tabs .centralicon { display: table; margin: 0 auto; margin-top: -90px; text-align: center; }
#shared-hosting-tabs .centralicon img { border: 10px solid #e1e3e4; border-radius: 100%; }
#shared-hosting-tabs #feature1 h5, #shared-hosting-tabs #feature5 h5 { font-size: 25px; line-height: 1.3; margin-bottom: 17px; text-align: left; }
#shared-hosting-tabs #feature1 p, #shared-hosting-tabs #feature5 p { padding-left: 0; padding-roght: 0; text-align: left; }
#shared-hosting-tabs h5 { font-size: 25px; line-height: 1.3; margin-bottom: 17px; text-align: center; }
#shared-hosting-tabs p { padding: 0 40px; text-align: center; }
#shared-hosting-tabs .tabfeatures { margin-top: 40px; text-align: center; }
#shared-hosting-tabs .tabfeatures img { margin: 0 auto; text-align: center; }
#shared-hosting-tabs .tabfeatures p { padding: 0; }
#shared-hosting-tabs h6 { font-size: 18px; line-height: 1.3; padding: 17px 0 6px; }
#shared-hosting-tabs #feature1, #shared-hosting-tabs #feature2, #shared-hosting-tabs #feature3, #shared-hosting-tabs #feature4, #shared-hosting-tabs #feature5 { transition: all ease-out 0.2s 0.1s;}
.supportchannels { display: table; margin: 0 auto; margin-top: 45px; text-align: center; }
.supportchannels .block-grid-item { padding: 0 45px; }
.supportchannels .block-grid-item i { background: #bd0a55; border: 6px solid #bd0a55; border-radius: 50%; color: #fff; font-size: 38px; height: 90px; padding: 20px 0 0 0; text-align: center; transition: all 0.4s ease; webkit-transition: all 0.4s ease; width: 90px; }
.supportchannels .block-grid-item i:hover { background: #e30c67; transform: scale(1.3); webkit-transform: scale(1.3); }
/* End Tabs Section - Shared Hosting Page */

/* ==============================
   6 = VPS Page
   ============================== */
/* Order Steps - VPS Page */
.vps-order { background: #fff; padding: 45px 0; }
.order-step { height: 40px; margin: 25px 0 20px; }
.vps-order h3 { background: #bd0a55; color: #fff; font-size: 18px; font-weight: normal; padding: 20px 35px; position: relative; text-align: center; }
.vps-order h3:after {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(114, 172, 148, 0); border-bottom-color: #bd0a55; border-width: 10px; margin-left: -10px; }
.vps-order p { font-size: 15px; padding: 0 25px; }
.order-step .order-circle { position: relative; text-align: center; }
.order-step .order-circle span { background: #8d8c8c; border: 4px solid #d3d1d1; border-radius: 1000px; color: #fff; display: inline-block; font-weight: 900; height: 40px; line-height: 32px; moz-border-radius: 1000px; ms-border-radius: 1000px; o-border-radius: 1000px; position: relative; text-align: center; vertical-align: middle; webkit-border-radius: 1000px; width: 40px; z-index: 10; }
.order-step .order-circle span.left-side { margin-right: 15px; }
.order-step .order-circle span.right-side { margin-left: 15px; }
/* End of Order Steps - VPS Page */

/* Order Slider - VPS Page */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { cursor: default; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; }
.ui-slider .ui-slider-range { background-position: 0 0; border: 0; display: block; font-size: .7em; position: absolute; z-index: 1; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { margin-left: -.6em; top: -.3em; }
.ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { height: 100px; width: .8em; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-bottom: -.6em; margin-left: 0; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.vps-prices-drag { float: left; margin: 0 0 40px; padding: 0 60px; width: 100%; }
.vps-prices-container { background: #6c7a89; border-radius: 6px; float: left; margin-top: 35px; padding-top: 55px; width: 100%; }
.vps-prices-panel { float: left; width: 100%; }
.vps-prices-container #vps-slider { background: #000; background: rgba(0,0,0,.15); border-radius: 6px; float: left; height: 17px; margin: 0 0 12px; width: 100%; }
.vps-prices-container #sliderlines { background: url(images/lines1.png) center top; display: table; height: 10px; margin: 0 auto; width: 100%; }
.vps-prices-container #vps-slider .ui-slider-range { background: #bd0a55; border-radius: 6px; }
.vps-prices-container #vps-slider .ui-slider-handle { background: url(images/slider_range.png) no-repeat left top; border: 0; border-radius: 0; height: 33px; margin-left: -25px; margin-top: -15px; outline: none; width: 46px; }
.vps-prices-container #vps-slider .ui-slider-handle:hover { cursor: pointer; }
.vps-plans { display: table; margin: 0 auto; padding: 2% 0 0; width: 99%; }
.vps-plans div.vps-plan { color: #fff; float: left; font-size: 17px; font-weight: bold; margin: 0; text-align: left; width: 25%; }
.vps-plans div.vps-plan:first-child { text-align: left; }
.vps-plans div.vps-plan:last-child { margin-right: 0; padding-right: 0; text-align: right; }
.vps-plans div.vps-plan:nth-child(2) { padding-left: 70px; }
.vps-plans div.vps-plan:nth-child(3) { padding-right: 80px; text-align: right; }

.vps-plans.threeplans div.vps-plan { width: 33.3333333333333%; }
.vps-plans.threeplans div.vps-plan:nth-child(2) { padding-left: 0; text-align: center }
.vps-plans.threeplans div.vps-plan:nth-child(3) { padding-right: 0; text-align: right; }

.vps-plans.fiveplans div.vps-plan { width: 20%;}
.vps-plans.fiveplans div.vps-plan:nth-child(2) { padding-left: 25px; text-align:left}
.vps-plans.fiveplans div.vps-plan:nth-child(3) { padding-left: 0; }
.vps-plans.fiveplans div.vps-plan:nth-child(4) { text-align: right; padding-right:30px; }

.vps-plans.sixplans div.vps-plan { width: 16.666666666667%;}
.vps-plans.sixplans div.vps-plan:first-child { text-align: left; width: 16.666666666667%;}
.vps-plans.sixplans div.vps-plan:nth-child(2) { padding-left: 0px; }
.vps-plans.sixplans div.vps-plan:nth-child(3) { padding-right: 95px; }
.vps-plans.sixplans div.vps-plan:nth-child(4) { text-align: center; }
.vps-plans.sixplans div.vps-plan:nth-child(5) { padding-right: 25px; text-align: right  }
.vps-plans.sixplans div.vps-plan:last-child { margin-right: 0; padding-right: 0; text-align: right;  width: 16.666666666667%;}


.sliderbottom { background: rgba(0,0,0,.1); float: left; padding: 10px 0 25px; text-align: center; width: 100%; }
.sliderbottom h6 { color: #fff; font-size: 19px; font-weight: 400; }
.sliderbottom .how_much { color: #fff; font-size: 29px; font-weight: 700; line-height: .9; margin: 0; padding: 0 0 5px; }
.total_amount { color: #fff; font-size: 36px; font-weight: 900; line-height: .9; margin: 0 0 10px; margin: 0; padding: 10px 10px 20px; }
a.order-vps { color: #fff; font-size:17px; font-weight: 900; padding:6px 15px; background-color: #e30c67; border-color: #4cae4c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); }
/* End Order Slider - VPS Page */

.pricingtables.vps { background: #efefef; overflow: hidden; padding: 45px 0; }

/* End of VPS Page */

/* ==============================
   7 = Dedicated servers
   ============================== */

 /* Pricing Tables - Dedicated servers Page */
.pricingtables.servers { background: #fff; overflow: hidden; padding: 45px 0; }
.pricingtables.servers .panel { border: 0; border-radius: 0; margin: 0; padding: 0; box-shadow: none }
.pricingtables.servers .panel-heading { background: #fff; border: 0; border-radius: 0; filter: none !important; border-bottom:1px solid #BBB; }
.pricingtables.servers .panel-heading h3 { color: #555; font-size: 35px; font-weight: 700; letter-spacing: -.07em; margin: 0; padding: 12px 0; }
.pricingtables.servers h4 { color:#bd0a55; font-size: 59px; letter-spacing: -.07em; margin: 0; padding: 0 0 10px; text-align: center; }
.pricingtables.servers .panel-body { background: #fff; margin: 0; padding: 10px 0 15px; }
.pricingtables.servers .panel-body span { color: #555; font-size: 11px; margin: 0 auto; padding: 5px 10px; }
.pricingtables.servers .panel-body span.per { background: #F0F0F0; padding: 5px 10px 2px; }
.pricingtables.servers ul { border: 0; list-style: none; margin: 0; padding: 0; }
.pricingtables.servers ul li:first-child { border-top:1px solid #E6E6E6;  }
.pricingtables.servers ul li { background: #fff; border-bottom:1px solid #E6E6E6; font-size: 15px; padding: 10px 0;}
.pricingtables.servers .panel-footer { text-align: center; background:#fff; border:0; }
.pricingtables.servers .btn-pricetable { background: #bd0a55; border-radius: 0; color: #fff; font-size:13px; margin: 10px auto; padding: 7px 10px 5px; font-weight:700; }
.pricingtables.servers .btn-pricetable:hover { background: #bd0a55; }
 /* End of Pricing Tables - Dedicated servers Page */

 /* Video Background - Dedicated servers Page */
#servers-video .servers-video-container {    min-height: 350px;    padding-bottom: 50px;    position: relative;    overflow: hidden;}
#servers-video .servers-video-container:after { background: url(images/video_bg_pattern.png) repeat; bottom: 0px; content: ""; left: 0; opacity: 0.7; position: absolute; right: 0; top: 0; z-index: 1; }
#servers-video .servers-video-container .videocaption { left: 1%; position: absolute; right: 1%; text-align: center; top: 15%; z-index: 2; }
#servers-video .servers-video-container .videocaption h2 { color: #E1E3E4; font-size: 3.5em; text-shadow: -1px 1px 0 #2d2d2f; }
#servers-video .servers-video-container .videocaption h4 { color: #fff; font-size: 2em; font-weight: 300; margin-top: 25px; text-shadow: -1px 1px 0 #2d2d2f; }
#servers-video .servers-video-container .videocaption .btn-slide { background:#bd0a55; border-radius: 0; color: #fff; font-size: 19px; font-weight:700;margin: 25px auto 10px auto; padding: 7px 20px; border-radius:5px; position: relative; }
#servers-video .servers-video-container .videocaption .btn-slide:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(113, 172, 147, 0); border-top-color: #bd0a55; border-width: 8px; margin-left: -8px; }
#servers-video video {    width:100%;    background-size: cover;    position: absolute;    top: 0;    left: 0;}
 /* End of Video Background - Dedicated servers Page */

 /* Responsive Table - Dedicated servers Page */
.servers-table {background: #fff; overflow: hidden; padding: 45px 0; }
.products-table {min-width:100%; border:1px solid #DFE0E5; font-family: 'hind', sans-serif; background: #F7F7F7;}
.products-table thead th {background:#F2F3F6; color:#6E6E6E!important; font-weight:700;  font-size:13px; font-weight:bold; border-left:1px solid #DFE0E5; border-right:1px solid #DFE0E5; border-bottom:1px solid #DFE0E5;}
.products-table th {font-weight: normal;    -webkit-font-smoothing: antialiased;   padding:16px 12px; color: #6E6E6E;   font-size: 15px; background: #fff; }
.products-table td {color: #6E6E6E;    padding:16px 12px; font-size: 15px; border-bottom:1px solid #DFE0E5;}
.products-table td:last-child, .products-table thead th:last-child {text-align: center;}
.products-table tr.even, .products-table tr.alt, .products-table tr:nth-of-type(even) {  background: #fff!important; }
.products-table td span {background:#bd0a55; padding:3px 7px 5px; margin:0 auto; display: block}
.products-table td span:hover {background:#282828;}
.products-table td span a{color:#fff; font-size: 12px }
.products-table td span a:hover{text-decoration: none}
 /* End of Responsive Table - Dedicated servers Page */

/* ==============================
   8 = Domains
   ============================== */
.domains { background: #42494E; padding:45px 0;}
.domains h2 {color:#fff; text-align: center;}
.domains p {color:#fff; text-align: center; font-size:18px;}

.domainsearch-full {background: #666; border-radius: 0;padding: 20px; }
.domainsearch-full .form-control { width: 100%; }
.domainsearch-full input[type="text"].form-control { border-bottom-left-radius: 5px; border-bottom-right-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 0; font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
.domainsearch-full select.form-control { border-radius: 0; font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
.domainsearch-full button[type="submit"] { background: #515151; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 5px; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 900; height: 55px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; }
.domainsearch-full button[type="submit"]:hover { background: #646464; }
.domainsearch-full input[type="text"]:focus, .domainsearch-full select:focus { border: 0; box-shadow: 0 8px 6px -6px #000; }

#domainextensions {margin-top:10px;}
#domainextensions .item { margin: 0 3px;}
#domainextensions .item .extension { padding:10px 20px; font-size:16px; font-weight:900; color:#fff; text-align:center; border:1px solid #646464; border-radius:6px; }
.domainfeatures { background: #efefef; padding:45px 0;}
.domainfeatures h2 { font-weight: 700; margin-bottom: 12px; text-align: center; }
.domainfeatures p { font-size: 17px; font-weight: 300; margin: 18px 0 0; text-align: center; padding:0 30px;}
.domainfeatures h6 { font-size:18px; color: #bd0a55; font-weight: 700; letter-spacing: .07em; border: 2px solid #bd0a55; margin:0 auto; padding:15px 25px; display: table; text-align: center; }

.domainfeatures .panel {border:0; box-shadow:0; }
.domainfeatures .panel-heading {border-left:5px solid #bd0a55!important; box-shadow:0; background:#bd0a55; color:#fff; border-radius:0!important; padding:12px; }
.domainfeatures .panel-heading h4.panel-title {font-size:14px; font-weight:normal; line-height: 1.3; color:#fff; color:#6E6E6E\9\0;}
.domainfeatures .panel-heading h4.panel-title a:hover, .domainfeatures .panel-heading h4.panel-title a:focus {color:#fff; color:#6E6E6E\9\0;}
.domainfeatures .panel-body {padding:15px; margin:0;}
.domainfeatures .panel-body p {text-align: left; font-size:15px; padding:0; margin:0;}

.domainfeatures.white { background: #fff;}

.domains-table {background: #fff; overflow: hidden; padding: 45px 0; }
#tld-table {min-width:100%; border:1px solid #DFE0E5; font-family: 'hind', sans-serif; background: #EDEEF2; }
#tld-table thead th {background:#bd0a55; color:#fff!important; font-weight:700;  font-size:13px; position:relative; cursor: pointer;}
#tld-table thead th:before {        position:absolute;        font-family: FontAwesome;        top:15px;        right:12px;        content: "\f0dc";    }
#tld-table th {font-weight: normal;    -webkit-font-smoothing: antialiased;   padding:16px 12px; color: #6E6E6E;   font-size: 15px; background: #FFFFFF; }
#tld-table td {color: #6E6E6E;    padding:16px 12px; font-size: 15px; border-bottom:1px solid #DFE0E5; text-align: center;}
#tld-table td:first-child { font-weight:bold; text-align: left; }
#tld-table thead th:first-child { text-align: left; }
#tld-table tr.even, #tld-table tr.alt, #tld-table tr:nth-of-type(even) {  background: #FFFFFF!important; }

/* ==============================
   9 = About Us
   ============================== */
.about {padding:0 0 45px;}
.about-hero {position: relative;}
.about-text {position: absolute; top:45%; left:1%; right:1%; z-index:999;}
.about-text h2 {color:#fff; text-align: center;}
.about-text p {font-size:18px; color:#fff;  text-align: center;}
.about p {font-size:17px; font-weight: 300}
.about hr { border: solid #bd0a55; border-width: 1px 0 0; clear: both; height: 0; margin:0 auto; margin-bottom:20px; max-width:70px; }
.about-quote {
    background: url(https://www.thehostingfolks.com/images/office/office1.jpg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right center;
}
.team-quote {
    background: url(https://www.thehostingfolks.com/images/office/office2.jpg) !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}
.about-quote-column {background:#bd0a55;}
.about-quote2-column {background:#bd0a55;}
.thequote {padding:90px;}
.about-quote h5 {color:#fff; font-size:41px; letter-spacing: -.07em; font-weight: 400; margin-bottom:50px; }
.about-quote span{color:#fff; font-size:18px; text-transform: uppercase; letter-spacing: .07em;}
.ourclients {padding:45px 0; background:#EDEDED;}
.ourclients h3 {text-align: center;}
.ourclients p {text-align: center; font-size:18px;}
.clients .block-grid-item {text-align: center; padding:50px 20px; border:0px solid #d7d5d5; border-left:0; border-top:0; }
.clients .block-grid-item:nth-child(4n+4) { border-right:0;}
.clients .block-grid-item:nth-last-child(-n+4) {border-bottom:0;}
.testimonials {padding:45px 0; background:#fff;}
.testimonials.gray {background:#ededed;}
.testimonials h3 {text-align: center;}
.testimonials p {font-size:18px; text-align: center;}

.testimonial-content { padding:20px 0 0; text-align: center;}
.testimonial-content p {color:#6E6E6E; padding:25px 60px 5px; font-size:17px; text-align: center;}
.testimonial-content .whoclient h5 {font-size:14px; color:#6E6E6E; text-transform: uppercase; letter-spacing: .07em; margin-bottom:15px;}
.testimonial-content .whoclient h5 a {color:#bd0a55; }
.testimonialimg {text-align: center;}
.testimonial-content img {  width: 160px;  height: 160px;  border-radius: 50%;  -webkit-border-radius:50%;  -moz-border-radius: 50%;}

/* ==============================
   10 = FAQ
   ============================== */
.faq { overflow: hidden; padding: 45px 0 65px; background:#EDEDED;}
.faq h2 { font-weight: 900; margin-bottom: 12px; text-align: center; }
.faq p { font-size: 17px; font-weight: 300; text-align: center; }
.faq-questions {background:#fff; border:1px solid #C9C9C1; padding:0 15px 15px;}
.faq-questions h3.badge {border-radius:3px; padding:7px 12px; display:table; margin:0 auto; margin-top:-18px; font-size:18px;}
.faq .panel {border:0; box-shadow:0; }
.faq .panel-heading {border:0; box-shadow:0; background:#F2F2F2; color:#6E6E6E; border-radius:0!important; padding:12px; }
.faq .panel-heading h4.panel-title {font-size:14px; font-weight:normal; line-height: 1.3}
.faq .panel-body {padding:15px; margin:0;}
.faq .panel-body p {text-align: left; font-size:15px; padding:0; margin:0;}
.needsupport { padding: 0 0 45px; background:#fff;}
.needsupport h3.badge {border-radius:3px; padding:7px 12px; display:table; margin:0 auto; margin-top:-18px; font-size:18px;}
.needsupport h6 {margin-top:25px;}

/* ==============================
   11 = Login
   ============================== */
.login { overflow: hidden; padding:45px 0 75px; background:#EDEDED;}
.login-form-panel {background:#d9d8d8; border:0; padding:15px; border-radius: 5px;}
.login-form-panel h3.badge {border-radius:3px; padding:11px 24px; display:table; margin:0 auto; margin-top:-30px; font-size:18px; background: #bd0a55}
.login-form {margin:50px 0; text-align: center; background:#fff; border:0;    border-radius:8px; overflow:hidden; padding:30px;}
.login-form input[type="text"], .login-form input[type="password"] { font-size:18px; padding: 15px; height:65px; width:100%; border: 0;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;  background:#EEEDEE;  border-radius: 5px; margin:8px 0 18px; }
.login-form input[type="submit"] {  width:100%; float: left; font-size:16px; background: #bd0a55; height:65px; color:#fff; font-weight:900; padding:6px; text-transform: uppercase;  width: 100%; border-radius: 4px; border:0; cursor: pointer;  -ms-box-sizing: border-box;     -khtml-box-sizing: border-box;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;    box-sizing: border-box;    box-sizing: border-box; }
.login-form input[type="submit"]:hover { background: #6E6E6E; }
.login-form p a {font-size:14px; color:#6E6E6E;}
.login-form p a:hover {color:#bd0a55;}

/* ==============================
   12 = Datacenter
   ============================== */
.datacenter { background: #efefef; padding:45px 0 0; overflow:hidden;}
.datacenter h2 { font-weight: 700; margin-bottom: 12px; text-align: center; }
.datacenter p { font-size: 17px; font-weight: 300; margin: 18px 0 0; text-align: center; padding:0 30px;}
.datacenter-facilities { background: #e9e9e9; padding:60px 0 25px;  overflow:hidden;}
.datacenter-facilities .facility {    background: #E1DFE0;    border-bottom: 6px solid #c7c7c7;    float: left;    height: 250px;    position: relative; margin-bottom:40px;}
.datacenter-facilities .facility h3 {    border-bottom: 1px solid #c7c7c7;    margin: 45px 30px 22px;    padding-bottom: 25px;}
.datacenter-facilities .facility h3 .ficon {    background: #bd0a55;    border-radius: 100%;    color: #fff;    display: inline-block;    font-size: 23px;    font-weight: 300;
    height: 40px;    margin-right: 10px;    padding: 6px;    text-align: center;    width: 40px;}
.datacenter-facilities .facility h3 .title {    font-size: 20px;    font-weight: 400;}
.datacenter-facilities .facility p {    margin: 0 40px;}
.partners {background: #efefef; padding:45px 0}
#datacenter-partners .item{    margin: 8px; text-align: center   }
.datacenter-map {margin-top:55px;}

/* ==============================
   13 = Elements
   ============================== */
.elements { background: #fff; padding:20px 0 45px; overflow:hidden;}
h2.elements { font-weight: 700; margin: 30px 0; font-size:29px; text-align:center; border-bottom: 7px solid #ededed; padding-bottom:12px;}
.elements p { font-size: 17px; font-weight: 300; margin: 18px 0 0;}
.accordion-example .panel {border:0; box-shadow:0; }
.accordion-example .panel-heading {border:0; box-shadow:0; background:#F2F2F2; color:#6E6E6E; border-radius:0!important; padding:12px; }
.accordion-example.panel-heading h4.panel-title {font-size:14px; font-weight:normal; line-height: 1.3}
.accordion-example .panel-body {padding:15px; margin:0;}
.accordion-example .panel-body p {text-align: left; font-size:15px; padding:0; margin:0;}
.buttons-example {display:table; margin:0 auto;}
.elements .btn {margin-bottom:12px;}
.btn {text-shadow:none; border:0; }
.btn.no-radius {border-radius: 0}
.btn.btn-default {background:#DADFE1;}
.btn.btn-primary {background:#bd0a55;}
.btn.btn-info {background:#444;}
.btn.btn-success {background:#26C281;}
.btn.btn-warning {background:#0e75c5; max-width: 98%; width: 98%; margin: 5px; word-wrap: normal !important;}
.btn.btn-danger {background:#F62459;}
#carousel-example .item{    margin: 1px;    }
#carousel-example .item img{    display: block;    width: 100%;    height: auto;    }
.counters p { font-size: 17px; font-weight: 300; margin: 0 auto; text-align: center; }
.counters span { display: block; font-size: 18px; font-weight: 300; text-align: center; }
.counters .circle-text { color: #807e7e; font-weight: 900; }
.elements h5.badge {font-size:18px; padding:9px 20px; background:#bd0a55; display:table; margin:0 auto; margin-top:40px; margin-bottom:30px;}
.pricingtables.default { background: #fff; overflow: hidden; padding:0; }
.pricingtables.default .panel-heading { background: #222; }
.pricingtables.default .most-popular .panel-heading { background: #3a5955; }
.pricingtables.default .panel-heading h3 { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: -.07em; margin: 0; padding: 12px 0; }

/* ==============================
   14 = Blog
   ============================== */
.blog { background: #EDEDED; padding:45px 0;}
.blog article {background: #fff; border-radius: 6px; margin-bottom:70px;}
.blog.single article {margin-bottom:40px;}
.blog article .post-content {padding:25px;}
.blog article .post-content h2 {font-size:32px; letter-spacing: -.07em; }
.blog article .post-content h2 a {color:#6E6E6E;}
.blog article .post-content hr { border: solid #bd0a55; border-width: 1px 0 0; clear: both; height: 0; margin-top:27px; margin-bottom:27px; max-width:70px; }
.blog article .post-content .thedate {color:#abaaaa; font-size:19px; font-weight:900; }
.blog article .post-content p {font-size:17px; font-weight:300;}
.blog article .post-content ul li {font-size:17px; font-weight:300;}
.blog article .post-content blockquote {border-left-color: #bd0a55;    font-size:17px; font-weight:300;}
.blog article .post-content .button {color: #fff; display:inline-block;     font-size: 15px;      padding: 15px 20px;    background: #e30c67;    border-radius: 3px;    text-decoration: none;}
.blog article .post-content .button:hover {background: #bd0a55; }
.blog .sidebar {background: #fff; border-radius: 6px; padding:15px 25px;}
.blog .sidebar .widget {margin-bottom:45px;}
.blog .sidebar .widget h3.badge {border-radius:3px; padding:12px; display:block; font-size:16px; text-align: left}
.blog .sidebar .widget ul {padding:0; margin:0; list-style:none;}
.blog .sidebar .widget ul li {padding:9px 6px; font-size:18px; border-bottom:1px solid #EDEDED;}
.blog .sidebar .widget ul li span.badge {float:right; margin-top:2px; background:#bd0a55;}
.blog .sidebar .widget ul li a {color:#6E6E6E;}
.blog .sidebar .widget ul li a:hover {color:#bd0a55;}
.blog .sidebar .widget .blogsearch input[type="text"].form-control { border:0; box-shadow:none; border-radius: 6px; font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; background: #EDEDED; }
.tagcloud {overflow:hidden;}
.tagcloud a { background: #EDEDED;    border: 0 none;    color: #6E6E6E;    display: block;    float: left;    font-size: 14px;    margin: 0 3px 3px 0;    padding: 5px 7px;    position: relative; border-radius:4px;}
.tagcloud a:hover { background: #bd0a55; color:#fff;}
.blog nav ul.pagination {display:table; margin:0 auto; margin-bottom:45px;}
.blog nav ul.pagination li {font-size:15px;}
.blog nav ul.pagination li a {color:#6e6e6e; padding: 10px 18px 9px;}
.blog nav ul.pagination li a:hover {background: #bd0a55; color:#fff;}

/* Author box */
.author-wrap {position: relative;  overflow:hidden; padding:20px; background: #fff; border-radius: 6px; margin-bottom:50px;}
.author-gravatar {margin: 0;line-height: 1;}
.author-gravatar img {border: 0; border-radius: 50%;  -webkit-border-radius:50%;  -moz-border-radius: 50%;}
.author-title {color: #6E6E6E;display: block;line-height: 1.5;margin: 0 0 15px; padding: 0 0 10px; border-bottom:1px solid #bd0a55;}
.author-title h6 {padding:0; margin: 0 0 6px;font-size: 19px; font-weight: 700}
.author-description {display: block; margin: 0 0 5px;}
.author-description p {margin: 0; font-size: 17px; font-weight:300;}

/* Comments */
.comments, #addcomments {padding:20px; background: #fff; border-radius: 6px;}
.comments { margin-bottom:50px;}
#thecomments {margin-top: 0;}
#thecomments h2.badge, #respond h2.badge { border-radius:3px; padding:7px 12px; display:table; margin:0 auto; margin-top:-32px; font-size:18px; }
#addcomments {margin-top: 0;}

/* Comments List */
ol.commentlist { margin: 0;  padding: 0 20px;}
.commentlist .comment-body{ padding: 0; margin: 0;  position: relative;    border-top: 0;}
.comment-body a:hover{  text-decoration: underline;}
.comment-body a.comment-reply-link {background:#bd0a55; margin: 0; text-decoration:none; color:#fff; padding: 3px 8px 4px; font-size:11px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.comment-body a.comment-reply-link:hover {  background: #6E6E6E;}
ol.commentlist li {  margin-top:20px;  list-style: none;    padding: 20px 0;     background:#fff;  border-bottom: 1px solid #e9e9e9;}
ol.commentlist li ul.children {margin-bottom: 0px !important;    margin-top: 25px !important;}
ol.commentlist li ul.children li{ border-bottom: 0; padding-left: 20px  !important; margin: 10px 0; border-left:1px solid #e8e8e8;}
ol.commentlist li ul.children comment-body{ padding: 15px 0 5px;  margin: 10px 0 0; position: relative;}
.reply {margin-bottom:25px;}
ol.commentlist img.avatar { margin-right:20px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:48px;}
ol.commentlist .comment-author { line-height: 25px; border:0; width:100%; }
.comment-body h6{  font-style: normal; margin:0; padding:8px 0 0;}
.comment-body h6 a{color: #6E6E6E; }
.comment-body h6 a:hover {color: #bd0a55; text-decoration: none}
.comment-time{  font-size: 12px;  font-style: normal;    color: #ccc;}
.commentmetadata {  clear: both;    padding: 0;    margin: 0;}
.commentmetadata a{ margin: 0;  color: #000;    text-decoration: underline;}
.comment-body p{ padding:20px 0 6px; font-weight:300;}
.comment-body .comment-author.vcard{  margin: 0; border-bottom: 1px solid #e8e8e8; padding-bottom:15px;}
.comment-body ul, .comment-body ol {padding:0; margin:0;}
.comment-body ul li, .comment-body ol li {padding:7px 0; margin:0; border:0;}
.comment-body ul li ul, .comment-body ol li ol {padding:7px 0 7px 7px; margin:0; border:0;}
#reply-title { margin:10px 0; padding:0 0 5px; font-weight:normal; font-size:26px; line-height:1.3; display: block; margin-bottom:-2px; font-weight: 700;}
.comment-notes {padding-top:25px; text-align: center;}
form#commentform textarea {min-height:150px;}
form#commentform label, form#commentform p {font-weight:300;}
form#commentform input#submit {background:#bd0a55; margin-top: 0; color:#fff; padding:9px 12px 10px; font-size:16px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
form#commentform input#submit:hover {  background: #6E6E6E;}

/* ==============================
   15 = Contact
   ============================== */
#map_wrapper { height: 550px; }
#map_canvas {width: 100%;    height: 100%;}
#map_canvas img {max-width: none;}
.info_content h5 {font-weight:400; color:#bd0a55;}
.info_content p {font-weight:300; font-size:16px;}
.contact { background: #fff; padding:45px 0; overflow:hidden;}
.contact h3 {padding:12px 0; font-size:22px; border-bottom:1px solid #EDEDED; margin-bottom:25px;}
#contactform label {font-weight:300;}
#contactform input#submit {background:#bd0a55; margin-top: 0; color:#fff; padding:9px 19px 10px; font-size:16px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#contactform input#submit:hover {  background: #6E6E6E;}
#sendstatus { margin: 0;}
#sendstatus .alert.alert-danger {border:0; border-left:5px solid #b55252; background:#bd0a55; color:#fff; border-radius: 0}
#sendstatus .alert.alert-success {border:0; border-left:5px solid #56816f; background:#73AE95; color:#fff; border-radius: 0}
.contact h4.badge {border-radius:0; padding:12px; display:block; font-size:16px; text-align: left; background: #bd0a55}
.contact p, .contact p a {color:#6E6E6E;}
.contact p a:hover {color:#bd0a55;}
.contact ul {padding:0; margin:0; list-style:none;}
.contact ul li {padding:9px 6px; font-size:16px; border-bottom:1px solid #EDEDED;}
.contact ul li a {color:#6E6E6E;}
.contact ul li a:hover {color:#bd0a55;}


/* ============
   16 = Footer
   ============ */
.footer { background: url(images/ctabg.png); padding: 45px 0; }
.footer h4 { color: #eee; font-size: 26px; letter-spacing: -.05em; margin: 0; padding: 0 0 12px; }
.footer ul { list-style: none; margin: 0; padding: 10px 0 0; }
.footer ul li { border-bottom: 1px solid #3f3f3e; color: #ccc; font-size: 14px; padding: 8px 0; }
.footer ul li a { color: #eee; }
.footer ul li a:hover { color: #e30c67; text-decoration: none; }
.footer ul.questions { list-style: none; margin: 0; padding: 10px 0 0; }
.footer ul.questions li { background: #bd0a55; font-size: 16px; margin-bottom: 4px; padding: 10px 15px; }
.footer ul.questions li i { padding-right: 6px; }
.footer ul.questions li a:hover { color: #fff; }
.social { background: #2d2d2d; }
.social ul { list-style: none; padding: 0; }
.social ul li { border-left: 1px solid #393939; float: left; margin: 0; padding: 25px 35px; }
.social ul li:last-child { border-right: 1px solid #393939; }
.social ul li a { color: #fff; font-size: 17px; }
.social ul li:hover { background: #e30c67; }
.social ul li:hover a { color: #fff; }

/* MailChip Newsletter Form Styling  ----------------------- */
#mc_embed_signup { text-align: right; padding-top:11px; }
#mc_embed_signup input[type="email"].form-control { border-radius: 0; font-size: 18px; height: 50px; padding: 5px 15px; width: 100%; }
#mc_embed_signup input[type="submit"] { background: #bd0a55; border: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; font-weight: 900; height: 50px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; float:right; position: relative;}
#mc_embed_signup input[type="submit"]:hover { background: #e30c67; }
#mc_embed_signup input[type="email"]:focus, .domainsearch select:focus { border: 0; box-shadow: 0 8px 6px -6px #000; }
/* End of Footer */

/* Back to Top Button  ----------------------- */
#back-to-top { color:#fff; position:fixed; bottom:20px; right:20px; z-index:99; display:none; text-align: center; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -o-border-radius: 2px;    z-index: 10000;    height: 29px;    width: 29px;    background-color: rgba(0,0,0,0.4);    background-repeat: no-repeat;    background-position: center;    transition: background-color 0.1s linear;    -moz-transition: background-color 0.1s linear;    -webkit-transition: background-color 0.1s linear;    -o-transition: background-color 0.1s linear;}
#back-to-top i { padding-top:4px; font-size:17px; }
#back-to-top:hover { background:#B86662; background: rgba(184,102,98,.7); }


/* ===================
   17 = Media Queries
   =================== */

@media only screen and (max-width: 479px) {
.slidercontainer { display: none; }
ol.breadcrumb li:first-child { display: none; }
}

@media only screen and (max-width: 767px) {
.top { border-bottom: 1px solid #222; position: relative; width: 100%; z-index: 0; }
.top.sticky { box-shadow: none; position: relative; z-index: 0; }
.stickyarea {display:none;}
.logo {padding:2px 0; display:table; margin:0 auto;}
#navigation {    display:none;  }
.slicknav_menu {    display:block;  }
#mainslider .item .slidecaption { top: 9%; }
#mainslider .item .slidecaption h2 { font-size: 1.3em; }
#mainslider .item .slidecaption h4 { font-size: 1.1em; margin-top: 6px; }
#mainslider .item .slidecaption .btn-slide { font-size: 0.9em; margin: 6px auto 10px auto; padding: 3px 6px; }
#mainslider-nav .item { font-size: 11px; letter-spacing: 0; padding: 10px 0px; }
#mainslider-nav .item i { display: block; font-size: 15px; margin-bottom: 6px; padding-right: 0; }
.spacing-70 { padding-top: 30px; }
.feature p, .pricingtables .panel, .statistics span { margin-bottom: 18px; }
.pricingtables { padding-bottom: 35px; }
.offerdescription { text-align: center; }
.offerdescription h2 { font-size: 30px; }
.offerdescription p { font-size: 16px; }
.domainsearch input[type="text"].form-control { border-bottom-right-radius: 5px; border-top-right-radius: 5px; font-size: 15px; margin-bottom: 9px; }
.domainsearch select.form-control { font-size: 15px; margin-bottom: 9px; }
.domainsearch button[type="submit"] { border-bottom-left-radius: 5px; border-top-left-radius: 5px; font-size: 15px; }
.pricingtables .most-popular, .pricingtables.shared .most-popular { border-width: 0; box-shadow: none; top: 0; z-index: 0; }
.footer { padding-top: 35px; }
.footer h4 { margin-top: 10px; }
.social {padding-bottom:15px;}
.social ul {display: table; margin: 0 auto; margin-bottom:6px;}
.social ul li { padding: 11px 14px 12px; border-bottom: 1px solid #393939;}
.social ul li a { font-size: 15px; }
.breadcrumbs h1 { margin-bottom: 9px; text-align: center; }
ol.breadcrumb { display: table; float: none; margin: 0 auto; }
.btn-group.price-per-period .btn { font-size: 15px; padding: 6px 10px 4px; }
.pricingtables .hostingfeatures { display: none; }
.r-tabs .r-tabs-nav { display: none; }
.r-tabs .r-tabs-accordion-title { display: block; }
#shared-hosting-tabs #feature1 h5, #shared-hosting-tabs #feature2 img, #shared-hosting-tabs #feature3 img, #shared-hosting-tabs #feature4 .supportchannels .block-grid-item i, #shared-hosting-tabs #feature5 img {margin-top:25px;}
.supportchannels .block-grid-item { padding: 0 15px; }
#shared-hosting-tabs #feature4 .supportchannels .block-grid-item p {font-size:15px;}
.smscrimg { margin-bottom: 30px; margin-top: 30px; }
.domains-right-side, .domains-right-side h6, .domains-right-side p { text-align: left; }
#tld-table td {text-align: left;}
.about hr, .about-text p { display:none; }
.about-text {top:30%;}
.about-text h2 {font-size:18px;}
.thequote {padding:30px 0;}
.about-quote h5 {font-size:25px; margin-bottom:30px; }
.about-quote span{font-size:15px; }
.clients .block-grid-item {border:0; }
.testimonial-content p {padding:25px 0 5px; font-size:15px;}
.datacenter-facilities .facility {  margin-bottom:30px;}
.datacenter-facilities .facility h3 {  margin: 35px 25px 18px;    padding-bottom: 20px; }
.datacenter-facilities .facility h3 .title {    font-size: 15px;}
.datacenter-facilities .facility p {    margin: 0 30px;}
.elements h5.badge {font-size:12px; padding:9px 10px; }
.blog nav ul.pagination li {font-size:14px;}
.blog nav ul.pagination li a {padding: 5px 9px 4px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.sf-menu li a { letter-spacing: 0; padding: 32px 10px; }
#mainslider .item .slidecaption { top: 16%; }
#mainslider .item .slidecaption h2 { font-size: 2.1em; }
#mainslider .item .slidecaption h4 { font-size: 1.2em; margin-top: 10px; }
#mainslider .item .slidecaption .btn-slide { font-size: 1em; margin: 10px auto 10px auto; padding: 5px 10px; }
#mainslider-nav .item i { font-size: 16px; padding-right: 4px; }
#mainslider-nav .item { font-size: 13px; letter-spacing: 0; }
.feature p { font-size: 15px; padding: 0 10px; }
.pricingtables .panel-heading h3 { font-size: 15px; }
.offerdescription h2, .offer h2 { font-size: 36px; }
.pricingtables .btn-pricetable { font-size: 0.9em; padding: 5px 10px; }
.pricingtables h4 { font-size: 39px; }
.footer h4 { font-size: 14px; letter-spacing: 0; padding: 10px 6px; }
.footer ul li { font-size: 14px; padding: 4px 6px; }
.pricingtables .hostingfeatures ul { margin-top: 112px; }
.supportchannels .block-grid-item { padding: 0 15px; }
.vps-plans div.vps-plan:nth-child(2) { padding-left: 30px; }
.vps-plans div.vps-plan:nth-child(3) { padding-right: 50px; }
.vps-plans div.vps-plan { font-size: 12px; }
.vps-plans.fiveplans div.vps-plan:nth-child(2) { padding-left: 12px;}
.vps-plans.sixplans div.vps-plan:nth-child(3) { padding-right: 60px; }
.pricingtables.servers .panel-heading h3 { font-size: 26px; }
#tld-table thead th {font-weight:400;  font-size:12px;}
#tld-table thead th:before { right:6px; }
.domainfeatures p { font-size: 15px; padding:0 10px;}
.social ul li { padding: 25px 20px;}
#mc_embed_signup input[type="submit"] { font-size: 14px;}
.thequote {padding:30px;}
.about-quote h5 {font-size:25px; margin-bottom:30px; }
.about-quote span{font-size:15px; }
}

@media only screen and (min-width: 960px) and (max-width: 1025px) {
#mainslider .item .slidecaption { top: 19%; }
#mainslider .item .slidecaption h2 { font-size: 3em; }
#mainslider .item .slidecaption h4 { font-size: 1.5em; margin-top: 15px; }
#mainslider .item .slidecaption .btn-slide { font-size: 1em; margin: 15px auto 10px auto; padding: 10px 20px; }
.social ul li { padding: 25px 30px; }
.datacenter-facilities .facility {  margin-bottom:30px;}
.datacenter-facilities .facility h3 {  margin: 35px 25px 18px;    padding-bottom: 20px; }
.datacenter-facilities .facility h3 .title {    font-size: 17px;}
.datacenter-facilities .facility p {    margin: 0 30px;}
.vps-plans.sixplans div.vps-plan:nth-child(3) { padding-right: 80px; }
}

@media (min-width: 768px) {
.col-sm-15 {        width: 20%;        float: left;    }
}
@media (min-width: 992px) {
.col-md-15 {        width: 20%;        float: left;    }
}
@media (min-width: 1200px) {
.col-lg-15 {        width: 20%;        float: left;    }
}

.banner-section-two::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.banner-section-two {
    padding-bottom: 100px;
    position: relative;
}

@media (max-width: 1399px) {
    .banner-section-two {
        padding-bottom: 150px;
    }
}

@media (max-width: 575px) {
    .banner-section-two {
        padding-bottom: 90px;
    }
}

.banner-section-two::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
    background: radial-gradient(108.3% 186.75% at -4.62% 9.78%, #bd0a55 0%, #b6246e 100%);
}

.banner-section-two .container {
    position: relative;
    z-index: 1;
}
.banner-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px 0;
}
.banner-content {
    max-width: 550px;
}

@media (max-width: 1199px) {
    .banner-content {
        max-width: 500px;
    }
}

@media (max-width: 991px) {
    .banner-content {
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
}

.banner-content .subtitle {
    position: relative;
    padding-left: 40px;
    font-size: 18px;
    color: #efefef;
    margin-bottom: 12px;
}

.banner-content .subtitle.text-white::before {
    background: #efefef;
}

.title {
	color: #efefef;
	font-size: 58px;
}

.banner-content .subtitle::before {
    left: 0;
    top: 48%;
    height: 2px;
    width: 30px;
    background: var(--heading);
}

.banner-content .title {
    margin-bottom: 65px;
}

@media (max-width: 1199px) {
    .banner-content .title {
        margin-bottom: 45px;
    }
}

@media (max-width: 767px) {
    .banner-content .title {
        margin-bottom: 35px;
    }
}

.banner-content .title span {
    color: rgb(var(--base1));
}

.banner-content .video-button {
    transform: translateY(60%);
}

@media (max-width: 1399px) {
    .banner-content .video-button {
        transform: translateY(25%);
    }
}

@media (max-width: 991px) {
    .banner-content .video-button {
        transform: translateY(0);
        margin: 0 auto;
    }
}
.banner-thumb {
    width: calc(100% - 550px);
}

@media (max-width: 1199px) {
    .banner-thumb {
        width: calc(100% - 500px);
    }
}

@media (max-width: 991px) {
    .banner-thumb {
        max-width: 80%;
        width: 100%;
        margin: 0 auto;
    }
}

.banner-thumb img {
    max-width: 100%;
}
.typed-strings p {
    position: absolute;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.5s infinite;
    -moz-animation: blink 0.5s infinite;
    animation: blink 0.5s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



img.anim-up-down {
    -webkit-animation: move-up-down 1s infinite  alternate;
    animation: move-up-down 1s infinite  alternate;
}
img.anim-up-down {
    -webkit-animation: move-up-down 1s infinite  alternate;
    animation: move-up-down 1s infinite  alternate;
}
@-webkit-keyframes move-up-down {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes move-up-down {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.footer-input {
    border-radius: 0;
    font-size: 18px;
    height: 53px;
    padding: 5px 15px;
    width: 100%;
    margin: none;
    margin-top: -2px;
}

#all {
    margin: 0 auto;
    width: 100% !important;
}

#effective-body {
    width: 100% !important;
    border: 1px solid #fff;
    padding: 20px;
    overflow: auto;
    background: #fff url(images/bg_content.png) repeat-x top;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    border-radius: 10px !important;
    max-width: 1200px !important;
}
.welcomehead {
    height: 590px;
}
@media only screen and (max-width: 767px) {
.logo {
    margin-top: 10px;
    margin-bottom: 10px;
}
.welcomehead {
    display:none;
}
.slicknav_nav a {
    font-size: 19px;
}
}

@media only screen and (max-width: 1435px) {
.about-quote {
    background-size: cover;
}
.team-quote {
    background-size: cover !important;
}
}