@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;
overflow-x:hidden!important
}

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

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

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

.featured-section.no-padd-top {
padding-top:0
}

.featured-section .inner-container {
position:relative;
max-width:990px;
margin:0 auto;
padding:0 15px
}

.featured-section .row {
margin-left:-40px;
margin-right:-40px
}

.featured-section .featured-post {
position:relative;
padding:0 40px;
margin-bottom:40px
}

.featured-post .inner-box {
position:relative
}

.featured-post .inner-box .featured-title {
position:relative
}

.featured-post .inner-box .featured-title h2 {
position:relative;
font-size:35px;
color:#000;
margin-bottom:30px;
padding-bottom:15px;
text-transform:capitalize;
font-family:CENTURY GOTHIC;
font-weight:600
}

.featured-post .inner-box .featured-title h2::after {
position:absolute;
content:'';
left:0;
bottom:5px;
width:70px;
height:3px;
background-color:#0a3558
}

.featured-post .inner-box .featured-title .text {
position:relative;
font-size:16px;
line-height:160%;
color:#333;
font-family:CENTURY GOTHIC;
text-align:justify
}

.featured-post .inner-box .image {
position:relative;
margin-top:30px
}

.featured-post .inner-box .image img {
position:relative;
width:100%;
display:block;
border:2px solid #fbb12f
}

img {
max-width:100%
}

ul,li {
margin:0;
padding:0;
list-style:none
}

.pl-30 {
padding-left:30px
}

.pt0 {
padding-top:0!important
}

.thm-container {
max-width:1170px;
width:100%;
margin-left:auto;
margin-right:auto
}

