/* ------------- 1. General ----------------------*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab:400,700'); html, body { margin:0; padding:0; height: 100%; min-height:100%; } body{ font-family: 'Open Sans', sans-serif;font-size: 14px; color:#6c6d70; background: url(../images/bg.jpg) top center repeat #fff;} a:link, a:visited, a:active { color:#58585a; text-decoration: none;outline:none; } a:hover { color:#00b2d9; text-decoration: none; outline:none; } .clear { clear: both; line-height: 0px; height: 0; font-size: 0; } img { border:0px; outline:none;} ul{margin:0px; padding:0px;} .hide{display:none;} .x{border:1px solid #000;} .font18{font-size:18px;} /* ------------- DIV Containers --------------------*/ #container {width: 920px;display:block;margin:0px auto 0px auto;padding: 0px 0px 0px 0px; min-height:700px;} .space30{width:100%;height:30px; display:block;float:left; clear:both;} .blog-container{width: 920px;display:block;margin:50px 0 0 0;padding: 0px ;} .blog-container1{width: 870px;display:block;margin:50px 0 0 25px;padding: 0px ;font-family: 'Roboto Slab', serif;font-size: 14px; color:#58585a;} #top{ width:920px; height:130px; position:relative; border-bottom:1px solid #000; background: url(../images/dots.png) 465px 110px no-repeat;} #logo{position:absolute;top:30px;left:0px;} #dots1{position:absolute;top:102px;right:-8px;background: url(../images/dots.png) 0 0 no-repeat; width:511px; height:26px;} .home1{background: url(../images/home6.png) 0 0px no-repeat; width:780px; height:545px; margin:30px 0 0 80px; display:block;} #home1{position:absolute;top:30px;left:0px;width:303px; height:305px;} #home2{position:absolute;top:130px;left:250px;width:335px; height:334px;} #home3{position:absolute;top:60px;right:0px;width:303px; height:305px;} .font {font-family: 'Roboto Slab', serif;font-size: 12px!important;} .font1 {font-family: 'Roboto Slab', serif;font-size: 18px!important;color:#58585a;} .content{ float:left; width:435px; text-align:justify; margin-top:30px;} .content1{ float:left; width:465px; text-align:justify; margin-top:30px;} .bor{ padding:3px;float:right;border:1px solid #6c6d70; margin-top:30px; } #footer {clear:both;width: 920px; height:60px;display:block;margin:20px 0 0 0;padding: 30px 0px 10px 0px; border-top:1px solid #000;} .award{ float:left;} .social{ float:right;} .blue {color:#00b2d9;} .team1 a {background: url(../images/faiza.png) 0 0 no-repeat; width:42px; height:23px; display:block; position:absolute; top:405px; left:576px; } .team2 a {background: url(../images/Debbie.png) 0 0 no-repeat; width:52px; height:16px; display:block; position:absolute; top:60px; right:210px;} .team3 a {background: url(../images/marie.png) 0 0 no-repeat; width:32px; height:37px; display:block; position:absolute; top:190px; right:125px;} .team4 a {background: url(../images/Danielle1.png) 0 0 no-repeat; width:37px; height:50px; display:block; position:absolute; bottom:75px; right:195px;} .team5 a {background: url(../images/peter.png) 0 0 no-repeat; width:44px; height:13px; display:block; position:absolute; top:62px; right:238px;border:1px solid #000; } .team6 a {background: url(../images/Julia1.png) 0 0 no-repeat; width:39px; height:16px; display:block; position:absolute; top:102px; right:270px;} .blog2 a:hover,.home2 a:hover,.about a:hover,.services a:hover,.contact a:hover,.clients a:hover,.team1 a:hover,.team2 a:hover,.team3 a:hover,.team4 a:hover, .team5 a:hover,.team6 a:hover{background-position: bottom left} .vat a{width:128px; height:136px; display:block; position:absolute; top:390px; left:265px;background: url(../images/vat2.png) 0 0 no-repeat;} .vat a:hover{background-position:0px -136px;} .music1{width:128px; height:136px; display:block; position:absolute; top:390px; left:265px;background: url(../images/vat1.png) 0px -136px no-repeat; cursor:pointer;} .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } .blink_me:hover { -webkit-animation: 0; -moz-animation: 0; -o-animation-animation: 0; animation-animation: 0;opacity: 1.0; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } .music{position:absolute; bottom:10px; left:50px; height:30px; border:1px solid #000;} .music ul { list-style-type:none; padding:0; margin:1em 0; width:100%; overflow:hidden; } .music ul span { color: #A0A600; } .music li { float:left; margin-right:1em; } .menub{background-position: bottom left!important;} .people a:hover{background-position:0px -14px;} .selectedanchor{background-position: bottom left!important;} .animate{transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;} .animate:hover{transform: translateY(15px);-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-o-transform: translateY(15px);-ms-transform: translateY(15px);} .rotate{-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear; width:157px; float:left; margin:0 27px 20px 0;} .rotate:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px);} .line{width:100%; height:2px; float:left; border-bottom:1px solid #000; display:block; clear:both;} .space100{width:100%;height:50px; display:block;float:left;} .dummy{width:100%;height:250px; display:block;float:left;} .rotate1{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;} .rotate:hover1{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);} a.back-button {margin-left:-20px; padding:10px 20px; font-size: 18px; font-family: 'Roboto Slab', serif;font-weight:500; text-align: center; background: #00b2d9; color: #fff; display: inline-block; -webkit-transition: background .8s; -moz-transition: background .8s; -ms-transition: background .8s; -o-transition: background .8s; transition: background .8s; color: #fff; cursor:pointer; } .back-button:hover{ background: #58595b; color: #00b2d9; text-decoration:none; } h1{margin:0px; padding:0px 10px 5px 0px;color:#00b2d9; font-size:22px; border-bottom:1px solid #252526; width:100%;font-family: 'Roboto Slab', serif;font-weight:500;} .blog-container1 h1{margin:0px; padding:0px 0px 5px 0px;color:#00b2d9; font-size:18px; border-bottom:1px solid #00b2d9; width:100%;font-family: 'Roboto Slab', serif;font-weight:500;} h2{margin:0px; padding:0px;color:#58585a; font-size:26px;font-family: 'Roboto Slab', serif;font-weight:normal; line-height:150%;} h3{margin:0px; padding:0 0 0 0;color:#58585a; font-size:16px;font-family: 'Roboto Slab', serif;font-weight:normal;} .anylinkcss{ position: absolute; left: 0px; top: 0px; visibility: hidden; background-color:#040707;width: 165px;z-index: 999999!important; } .anylinkcss ul{ padding: 0px 0px 0px 0px; list-style: none; } .anylinkcss ul li a{ display: block;font-family: 'Roboto Slab', serif;font-size:14px; padding: 7px 0px 7px 0px; margin: 8px 15px 0px 15px; color: #00b2d9;border-bottom:1px solid #fff;} .anylinkcss a:hover{ color: #fff;} .noborder{border:0px!important;} .font14{font-size:16px;font-family: 'Roboto Slab', serif; } ul.liststyle { list-style: none; padding: 0; margin: 0; } .liststyle li { padding-left: 1em; text-indent: -.7em; text-align:left; } .liststyle li::before { content: "• ";font-size: 20px; color: #2da7ba; /* or whatever color you prefer */ } .fade{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .menu1{float:right;display:block; margin:60px 0 0 0;} .menu2{float:right; margin:20px 0 0 0; clear:both;} .menu1 ul{float:right; } .menu1 ul li{list-style:none; display:inline-block;margin:0 0 0 20px; } .menu1 a:link, .menu1 a:visited, .menu1 a:active{font-size:14px;font-family: 'Roboto Slab', serif;color: #5b5b5b;text-decoration:none; font-weight:700; text-align:right;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear; } .menu1 a:hover{color: #2da7ba;text-decoration:none;} .menu2 ul{float:right;} .menu2 ul li{list-style:none; display:inline-block;margin:0 0 0 30px; } .menu2 a:link, .menu2 a:visited, .menu2 a:active{font-size:16px;font-family: 'Roboto Slab', serif;color: #5b5b5b;text-decoration:none; font-weight:700; text-align:right;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear; } .menu2 a:hover{color: #2da7ba;text-decoration:none;} .active, .selectedanchor{color: #2da7ba!important;} .activex{color: #2da7ba;} .bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translateZ(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#00b2d9;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(../images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(../images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}