@import url(https://fonts.googleapis.com/css?family=Questrial&display=swap);

*, :after, :before { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }

input:not([type=radio]):not([type=checkbox]), select, textarea { -webkit-appearance: none }

mark { background-color: transparent; font-weight: 700; color: inherit }

body { font-size: 16px; line-height: 21.42px; font-family: Questrial, sans-serif, Arial, Helvetica, sans-serif; color: #333 }

a { text-decoration: none }

img { max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast }

textarea { resize: vertical }

iframe { border: none; width: 100% }

h1, h2, h3, h4, ul { margin: 0; padding: 0; list-style: none }

b,
strong {
font-weight: 700
}

em,
i {
font-style: italic
}

input[type=submit] {
cursor: pointer
}

a[href^="tel:"] {
color: inherit!important;
text-decoration: none
}

.clearfix:after,
.clearfix:before {
content: "";
display: table;
clear: both
}

.clearfix {
clear: both;
overflow: hidden
}

.comp {
color: #44a567;
font-weight: 700
}

.comingsoon {
color: red;
font-style: italic;
font-weight: 700
}

.col2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}

.col2_2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 5px
}

.col3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}

.col2 li,
.col3 li {
overflow: hidden;
display: inline-block;
width: 100%
}

.back_top {
display: none;
z-index: -1
}

.h1_hdng {
font-size: 22px;
font-weight: 700;
color: #000
}

.thumb_left_dd,
.thumb_left_dr {
float: left;
margin: -4px 19px 0 0;
height: auto
}

.thumb_right_dd,
.thumb_right_dr {
float: right;
margin: -4px 0 15px 19px;
height: auto
}

.thumb_center_dd,
.thumb_center_dr {
display: block;
margin: 10px auto;
height: auto
}

.text_left,
.text_left p {
text-align: left
}

.text_right,
.text_right p {
text-align: right
}

.text_center,
.text_center p {
text-align: center;
display: block
}

::-webkit-input-placeholder {
opacity: 1;
color: inherit
}

::-moz-placeholder {
opacity: 1;
color: inherit
}

:-ms-input-placeholder {
opacity: 1;
color: inherit
}

:-moz-placeholder {
opacity: 1;
color: inherit
}

.wrapper {
width: 100%;
max-width: 1080px;
margin: 0 auto;
position: relative
}

header {
height: 0;
padding: 0 10px
}

.main_logo {
position: absolute;
left: 10px;
top: 50px;
max-width: 323px;
z-index: 28
}

.header_info {
position: absolute;
right: 0;
top: 50px;
text-align: right;
z-index: 28
}

.header_info figure {
display: inline-block;
vertical-align: top;
margin-left: 4px
}

.page_nav {
height: 0;
position: relative;
top: 37px;
text-align: right;
padding: 0 10px
}

.page_nav ul {
padding-right: 85px
}

.page_nav ul li {
display: inline-block;
position: relative;
z-index: 30
}

.page_nav ul li:after {
content: '';
background: #d5d5d5;
width: 1px;
height: 25px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -4px
}

.page_nav ul li:last-child:after {
display: none
}

.page_nav ul li a {
display: block;
font-size: 16px;
color: #fff;
line-height: 58px;
padding: 0 10px
}

.page_nav ul li:first-child a {
padding-left: 0
}

.page_nav ul li:last-child a {
padding-right: 0
}

.page_nav ul li a:active,
.page_nav ul li a:hover,
.page_nav ul li a:hover small,
.page_nav ul li.current_page_item a small,
.page_nav ul li.current_page_item>a {
text-decoration: underline
}

.page_nav ul li:hover>ul {
display: block;
visibility: visible
}

.page_nav ul ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 999
}

.page_nav ul ul ul {
left: 100%;
top: 0
}

.page_nav ul ul li {
display: block;
width: 100%;
margin: 0
}

.page_nav ul ul li a {
background: #353535;
width: 200px;
margin: auto;
height: auto;
display: block;
padding: 13px 10px!important;
border-bottom: 1px solid;
line-height: 100%;
text-align: left
}

.page_nav span {
position: absolute;
right: 25px;
top: 32px;
display: none;
padding: 0;
cursor: pointer;
z-index: 9;
color: #fff;
text-align: center
}

.fa {
display: block;
margin-top: -3px
}

.fa:before {
position: absolute
}

.nav_toggle_button {
display: none;
text-align: left;
position: relative
}

.nav_toggle_button.active {
opacity: 1
}

.nav_toggle_button i {
cursor: pointer
}

.nav_toggle_button .toggle_holder {
position: absolute;
top: 60%;
right: 0;
transform: translateY(-50%)
}

.nav_toggle_button .hamburger-inner,
.nav_toggle_button .hamburger-inner:after,
.nav_toggle_button .hamburger-inner:before {
background: #fff
}


#menu-sub-header-menu {padding-right: 0 ;}
#menu-sub-header-menu li {}
#menu-sub-header-menu li::after{display: none;}
#menu-sub-header-menu li a{font: 400 14px 'Questrial';padding: 7px 4px; outline: none}
#menu-sub-header-menu li a:hover, #menu-sub-header-menu li.current_page_item > a{background: rgba(0,0,0,.4); text-decoration: none;}



.menu_slide_right small,
.nav_toggle_button small {
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
color: #fff;
display: block;
margin-top: -2px;
text-align: center
}

.menu_slide_right {
display: none
}

.menu_slide_right .hamburger-inner,
.menu_slide_right .hamburger-inner:after,
.menu_slide_right .hamburger-inner:before {
background: #fff
}

.menu_slide_right .toggle_holder {
position: absolute;
top: 55%;
right: 10px;
transform: translateY(-50%)
}

#banner {
padding: 0 10px
}

.slider {
position: relative;
width: 1920px;
margin-left: -420px;
z-index: -1
}

.slider:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(images/slider_filter.png) no-repeat center;
background-size: 100% 100%;
left: 0;
top: 0;
z-index: 20
}

.mobi_ban {
display: none
}

.bnr_info1 {
color: #fff;
bottom: 133px;
left: 1px;
width: 100%;
position: absolute;
z-index: 25
}

.bnr_info1 h2 {
font-size: 50px;
text-transform: uppercase;
line-height: 100%;
letter-spacing: 10px
}

