@charset "utf-8";
/* CSS Document */
/***fonts***/
@font-face {
    font-family: 'bitterbold';
    src: url('../fonts/bitter-bold-webfont.eot');
    src: url('../fonts/bitter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('../fonts/bitter-bold-webfont.woff') format('woff'),
         url('../fonts/bitter-bold-webfont.ttf') format('truetype'),
         url('../fonts/bitter-bold-webfont.svg#bitterbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitterregular';
    src: url('../fonts/bitter-regular-webfont.eot');
    src: url('../fonts/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bitter-regular-webfont.woff2') format('woff2'),
         url('../fonts/bitter-regular-webfont.woff') format('woff'),
         url('../fonts/bitter-regular-webfont.ttf') format('truetype'),
         url('../fonts/bitter-regular-webfont.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/***fonts***/
.logo figure {background: #fff; border-radius: 17px; display: inline-block;}
.subtitle {font-family: 'bitterregular'; font-size: 14px; color: #262223; margin: 20px 0 0; text-transform: capitalize; letter-spacing:3px;}
.detail {margin: 150px auto; max-width: 750px; text-align:center;}
.office-address{ margin:55px 0 0;}
.detail h2 {color: #262223; font-family: "bitterbold"; font-size: 25px; margin: 32px 0 15px; text-transform:uppercase;}
.detail span {font-family: 'bitterregular'; font-size: 17px; color: #262223;}
.contact-number ul {margin: 17px 0 0; padding: 0;}
.contact-number ul li {display: inline-block; font-family: 'bitterregular'; font-size: 15px; color: #262223; width: 32%; vertical-align:top;}
.email {margin: 30px 0; font-family: 'bitterregular'; font-size: 17px; color: #262223; text-decoration:none;}
.email a{color: #262223;}
.email a:hover{ color:#00a651;}
.certificate ul{ margin:0; padding:0;}
.certificate ul li{ list-style:none; font-family: 'bitterregular'; font-size: 15px; color: #262223; margin:0 0 7px;}
.anticlockwise {-webkit-animation: antiClockwiseSpin 3.2s infinite linear;animation: antiClockwiseSpin 3.2s infinite linear;}

@-webkit-keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    
}@keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}	
}

/* Anti */

@-webkit-keyframes antiClockwiseSpin {
	0%  {-webkit-transform: rotate(360deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(360deg);}
    
}@keyframes antiClockwiseSpin {
	0%  {-webkit-transform: rotate(10deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(360deg);}	
}

/**media**/
@media (max-width: 767px) {
.suprima-detail {padding: 0 12px;}
.detail span {font-size: 15px;}
.contact-number ul li {margin: 0 0 12px; width: 100%;}
}

@media (max-width: 479px) {
.certificate ul li {font-size: 14px;}	
}

@media (min-width: 768px) and (max-width: 991px) {
.detail {margin: 150px auto 0;}
}