.thm-btn {
border:none;
outline:none;
background:#F7BE3D;
font-size:14px;
line-height:28px;
color:#202020;
text-transform:uppercase;
font-family:'Roboto',sans-serif;
font-weight:500;
padding:10px 0;
padding-left:20px;
padding-right:15px;
display:inline-block;
border-radius:3px;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.thm-btn:hover {
background:#1FB5C7;
color:#fff
}

.thm-btn:hover i {
color:#fff;
border-color:transparent
}

.thm-btn:hover i:after {
background:#fff
}

.thm-btn i {
font-size:16px;
color:#000;
line-height:28px;
border-left:1px solid #FFCD47;
margin-left:20px;
padding-left:15px;
position:relative
}

.thm-btn i:after {
content:'';
position:absolute;
top:0;
left:-2px;
width:1px;
height:100%;
background:#D7A41B
}

.thm-btn.transparent {
background-color:transparent;
border:1px solid #85A4BE;
color:#fff
}

.thm-btn.transparent i {
color:inherit
}

.thm-btn.transparent:hover {
background:#1FB5C7;
border-color:#1FB5C7;
color:#fff
}

.thm-btn.transparent:hover i {
color:inherit
}

.animate-3 {
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.animate-5 {
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.animate-7 {
-webkit-transition:all .7s ease;
transition:all .7s ease
}

.animate-3-all * {
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.animate-5-all * {
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.animate-7-all * {
-webkit-transition:all .7s ease;
transition:all .7s ease
}

.sec-padding {
padding:80px 0
}

.sec-padding.page-title {
padding-bottom:30px
}

.sec-title {
margin-bottom:50px
}

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

.sec-title h1:before {
content:url('../images/prod_left.png');
position:relative;
top:2px;
left:-20px;
margin-left:20px
}

.sec-title h1:after {
content:url('../images/prod_right.png');
position:relative;
top:2px;
left:20px;
margin-right:20px
}

.sec-title h1 span {
display:block;
font-size:30px;
font-weight:700;
color:#323232;
text-transform:uppercase
}

.sec-title p {
color:#898989;
margin:0;
margin-top:20px
}

.list-item li {
color:#898989;
line-height:34px
}

.list-item li:before {
content:'\f0a9';
font-family:'FontAwesome';
color:#F6BA18;
margin-right:10px
}

.img-cap-effect:hover .img-box .img-caption {
top:0
}

.img-cap-effect:hover .img-box .img-caption:before {
bottom:10px;
opacity:1
}

.img-cap-effect:hover .img-box .img-caption .box-holder ul {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}

.img-cap-effect .img-box {
position:relative;
overflow:hidden
}

.img-cap-effect .img-box .img-caption {
position:absolute;
top:100%;
left:0;
right:0;
bottom:0;
background:rgba(251,177,47,0.6);
text-align:center;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.img-cap-effect .img-box .img-caption:before {
content:'';
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:100%;
opacity:0;
border:5px solid #fff;
border-bottom:0;
border-right:0;
-webkit-transition:all .5s ease .5s;
transition:all .5s ease .5s
}

.img-cap-effect .img-box .img-caption .box-holder {
width:100%;
height:100%;
display:table
}

.img-cap-effect .img-box .img-caption .box-holder ul {
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
display:table-cell;
vertical-align:middle;
-webkit-transition:all .5s ease 1s;
transition:all .5s ease 1s
}

.img-cap-effect .img-box .img-caption .box-holder ul li {
display:inline-block
}

.img-cap-effect .img-box .img-caption .box-holder ul li a {
display:block;
width:30px;
height:30px;
background:#13314c;
font-size:13px;
color:#fff;
line-height:30px;
text-align:center;
border-radius:50%;
margin-right:5px
}

.accrodion.active .accrodion-title {
background:#EBEBEB;
border-color:#EBEBEB
}

.accrodion.active .accrodion-title:after {
content:'-';
font-size:40px;
line-height:39px
}

.accrodion:last-child .accrodion-title {
border-bottom:1px solid #DEDEDE
}

.accrodion .accrodion-title {
cursor:pointer;
border:1px solid #DEDEDE;
border-left:0;
border-right:0;
border-bottom:0;
padding:0 20px;
position:relative
}

.accrodion .accrodion-title:after {
content:'+';
font-family:'Open Sans',sans-serif;
font-weight:400;
color:#898989;
font-size:23px;
position:absolute;
top:0;
right:20px;
line-height:48px
}

.accrodion .accrodion-title h4 {
color:#242424;
font-family:'Open Sans',sans-serif;
text-transform:uppercase;
font-weight:700;
font-size:16px;
line-height:48px
}

.accrodion .accrodion-content {
padding:30px 0
}

.accrodion .accrodion-content .img-caption .img-box,.accrodion .accrodion-content .img-caption .content-box {
display:table-cell;
vertical-align:middle
}

.accrodion .accrodion-content .img-caption .img-box {
width:200px
}

.accrodion .accrodion-content .img-caption .content-box {
vertical-align:top;
padding-left:30px
}

.accrodion .accrodion-content .img-caption .content-box h4 {
font-family:'Open Sans',sans-serif;
color:#242424;
font-size:18px;
font-weight:600;
text-transform:capitalize;
margin-bottom:11px;
margin-top:10px
}

.accrodion .accrodion-content .img-caption .content-box p {
color:#898989
}

.accrodion .accrodion-content .img-caption .content-box ul {
margin-top:3px
}

.accrodion .accrodion-content .img-caption .content-box ul li {
display:inline-block;
color:#757575;
margin-right:40px
}

.accrodion .accrodion-content .img-caption .content-box ul li:last-child {
margin-right:0
}

.accrodion .accrodion-content .img-caption .content-box ul li i {
color:#757575;
margin-right:15px
}

.main-menu-wrapper {
margin-top:-34px;
margin-bottom:-55px;
position:absolute;
width:100%;
z-index:9;
-webkit-transition:background .5s ease;
transition:background .5s ease
}

.main-menu-wrapper.stricky-fixed {
position:fixed;
top:20px;
left:0;
width:100%;
z-index:9999;
background:#eee!important;
background:-webkit-linear-gradient(top,#fff 0%,#fafafa 19%,#e2e2e2 69%,#d7d7d7 100%);
background:linear-gradient(to bottom,#fff 0%,#fafafa 19%,#e2e2e2 69%,#d7d7d7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d7d7d7',GradientType=0);
border-bottom:2px solid #1278b9!important
}

.main-menu-wrapper.stricky-fixed .free-qoute-button {
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:before {
content:'';
background:#FBB12F;
right:100%;
width:2500px;
top:0;
height:100%;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover {
background:#1FB5C7
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before {
background:#1FB5C7
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover a {
color:#fff
}

.main-menu-wrapper .thm-container {
position:relative;
background:#eee;
margin-top:10px
}

.main-menu-wrapper .thm-container:before {
content:'';
position:absolute;
top:5px;
left:5px;
right:5px;
bottom:5px;
border:1px solid rgba(255,255,255,0.5)
}

.main-menu-wrapper .free-qoute-button {
background:#fbb12f;
position:relative;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.main-menu-wrapper .free-qoute-button:hover {
background:#1FB5C7
}

.main-menu-wrapper .free-qoute-button:hover:before {
background:#1FB5C7
}

.main-menu-wrapper .free-qoute-button:hover a {
color:#fff;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.main-menu-wrapper .free-qoute-button:before {
content:'';
position:absolute;
left:-32px;
top:0;
width:80px;
background:#FBB12F;
height:100%;
-webkit-transform:skewx(-45deg);
-ms-transform:skewx(-45deg);
transform:skewx(-45deg);
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.main-menu-wrapper .free-qoute-button:after {
content:'';
position:absolute;
left:-32px;
top:0;
width:10px;
background:#13314C;
height:100%;
-webkit-transform:skewx(-45deg);
-ms-transform:skewx(-45deg);
transform:skewx(-45deg);
z-index:9;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.main-menu-wrapper .free-qoute-button a {
font-size:18px;
color:#010101;
font-weight:700;
text-transform:uppercase;
padding:18px 16px 18px 8px;
line-height:29px;
display:block;
position:relative;
font-family:CENTURY GOTHIC;
text-decoration:none
}

.main-menu-wrapper .free-qoute-button a:before {
content:'';
position:absolute;
top:5px;
bottom:5px;
left:-65px;
right:5px;
border:1px solid rgba(255,255,255,0.5);
border-left:0
}

.nav-holder {
position:relative;
background:#eee
}

.nav-holder .nav-header {
display:none;
padding:12px 20px
}

.nav-holder .nav-header button {
width:40px;
height:40px;
background:#0F2233;
border:none;
outline:none;
color:#fff;
font-size:18px;
border-radius:5px
}

.nav-holder .nav-footer {
display:block
}

.nav-holder .nav-footer ul.nav > li {
display:inline-block;
line-height:29px;
padding:18px 0;
position:relative
}

.nav-holder .nav-footer ul.nav > li:hover a,.nav-holder .nav-footer ul.nav > li.active a {
color:#1278B9;
background-color:transparent
}

.nav-holder .nav-footer ul.nav > li:last-child > a {
border:none;
padding-right:0
}

.nav-holder .nav-footer ul.nav > li > a {
padding:0 27px;
display:block;
font-size:16px;
color:#313131;
font-family:CENTURY GOTHIC;
text-transform:uppercase;
font-weight:700;
border-right:2px dotted #8a8a8a;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.nav-holder .nav-footer ul.nav > li > ul.submenu {
top:100%;
left:0
}

.nav-holder .nav-footer ul.nav > li > ul.submenu.align-right {
right:0;
left:auto
}

.nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
visibility:visible;
opacity:1
}

.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu {
top:0;
left:100%
}

.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {
right:100%;
left:auto
}

.nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {
visibility:visible;
opacity:1
}

.nav-holder .nav-footer ul.nav > li ul.submenu {
position:absolute;
width:240px;
opacity:0;
visibility:hidden;
z-index:99999;
-webkit-transition:all .3s ease;
transition:all .3s ease;
border-bottom:2px solid #1278b9!important
}

.nav-holder .nav-footer ul.nav > li ul.submenu li {
display:block;
padding:0;
background:#D7D7D7
}

.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {
border-bottom:0
}

.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after {
display:none
}

.nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a {
color:#1278B9
}

.nav-holder .nav-footer ul.nav > li ul.submenu li a {
color:#242424;
padding:7px 26px;
border-bottom:1px solid #F3F5F7;
position:relative;
display:block;
-webkit-transition:all .3s ease;
transition:all .3s ease;
font-family:CENTURY GOTHIC;
text-transform:uppercase;
font-weight:700;
text-decoration:none
}

.nav-holder .nav-footer ul.nav > li ul.submenu li a:before {
content:'\f105';
font-family:'FontAwesome';
margin-right:10px;
font-size:12px
}

.nav-holder .nav-footer ul.nav > li ul.submenu li a:after {
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
border-bottom:1px solid #C5C5C5
}

.nav-footer ul.nav li.has-submenu > a > button {
display:none
}

.main-menu-wrapper.full-width {
background:#FBB12F;
margin-top:0;
margin-bottom:0
}

.main-menu-wrapper.full-width.stricky-fixed {
top:0
}

.main-menu-wrapper.full-width .free-qoute-button a:after {
content:'';
position:absolute;
right:0;
top:0;
width:2000px;
height:100%;
-webkit-transition:all .3s ease;
transition:all .3s ease;
z-index:-1;
background:#fff;
background:-webkit-linear-gradient(top,#fff 0%,#fafafa 19%,#e2e2e2 69%,#d7d7d7 100%);
background:linear-gradient(to bottom,#fff 0%,#fafafa 19%,#e2e2e2 69%,#d7d7d7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d7d7d7',GradientType=0)
}

#header2 {
border-bottom:1px solid rgba(255,255,255,0.2);
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
padding:0 40px
}

#header2.stricky-fixed {
background:#13314C;
border-color:#13314C
}

#header2.stricky-fixed .nav-holder .nav-footer ul.nav > li {
padding:20px 0
}

#header2.stricky-fixed .logo {
padding:10px 0
}

#header2.stricky-fixed .logo img {
width:85%
}

#header2 .logo {
padding:26px 0
}

#header2 .nav-holder .nav-footer ul.nav > li {
padding:38px 0;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

#header2 .nav-holder .nav-footer ul.nav > li:last-child > a {
padding-right:0
}

#header2 .nav-holder .nav-footer ul.nav > li > a {
color:#FFF;
font-size:15px;
border:none;
padding:0 14px
}

#header3.stricky-fixed {
background:#fff;
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999
}

#header3.stricky-fixed .nav-holder .nav-footer ul.nav > li {
padding:20px 0
}

#header3.stricky-fixed .logo {
padding:10px 0
}

#header3.stricky-fixed .logo img {
width:85%
}

#header3 .logo {
padding:21px 0
}

#header3 .nav-holder .nav-footer ul.nav > li {
padding:33px 0;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

#header3 .nav-holder .nav-footer ul.nav > li:last-child > a {
padding-right:0
}

#header3 .nav-holder .nav-footer ul.nav > li > a {
color:#292929;
font-size:15px;
border:none;
padding:0 14px
}

.welcome-text {
background:#183650;
padding:80px 0 120px
}

.welcome-text .title-box,.welcome-text .text-box {
display:table-cell;
vertical-align:middle
}

.welcome-text .title-box {
padding-right:40px;
border-right:4px solid #12A0B1
}

.welcome-text .title-box h3 {
font-size:26px;
font-weight:700;
color:#fff;
line-height:33px;
text-transform:uppercase
}

.welcome-text .text-box {
padding-left:46px
}

.welcome-text .text-box p {
margin:0;
color:#AFC0CF;
font-style:italic;
font-size:16px
}

.welcome-services {
margin-top:-80px;
padding-bottom:70px
}

.welcome-services .service-text p {
margin:0;
color:#898989;
font-family:'Open Sans',sans-serif;
font-style:italic;
font-size:16px;
margin-top:55px
}

.welcome-single-services {
margin-top:30px;
background:transparent
}

.welcome-single-services:hover .text-box {
background:#1FB5C7
}

.welcome-single-services:hover .text-box:before {
background:#1FB5C7
}

.welcome-single-services:hover .text-box:after {
background:#183650;
left:-23px;
width:20px;
transform:skew(-15deg)
}

.welcome-single-services:hover .text-box h3,.welcome-single-services:hover .text-box p {
color:#FFF
}

.welcome-single-services .img-box,.welcome-single-services .text-box {
display:table-cell;
vertical-align:middle
}

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

.welcome-single-services .text-box {
background:#EFF3F6;
position:relative;
padding-left:25px;
padding-right:27px;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.welcome-single-services .text-box .content {
position:relative;
z-index:11
}

.welcome-single-services .text-box:before {
content:'';
width:50px;
height:100%;
position:absolute;
top:0;
left:-20px;
-webkit-transform:skew(-12deg);
-ms-transform:skew(-12deg);
transform:skew(-12deg);
background:#EFF3F6;
z-index:9;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.welcome-single-services .text-box:after {
content:'';
width:2px;
height:100%;
position:absolute;
top:0;
left:-21px;
-webkit-transform:skew(-13deg);
-ms-transform:skew(-13deg);
transform:skew(-13deg);
background:#DADADA;
z-index:8;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.welcome-single-services .text-box h2 {
font-size:20px;
text-transform:uppercase;
color:#fff;
font-weight:700;
line-height:19px;
margin-bottom:6px;
-webkit-transition:all .5s ease;
transition:all .5s ease;
font-family:CENTURY GOTHIC;
margin-top:10px!important
}

.welcome-single-services .text-box p {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:16px;
line-height:24px;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.featured-services {
overflow:hidden;
background:#F3F5F7
}

.featured-services.style-two {
background:#183650 url(../images/parallax-featured-service.jpg) right top no-repeat fixed;
background-size:130% 100%
}

.featured-services.style-two .featured-service-box {
position:relative;
padding-bottom:55px
}

.featured-services.style-two .featured-service-box:before {
content:'';
width:5000px;
height:100%;
position:absolute;
top:0;
left:0;
background:#183650
}

.featured-services.style-two .single-featured-service {
padding-left:45px
}

.featured-services.style-two .single-featured-service .title-box h3 span {
color:#fff
}

.featured-services.style-two .single-featured-service .icon-box {
color:#1FB5C7
}

.featured-services.style-two .single-featured-service .icon-box i:before {
color:#1FB5C7
}

.featured-services.style-two .single-featured-service p {
color:#ABC3D8
}

.featured-services .left-full-img img {
max-width:none
}

.featured-services .right-full-img img {
max-width:none;
float:right
}

.featured-service-box {
padding-top:25px
}

.single-featured-service {
margin-top:45px
}

.single-featured-service header {
margin-bottom:18px
}

.single-featured-service .icon-box,.single-featured-service .title-box {
display:table-cell;
vertical-align:middle
}

.single-featured-service .icon-box {
color:#000;
font-size:45px;
padding-right:25px
}

.single-featured-service .icon-box i:before {
font-size:45px;
color:#000;
margin:0
}

.single-featured-service .title-box h3:after {
content:'';
background:#F6BA18;
width:45px;
height:3px;
display:block;
vertical-align:top;
margin-top:10px
}

.single-featured-service .title-box h3 span {
display:block;
color:#323232;
font-family:'Alegreya',sans-serif;
font-weight:700;
font-size:20px;
text-transform:uppercase
}

.featured-services.about-page {
padding-top:80px
}

.featured-services.about-page .sec-title {
margin-bottom:0
}

.call-to-action {
background:#1c3a53 url(../images/call-to-action/bg.jpg) center left no-repeat;
background-size:cover
}

.call-to-action .right-full-image {
text-align:center
}

.call-to-action .right-full-image img {
position:relative;
top:75px
}

.call-to-action .call-to-action-text {
padding-top:71px;
border-top:10px solid #12A0B1
}

.call-to-action .call-to-action-text h3 {
font-family:'Open Sans',sans-serif;
font-size:32px;
color:#fff;
text-transform:uppercase;
font-weight:700;
margin-bottom:23px
}

.call-to-action .call-to-action-text p {
font-family:'Lato',sans-serif;
font-size:18px;
font-style:italic;
color:rgba(255,255,255,0.7);
margin-bottom:26px
}

.welcome-services.home-one {
margin-top:0;
padding-top:20px;
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.home-one .sec-title {
margin-bottom:20px
}

.welcome-services.home-one .welcome-single-services .text-box,.welcome-services.home-one .welcome-single-services .text-box:before {
background:#0a3558
}

.welcome-services.home-one .welcome-single-services:hover .text-box,.welcome-services.home-one .welcome-single-services:hover .text-box:before {
background:#0a3558
}

.welcome-services.home-one .welcome-single-services .img-box {
background:transparent;
-webkit-clip-path:none;
clip-path:none
}
.main-menu-wrapper.stricky-fixed .nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
border-top: 2px solid #1278b9 !important;
}

.oi{
    padding-top: 8%;
}

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

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

.welcome-services.home-one {
padding-top:4%
}

.welcome-services {
padding-bottom:4%
}
}

@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) {
.featured-post .inner-box .featured-title .text {
 
    font-size: 13px;
   
}


.featured-post .inner-box .featured-title h2 {
    
    font-size: 22px;
   
}

.oi {
    padding-top: 29%;
}
}

@media only screen and (max-width:767px) {
.featured-post .inner-box .featured-title .text {
 
    font-size: 16px;
   
}


.featured-post .inner-box .featured-title h2 {
    
    font-size: 35px;
   
}

.oi {
    padding-top: 0%;
}
}

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

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

#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 {
margin-top:-80px;
padding-bottom:5px
}

.featured-post .inner-box .featured-title h2 {
position:relative;
font-size:200%
}

.featured-post .inner-box .featured-title .text {
width:100%
}

.featured-post .inner-box .image img {
position:relative;
width:99%;
display:block;
border:2px solid #fbb12f
}
}