.bnr_info1 h2 span {
display: block;
max-width: 582px;
line-height: 65px;
background: rgba(2, 7, 14, .3);
text-align: center;
font-size: 20px;
margin-bottom: 11px
}

.bnr_info1 h2 small {
animation-duration: 1545ms;
display: block
}

.bnr_info1 p {
animation-duration: 1545ms;
max-width: 570px;
margin: 17px 0 32px;
line-height: 26.36px
}

.bnr_info1 a {
animation-duration: 1545ms;
color: #fff;
text-align: center;
text-transform: uppercase;
display: block;
width: 100%;
max-width: 266px;
line-height: 62px;
background: #f8931e;
border-radius: 6px;
letter-spacing: 3px
}

.bnr_info1 a:hover {
background: #4ab169
}

.bnr_info2 {
color: #fff;
bottom: -163px;
right: 0;
width: 100%;
max-width: 384px;
min-height: 319px;
background: -webkit-linear-gradient(180deg, #11afaf -117%, #8cb318 146%);
background: -o-linear-gradient(180deg, #11afaf -117%, #8cb318 146%);
background: linear-gradient(270deg, #11afaf -117%, #8cb318 146%);
border-radius: 12px;
position: absolute;
z-index: 25;
text-align: center;
padding: 45px 10px 30px
}

.bnr_info2 h2:before {
content: url(images/bnr_icon1.png);
position: static;
display: block;
margin-bottom: 14px
}

.bnr_info2 h2 {
font-size: 26px;
line-height: 100%
}

.bnr_info2 p {
max-width: 240px;
margin: 15px auto 2px;
line-height: 24.72px
}

.bnr_info2 p .comp {
color: inherit
}

.bnr_info2 a {
color: inherit;
text-transform: uppercase
}

.bnr_info2 a:hover {
text-decoration: underline
}

#main_area {
padding: 101px 10px 105px;
background: #fff
}

main {
display: block
}

main .h1_title {
margin: 0 0 44px 2px;
font-size: 60px;
color: #122e4f;
line-height: 100%
}

main .h1_title span {
font-size: 45px;
background: -webkit-linear-gradient(0deg, #8cb318 -97%, #12b688 102%);
background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
text-shadow: none;
color: #44b55a;
line-height: 100%;
margin: -3px 0 0 -5px
}

main p {
margin-bottom: 15px
}

main ol {
padding-left: 35px;
margin-bottom: 15px
}

main ul {
margin-bottom: 30px;
padding: 0 0 0 15px
}

main ul li {
padding: 0 10px 0 20px;
text-align: left;
position: relative
}

main .bullet li {
padding: 0 10px 0 28px
}

main .bullet li::before {
position: absolute;
content: "\f042";
top: 0;
left: 2px;
font-family: FontAwesome;
font-size: 20px
}



.breadcrumbs a,
main a {
font-weight: 700;
color: #6ba639;
text-decoration: underline
}

.breadcrumbs a:hover,
main a:hover {
text-decoration: none
}

.below_main .bm_top li {
position: relative;
display: inline-block;
vertical-align: top;
width: 401px;
min-height: 95px;
border: 2px solid #e0e0e0;
border-radius: 6px;
margin: 26px 50px 0 0;
padding: 13px 10px 13px 73px
}

.below_main .bm_top li:last-child {
margin-right: 0
}

.below_main .bm_top li:before {
content: url(images/bullet_icon.png);
position: absolute;
line-height: 100%;
left: 21px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}

.below_main .bm_btm {
width: 1320px;
font-size: 0;
position: relative
}

.below_main .bm_btm section {
animation-duration: 3045ms;
text-align: center;
color: #bababa;
font-size: 16px;
overflow: hidden;
position: relative;
z-index: 25;
display: inline-block;
vertical-align: top;
width: 257px;
min-height: 334px;
background: url(images/bm_bg1.jpg) no-repeat center top;
background-size: cover;
border-radius: 12px;
margin: 65px 66px 0 0;
padding: 52px 10px 30px
}

.below_main .bm_btm section:nth-child(2) {
background-image: url(images/bm_bg2.jpg)
}

.below_main .bm_btm section:nth-child(3) {
background-image: url(images/bm_bg3.jpg);
display:none;
}

.below_main .bm_btm section:nth-child(4) {
background-image: url(images/bm_bg4.jpg);
}

.below_main .bm_btm section:nth-child(5) {
background-image: url(images/bm_bg5.jpg);
margin-right: 0
}

.below_main .bm_btm section:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #02070e;
-moz-opacity: .69;
-khtml-opacity: .69;
opacity: .69;
left: 0;
top: 0;
z-index: -1
}

.below_main .bm_btm section h2:before {
content: url(images/bm_icon1.png);
position: static;
display: block;
margin-bottom: 15px
}

.below_main .bm_btm section:nth-child(2) h2:before {
content: url(images/bm_icon2.png)
}

.below_main .bm_btm section:nth-child(3) h2:before {
content: url(images/bm_icon3.png)
}

.below_main .bm_btm section:nth-child(4) h2:before {
content: url(images/bm_icon4.png)
}

.below_main .bm_btm section:nth-child(5) h2:before {
content: url(images/bm_icon5.png)
}

.below_main .bm_btm section h2 {
font-size: 26px;
line-height: 100%;
color: #fff
}
.below_main .bm_btm section:nth-child(5) h2 {
font-size: 22px;
}

.below_main .bm_btm section p {
margin: 14px 0 2px;
line-height: 24.72px;
min-height: 75px
}

.below_main .bm_btm section a {
text-transform: uppercase;
color: inherit
}

.below_main .bm_btm section a:hover {
text-decoration: underline
}

.bm_img1 {
animation-duration: 3045ms!important;
overflow: hidden;
position: absolute;
right: -420px;
bottom: 0;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px
}

.bm_img1:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #02070e;
-moz-opacity: .83;
-khtml-opacity: .83;
opacity: .83;
left: 0;
top: 0
}

#bottom1 {
min-height: 604px;
background: url(images/btm1_bg.png) repeat-y center top, url(images/btm1_bg.jpg) no-repeat center top;
padding: 0 10px 0;
position: relative;
z-index: 25
}

