@charset "utf-8";

@import "https://fonts.googleapis.com/css?family=Playfair+Display:400,800";

@import "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css";

@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 {
background:url(../images/abtban.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
height:250px
}

#banner h1 {
margin:0;
padding:11% 0 0;
font-family:CENTURY GOTHIC;
color:#fff;
text-align:center;
font-weight:700;
font-size:45px
}

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

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

#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
}

.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:100%!important
}

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

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

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

#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:4% 0;
font-size:40px
}

.snip1401 {
font-family:'Playfair Display',Arial,sans-serif;
position:relative;
float:left;
overflow:hidden;
margin:10px 1%;
max-width:350px;
max-height:220px;
width:100%;
color:#000;
text-align:right;
font-size:16px;
background-color:#000;
cursor:pointer
}

.snip1401 * {
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .35s ease;
transition:all .35s ease
}

.snip1401 img {
max-width:100%;
backface-visibility:hidden
}

.snip1401 figcaption {
position:absolute;
top:0;
bottom:0;
right:0;
z-index:1;
opacity:1;
padding:30px 0 30px 10px;
background-color:#f5ca00;
width:40%;
-webkit-transform:translateX(150%);
transform:translateX(150%)
}

.snip1401 figcaption:before {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
right:100%;
content:'';
width:0;
height:0;
border-style:solid;
border-width:120px 120px 120px 0;
border-color:transparent #f5ca00 transparent transparent
}

.snip1401:after {
position:absolute;
bottom:50%;
right:40%;
content:'';
width:0;
height:0;
border-style:solid;
border-width:120px 120px 0;
border-color:rgba(255,255,255,0.5) transparent transparent;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .35s ease;
transition:all .35s ease
}

.snip1401 h3,.snip1401 p {
line-height:1.5em;
-webkit-transform:translateX(-30px);
transform:translateX(-30px);
margin:0
}

.snip1401 h3 {
margin:91% 0 0;
line-height:1.1em;
font-weight:900;
font-size:1.4em;
opacity:.75;
font-family:century gothic
}

.snip1401 p {
font-size:.8em;
font-family:CENTURY GOTHIC
}

.snip1401 i {
position:absolute;
bottom:0;
left:0;
padding:20px 30px;
font-size:44px;
color:#fff;
opacity:0
}

.snip1401 a {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
cursor:pointer
}

.snip1401:hover img,.snip1401.hover img {
zoom:1;
filter:alpha(opacity=50);
-webkit-opacity:.5;
opacity:.5
}

.snip1401:hover:after,.snip1401.hover:after,.snip1401:hover figcaption,.snip1401.hover figcaption,.snip1401:hover i,.snip1401.hover i {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}

.welcome-services.home-one {
margin-top:0;
padding-top:60px!important;
background:#E3E8EC;
background:url(../images/prodbg.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

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

.modal-footer {
padding:15px;
text-align:center!important;
border-top:1px solid #e5e5e5
}

.btn-prev,.btn-next,.btn-cls {
width:25%!important;
margin:0!important;
font-size:16px!important;
border:1px solid #f5ca00!important;
color:#0a3558!important;
padding:2% 0 .5%!important;
font-weight:700!important
}

.btn-prev:hover,.btn-next:hover,.btn-cls:hover {
font-weight:700;
background:#f5ca00!important
}

.welcome-services .close {
width:auto!important;
font-size:35px!important;
color:#0a3558!important;
opacity:1!important
}

.modal {
z-index:99999999!important
}

@media only screen and (max-width:1024px) {
#banner {
background:url(../images/abtban.jpg)no-repeat center center;
background-size:auto auto;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
height:215px!important
}

.snip1401 h3 {
margin:107% 0 0
}

.modal {
z-index:1.0E+20!important
}
}

@media only screen and (max-width:970px) {
#banner h1 {
margin:0;
padding:11% 0 0;
font-family:CENTURY GOTHIC;
color:#fff;
text-align:center;
font-weight:700;
font-size:242%
}
}

@media only screen and (max-width:768px) {
.snip1401 figcaption,.snip1401::after {
display:none
}

.welcome-services a,.welcome-services a:hover,.welcome-services a:focus {
text-decoration:none;
display:none
}

.snip1401:hover img,.snip1401.hover img {
zoom:1;
filter:alpha(opacity=50);
-webkit-opacity:.5;
opacity:1
}

.snip1401 {
margin:10px 0;
font-family:'Playfair Display',Arial,sans-serif;
position:relative;
float:left;
overflow:hidden;
margin:10px 1%;
max-width:100%;
width:100%;
height:auto;
max-height:400px;
border:1px solid #f5ca00;
color:#000;
text-align:right;
font-size:16px;
background-color:#000
}
}

@media only screen and (max-width:640px) {
#banner h1::before {
content:url('../images/profile_left1.png');
position:relative;
top:-4px;
left:-20px;
margin-left:20px;
display:none
}

#banner h1::after {
content:url('../images/profile_left1.png');
position:relative;
top:-4px;
left:-20px;
margin-left:20px;
display:none
}
}

@media only screen and (max-width:600px) {
#banner h1 {
margin:0;
padding:20% 0 0;
font-family:CENTURY GOTHIC;
color:#fff;
text-align:center;
font-weight:700;
font-size:242%
}

.modal {
z-index:1.0E+20!important;
padding-right:0!important
}

.btn-prev,.btn-next,.btn-cls {
width:30%!important
}
}

@media only screen and (max-width:360px) {
#banner h1::before {
content:url('../images/profile_left1.png');
position:relative;
top:-4px;
left:-20px;
margin-left:20px;
display:none
}

#banner h1::after {
content:url('../images/profile_left1.png');
position:relative;
top:-4px;
left:-20px;
margin-left:20px;
display:none
}

#banner h1 {
margin:0;
padding:35% 0 14%;
font-family:CENTURY GOTHIC;
color:#fff;
text-align:center;
font-weight:700;
font-size:242%
}

#banner {
background:url(../images/abtban.jpg)no-repeat center center;
background-size:auto auto;
background-size:auto auto;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
height:auto
}

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

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

.snip1401 figcaption,.snip1401::after {
display:none
}

.welcome-services a,.welcome-services a:hover,.welcome-services a:focus {
text-decoration:none;
display:none
}

.snip1401:hover img,.snip1401.hover img {
zoom:1;
filter:alpha(opacity=50);
-webkit-opacity:.5;
opacity:1
}

.snip1401 {
margin:10px 0
}
}