/*reset css starts here*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul { list-style:none; }
a:focus, input:focus { outline:0; box-shadow:none !important;}
.nobg { background:transparent !important; }
a{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;}
a:hover{text-decoration:underline;}
/*reset css ends here*/

body{font-size:15px;font-family:'Open Sans',sans-serif;font-weight:normal;line-height:24px;background:#66b7a4;}
/*header Start*/
.container{max-width:1050px; width:100%;}
header{background:#afd503;padding:17px 20px; clear:both;}
.logo{width:80%;max-width:455px;}
/*header End*/

/*navigation Start*/

.toggleMenu.active, .toggleMenu{display:none;}
/*navigation End*/
.main-container{background:#f1f7db; width:100%; float:left;}
.banner{position:relative;}
.banner img{width:100%;}
.findButton{position:absolute;bottom:37px;left:26px;}
.findButton a.btn.btn-default {margin-right: 9px;background:#b51094;color:#fff;}
.btn-default{background:#b51094;color:#fff;}
a.btn.btn-primary{background:#00b9ac;}
.findButton .btn {padding: 6px 11px 6px 10px;}
.findButton .btn:hover,.btn-default:hover,ul.courses li a:hover{background:#000 !important; color:#fff; border-color:#000;}
/*contentBox Start*/
.mainContent{border-right:1px solid #b9b9c8;width:75%;float:left;}
.contentBox{background:#fff;padding:29px 28px 16px;}
.contentBox h1{	color:#000000;padding-bottom:36px;text-transform:uppercase;font-weight:700;}
.contentBox p{color:#000;padding-bottom:20px;font-size:15px;}
.detail h4{padding-bottom:5px;font-weight:700; font-size:16px; padding-top:10px;}
.detail h4 span{color:#a7a7b7;}
.detail h4 a{color:#2d3702;}
.detail h4 a:hover{color:#afd503;text-decoration:none;}
.detail p{font-size:14px;padding-bottom:15px;}
.contentBox.dark{background:#2d3702;padding:45px 35px 40px 29px;}
.contentBox.dark h2{color:#fff;font-weight:700;padding-bottom:14px;text-transform:uppercase;font-size:25px;}
.contentBox.dark p{color:#fff;}
.btn-default{background:#fff;color:#2d3702;}
.btn{padding:12px 17px 12px 10px;font-size:15px;font-weight:700;box-shadow: 3px 3px 5px 0px rgba(175,213,3,1),3px 3px 5px 0px rgba(0,0,0,1);}
.btn-default:hover,.btn-default:active,.btn-default:focus{background:#f3f3f3;}
.contentBox.image{background:#fff url(../images/profesionalImage.png) no-repeat right top;background-position:right -50px;background:#fff;}
.contentBox.image h2{color:#000;font-weight:700;padding-bottom:18px;}
.contentBox.image p{width:100%;}
.contentBox.image p a{color:#2d3702;}
.contentBox.image p a:hover{color:#afd503;text-decoration:none;}
.courses li{text-align:center; margin:0 36px;}
ul.courses li a{color:#000;text-decoration:none;background:#afd503;border:3px solid #2d3702;width:100%; max-width:170px;border-radius:10px;float:left;margin-bottom:10px; line-height: 31px;box-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.courses li a.active{background:#fff;color:#2d3702;}
.nextcourses{background:#018bb9;padding:12px;float:left;margin-left:27px;margin-top:12px;}
.nextcourses p{width:100% !important;font-size:17px;padding-bottom:0px;}
.nextcourses h5,.nextcourses p{color:#fff;}
.nextcourses h5 {padding-bottom:11px;}
.introducing{border-top:2px solid #b9b9c8;border-bottom:2px solid #b9b9c8;}
.introducing h2{padding-top:22px;color:#002c5f;text-transform:uppercase;font-weight:700;}
.introducing h3{color:#868695;font-weight:700;padding-bottom:45px;}
.menuBar{width:100%;padding-bottom:36px; float:left;}
.menuBar li{display:inline-block;width:14.28%; float:left; padding:1px;}
.menuBar li a{color:#fff;text-decoration:none;padding: 10px 0px;text-align:center;background:#2d3702;float:left;width:100%;text-align:center;line-height: 15px; font-size:13px;}
.twoLine{padding:3px 0px 2px !important;}
.menuBar li a:hover{ background:#007ba4}
img.stocktakerImage{max-width:100%;margin-bottom:19px;}
.AuditorDetail h3{color:#2d3702;padding-bottom:5px;}
.AuditorDetail h3 a:link, h3 a:visited{color:#2d3702;}
.AuditorDetail h4{color:#2d3702;padding-bottom:23px;font-weight:700;}
.AuditorDetail p{line-height:21px;}
ul.serviceInclude li{height:auto; float:left; width:30%; padding:1px;}
ul.serviceInclude li img{max-width:100%;}
.moreOption ul{padding-bottom:42px;float:left; width:100%; line-height:0;}
.moreOption ul li{display:inline-block; width:100%;}
.moreOption ul li a{color:#fff; text-decoration:none;width:100%; float:left;margin-bottom:5px;text-align:center; line-height:21px; padding:6px;font-size: 13px;font-weight: 600;}
.moreOption ul li a.moreInformation{background:#2d3702;}
.moreOption ul li a.ContactByemail{background:#afd503;}
.moreOption ul li a.Rate{background:#bbbbbb;}
.moreOption ul li a:hover{ background:#000}
.approved{padding-bottom:32px;max-width:100%;}
.searchBox{padding-bottom:16px;}
.searchBox p{background:#0b87ba;color:#fff;margin:0px 36px;padding:18px 24px 18px 24px;}
.searchBox p a{color:#fff;}
.contentBox.answerBox{background:#5ac4c4;padding:21px 11px 18px 30px;}
.contentBox.answerBox h4{color:#fff;font-weight:700;padding-bottom:16px;}
.contentBox.answerBox ol{list-style-type:disc;margin-left:17px;color:#fff;margin-bottom:0px;}
.offerImage{max-width:100%;padding-bottom:15px;}
#bread {font-size: 0.6em;margin-top: -20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.bullets {list-style-position: outside;list-style-type: disc;margin-left: 20px;}
/*contentBox End*/
/*sideBar Start*/
.sideBar{padding:0 25px;width:25%;float:left;}
.sideLogo{padding:36px 0px 9px;text-align:center;}
.socialLink{text-align:center;}
.socialLink ul {margin:6px 0px;}
.socialLink ul li{display:inline-block;}
.socialLink p a{color:#002e62;font-weight:700;font-size:20px;text-align:center;text-decoration:none;}
.socialLink p {padding-bottom:25px;}
.socialLink ul li a{text-decoration:none;float:left; width:30px;height:30px; background-color:#002e62; line-height:30px;font-size:15px;color:#fff;}
.socialLink ul li a:hover{background:#5ac4c4;color:#fff;}
.fa{margin:7px 5px;}

.sideBarContent{float:left;}
.sideContent li h3{font-weight:700;font-size:17px;padding-bottom:13px; line-height:25px;}
.sideContent li p{color:#000;padding-bottom:38px;font-size:15px;line-height:23px;}
.sideContent li p a{color:#2d3702;text-decoration:none;}
.sideContent li p a:hover{color:#afd503;text-decoration:none;}
/*sideBar End*/
/*footer Start*/
footer{width:100%; float:left;}
.footerUpper{background:#2d3702;padding:40px 0px;border-top:9px solid #afd503;}
.footerContent{padding:0px 30px;}
.footerUpper h4{color:#fff;padding-bottom:18px;font-weight:700;}
.footerUpper p{color:#fff;}
.footerUpper p a{color:#fff;text-decoration:underline;}
.footerLower{background:#000;padding:15px 0px 15px 53px;border-top:9px solid #afd503;}
.footerLower p,.footerLink li,.footerLink li a{color:#fff;text-decoration:none;}
.footerLink li{float:left;}
.footerLink li:after{content:'|';margin:0 4px;}
.footerLink li:last-child:after{content:'';margin:0;}
.footerLink li a:hover, .footerUpper p a:hover{color:#afd503;}
/*footer Start End*/
/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1050px) {
.dropdown > li ul{left:auto; position:relative;}
nav{padding:0;}
.container.outer{padding:0;}
}


/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {
	header{padding:17px 0;}
	
.sideLogo img{max-width:100%;}
.contentBox h1 {padding-bottom:22px;font-size: 26px;}
.contentBox p{padding-bottom:19px;}
.detail h4{font-size:15px;}
.contentBox.dark{padding:35px 20px 35px 29px;}
.mapContainer img{max-width:100%;margin-bottom:19px;}
.contentBox.image p{width:100%;}
ul.courses{float:right;}
.courses li{margin:0 24px;}
.nextcourses{margin-left:0px;}
.nextcourses p {font-size: 13px !important;}
.btn-default{margin-left:8px;}
a.btn.btn-default{padding:7px 11px 8px 5px;}
.contentBox.image h2{font-size:24px;}
.moreOption ul li{margin-right:0px; padding:0px;}
.footerContent{padding:0px 15px;}
.footerLower{padding:15px 0px 15px 33px;}
.menuBar li{width:33.3%;}
.menuBar li a{padding:10px 0 !important;}

.contentBox,.contentBox.dark,.contentBox.answerBox,.footerUpper,.footerLower{padding:25px 20px;}
nav ul li a{padding:4px 15px;}
nav ul{padding:5px 3%;}
}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
header{padding:15px 0;}
.contentBox,.contentBox.dark,.contentBox.answerBox,.footerUpper,.footerLower{padding:25px 15px;}
.footerContent{padding:0px;}
.sideLogo {padding:25px 0px 9px;}
.mainContent{width:100%;}
.moreOption ul{float:none;}
.sideBar{width:100%;}
ul.courses{float:none;}
.courses li{margin:0px;}
.detail h4{padding-bottom:1px;}
ul.courses li a{margin:10px;}
.sideBar{padding:0 18px;}
.footerUpper h4{padding-bottom:6px;}
.footerUpper p{padding-bottom:41px;}
.footerContent{padding:0;}

.footerLower{padding:15px 0px;}
.contentBox.image{background-position:right bottom;}
.auditor-content{position:relative; padding-bottom:135px;}
.auditor-btns{position:absolute; left:0; right:0; bottom:0; padding:0;}
.toggleMenu.active, .toggleMenu{display:block;}
nav ul{padding:0;}
}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {

.contentBox{padding:24px 16px;}
.contentBox h1{padding-bottom:15px;font-size:19px;}
.contentBox p{padding-bottom:15px;font-size:15px;line-height:20px;}
.contentBox.dark h2{font-size:18px;}
.contentBox.image{background-size:contain;}
img.stocktakerImage{padding-bottom:20px;}
.moreOption ul{padding-bottom:15px;}
.searchBox p{margin:0px;padding:11px 15px;}
.footerUpper{padding:30px 0px 15px;}
.footerUpper p{padding-bottom:24px;}
.footerLower p, .footerLink li, .footerLink li a{font-size:12px;}
.findButton {position: absolute;bottom: 25px;left: 16px;}
.btn-default{margin:0px 0px 8px 0px;}
}