.btm1_info {
float: right;
width: 535px;
padding: 87px 0;
color: #a4c3e8
}

.btm1_info h2 {
font-size: 60px;
background: -webkit-linear-gradient(0deg, #0f5c9e -98%, #12b688 52%);
background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
text-shadow: none;
color: #12b688;
line-height: 100%
}

.btm1_info h3 {
font-size: 45px;
background: -webkit-linear-gradient(0deg, #0f5c9e -209%, #12b688 223%);
background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
text-shadow: none;
color: #119291;
line-height: 100%;
margin: -3px 0 20px 2px
}

.btm1_info p {
line-height: 24.72px;
margin: 0 0 25px 3px
}

.btm1_info a {
letter-spacing: 3px;
color: #112d4e;
display: block;
width: 100%;
max-width: 266px;
line-height: 62px;
background: #fff;
border-radius: 6px;
text-transform: uppercase;
text-align: center;
margin: 42px 0 0
}

.btm1_info a:hover {
background: #4ab169;
color: #fff
}

.btm1_img1 {
animation-duration: 2773ms!important;
position: absolute;
left: -3px;
top: 201px;
z-index: -1
}

.btm1_img2 {
position: absolute;
left: -409px;
top: 81px;
z-index: -2
}

#bottom2, .bottom2 {
padding: 81px 10px 75px;
min-height: 1533px;
position:relative;
}
.bottom2{min-height: 0}
/*#bottom2:before{
content: url(images/side_img.png);
position: absolute;
bottom: 0;
left: 0;
opacity: .3;
}
#bottom2:after{
content: url(images/side_img.png);
position: absolute;
bottom: 0;
right: 0;
opacity: .3;
transform: scaleX(-1);
z-index:-1;
}*/
.btm2_info {
text-align: center
}

.btm2_info h2 {
font-size: 42px;
color: #119d8e;
line-height: 100%
}

.btm2_info h2 span {
color: #5c3535
}

.btm2_info p {
margin: 21px 0 4px
}

.btm2_con {
font-size: 0
}

.btm2_con section {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
color: #686868;
width: 35.5%;
padding: 0 5px 0 94px;
margin-top: 65px
}

.btm2_con section:nth-child(3n+3) {
width: 29%;
padding: 0 5px 0 89px
}

.btm2_con section:before {
content: url(images/btm2_icon1.png);
position: absolute;
left: 0;
top: 0
}

.btm2_con section:nth-child(2):before {
content: url(images/btm2_icon2.png)
}

.btm2_con section:nth-child(3):before {
content: url(images/btm2_icon3.png)
}

.btm2_con section:nth-child(4):before {
content: url(images/btm2_icon4.png)
}


.btm2_con section:nth-child(5):before {
content: url(images/btm2_icon20.png)
}



.btm2_con section:nth-child(6):before {
content: url(images/btm2_icon5.png)
}

.btm2_con section:nth-child(7):before {
content: url(images/btm2_icon6.png)
}

.btm2_con section:nth-child(8):before {
content: url(images/btm2_icon7.png)
}

.btm2_con section:nth-child(9):before {
content: url(images/btm2_icon8.png)
}

.btm2_con section:nth-child(10):before {
content: url(images/btm2_icon9.png)
}

.btm2_con section:nth-child(11):before {
content: url(images/btm2_icon10.png)
}

.btm2_con section:nth-child(12):before {
content: url(images/btm2_icon11.png)
}

.btm2_con section:nth-child(13):before {
content: url(images/btm2_icon12.png)
}

.btm2_con section:nth-child(14):before {
content: url(images/btm2_icon13.png)
}

.btm2_con section:nth-child(15):before {
content: url(images/btm2_icon14.png)
}

.btm2_con section:nth-child(16):before {
content: url(images/btm2_icon15.png)
}

.btm2_con section:nth-child(17):before {
content: url(images/btm2_icon16.png)
}

.btm2_con section:nth-child(18):before {
content: url(images/btm2_icon17.png)
}

.btm2_con section:nth-child(19):before {
content: url(images/btm2_icon18.png)
}

.btm2_con section h2 {
font-size: 26px;
color: #032038;
line-height: 26.77px;
min-height: 80px
}

.btm2_con section h2.small_font {
font-size: 20px;
line-height: 22.66px
}

.btm2_con section h2 span {
display: block
}

.btm2_con section p {
max-width: 240px;
margin: 9px 0 14px;
line-height: 24.72px;
min-height: 95px
}

.btm2_con section a {
color: #032038
}

.btm2_con section a:hover {
text-decoration: underline
}

ul.col6 li img {
/* filter: grayscale(90%); */
cursor: pointer
}

ul.col6 li img:hover {
filter: none
}

ul.col5 li img {
/* filter: grayscale(90%); */
cursor: pointer
}

ul.col5 li img:hover {
filter: none
}

ul.col6 {
text-align: center;
width: 1184px;
min-height: 248px;
padding: 0px 10px;
height: auto;
position: relative;
max-width:100%;
}
/*ul.col6:before{
position: absolute;
content: " ";
width: 1184px;
height: 100px;
bottom: -35px;
display: block;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: -1;
max-width: 100%;
background: url(images/bottom_shadow.png) no-repeat center;
background-size: cover;
}*/

ul.col6 li {
display: inline-block;
/* width: 162px; */
width: 29%;
margin: 20px 7px;
text-align: center
}

ul.col5 {
text-align: center;
width: 1184px;
min-height: 248px;
padding: 45px 10px;
height: auto;
position: relative;
max-width:100%;
}
/*ul.col5:before{
position: absolute;
content: " ";
width: 1184px;
height: 100px;
bottom: -35px;
display: block;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: -1;
max-width: 100%;
background: url(images/bottom_shadow.png) no-repeat center;
background-size: cover;
}*/

ul.col5 li {
display: inline-block;
/* width: 162px; */
width: 23%;
margin: 45px 7px;
}

#bottom2 h3 , .bottom2 h3 {
text-align: center;
color: #000;
margin: 38px auto;
width: 1020px;
max-width: 100%;
font: 300 30px/29px Questrial;
background: url(images/tech_btm_content) no-repeat, center top;
color: #fff;
padding: 12px 180px;
}

