@charset "utf-8";

@font-face {
font-family:Myriad Pro;
src:url(../fonts/MyriadPro-Regular.svg);
src:url(../fonts/MyriadPro-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/MyriadPro-Regular.woff) format("woff"),url(../fonts/MyriadPro-Regular.ttf) format("truetype"),;
src:url(../fonts/MyriadPro-Regular.otf);
font-weight:400;
font-style:normal
}

@font-face {
font-family:Gothic;
src:url(../fonts/Gothic.svg);
src:url(../fonts/Gothic.eot?#iefix) format("embedded-opentype"),url(../fonts/Gothic.woff) format("woff"),url(../fonts/Gothic.ttf) format("truetype"),;
src:url(../fonts/Gothic.otf);
font-weight:400;
font-style:normal
}

@font-face {
font-family:CENTURY;
src:url(../fonts/Century.svg);
src:url(../fonts/Century.eot?#iefix) format("embedded-opentype"),url(../fonts/Century.woff) format("woff"),url(../fonts/Century.ttf) format("truetype"),;
src:url(../fonts/Century.otf);
font-weight:400;
font-style:normal
}

body {
margin:0;
padding:0
}

img {
width:100%;
margin:0;
padding:0
}

main {
margin:0;
padding:0;
width:100% auto
}

#banner img {
margin-top:0
}

#banner .carousel-fade .carousel-inner .item {
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity
}

#banner .carousel-fade .carousel-inner .active {
opacity:1
}

#banner .carousel-fade .carousel-inner .active.left,#banner .carousel-fade .carousel-inner .active.right {
left:0;
opacity:0;
z-index:1
}

#banner .carousel-fade .carousel-inner .next.left,#banner .carousel-fade .carousel-inner .prev.right {
opacity:1
}

#banner .carousel-fade .carousel-control.right {
z-index:2;
background:transparent;
width:3%;
margin-top:32%
}

#banner .carousel-fade .carousel-control.left {
z-index:2;
background:transparent;
width:3%;
margin-left:93%;
margin-top:32%
}

#banner .carousel-control {
background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
background-repeat:repeat-x;
background:transparent!important;
opacity:1!important
}

#banner .carousel-control.left figure {
width:100%!important;
margin-left:0
}

#banner .carousel-control.right figure {
width:100%!important;
margin-left:0
}

#banner .carousel-inner > .item {
-webkit-transition:-webkit-transform .9s ease-in-out;
-o-transition:-o-transform .9s ease-in-out;
transition:transform .9s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000px;
perspective:1000px
}

.welcome-services .carousel-control {
background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
background-repeat:repeat-x;
background:transparent!important;
opacity:1!important
}

.welcome-services .carousel-control.left figure {
width:20%!important;
margin-top:205px!important
}

.welcome-services .carousel-control.right figure {
width:20%!important;
margin-top:205px!important;
margin-left:80%
}

.welcome-services .carousel-inner {
position:relative;
width:90%;
overflow:hidden;
margin-left:5%
}

.welcome-services button {
padding-left:0!important;
padding-top:1%!important;
color:#f5ca00;
font-family:CENTURY GOTHIC;
background:transparent!important;
border:hidden;
margin:0;
width:38%
}

.contrast:hover {
-webkit-filter:contrast(160%);
filter:contrast(160%)
}

.welcome-single-services .img-box {
width:227px!important
}

#prof {
background:url(../images/profilebg.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding:5% 0 0;
width:100%
}

#prof h1 {
margin-top:-9px;
font-family:CENTURY GOTHIC;
color:#000;
text-align:center;
font-weight:700
}

#prof h1::before {
content:url('../images/prof_left.png');
position:relative;
top:0;
left:-20px;
margin-left:20px
}

#prof h1::after {
content:url('../images/prof_right.png');
position:relative;
top:0;
left:20px;
margin-right:20px
}

.profile {
background:url(../images/profile.png)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
margin:6% 0 0;
width:100%;
height:340px
}

.para {
width:100%;
padding:4.5% 6% 0 42%
}

.para p {
text-align:justify;
font-family:CENTURY GOTHIC;
line-height:135%;
font-size:15px
}

.para figure {
width:50%;
margin-left:50%
}

.pro {
border-right:4px dotted #603913
}

.gal figure {
margin:0;
width:90%;
margin-left:10%;
margin-top:19%
}

.mii figure {
margin:0;
width:95%;
margin-left:10%;
margin-top:5%;
margin-bottom:-3px
}

#quality {
background:url(../images/qualitypanel.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding:0;
width:100%
}

#quality h1 {
text-align:center;
font-family:CENTURY GOTHIC;
line-height:135%;
font-weight:700;
color:#000;
padding:3% 0 4%;
font-size:40px
}

