body{margin: 0px; overflow-x: hidden; height:vh;}html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0; padding:0; border:0; font-size:100%; font-weight:normal; vertical-align:baseline;}article,aside,figure,footer,header,nav,section,details,summary{display:block}*,*:before,*:after{-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}img,object,embed{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; cursor:pointer}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000; cursor:help}table{border-collapse:collapse; border-spacing:0}th{font-weight:bold; vertical-align:bottom}td{font-weight:normal; vertical-align:top}hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{vertical-align:middle}pre{white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit; font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%; line-height:0; position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto; overflow:visible; outline:none}input{outline:none}.clear:before,.clear:after{content:"\0020"; display:block; height:0; overflow:hidden}.clear:after{clear:both}.clear{zoom:1}.section-one{/*background-color: #336699;*/ position: relative; padding: 200px 0 350px; .section-one__title{color: #fff; font-size: 35px; margin-bottom: 30px; text-align: center;}.section-one__descr{color: #fff; font-size: 16px; line-height: 1.5; max-width: 300px; margin: 0 auto; text-align: center;}}.section-two{background-color: #ffffff; padding: 100px 0 200px; position: relative; z-index: 10; .section-two__title{color: #fff; font-size: 35px; margin-bottom: 30px; text-align: center;}.section-two__descr{color: #fff; font-size: 16px; line-height: 1.5; max-width: 300px; margin: 0 auto; text-align: center;}}.section-bottom{text-align:right; padding-left: calc(100% - 450px); padding-right:90px; position:absolute; top: calc(75vh - 120px);}.section-bottom p:first-of-type{font-size: 14px; font-family: "Helvetica Neue","Lucida Grande",Verdana,sans-serif; margin-top: 25px; margin-bottom: 10px;}.section-bottom p:last-of-type{margin-bottom:35px}.section-bottom a span{font-size:14px}.section-bottom a:hover{padding:0 23px}.section-bottom p{color: #787878; font: 12px/21px "Helvetica Neue","Lucida Grande",Verdana,sans-serif;}.section-bottom a{display: inline-block; color: #fff; font: 10px/33px "Helvetica Neue","Lucida Grande",Verdana,sans-serif; padding: 0 20px; background: -webkit-gradient(linear, left bottom, left top, from(#336699), to(#3975b2)); background: linear-gradient(to top, #336699 0%, #3975b2 100%); text-shadow: 0px -1px 0px rgba(0,0,0,0.3); -webkit-transition: all ease 0.25s; transition: all ease 0.25s;}.hg_wrapper{height:100vh; background-image: url('https://cdn.hostguys.co.za/resources/images/hg_background.png'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: bottom right; display: block;}.wrapper{height:100%}.wrapper:before{content:''; display:inline-block; vertical-align:middle; height:100%}.wrapper>*{display:inline-block; vertical-align:middle}.container{position:absolute; top: calc(25vh - 125px); text-align:center; width:100%; color:#fff; margin:0 auto}.container>*{max-width:600px; margin:0 auto}.container h1{font:70px "Helvetica Neue","Lucida Grande",Verdana,sans-serif; margin-bottom:30px}.container h2{position:relative; font:22px "Helvetica Neue","Lucida Grande",Verdana,sans-serif; padding:20px 0; margin-bottom:30px; background:-webkit-gradient(linear, right top, left top, from(rgba(55,119,183,0)), color-stop(50%, rgba(55,119,183,0.45)), to(rgba(55,119,183,0))); background:linear-gradient(to left, rgba(55,119,183,0) 0%, rgba(55,119,183,0.45) 50%, rgba(55,119,183,0) 100%)}.container h2:before{content:''; position:absolute; top:0; left:0; height:2px; width:100%; background:-webkit-gradient(linear, right top, left top, from(rgba(55,119,183,0)), color-stop(50%, #336699), to(rgba(55,119,183,0))); background:linear-gradient(to left, rgba(55,119,183,0) 0%, #3399cc 50%, rgba(55,119,183,0) 100%)}.container h2:after{content:''; position:absolute; bottom:0; left:0; height:2px; width:100%; background:-webkit-gradient(linear, right top, left top, from(rgba(55,119,183,0)), color-stop(50%, #336699), to(rgba(55,119,183,0))); background:linear-gradient(to left, rgba(55,119,183,0) 0%, #3399cc 50%, rgba(55,119,183,0) 100%)}.container p{font:21px "Helvetica Neue","Lucida Grande",Verdana,sans-serif}.container_sub p{font:15px "Helvetica Neue","Lucida Grande",Verdana,sans-serif}img{height:75px;}.separator{bottom: -4px; left: 0; overflow: hidden; position: absolute; width: 100%;}/* begin Media Max-Width 767============================================================================*/@media screen and (max-width: 767px){.container h1{font:35px "Helvetica Neue","Lucida Grande",Verdana,sans-serif; margin-bottom:20px}.hg_wrapper{background-image: none;}.section-one{padding: 30px 0 30px; height: 50vh; background-color: #336699 !important;}.section-bottom{position:relative; top:20px; text-align: center; width: 100%; height: auto; left: 0; right: 0; padding: 20px; -webkit-clip-path: none; clip-path: none;}img{height:60px;}.separator{/*bottom: -110px;*/ .separator__svg{display:none;}}}/* end Media Max-Width 767============================================================================*/