.smm:after{
content: url(images/first_right.png);
position: absolute;
padding: 0;
margin: 0;
z-index: -1;
top: -92%;
left: 92%;
}
.ssas:after{
content: url(images/second_left.png);
position: absolute;
padding: 0;
margin: 0;
z-index: -1;
bottom: -55%;
right: 77%;
}
.api_dev:after{
content: url(images/third_right.png);
position: absolute;
padding: 0;
margin: 0;
z-index: -1;
top: -75%;
left: 60%;
}

h2.technology{
text-align: center;
font: bold 30px/12px Questrial;
text-transform: uppercase;
position: relative;
width: 315px;
margin: 30px auto 0;
max-width: 100%;
line-height: 31px;
}
.tech_btm{
position: relative;
}
.tech_btm:before{
content: url(images/tech_btm_before);
position: absolute;
left: -37%;
}
.tech_btm:after{
content: url(images/tech_btm_before);
position: absolute;
right: -39%;
top: 24%;
}
.tech_btm_content:before{
content: url(images/tech_btm_bg);
position: absolute;
left: 10%;
top: 10%;
z-index: -1;
}
h2.technology:before{
position: absolute;
content: " ";
width: 139px;
height: 2px;
background: #6f6f6f;
left: -60%;
top: 35%;
bottom: 0;
display: block;
}
h2.technology:after{
position: absolute;
content: " ";
width: 139px;
height: 2px;
background: #6f6f6f;
right: -60%;
top: 35%;
bottom: 0;
display: block;
}
h2.technology span{
display: block;
width: 100%;
height: 14px;
max-width: 100%;
background: linear-gradient(to right, #7fd025, #48b16c);
}

.btm2_below{text-align: center;font-family: 'Questrial', sans-serif;padding: 100px 0 320px;padding: 0;margin: 10px 0 515px;}
.btm2_below .wrapper {z-index: 3; top: 120px;}
.btm2_below figure{position: absolute;z-index: 0;}
.btm2_below figure::before{content: " "; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); position: absolute;z-index: 1}