@media only screen and (max-width:1024px) {
.welcome-single-services .text-box p {
font-size:12px;
line-height:150%
}

.welcome-single-services .img-box {
width:158px!important
}

.welcome-single-services .text-box h2 {
font-size:14px!important;
margin-bottom:2%!important
}

.welcome-single-services .text-box p {
font-size:11px!important;
line-height:141%!important
}

.profile {
height:273px
}

.para p {
font-size:12px
}

.mii figure {
margin-left:5%
}

#quality h1 {
font-size:30px
}

.welcome-services .carousel-control.left figure {
margin-top:160px!important
}

.welcome-services .carousel-control.right figure {
margin-top:160px!important
}

.mii figure {
margin-left:5%;
margin-top:5%;
margin-bottom:-3px;
width:90%
}
}

@media only screen and (max-width:990px) {
body {
margin:0;
padding:0;
overflow-x:hidden
}

#head {
background:#0a3558;
padding:0;
margin:0;
width:100%;
height:auto!important
}

.cont {
background:#0a3558;
height:186px
}

.cont h2 {
color:#FFF;
font-family:CENTURY GOTHIC;
font-size:166%
}

.cont p {
cfont-family:CENTURY GOTHIC;
color:#FFF
}

#prof {
background:url(../images/profilebg.jpg)no-repeat center center;
background-size:auto auto;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding:9% 0 0;
width:100%
}

.gal figure {
margin-left:5%;
margin-top:19%
}
}

@media only screen and (max-width:970px) {
.profile {
background:url(../images/profile2.png)no-repeat center center;
background-size:auto auto;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
margin:8% 0 0;
width:100%;
height:600px
}

.para {
width:100%;
padding:42% 10% 0
}

.para p {
font-size:17px;
padding-top:3%;
line-height:150%
}

.para figure {
width:35%;
margin-left:0;
margin-top:5%
}

.pro {
margin-bottom:8%;
border-right:hidden
}

#quality h1 {
text-align:center;
font-family:CENTURY GOTHIC;
line-height:135%;
font-weight:700;
color:#000;
padding:3% 0 4%;
font-size:28px
}
}

@media only screen and (max-width:767px) {
.sec-title h1::before {
display:none
}

.sec-title h1::after {
display:none
}

.gal figure {
width:50%;
margin:5% 25% 0;
margin-top:5%
}

.welcome-single-services .img-box {
width:193px!important
}

.welcome-services .carousel-control.right figure {
margin-top:73px!important
}

.welcome-services .carousel-control.left figure {
margin-top:73px!important
}

#prof {
padding:10% 0 0;
width:100%
}

.mii figure {
width:80%;
margin-left:10%;
margin-top:5%;
margin-right:10%
}

#prof h1 {
font-size:250%
}

footer .link p a {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:100%;
line-height:180%;
text-decoration:none
}

#prof h1::before {
display:none
}

#prof h1::after {
display:none
}
}

@media only screen and (max-width:600px) {
.profile {
margin:0;
margin:223px !important -4% 0 0 0
}

.para p {
font-size:111%;
padding-top:11%;
line-height:150%
}

#copy p {
padding:0;
font-family:CENTURY GOTHIC;
font-size:100%;
text-align:center
}
}

@media only screen and (max-width:550px) {
.profile {
background:#eeede8;
margin:8% 0 0;
width:100%;
height:auto;
border-radius:15px
}

.para {
width:100%;
padding:3% 10%
}

.pro {
margin-bottom:15%;
border-right:hidden
}

.para figure {
width:50%;
margin-left:50%
}

#quality h1 {
font-size:153%
}

#myCarousel2 .carousel-control {
width:30%!important;
margin-top:100px
}
}

@media only screen and (max-width:360px) {
#banner {
margin-top:17%
}

.sec-title h1 {
font-size:173%
}

#prof h1 {
font-size:177%
}

.profile {
background:#eeede8;
margin:8% 0 0;
width:100%;
height:auto
}

.para {
width:100%;
padding:3% 10%
}

.pro {
margin-bottom:15%;
border-right:hidden
}

.para figure {
width:50%;
margin-left:50%
}

#quality h1 {
font-size:117%
}

.welcome-single-services {
margin-top:30px;
background:transparent;
width:90%;
margin-left:5%
}

.welcome-services.home-one {
padding-top:50px!important
}

.welcome-services {
margin-top:-80px;
padding-bottom:50px!important
}

.welcome-single-services .img-box {
background:#fff;
width:100%!important;
-webkit-clip-path:polygon(0 0,100% 0,75% 100%,0 100%);
clip-path:polygon(0 0,100% 0,75% 100%,0 100%)
}

#prof {
padding:50px 0 0
}

.welcome-single-services {
margin-top:5px!important;
background:transparent
}
}