@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 {
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 p {
text-align:justify!important;
font-family:CENTURY GOTHIC;
font-size:17px;
line-height:170%
}

.transformer-tabs {
margin-bottom:3%
}

.transformer-tabs ul {
list-style:none;
padding:0;
margin:0
}

.transformer-tabs li {
background:#0a3558!important;
color:#fff!important;
display:inline-block;
padding:1% 0;
vertical-align:bottom;
text-transform:uppercase!important;
font-size:14px!important;
border-radius:20px!important;
margin:0 .6%!important;
font-family:CENTURY GOTHIC!important;
font-weight:600!important;
text-align:center;
width:15%
}

.transformer-tabs ul {
list-style:none;
padding:0;
margin:0
}

.transformer-tabs li .active {
color:#c6a0d5;
background:#f5ca00
}

.transformer-tabs a {
display:inline-block;
color:#fff;
text-decoration:none;
width:100%;
padding:2% 0!important;
border-radius:20px
}

.transformer-tabs a.active {
width:100%;
color:#0a3558;
padding:2% 0!important;
border-radius:20px;
position:relative
}

.transformer-tabs a:hover {
width:100%;
color:#0a3558;
padding:2% 0!important;
border-radius:20px;
background:#f5ca00;
position:relative
}

.tabs > div {
display:none;
background:transaparent
}

.tabs > div:nth-of-type(1) {
background:transaparent
}

.tabs > div:nth-of-type(2) {
background:transaparent
}

.tabs > div:nth-of-type(3) {
background:transaparent
}

.tabs > div:nth-of-type(4) {
background:transaparent
}

.tabs > .active {
display:block
}

.main-menu-wrapper .dropdown-menu {
margin:0 0 0 13%
}

.tes-img {
width:80%!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
}

.tab-pane 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:2% 0;
width:100%;
display:none
}

#quality h1 {
text-align:center;
font-family:'Merriweather',serif;
font-weight:700;
color:#313131;
padding:2% 0;
font-size:40px
}

.journey-icon i {
font-size:55px;
color:#313131
}

.journey-box p {
font-family:CENTURY GOTHIC;
font-size:20px;
font-weight:700;
color:#313131
}

.points {
margin-left:-4%
}

.points li {
margin:0;
padding:0;
list-style:auto;
text-align:justify!important;
font-family:CENTURY GOTHIC;
font-size:15px;
line-height:170%
}

.inner_product {
padding-bottom:5%
}

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

.profpara {
margin:-2% 0 0 -2%
}
}

@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) {
.nav-tabs {
border-bottom:hidden!important;
margin-bottom:6%!important
}

.tab-pane h2 {
margin:0 0 1%;
padding:0
}

.profpara {
margin:0 0 0 -2%
}
}

@media (max-width: 700px) {
.transformer-tabs {
margin-bottom:0
}

.transformer-tabs li {
display:inline-block;
padding:0;
vertical-align:bottom;
background:#f5ca00!important;
text-transform:uppercase!important;
color:#0a3558!important;
font-size:12px!important;
border-radius:0!important;
margin:0 1%!important;
ont-family:CENTURY GOTHIC!important;
font-weight:600!important;
text-align:left;
width:auto
}

.tabs > div {
display:none;
background:#333;
padding-top:6%
}

.welcome-services h2 {
text-align:left!important;
font-family:CENTURY GOTHIC;
color:#fff
}

.welcome-services p {
text-align:left!important;
font-family:CENTURY GOTHIC;
font-size:100%;
line-height:170%;
color:#333
}

.transformer-tabs ul {
border-bottom:0;
overflow:hidden;
position:relative;
background:#666;
background:linear-gradient(#666,#222)
}

.transformer-tabs ul::after {
content:"☰";
position:absolute;
top:8px;
right:15px;
z-index:2;
pointer-events:none
}

.transformer-tabs ul.open a {
position:relative;
display:block
}

.transformer-tabs li {
display:block;
border-radius:0!important;
margin:0!important
}

.transformer-tabs a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:2% 0 2% 2% !important;
font-size:14px
}

.transformer-tabs a:hover {
padding:2% 0 2% 2% !important
}

.transformer-tabs a.active {
border:0;
z-index:1;
background:#f5ca00;
padding:2% 0 2% 2% !important;
border-radius:0;
font-size:14px
}
}

@media only screen and (max-width:640px) {
#banner h1::before {
display:none
}

#banner h1::after {
display:none
}

.tes-img {
width:80%!important;
margin-left:10%
}

.profpara {
margin:4% 4% 0
}

.tab-pane h2 {
margin:0 0 2%;
padding:0;
text-align:center
}

.nav-tabs > li > a,.nav-tabs > li > a:hover,.nav-tabs .active a,.nav-tabs > li > a:focus {
font-size:110%!important;
cursor:pointer;
padding:6%!important;
margin:0 6%!important;
text-align:center!important;
padding:10px -0!important;
text-align:center
}

.nav-tabs > li {
float:left;
margin-bottom:-1px;
width:33%
}
}

@media only screen and (max-width:600px) {
#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:20% 0 0;
font-family:CENTURY GOTHIC;
color:#fff;
text-align:center;
font-weight:700;
font-size:242%
}

.nav-tabs > li {
float:left;
margin-bottom:-1px;
width:33%!important
}

.nav-tabs > li > a,.nav-tabs > li > a:hover,.nav-tabs .active a,.nav-tabs > li > a:focus {
font-size:14px!important
}

.tes-img {
width:80%!important;
margin-left:10%
}

.profpara {
margin:4% 4% 0
}

.tab-pane h2 {
margin:0 0 2%;
padding:0;
text-align:center
}
}

@media only screen and (max-width:400px) {
#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
}

.tes-img {
width:90%!important;
margin:3% 5%
}

.tab-content p {
text-align:justify
}

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

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

.tes-img {
width:90%!important;
margin:0 5%
}

.nav-tabs > li > a,.nav-tabs > li > a:hover,.nav-tabs .active a,.nav-tabs > li > a:focus {
font-size:74%!important;
cursor:pointer;
padding:6%!important;
margin:0 4%!important;
text-align:center!important
}

.tab-pane h2 {
font-size:167%;
line-height:130%
}

.points {
margin-left:-9%;
font-size:88%
}

.points li {
margin:0;
padding:0;
list-style:auto;
text-align:justify!important;
font-family:CENTURY GOTHIC;
font-size:100%;
line-height:170%
}
}

@media only screen and (max-width:320px) {
.nav-tabs > li > a,.nav-tabs > li > a:hover,.nav-tabs .active a,.nav-tabs > li > a:focus {
font-size:70%!important;
cursor:pointer;
padding:6% 0!important;
margin:0 2%!important;
text-align:center!important
}
}