.btm2_below::before{background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%}
.btm_served_content{color: #0e3e64;}
.btm_served_hdng{font-size: 115.28px;margin-bottom: 30px;padding: 66px 0 40px;}
.btm_served_content h6{font-size: 40px;margin: 20px 0 30px;}
.btm_served_content h6 span{color: #119d8e;}
.btm_served_content p{font-size: 25px;line-height: 38px;}
.btm_served_content ul li{ display: inline-block;width: 100%;width: 100%;max-width: 157px;padding: 12px 15px;background: #eaf2fc;border: 1px solid #a5b3c7;	margin: 36px 8px 27px;	text-align: center;position: relative; min-height: 120px; vertical-align: top;}
.btm_served_content ul li p{font-size: 17px; line-height: 1.2; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); padding: 0 10px;}



.btm_custom_content{color: #0e3e64;margin-top: 105px}
.btm_custom_content_box{float: left;width: 100%;max-width: 429px;text-align: justify;margin: 32px 0 0 0;padding-right: 50px;}
.btm_custom_hdng{font-size: 40px;color: #119d8e;margin-bottom: 25px;}
.btm_custom_hdng span{color: #0e3e64}

.btm_custom_content p{font-size: 18px;line-height: 28px;}
.btm_custom_content ul{float: right;width: 100%;max-width: 642px;}
.btm_custom_content ul li{display: inline-block;width: 100%;max-width: 143px;width: 100%;max-width: 148px;background: #fff;padding: 32px 0 0;box-shadow: 0 0 15px #ccc;border: 10px solid #fff;margin: 0 4px;min-height: 212px; vertical-align: top}
.btm_custom_content ul li p{display: block;font-size: 13px ;padding: 62px 0 10px;}
.btm_custom_content ul li p em{display: block;font-size: 20px;font-style: normal}
.btm_custom_content ul li span{position: relative;font-size: 20px}
.btm_custom_content ul li span::before{ position: absolute;top: -111px;left: 50%;transform: translateX(-50%);}
.btm_custom_content ul li:nth-child(1) span::before{content: url('images/btm-custom-icon-1.png');}
.btm_custom_content ul li:nth-child(2) span::before{content: url('images/btm-custom-icon-2.png');}
.btm_custom_content ul li:nth-child(3) span::before{content: url('images/btm-custom-icon-3.png');}
.btm_custom_content ul li:nth-child(4) span::before{content: url('images/btm-custom-icon-4.png');}

.project{text-align: center; padding-top: 185px;}
.project_portfolio{margin-bottom: 60px; font-family: 'Questrial', sans-serif;color: #0e3e64}
.project_portfolio h2{color:#0e3e64;font-size:40px;line-height:100%;margin-bottom:22px}
.project_portfolio h2 span{color:#119d8e;font-size:40px}

.project_portfolio p{font-size: 18px;line-height: 34px;}
.project_portfolio_holder{margin-top: 85px;}
.project_portfolio_holder ul li{width:100%;max-width:265px;display:inline-block;margin:0;margin-bottom: 50px;vertical-align: top}
.project_portfolio_holder ul li a{font-size: 14px;color:#fff;background:#0e3e64;width:205px;padding:0px 10px 17px 10px;text-align:left;position:relative;top:-85px;left:-20px;border-radius:0}
.project_portfolio_holder ul li:nth-child(1) > a,.project_portfolio_holder ul li:nth-child(3) > a{left:-18px;font-size: 10px;}
.project_portfolio_holder ul li a::before{content:url('images/icon-right-arrow.png');position:absolute;top:29px}
.project_portfolio_holder a{display: inline-block;width:266px;line-height:62px;background-color:#f7921e;border-radius:6px;color:#fff;font-weight:400;font-size:20px;text-align:center;text-transform:uppercase;text-decoration:none;margin:10px auto 40px}
.project_portfolio_holder a:hover{background:#6ba639}

/* .project_portfolio_holder ul li a {font-size: 13px;color: #fff;background:#0e3e64;padding: 9px 10px 17px 11px;text-align: left;left: -39px;border-radius: 0;}
.project_portfolio_holder ul li a:before { content: url('images/icon-right-arrow.png');position: absolute;top: 29px;} */

#bottom3 {
color: #fff;
text-align: center;
background: url(images/btm3_bg.png) repeat-y center top, url(images/btm3_bg.jpg) no-repeat center top;
height: 554px;
padding: 67px 10px 0
}

.btm3_info h2 {
font-size: 45px;
line-height: 100%
}

.btm3_info p {
margin: 19px 0 26px
}

.btm3_info mark {
font-size: 25px;
font-weight: 400;
position: relative;
text-align: left;
display: block;
width: 100%;
max-width: 296px;
margin: 0 auto;
line-height: 75px;
background: #fff;
border-radius: 10px;
color: #11aeb2;
padding: 0 20px 0 91px
}

.btm3_info mark:before {
content: url(images/btm3_icon1.png);
position: absolute;
left: 54px;
top: 50%;
line-height: 0;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}

.btm3_info .video {
margin: 66px 0 0;
border: solid 13px #fff;
border-radius: 14px;
overflow: hidden;
background: #fff
}

.btm3_info .video figure {
border-radius: 14px;
overflow: hidden
}

#bottom4 {
padding: 210px 10px 70px
}

.btm4_form {
max-width: 560px
}

.btm4_form h2 {
font-size: 42px;
color: #1a1a1a;
line-height: 100%
}

.btm4_form h2 span {
color: #119d8e
}

.btm4_form p {
line-height: 26.36px;
margin: 22px 0 42px
}

.btm4_form form {
max-width: 543px
}

.btm4_form form input {
float: left;
color: #112d4e;
font-family: Questrial, sans-serif;
font-weight: 400;
display: block;
width: 266px;
height: 61px;
line-height: 62px;
box-shadow: -3px 4px 19px rgba(0, 0, 0, .06);
background: #fff;
border: none;
border-radius: 8px;
font-size: 16px;
padding: 0 21px;
margin-bottom: 9px;
-webkit-border-radius: 0;
}

.btm4_form form input.right {
float: right
}

.btm4_form form textarea {
color: #112d4e;
font-family: Questrial, sans-serif;
font-weight: 400;
display: block;
box-shadow: -3px 4px 19px rgba(0, 0, 0, .08);
background: #fff;
border: none;
resize: none;
height: 80px;
width: 100%;
padding: 20px 21px;
-webkit-border-radius: 0;
font-size: 16px;
}

.btm4_form form button {
color: #fff;
font-family: Questrial, sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
max-width: 266px;
height: 62px;
background: #f8931e;
border-radius: 6px;
width: 100%;
border: none;
font-size: 16px;
margin: 19px 0 0;
-webkit-border-radius: 0;
}

.btm4_form form button:hover {
background: #4ab169;
color: #fff
}

.btm4_img1 {
position: absolute;
right: 27px;
top: 32px;
z-index: -1
}

.btm4_img2 {
position: absolute;
right: -420px;
top: 51px;
z-index: -2
}

footer {
min-height: 372px;
background: #e8f3ff;
color: #1a1a1a;
padding: 80px 10px 35px
}

footer a {
color: #1a1a1a
}

footer a:hover {
text-decoration: underline
}

footer h2 {
font-size: 21px;
line-height: 100%
}

.contact_info {
width: 194px;
margin: 0 auto;
position: relative;
left: 175px
}

.contact_info ul {
padding: 0
}

.contact_info ul li {
display: block;
margin: 38px 0 0;
font-size: 15px;
line-height: 24.71px
}

.contact_info ul li a[href^="tel:"] {
color: inherit
}

.contact_info ul li i {
font-style: normal
}

.footer_nav {
position: absolute;
right: -6px;
top: 0;
width: 147px
}

.footer_nav ul {
margin: auto 0;
padding: 23px 0 0;
list-style: none
}

.footer_nav ul li {
display: block;
vertical-align: top;
position: relative;
margin-bottom: 8px
}

.footer_nav ul li:after {
top: 0;
left: 0;
content: "\00BB";
position: absolute;
font-size: 15px
}

.footer_nav ul li a {
display: block;
padding: 0 0 0 37px;
font-size: 15px
}

.footer_nav ul li a:active,
.footer_nav ul li a:hover,
.footer_nav ul li.current_page_item a {
text-decoration: underline
}

.copyright {
position: absolute;
left: 0;
top: -8px;
width: 440px;
text-transform: uppercase
}

.copyright:before {
content: '';
position: absolute;
width: 2px;
height: 225px;
background: #16385f;
right: -73px;
top: 8px
}

.footer_logo {
max-width: 323px
}

.copyright p {
text-transform: none;
margin: 20px 0 21px;
line-height: 24.72px
}

.copyright a:hover {
text-decoration: underline
}

.footer_comp {
display: inline-block;
margin: 0 0 0 10px;
position: relative;
text-transform: none
}

.footer_comp:before {
content: "\2022";
left: -10px;
top: 0;
position: absolute
}

.resources {
margin-top: 10px
}

.resources a {
display: block;
font-weight: 700;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear
}

.resources a:hover {
padding-left: 2px;
text-decoration: none!important;
color: red
}

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

.resources ul li {
margin-bottom: 8px;
padding: 12px;
background: #fafdfe;
border: 1px solid #ececec
}

.resources ul li:before {
content: ""
}

.resources ul li:after {
content: ""
}

.resources ul li a span {
font-size: 11px;
color: #666;
letter-spacing: 1px
}

.lt-ie8 .dang-ie {
width: 100%;
height: 100%;
position: fixed;
background-color: #00abdd
}

.message {
text-align: center;
color: #fff;
font-size: 20px;
position: absolute;
top: 20%;
left: 0;
right: 0
}

.inner-message {
position: relative;
top: -20%;
left: 0;
right: 0;
text-align: center;
margin: auto
}

.inner-message img {
position: relative;
left: 0;
margin-bottom: 20px
}

.inner-message a.download {
display: block;
width: 300px;
padding: 10px;
color: #fff;
margin: 2em auto;
border: 1px solid #fff
}

.terms {
color: #fff;
font-size: 13px;
padding: 20px;
position: absolute;
right: 0;
bottom: 0
}

.terms a {
color: #fff;
font-weight: 700
}

.lt-ie8 .protect-me {
display: none
}

.sitemap {
list-style-type: none;
padding: 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 3px;
-moz-column-gap: 3px;
column-gap: 3px
}

.sitemap li {
counter-increment: step-counter;
overflow: hidden
}

.sitemap li {
padding: 5px 15px;
background: #e3e3e3;
width: 100%;
display: inline-block
}

.sitemap li:nth-child(odd) {
background: #f2f2f2
}

.sitemap li a {
display: block
}

.sitemap li a:before {
content: counter(step-counter) '. '
}

.sitemap ul {
margin-top: 5px
}

.sitemap ul li:nth-child(odd) {
background: #e3e3e3
}

.sitemap ul li:nth-child(even) {
background: #f2f2f2
}

.sitemap ul li {
counter-increment: sub-counter
}

.sitemap ul li a:before {
content: counter(step-counter) '.' counter(sub-counter) ' '
}

.breadcrumbs span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 270px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.breadcrumbs {
margin-bottom: 20px;
border-bottom: 3px groove #44a567;
padding-bottom: 11px
}

.breadcrumbs .post {
border-radius: 0;
padding: 0;
margin: 0;
border: none;
word-wrap: normal
}

.breadcrumbs span[class='post post-page current-item'] {
padding: 0;
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.breadcrumbs a:hover span[property=name] {
text-decoration: underline
}

.non_ban {
position: relative
}

.non_ban figure {
margin-left: -420px;
max-width: 1920px;
width: 1920px;
position: relative
}

.non_ban figure:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(images/slider_filter.png) no-repeat center;
background-size: 100% 100%;
left: 0;
top: 0
}

.page_title {
z-index: 30;
text-shadow: 1px 3px 9px #000;
text-align: center;
width: 100%;
z-index: 2;
position: absolute;
bottom: 0;
font-size: 44px;
line-height: 100%;
text-transform: uppercase;
padding: 10px;
color: #fff;
font-weight: 700
}

.intro_txt {font: bold 34px/100% Questrial;text-transform: uppercase;text-align: center;margin: 40px 0;display: block;}

.end_p {
padding-top: 10px;
border-top: groove 3px #44a567;
margin-top: 30px;
overflow: hidden
}

main .h1_nhdg {
font-size: 30px;
font-weight: 700;
line-height: 130%;
margin-bottom: 15px
}

main .h2_nhdg {
font-size: 23px;
font-weight: 700;
line-height: 130%;
margin-bottom: 15px
}

[class^=work_box] {
min-height: 808px;
position: relative;
padding: 141px 0
}

.work_box2,
.work_box4 {
padding: 196px 0
}

.work_box2 .work_inner,
.work_box4 .work_inner {
margin: 0
}

.work_box3 .work_inner {
width: calc(100% - 662px)
}

.work_box4 .work_inner h3 {
font-size: 39px
}

[class^=work_box]:nth-child(odd) {
background-color: #f9f9f9
}
.work_box1{min-height: 1129px;}
.work_box2{min-height: 868px;}

[class^=work_box]:nth-child(odd):before {
content: "";
background-color: #f9f9f9;
height: 100%;
width: 440px;
position: absolute;
top: 0;
left: -440px
}

[class^=work_box]:nth-child(odd):after {
content: "";
background-color: #f9f9f9;
height: 100%;
width: 440px;
position: absolute;
top: 0;
right: -440px
}

[class^=work_box] figure {
float: left
}

.work_inner {
float: right;
width: calc(100% - 685px);
margin-top: 62px
}

.work_inner h3 {
line-height: 100%;
color: #122e4f;
font-size: 45px;
margin-bottom: 22px
}

.work_inner ul {
margin: 0;
padding: 0
}

.work_inner ul li {
padding: 0;
margin-bottom: 17px
}

.work_inner ul li a {
display: block;
color: #333;
font-size: 20px;
position: relative;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid #bebebe;
padding-bottom: 9px
}

.work_inner ul li:last-child a {
border: 0
}

.work_inner ul li a:after {
content: "\02C7";
position: absolute;
top: 13px;
right: 4px;
font-size: 28px;
color: #bebebe;
font-weight: 400
}

.more {
display: inline-block;
width: 266px;
line-height: 62px;
background-color: #f8931e;
border-radius: 6px;
color: #fff;
font-weight: 400;
text-align: center;
text-transform: uppercase;
text-decoration: none;
margin-top: 40px
}

.more:hover {
background: #6ba639
}

.port_inner {
display: inline-block;
vertical-align: top;
width: 48%;
position: relative;
padding-right: 10px;
margin: 0 auto 24px
}

.port_inner h2:before {
content: url(images/port_bef.png);
position: absolute;
top: 0;
left: 0
}

.port_inner h2 {
line-height: 100%;
font-size: 30px;
color: #122e4f;
margin-bottom: 22px;
position: relative;
padding: 0 0 0 34px
}

.port_img1 {
margin-bottom: 61px
}

.port_img2 {
margin-top: 114px
}

.project_details {
position: relative;
width: 1941px;
margin-left: -420px;
margin-top: -218px;
top: -10px
}

.project_details li {
display: inline-block;
vertical-align: top;
margin: 0 -4px 0 0
}

.project_details li figure img {
height: 218px
}

.project_template_bnr {
position: absolute;
width: 2025px;
margin-left: -420px;
margin-top: 0;
bottom: 36px
}

.project_template_bnr:before {
content: url(images/bnr_list_btn.png);
position: absolute;
top: -69px;
right: 26%
}

.project_template_bnr li {
display: inline-block;
vertical-align: top;
margin: 0 -4px 0 0
}

.project_template_bnr li figure img {
height: 212px
}

.work_banner {
background: linear-gradient(90deg, #0c3f6a 0, #163844 100%);
position: relative
}

.work_banner:before {
content: '';
position: absolute;
width: 1920px;
height: 100%;
background: linear-gradient(90deg, #0c3f6a 0, #163844 100%)!important
}

.work_con {
min-height: 359px;
color: #fff;
position: absolute;
bottom: 0;
padding: 0 10px;
}

.work_con h2 {
text-transform: uppercase;
font-size: 56px;
line-height: 100%
}

.work_con h2 span {
display: block;
text-transform: none;
font-size: 43px;
line-height: 100%;
}

.work_con p {
font-size: 18px;
line-height: 22px;
margin: 10px 0 22px
}

img.testimonialimage {
width: 157px;
height: 157px;
border-radius: 50%
}


.banner_box{text-align: left;display: inline-block;vertical-align: middle;width: calc(100% - 484px);}
.banner_figure{display: inline-block;vertical-align: middle;}

/* portfolio page */

.faq {margin:20px auto;}
.faq .h6 { padding: 0; color: #000; font-weight: 500; font-size: 16px; margin: 0 0 5px; cursor: pointer; position: relative; }
.faq .div{display:none;background:#FAFDFE;padding:20px 10px;margin:5px 0; font-weight: 500;border-left:2px solid #f8931e;position:relative;}
.faq .h6:before { content: ""; color: #ccc; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; position: absolute; top: 50%; left: 10px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
/* .faq .sign:before{content:"-"!important;line-height:25px;} */
.portfolio_inner ul ul li a:after {display:none;}


[class^=port_box]{position: relative;min-height: 662px;padding: 112px 0;}
[class^="port_box"] figure{float: left;}
[class^="port_box"]:nth-child(even){background: #f8f8f8;}
[class^="port_box"]:nth-child(even):before{content: "";background: #f8f8f8;position: absolute;top: 0;left: -440px;height: 100%;width: 440px;}
[class^="port_box"]:nth-child(even):after{content: "";background: #f8f8f8;position: absolute;top: 0;right: -440px;height: 100%;width: 440px;}
.portfolio_inner{position: relative;z-index: 1;width: calc(100% - 664px);float: right;}
.portfolio_inner h2{line-height: 100%;color: #122e4f;font-size: 37px;margin-bottom: 36px;}
.portfolio_inner h2 span{}
.portfolio_inner h3{line-height: 100%;color: #122e4f;font-size: 25px; margin-bottom:10px;}
.portfolio_inner h3 span {display:block; font-size:20px; line-height:20px; margin-bottom: 15px;}
.portfolio_inner .comp_link {font-size:20px; line-height:100%; color:#122e4f; text-decoration:none;}
.portfolio_inner .comp_link:hover {text-decoration:underline;}
.portfolio_inner ul  {margin: 20px 0 0;;padding: 0;}
.portfolio_inner .h6, .portfolio_inner .div ul li {padding: 0;margin-bottom: 17px;}
.portfolio_inner .h6 a {display: block;color: #333;font-size: 20px;position: relative;font-weight: 400;text-decoration: none;border-bottom: 1px solid #bebebe;padding-bottom: 13px;}
.portfolio_inner .div a {display: block;color: #333;font-size: 20px;position: relative;font-weight: 400;text-decoration: none;border-bottom: 1px solid #bebebe;padding-bottom: 13px;}
.portfolio_inner .h6 a:hover {}
.portfolio_inner .h6 a:after{content: "\02C7";position: absolute;top: 13px;right: 4px;font-size: 28px;color: #bebebe;font-weight: 400;}

.project_portfolio_holder h2 {font-size: 25px;text-align: left;color: #29b293;padding:20px 25px 0 25px}
.project_portfolio_holder p {text-align: left;padding: 10px 25px;}

.dummy ul li { width: 100%; max-width: 212px; display: inline-block; margin: 0; font-size: 25px; }
.dummy ul li:first-child a, .dummy ul li:last-child a{color: #29b293;}
.dummy ul li a {color: #000;}
.dummy ul li:first-child a::after {content: url(https://afsdynamics.com/wp-content/themes/afsdynamics/images/before.png);position: absolute;left: 28px;margin-top: 15px;}
.dummy ul li:last-child a::after {content: url(https://afsdynamics.com/wp-content/themes/afsdynamics/images/before.png);position: absolute;right: 28px;margin-top: 15px;}

/* .dummy2 ul li { width: 100%; max-width: 212px; display: inline-block; margin: 0; font-size: 25px; }
/* .dummy2 ul li:first-child a, .dummy2 ul li:last-child a{color: #29b293;} */
/* .dummy2 ul li a {color: #000;}
.dummy2 ul li:first-child a::after {content: url(https://afsdynamics.com/wp-content/themes/afsdynamics/images/before.png);position: absolute;left: 28px;margin-top: 15px;}
.dummy2 ul li:last-child a::after {content: url(https://afsdynamics.com/wp-content/themes/afsdynamics/images/before.png);position: absolute;right: 28px;margin-top: 15px;}

.dummy2 {width: 100%;text-align: center;}  */

.bottom2 {padding: 0px 10px 75px;}
.pagination_tabs{text-align: center;padding:0 10px;margin-top: 20px;}
.pagination_tabs li a { display: block; font-size: 26px; cursor: pointer; padding: 18px 30px; }
.pagination_tabs li a:hover,.pagination_tabs li a.current_tab{color:#29b293;text-decoration:none;}
.pagination_contents ul li {display: inline-block;vertical-align: top;}
.pagination_tabs li { display: inline-block; vertical-align: top; width: 100%; max-width: 190px; margin: 0; font-size: 25px; }

.pagecont{display: none;}
.selected{display: block;}

.sign a:after { transform: rotate(-180deg); top: -4px !important; }

/* Companies */
.btm2_comps {text-align: center;font-family: 'Questrial',sans-serif;min-height: 697px;width: 1920px; max-width: 100%;margin: 0 auto;position: relative; color:#fff;background: url(images/btm2-comps-bg.jpg) no-repeat center top;}
.btm2_dummy:before {position: absolute;content: ''; width: 10px; top: 0; left:-10px; background: #0A2E51; height: 100%;}
.btm2_dummy:after {position: absolute;content: ''; width: 10px; top: 0; right:-10px; background: #0A2E51; height: 100%;}
.btm2_comps::before {content: " ";width: 100%;height: 100%;background:rgba(9,49,82,0.95);position: absolute;z-index: 0;left: 0}
.comps_info {padding:108px 10px 30px;}
.comps_info h2 {font-size: 42px;margin-bottom: 36px;}
.comps_info p {font-size: 18px;}
.comps_info ul li {display: inline-block;margin-top: 62px;vertical-align: middle;margin-right: 26px;}

/* client testimonial */
.client_testimonials figure{position: absolute;}
.client_testimonials figure::before {content: " ";width: 100%;height: 100%;  background: rgba(255, 255, 255, 0.95);  position: absolute; z-index: 0}
.client_testimonials figure::after{content: url(images/img-testimonial-section-bg-before.png);width: 100%;height: 100%;top: 0;z-index: 0;position: absolute;left: 0;}
.client_testimonials figure::after{content: url(images/img-testimonial-section-bg-before.png);width: 100%;height: 100%;top: 0;z-index: 0;position: absolute;left: 0;}
.client {margin-top: 55px;padding: 10px 0;}
.client_info {text-align: center; margin: 10px 0 0 -40px;}
.client_info h2 {color: #119d8e; font-size: 42px; line-height: 100%; margin-bottom: 22px;}
.client_info h2 span {color: #5c3535}
.client_info p {font-size: 18px;line-height: 34px;}
.client_info p a {color: #119d8e; font-weight: bold;}
.client_info p a:hover{text-decoration:underline;}

.client_holder {text-align: center;margin: 161px 0 105px;position: relative;z-index: 10;}

.client_holder section {background: #f8fffe;display: inline-block; vertical-align: top; width: 100%;max-width: 324px; min-height: 221px; text-align: center; margin: 0 23px 10px; padding: 16px 10px 20px;color: #0e3e64; position: relative;border-radius: 18px;box-shadow: 7px 0px 21px #9dc8bf;border-bottom-right-radius: 2px;}
.client_holder section:nth-child(3n+1) {margin-left: 0}
.client_holder section:nth-child(3n+0) {margin-right: 0;}
.client_holder section::before{content: url(images/testimonial-bg-before.png);width: 100%; height: 100%;position: absolute;left: -14px;top: -121px;}
.client_holder section::after{content: url(images/testimonial-bg-after.png); width: 100%; height: 100%; position: absolute; left: -13px; bottom: -230px;}
.client_holder section figure{float: left;margin-top: 8px}
.client_holder section h2 {font: 300 22px 'Questrial', sans-serif; line-height: 100%; margin-bottom: 25px;position: relative;text-align: center;}
.client_holder section h2 figure { position: absolute; left: 0; top: -12px;}
.client_holder section h2 span {display: block; font-size: 16px; margin-top: 6px;}
.client_holder section h2 a {display: block; font-size: 18px; margin-top: 6px;color: #45b270;font-weight: normal;}
.client_holder section p {line-height: 25.72px;font-size: 16px;padding: 0 10px;text-align: justify;}
.client_holder section p > i { display: block;  padding: 22px 0;}


.videos_holder{position: relative;z-index: 0;margin: -50px auto 0;text-align: center;}
.videos_holder ul li{display: inline-block;width: 100%;max-width: 352px;}

html{overflow-x: hidden;}


/*Custom Web Design Banner CSS*/
.cwd_main{position: relative;padding: 35px 0 0;}
.cwd_bnr1 {width: calc(100% - 700px);vertical-align: top;display: inline-block;  position: relative;}
.cwd_bnr1 h2{font-size: 45px; line-height: 100%; position: relative;}
.cwd_bnr1 h2 span{font-size: 45px; line-height: 100%; display: block;}
.cwd_bnr1 h2 small{display: block; font-size: 32px; line-height: 100%;}
.cwd_bnr1 p{font-size: 16px;}
.cwd_bnr1 h2::after{position: absolute;bottom: 5px; left: 110px;content: url(files/custom_web_design/images/bnr-arrow.png)}

.cwd_bnr2 {top: 50px;width: 685px;position: relative;vertical-align: top;display: inline-block; float: right;text-align: center;}
[class^="bnr_box"]{display: inline-block; vertical-align: top; width: 22%; min-height: 185px; position: relative;text-align: center;margin: 0 13px;}
[class^="bnr_box"] figure{margin-bottom: 20px;}
[class^="bnr_box"] h2{font-size: 25px; line-height: 100%;text-transform: capitalize;}
[class^="bnr_box"] h2 span{display: block;font-size: 25px; line-height: 100%;}
[class^="bnr_box"] p{text-transform: uppercase;font-size: 14px; line-height: 100%;}
[class^="bnr_box"] p span{display: block;font-size: 14px; line-height: 100%;}
[class^="bnr_box"]::after{position: absolute; top: 20px; right: -35px; content: url(files/custom_web_design/images/bnr-arrow.png);}
[class^="bnr_box"]:last-child:after{display: none;}
[class^="bnr_box"]:first-child{float: left; margin-left: 0}
[class^="bnr_box"]:last-child{float: right; margin-right: 0}


/*WP MAINTENANCE Banner CSS*/

.non_ban .wp_maintenance:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(images/wm-banner-1.png) no-repeat center; background-size: 100% 100%; left: 0; top: 0 }

.wm_banner{text-align: center;padding: 33px 0;}
.wm_header{padding: 0 130px;}
.wm_header h2{font-size: 45px; line-height: 100%;margin-bottom: 15px;}
.wm_header p{font-size: 18px; line-height: 25px;}
.wm_survery{margin-top: 48px;}
[class^="wm_bnr_box"]{display: inline-block; vertical-align: middle; position: relative; width: 24%;}
[class^="wm_bnr_box"] h2{font-size: 42px; line-height: 100%; text-transform: capitalize;margin-bottom: 15px;color: #f9a61e;}
[class^="wm_bnr_box"] h3{text-transform: uppercase; font-size: 16px; line-height: 100%;}
[class^="wm_bnr_box"] h3 span{display: block;}
[class^="wm_bnr_box"]::after{position: absolute; top: 0; right: 0; width: 1px; height: 83.7px;background: #175e93; content: "";}
[class^="wm_bnr_box"]:last-child::after{display: none;}
[class^="wm_bnr_box"]:first-child:after{top: -8px;}

.count::after {content: "+";}

.case_study{vertical-align: top;}
.case_study a{display: inline-block; width: auto}
.case_study2 a{width: 45%}
.case_study a > figure{margin: 10px 0 5px!important;text-align: center;}
.case_study a > figure img { margin: 0 !important;}