@charset "utf-8";
/*----------intial declartaion of css----------*/

* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */

:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; color: #3e256b; }
a:hover { color: #000; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
/* For IE 6/7 (trigger hasLayout) */



p { font-family: 'Lato-Regular'; font-size: 16px; color: #000; line-height: 25px; font-weight: 400; padding: 0 0 25px; }
h1, .h1 { font-size: 40px; margin: 0 0 10px 0; font-family: 'Lato-Bold'; font-weight: 400; color: #000; }
h2, .h2 { font-size: 30px; margin: 0 0 10px 0; font-family: 'Lato-Bold'; font-weight: 400; color: #000; }
h3, .h3 { font-size: 25px; margin: 0 0 10px 0; font-family: 'Lato-Bold'; font-weight: 400; color: #000; }
h4, .h4 { font-size: 20px; margin: 0 0 10px 0; font-family: 'Lato-Bold'; font-weight: 400; color: #000; }
h5, .h5 { font-size: 18px; margin: 0 0 10px 0; font-family: 'Lato-Bold'; font-weight: 400; color: #000; }
h6, .h6 { font-size: 15px; margin: 0 0 20px 0; font-family: 'Lato-Bold'; font-weight: 400; color: #000; }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
body { font-family: 'Lato-Regular'; font-size: 17px; color: #000; line-height: 25px; font-weight: 400; }
/****************************************************************************************************************/

.wrapper { height: auto !important; height: 100%; margin: 0 auto }
.noscript { background: #000; color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
.noscript p { margin-bottom: 0; color: #fff }
.noscript p i { color: #f90; margin-right: 10px; font-size: 20px; vertical-align: middle }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mtb10 { margin-bottom: 10px; margin-top: 10px }
.mtb15 { margin-bottom: 15px; margin-top: 15px }
.mtb20 { margin-bottom: 20px; margin-top: 20px }
.mtb30 { margin-bottom: 30px; margin-top: 30px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.ptb10 { padding-bottom: 10px; padding-top: 10px }
.ptb15 { padding-bottom: 15px; padding-top: 15px }
.ptb20 { padding-bottom: 20px; padding-top: 20px }
.ptb30 { padding-bottom: 30px; padding-top: 30px }
img { max-width: 100%; height: auto }
.alignleft { float: left }
.alignright { float: right }
img.alignleft { margin: 20px 30px 20px 0 }
img.alignright { margin: 20px 0 20px 30px }
img.aligncenter { display: block; margin: 0 auto 20px auto }

.inner_page img.alignleft { margin: 20px 30px 20px 0 }
.inner_page img.alignright { margin: 20px 0 20px 30px }

/*.site-main { overflow: hidden; }*/

::selection { background: #3e256b; color: #FFF }

::-moz-selection {
 background:#3e256b;
 color:#FFF;
}

::-webkit-selection {
 background:#3e256b;
 color:#FFF;
}
.site-main { /*overflow: hidden;*/ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.site-main > header { position: relative; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 999; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }



/*placeholder css*/

.form-group ::-webkit-input-placeholder {
color: #000;
}
 .form-group ::-moz-placeholder {
color: #000;
}
 .form-group :-ms-input-placeholder {
color:#000;
}
 .form-group :-moz-placeholder {
color:#000;
}
/*end placeholder css*/



input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/****************************************************************************************************************/ 

/************************************* header section styles goes here ******************************************/

/****************************************************************************************************************/ 



.site-main > header.sticky { position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 999; box-shadow: 0 0 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); background: #fff; z-index: 99; }
.head-top-main { background: #3e256b; min-height: 40px; max-height: 100px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.head-top { float: right; padding: 0 0 0 0 }
.head-top .top-link { padding: 0; transition: all 0.4s ease 0s; margin: 0; }
.head-top .top-link li { display: inline-block; margin: 0; padding: 0 0 0 43px; vertical-align:middle; }
.head-top .top-link li a { position: relative; }
.head-top .top-link li a i { border-radius: 50%; background: #fff; position: relative; width: 34px; height: 34px; line-height:34px; display: inline-block; top: 0; }
.head-top .top-link li a i img { margin: 0 8px; display: inline-block; padding: 9px 0; }
.head-top .head-address span { color: #fff; font-size: 16px; font-weight: 500; padding: 0 0 0 6px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; position: relative; top: -1px; }
.head-top .head-call > span { color: #fff; font-size: 17px; font-weight: 500; padding: 0 0 0 10px; position: relative; top: 0px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; letter-spacing: 0.025em; }
.head-top .top-link li a.get_quote_btn { background: #6b4ea0; display: inline-block; font-size: 16px; color: #fff; font-family: 'Lato-Semibold'; width: 222px; height: 50px; text-align: center; line-height: 45px; text-transform: uppercase; }
.header .logo img { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.header_right { float: right; padding: 26px 0 0 0; }
.header-navigation { float: none; }
.left_txt { float: left; margin: 10px 0 0 0 }
.left_txt p { color: #fff; font-size: 17px; padding: 0 }
.logo { position: absolute; display: inline-block; vertical-align: middle; text-align: center; height: 54px; width: 156px; left: 50%; transform: translateX(-50%); top: 0; z-index: 55; padding: 18px 0 }
.navigation ul.menu > li:nth-child(5) { margin-left: 330px; }
.head-bottom-main { padding: 0; }
.navigation ul.menu > li { padding: 16px 0 15px; }
.header { background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 999; width: 100%; transition: all ease .4s }

.site-main > header.sticky .head-bottom-main { top: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.header-right { display: inline-block; vertical-align: middle; text-align: center; width: 100%; }
.navigation ul.menu { padding: 19px 0 19px 22px }
/************************************* header section styles goes ends ******************************************/



/*homebanner*/

.banner { position: relative; top: 0; margin-top: 139px; }
.banner #slider1 li:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); }
.banner .bx-caption { position: absolute; left: 50%; top: 50%; z-index: 1; padding: 0; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; margin: 0 auto; z-index: 3; font-family: 'Lato-Regular'; color: #fff; width: 100%; }
.banner_cont { text-align: center; color: #fff; display: inline-block; width: 100%; padding-top: 24px; }
.banner_cont p { color: #fff; font-size: 17px; line-height: 23px; padding: 0; }
.banner_cont h2, .h2 { font-size: 45px; line-height: 50px; color: #fff; text-transform: uppercase; position: relative; margin-bottom: 14px; font-family: 'Lato-Bold' }
.banner_cont h2 span, .h2 span { color: #fff; width: 100%; display: inline-block; }
.banner_btn { display: inline-block; vertical-align: middle; height: 104px; width: 104px; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: normal; background: #303030; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; line-height: 104px; transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; position: relative; z-index: 1; overflow: hidden; padding: 0 15px; transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; -webkit-transition: all 0s ease }
.banner_btn:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 102px; height: 66px; background: url(../images/sprite.png) no-repeat 0 0 transparent; z-index: -1; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.banner_btn span { color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.bannergallery_box_main-title { text-transform: uppercase; font-size: 30px; line-height: 35px; position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; }
.banner-img { float: right; width: auto; padding: 58px 0 58px; }
.banner-htxt { width: 74%; display: inline-block; padding: 0 0 27px 0; }
.bx-controls.bx-has-pager { position: absolute; right: 0; width: auto; margin: 0 auto; display: inline-block; }
.banner_cont .btn-main:before { background-color: #fff; }
.bx-wrapper .bx-caption p { padding: 0 0 25px; width: 55%; display: inline-block; vertical-align: middle; }
.banner_cont .btn-main { display: table; margin: 0 auto }
.bx-wrapper .bx-caption h2 { font-size: 45px; line-height: 50px; display: inline-block; width:100%; }
.bx-wrapper img { width:100% !important; }
/*end homebanner*/


.autocomplete-suggestions{position: absolute;background: #fff;max-height: 200px;overflow-y: auto;box-shadow: 0 0 5px rgba(0,0,0,0.4);z-index: 88}
.autocomplete-suggestions .autocomplete-suggestion {color: #3E256B;font-size:15px;line-height: 30px;overflow: hidden;padding: 0 10px;position: relative !important;text-overflow: ellipsis;white-space: nowrap;}
.autocomplete-suggestions .autocomplete-suggestion b {background:rgba(40, 147, 52, 0.5); color: #fff;font-weight: normal;}
.autocomplete-suggestions .autocomplete-suggestion.selected {background: #3E256B;;color: #fff;}
.autocomplete-suggestions .autocomplete-suggestion.selected b{background: rgba(0,0,0,0.4); color: #fff;}
.banner-caption .green_btn.banner_btn{margin-top:230px}
/************************************* midd section styles goes here ********************************************/





/*btn css*/



.btn-main { display: inline-block; margin: 0; color: #fff; position: relative; opacity: 0.999; padding: 0 15px; text-align: center; border-radius: 0; border: 2px solid #fff; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; text-transform: uppercase; font-family: 'Lato-Semibold'; line-height: 50px; width: 169px; height: 54px; text-align: center; display: inline-block; font-size: 16px; }
.btn-main:before { content: ""; width: 0; height: 100%; position: absolute; background-color: #3e256b; right: 0; top: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; z-index: -1; }
.lwht-btn { background-color: #ededed; color: #000; border-color: #ededed }
.lwht-btn:before { background-color: #fff; }
.purp-btn { background-color: #3e256b; color: #fff; border: 2px solid #3e256b; }
.purp-btn:before { background-color: #fff; }
.whitbg:before { background-color: #fff; }
/*home content midd sec*/

.home-sercontent { position: relative; display: inline-block; width: 100%; vertical-align: middle; }
.cont-sechbanner { background: #3e256b; color: #fff; padding: 39px 80px 53px; display: table; width: 83%; margin: -89px auto 31px; text-align: left; position: relative; overflow: hidden; }
.cont-sechbanner:before { content: ""; position: absolute; right: 0; top: 0; background: url(../images/smartpohne-1.png) no-repeat; width: 206px; height: 124px; background-size: 66%; background-position: 7px -27px; }
.conthimg { display: inline-block; width: auto; }
.cont-hbtxt { position: relative; padding-left: 120px; display: inline-block; width: 100%; }
.cont-hbtxt:before { content: ""; position: absolute; left: 0; top: 0; background: url(../images/smartpohne.png) no-repeat; width: 91px; height: 91px; }
.cont-hbtxt p { color: #fff; font-size: 20px; line-height: 25px; padding-top: 13px; }
.cont-hbtxt strong { font-size: 26px; line-height: 30px; font-family: 'Lato-Bold'; font-weight: inherit; text-transform: capitalize; }
.cont-hbtxt strong span { font-family: 'latolight'; padding: 0 4px; }
.cont-hbtxt strong a { color: #fff; padding: 0; display: inline-block; }
/*homepage*/

.home_page h2 { text-transform: uppercase; }
.hproject-sec h2.title-border { color: #fff; }
.h-ser_sec { text-align: center; padding: 40px 0 67px; }
.h-ser_sec h2 { text-transform: uppercase; display: inline-block; padding: 0; }
.title-border { position: relative; display: inline-block; width: auto; }
.title-border:before, .title-border:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/sprit.png) no-repeat; width: 51px; height: 20px; }
.title-border:before { left: -60px; background-position: 6px 2px; }
.title-border:after { right: -60px; background-position: -44px 4px; }
.white-border:before { background-position: 6px -21px; }
.white-border:after { background-position: -44px -21px; }
.title-bright:before { display: none; }
.title-bright:after { background-position: -44px 4px; top: auto; bottom: 0; }
.h-service-slider { padding-top: 40px; }
.hser-box { padding: 0; display: inline-block; position: relative; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; }
.h-serimg { position: relative; }
.hser-txt { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.90); padding: 18px 30px 30px; text-align: left; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; height: 89px; }
.hser-txt h5 { margin: 0; color: #fff; text-transform: capitalize; line-height: 25px; width: 66%; float: left; }
.icon-service { position: absolute; bottom: 31px; right: 30px; background: transparent; border: 2px solid #fff; border-radius: 100%; width: 110px; height: 110px; text-align: center; margin-top: -50px; }
.iserh-bg { width: 94px; height: 94px; display: inline-block; border-radius: 100%; background: #fff; position: relative; top: 50%; transform: translateY(-50%); }
.iserh-bg img { position: relative; top: 50%; transform: translateY(-50%); width: auto !important; display: table !important; margin: 0 auto }
.owl-dot { width: 16px; height: 16px; background: transparent; border: 2px solid #3e256b; display: inline-block; margin: 0 5px; border-radius: 50px; }
.owl-dot.active { background: #3e256b; }
.h-service-slider .owl-controls { margin-top: 53px; }
.h-enquiery_sec { position: relative; margin: 11px 0 77px; }
.h-enquiery_sec:before { content: ""; position: absolute; left: 0; top: 54px; bottom: 54px; background: url(../images/middle_banner.jpg) no-repeat; width: 100%; background-position: center center !important; background-size: cover !important; }
.henqu-bg { width: 1722px; padding: 0 95px 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 100%; }
.henqu-bg .container { width: 100%; }
.h-enquiery-form { width: 876px; float: none; display: inline-block; background: #3e256b; text-align: center; color: #fff; padding: 77px 63px; min-height: 785px; position: relative; left: 0; top: 0; vertical-align: middle; width: 55%; margin-right: 37px; }
.h-enquirymenu { width: 520px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 42%; }
.h-enquiery-form h2 { color: #fff; text-transform: uppercase; margin-bottom: 12px; }
.h-enquiery-form p { color: #fff; padding: 10px 0 37px 0; }
.h-enquiery-form .form-group input { border-radius: 0; border: 1px solid #fff !important; height: 55px; color: #000; font-size: 16px; font-family: 'Lato-Regular'; }
.h-enquiery-form input.form-control:focus { border-color: #9983c1 !important }
.form-box { width: 50%; float: left; padding: 0 8px; }
.form-box.full-box { width: 100%; }
.h-project-row { text-align: left; margin: 40px 0 0 0; }
.hproject-sec { text-align: center; padding: 78px 0 0; background: #3e256b; }
.h-project-row p { padding: 0; color: #fff; }
.h-project-row h3 { text-transform: uppercase; color: #fff; }
.hproject_cont { min-height: 200px; }
 .h-enquiery-form ::-webkit-input-placeholder {
color:#000;
}
 .h-enquiery-form ::-moz-placeholder {
color:#000;
}
 .h-enquiery-form :-ms-input-placeholder {
color: #000;
}
 .h-enquiery-form :-moz-placeholder {
color: #000;
}
.form-control:focus { box-shadow: none; border-color: #3e256b; }
.h-enquiery-form .btn-main { padding: 0; width: 225px; height: 55px; }
.h-enquiery-form input[type="submit"] { background: transparent; height: auto; width: 100%; color: inherit !important; text-transform: uppercase; font-family: 'Lato-Semibold'; font-size: 16px; line-height: 20px; border: none !important }
.h-enquiery-form textarea.form-control { height: 106px; resize: none; border-radius: 0; border-color: #fff !important }
.h-enquiery-form .captcha_box { width: 50%; float: left; text-align: left; }
.h-enquiery-form .captcha_box iframe { transform: scale(0.8); margin-left: -35px; margin-top: -7px; width: 100%; }
.h-enquiery-form .submit_btn_box { width: 50%; float: right; text-align: right; }
.required-field { color: #f00; }
.form-box-full { float: left; width: 100%; padding: 0 8px; }
.h-enquire-box { background: #fff; color: #000; text-align: center; padding: 15px 15px; height: 250px; position: relative; padding: 10px 10px; vertical-align: middle; width: calc(50% - 10px); margin: 10px 0; }
/*enquirey border hover effect start css*/

.border-anim { position: relative; width: 100%; height: 100%; }
.border-anim-3 .boder-eni::before { content: ""; left: 0; top: 50%; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -moz-transition-duration: 0.4s; }
.border-anim .boder-eni::before, .border-anim .boder-eni::after { content: ''; position: absolute; width: 4px; height: 0; background: #3e256b; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; }
.border-anim::before, .border-anim::after { content: ''; position: absolute; width: 0; height: 4px; background: #3e256b; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; }
.border-anim-3::before { left: 50%; top: 0; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
.border-anim-3::after { top: auto; bottom: 0; }
.border-anim-3 .boder-eni::after { content: ""; right: 0; top: 50%; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -moz-transition-duration: 0.4s; }
/* enquirey border hover effect end css*/

.henquir-icon { position: relative; top: 50%; transform: translateY(-50%); }
.henquir-icon p { font-family: 'Lato-Bold'; font-size: 20px; line-height: 25px; padding-top: 20px; }
.hcarepetclean-service { background: #f5f5f5; position: relative; padding: 77px 0 59px; }
/*.hcarepetclean-service:before { content:""; position:absolute; left:0; top:0; height:100%; width:500px; background:url(../images/welcome_left_img.jpg) no-repeat; background-size:cover; background-position:left top; opacity:0.92}

*/

.leftcarpet-himg { width: 500px; position: absolute; left: 0; top: 0; height: 100%; background-size: cover !important; background-position: top center !important; }
.leftcarpet-himg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(245,245,245,0.92); }
.hcarpet-img { width: 100%; padding-top: 5px; height: 507px; overflow: hidden; }
.hcarpet-img img { width: 100%; }
.hcarpet-txt h1 { font-size: 31px; line-height: 42px; color: #000; text-transform: uppercase; margin-bottom: 17px; }
.hcarpet-txt .title-bright:after { right: 21px; bottom: -3px; }
.hcarpet-txt p { padding: 8px 0 18px; padding-left: 5px; }
.hcarpet-txt { padding-left: 44px; }
.hcarpet-txt .btn-main { margin-top: 17px; margin-left: 5px; height: 58px; width: 208px; line-height: 55px; }
.hcar-content { height: 424px; }
.hcarpet-txt ul { padding: 0 0 0 10px; }
.hcarpet-txt ul li { position: relative; font-size: 16px; line-height: 24px; margin: 5px 0; padding-left: 20px; }
.hcarpet-txt ul li:before { content: "\f105"; position: absolute; left: 0; top: 0; font-family: Font Awesome; color: #3e256b; font-size: 18px; font-weight: 900; }
.hproject-sec { text-align: center; padding: 78px 0 0; }
/*homepagegallerysec*/

/*.hproject-sec .container { width: 1726px; max-width: 100%; }*/
.hprodectimg-box { padding-top: 42px; display: inline-block; width: 100%; }
.hprodectimg-box .gallery_img_box { display: inline-block; margin-bottom: 9px; vertical-align: middle; }
.gallery_hvr::before { background: rgba(62,37,107, 0.85) none repeat scroll 0 0; bottom: 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 100%; z-index: 10; }
.gallery_hvr { overflow: hidden; position: relative; }
.hprodectimg-box .gallery_hvr img { width: 100% }
.hprodectimg-box .gallery_name { bottom: 30px; left: 30px; position: absolute; right: 30px; top: 30px; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 50; }
.hprodectimg-box .gallery_name span { color: #F68121; display: block; font-size: 45px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; }
.hproimg { overflow: hidden; }
.hprodectimg-box .gallery_hvr .gallery_name span img { width: auto }
/**/

.hprodectimg-box { text-align: center; }
.hproimg { width: 26.2%; display: inline-block; vertical-align: middle; text-align: center; }
.hproimg:nth-child(2) { width: 46.7%; padding: 0 9px; vertical-align: middle; }
/************************************* midd section styles goes ends ********************************************/
/************************************************* Inner Banner style *********************************************************/
.inner-banner:before { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 20; }
.inner-banner { position: relative; padding: 0 0 0 0; z-index: 0 }
.inner-banner-img { background-position: center center !important; background-size: cover !important; min-height: 350px; }
.inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; }
.position_relative { position: relative; margin: 0; float: left; width: 100%; }
.inner-banner_caption, .inner-banner-title .breadcrumb { float: left; width: 100%; }
.inner-banner_caption h1, .inner-banner_caption .h1 { color: #f95412; letter-spacing: 0.02em; font-weight: 700; margin: 0 auto; position: relative; text-align: center; }
.inner-banner-title .breadcrumb { background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; }
.inner-banner .breadcrumb li:first-child { padding-left: 0; }
.inner-banner .breadcrumb li { display: inline-block; font-size: 18px; margin: 0; position: relative; font-weight: 400; }
.inner-banner .breadcrumb li a { color: #fff; text-transform: capitalize; font-weight: 400; }
.breadcrumb > li + li::before { color: rgb(204, 204, 204); content: "/ "; padding: 0 5px; }
.inner-banner .breadcrumb > li + li::after { color: #fff; content: ""; font-size: 16px; left: -10px; padding: 0 5px; position: absolute; top: 0; }
.inner-banner .breadcrumb li.active { color: #d5d5d5 }
.inner-banner .logo { top: 25px; max-width: 150px; }
.inner-banner .logo { top: 25px; max-width: 150px; z-index: 99; }
.inner-caption-box-main { text-align: center; text-transform: capitalize; }
.inner_banner_caption .h1 { margin-bottom: 10px; line-height: normal; color: #fff }
.inner_banner_caption h1 { color: #fff; margin: 0 }
/*.inner_banner_caption span { color: #fff; margin: 0;    font-size: 40px; }*/
/************end inner banner style ***************************************/

/*about page */
.about_page h2 { text-align: center; }
.alignright, .alignleft { width: 50%; }
.alignright { margin: 0 0 15px 15px; float: right; }
.alignleft { margin: 0 15px 15px 0; float: left; }
.inner_page { padding: 40px 0 50px; }
.inner_page ul { margin: 0 0 25px; padding: 0; }
.inner_page ul li { position: relative; font-size: 16px; line-height: 24px; margin: 5px 0; padding-left: 20px; }
.inner_page ul li:before { content: "\f105"; position: absolute; left: 0; top: 0; font-family: Font Awesome; color: #3e256b; font-size: 18px; font-weight: 900; }
.about_page.suburb_detail_main h2 { text-align: left; background: #3e256b; padding: 10px; color: #fff; display: inline-block; margin: 0 0 5px; }
.about_page.suburb_detail_main h3 { text-align: left; background: #3e256b; padding: 10px; color: #fff; display: inline-block; margin: 0 0 5px; }
/*gallery page*/



.gallery_box_main .gallery_img_box { display: block; margin-bottom: 30px; }
.gallery_hvr::before { background: rgba(62,37,107, 0.80); bottom: 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 100%; z-index: 10; }
.gallery_hvr { overflow: hidden; position: relative; }
.gallery_box_main .gallery_hvr img { width: 100% }
.gallery_box_main .gallery_name { bottom: 30px; left: 30px; position: absolute; right: 30px; top: 30px; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 50; }
.gallery_box_main .gallery_name span { color: #fff; display: block; font-size: 45px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; }
/*suburbs page*/

.suburbs_page { text-align: center; }
.inner_page .suburb-list { padding-top: 25px; display: inline-block; padding-left: 0 }
.suburb-list li { width: 25%; float: left; display: inline-block; text-align: left; }
.suburb-list li a { text-decoration: underline; }
/*service page*/

.feature-box { position: relative; margin-top: 20px; padding: 0 0 0 80px; border: 1px solid rgba(155,155,155,0.4); outline: 5px solid rgba(155,155,155,0); background: #FFF; }
.dark .feature-box { border: 1px solid rgba(155,155,155,0.2); outline: 5px solid rgba(155,155,155,0); background: #111; }
.feature-box.fbox-center { padding: 20px 10px !important; text-align: center; }
.feature-box.fbox-center .fbox-icon { position: relative; width: 96px; height: 96px; margin: 0 auto 30px; }
.feature-box.fbox-center .fbox-icon i { font-size: 42px; line-height: 96px; }
.feature-box.fbox-center p { font-size: 14px; margin-top: 15px; padding: 0px 15px 0px 15px; }
.feature-box h2 { font-size: 28px }
.feature-box h3 { font-size: 22px; color: #3e256b; }
.feature-box p { margin: 10px 0 20px 0; color: #333; }
.feature-box h3 + .fbox-icon { margin-top: 20px !important; }
.feature-box h3 span.subtitle { display: block; margin-top: 5px; color: #444; font-weight: 300; text-transform: none; font-size: 16px; }
.feature-box.fbox-center:not(.fbox-bg) h3:after { content: ''; display: block; margin: 20px auto; width: 30px; border-top: 1px solid #555; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; }
.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after, .feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after { display: none; }
#effect-4 figure { overflow: hidden }
#effect-4 figure a.close-caption { bottom: 10px; left: 10px; }
#effect-4 figure figcaption { background-color: transparent; top: 0; left: 0; width: 50%; height: 100%; padding: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#effect-4 figure img { outline: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.no-touch #effect-4 figure:hover img, #effect-4 figure.hover img { opacity: 1; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }
.no-touch #effect-4 figure:hover figcaption, #effect-4 figure.hover figcaption { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#effect-4 figure img { display: block; position: relative; z-index: 10; max-width: 100%; height: auto; }
#effect-4 h4 { font-size: 20px }
#effect-4 .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 0px; padding: 0 22px; font-size: 14px; height: auto; line-height: 36px; background-color: #eb118b; color: #FFF; font-weight: 700; text-transform: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
#effect-4 .button.button-reveal.button-small.tright i { left: auto; right: -26px; }
#effect-4 figure figcaption { display: block; position: absolute; z-index: 5; }
#effect-4 figure { margin: 0; position: relative; float: left; width: 100%; }
.feature-box.fbox-center .btn-main { width: auto; }
/*service inner*/



/*sidebar*/

.sidebar { }
.inner_page .sidebar ul { padding: 0; margin: 0 }
.sidebar ul li { padding: 0 }
.sidebar ul li:before { display: none }
.sidebar ul ul li:before { display: none }
.sidebar ul li a { display: block; position: relative; font-size: 14px; color: #606060; padding: 10px 15px; background: #f5f5f5; border-left: 5px solid #3e256b; z-index: 1; font-weight: 400 }
.sidebar ul li a:before { content: ""; position: absolute; left: -5px; top: 0; z-index: -1; border: 1px solid #3e256b; border-left: 5px solid #3e256b; right: 0; height: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0 }
.sidebar ul li+li { margin-top: 1px }
.sidebar ul li.selected > a { color: #fff; background: #3e256b; }
.sidebar ul li.selected a:before { opacity: 1 }
.sidebar .title { display: block; color: #FFF; font-size: 20px; font-weight: 400; margin-bottom: 10px; padding: 8px 15px; background: #000; text-align: center; }
/*end sidebar*/





/*pagination*/

 

.my_pagination { text-align: center; }
.my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top }
.my_pagination .pagination .wp-pagenavi span.current { background: #f8b40b; color: #fff }
.my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a { display: block; width: 40px; height: 40px; border: 1px solid #0b74b9; line-height: 40px; color: #303030; font-weight: 400; float: left; margin: 0; padding: 0 }
.my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0 }
.my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px }
.my_pagination .pagination li { padding: 0; float: left }
.my_pagination .pagination li:before { display: none !important }
.my_pagination .pagination li a, .my_pagination .pagination li span.page-numbers { color: #3e256b; height: 40px; width: 40px; font-weight: 400; border: 1px solid #3e256b; font-size: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #fff }
.my_pagination .pagination { margin: 40px 0 0 0; padding: 0; vertical-align: top; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; display: inline-block; vertical-align: top }
.my_pagination .pagination li.disabled a { pointer-events: none; }
.my_pagination .pagination li.selected a { background: #3e256b; border-color: #3e256b; color: #fff; pointer-events: none; }
.my_pagination .pagination li + li { margin-left: 2px; }
/*.my_pagination .pagination li a.next, .my_pagination .pagination li a.prev { background: #fff; }*/

.my_pagination .pagination li a.next:before { content: "\f054"; color: inherit; font-family: "Font Awesome"; font-weight: 900; font-size: 15px; }
.my_pagination .pagination li a.prev:before { content: "\f053"; color: inherit; font-family: "Font Awesome"; font-weight: 900; font-size: 15px; }
.inner_page .my_pagination .pagination li:before { display: none; }
.inner_page .pagination>li { display: inline-block; padding: 0; font-size: inherit; line-height: inherit; }
.my_pagination .pagination li a.next, .my_pagination .pagination li a.prev { font-size: 0; }
.ser-innerimg { padding: 30px 0; }
.service-gallery { padding-top: 30px; text-align: center }
.service-gallery h2 { margin-bottom: 30px; }
.service-img { margin: 5px 0; }
/*contact page*/



.contact-form-main { padding: 0px 0 50px 0; }
.contact_addres_box { display: block; margin: 0 0 20px; min-height: 55px; overflow: hidden; padding: 0 0 0 65px; position: relative; }
.contact_addres_box span { background: #3e256b; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; display: table; left: 0; position: absolute; text-align: center; }
.contact_addres_dtl span i { bottom: 0; color: #ffffff; display: table-cell; float: none; font-size: 26px; height: 56px; left: 0; margin: 0 auto; position: relative; right: 0; text-align: center; vertical-align: middle; width: 100%; }
.contact_addres_box p { color: #1a1a1a; display: table-cell; font-size: 16px; height: 56px; line-height: 24px; margin: 0 !important; padding: 0; vertical-align: middle; }
.contact_call_box span { background: #3e256b; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; }
.contact_call_box1 span { background: #3e256b; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; }
.contact_call_box p a, .contact_call_box1 p a, .contact_email_box p a { color: #000; }
.contact_email_box span { background: #3e256b; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; }
.contact-map, .contact-map iframe { width: 100%; }
.contact-form .contact-map iframe { height: 280px; }
.contact-form .captcha_img { border: 2px solid #666; border-radius: 0px !important; display: table; }
.contact-form .captcha_img span { display: table-cell; height: 42px; text-align: center; vertical-align: middle; width: 100%; }
.contact-form .form-group .captcha_box { float: left; height: auto; margin: 0; padding: 0 0 0 0px; position: relative; width: 100%; }
.contact-form form .form-group .captcha_box .captcha_img { float: left; height: 50px; left: 0; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 0; width: 110px; }
.contact-form .form-group { margin-bottom: 30px; }
.contact-form textarea.form-control { height: 156px !important; resize: none; }
.contact-form .form-control { background-color: transparent; background-image: none; border: 2px solid #000 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #000; display: block; font-size: 15px; height: 54px; line-height: 1.42857; padding: 10px 18px; width: 100%; font-family: 'Lato-Regular'; }
.contact-form .form-control:focus { border-color: #9983c1 !important; box-shadow: none; outline: 0 none; }
 .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
color:#000;
opacity:1;
}
 .contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder {
color:#000;
opacity:1;
}
 .contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder {
color:#000;
opacity:1;
}
 .contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder {
color:#000;
opacity:1;
}
.contact-form { float: left; padding: 20px 0 0 0; width: 100%; }
.contact-form .submit_btn_box { float: left; margin-top: 30px; width: 100%; }
.contact-form .submit-btn { background: rgba(0, 0, 0, 0); border: medium none; color: inherit; display: block; float: right; font-size: 20px; margin: 0 auto; padding: 0 15px; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; width: 100%; }
.contact-form .required-field { color: #f00; float: left; font-size: 13px; line-height: 40px; margin-top: 0; text-align: right; width: 100%; }
.contact-form .submit_btn_box .purp-btn { width: 100%; padding: 0; }
.contact-form .required-field span { color: #f00; }
.submit_btn_box .main_btn { width: 100%; position: relative }
.contact_addres_box strong { font-size: 18px; padding: 0 10px; }
.contact-form-main h2 { text-align: center; }
.contact-map { border: 5px solid #3e256b; }
/************************************* Footer section styles goes here ******************************************/



#toTop { background: #3e256b; bottom: 10px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 9; border-radius: 0; }
.top-btn .fa-angle-up { color: #fff; font-size: 28px !important; margin: -3px 0 0; }
.top-btn > div { color: #fff; font-size: 13px; margin: -7px 0 0; text-transform: uppercase; }
.footer-newsletter { background: #3e256b; padding: 77px 0 61px; color: #fff; }
.footer-newsletter h2 { color: #fff; text-transform: uppercase; margin-bottom: 13px; }
.footer-newsletter p { color: #fff; }
.hnews-left h2.title-bright:after { background-position: -56px -19px; }
.hnews-right { width: 100%; display: inline-block; padding-top: 29px; }
.mail-box { width: 68%; float: left; }
.hnews-right input { height: 55px; border-radius: 0px; border: 1px solid #fff; font-size: 16px; color: #000; }
.sub-box { width: 32%; float: left; padding-left: 15px; text-align: right; }
.hnews-right .btn-main { padding: 0; width: auto; margin-left: 0; }
.hnews-right input[type="submit"] { background: transparent; width: 100%; padding: 0 41px; text-transform: uppercase; display: inline-block; color: inherit; height: 100%; border: none }
.hnews-right .form-control { box-shadow: none; padding: 0px 18px; display: inline-block }
.fnews-left { width: 47%; float: left; }
.fnews-right { width: 53%; float: right; padding: 0 0 0 21px; }
.footer-main { background: #0b0b0b; }
.footer-main ul li a { color: #fff; font-size: 16px; line-height: 33px; font-family: 'Lato-Regular'; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; -ms-transition: all ease .4s;  }
.footer-box ul li.selected { color: #e0e0e0; }
.footer-main h4 { font-size: 27px; line-height: 30px; color: #fff; text-transform: uppercase; margin-bottom: 26px; }
.footer-img { float: left; width: 50%; padding: 0 10px; }
.footer-box .view-btn { color: #fff; text-decoration: underline; padding-top: 4px; display: inline-block; }
.footer-bottom { width: 100%; display: inline-block; }
.footer-twoimg { display: inline-block; width: 100%; padding-top: 13px; }
.footer-main .footer-social { display: inline-block; margin: 0 auto; padding: 0 4px 0 0; width: auto; text-align: center; position: relative; }
.footer-main .footer-social li { display: inline-block; position: relative; }
.footer-main .footer-social li a { width: 56px; height: 56px; display: inline-block; margin: 0 5px; padding: 0; background: #fff; color: #020202; font-size: 22px; border-radius: 100%; vertical-align: middle; line-height: 56px; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; position: relative; }
.footer-main .footer-social li:before { content: ""; position: absolute; left: 40px; top: 50%; width: 54%; height: 2px; background: #fff; }
.footer-main .footer-social li:last-child:before { display: none; }
.footer-top { padding: 91px 0 74px; }
.footer-box .title-bright:after { background-position: -50px -19px; bottom: -3px; }
.footer-img:first-child { padding-left: 0; }
.footer-bottom fieldset { border: 1px solid #fff; border-bottom: 0 none; border-right: 0 none; border-left: 0 none; text-align: center; }
legend { width: auto; }
legend:after, legend:before { content: ""; width: 20px; height: 20px; display: inline-block; border-radius: 50%; background: #fff; vertical-align: middle }
.copyright-sec { width: 100%; display: inline-block; margin: 0; padding: 17px 0; text-align: center }
.copyright-sec p { color: #fff; }
/**/



.armodal_popup_main { padding: 50px; }
.armodal_box { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.7); text-align: left }
.armodal-close { position: absolute; top: 15px; right: 15px; font-size: 24px; color: #fff }
body.sticky { overflow: hidden }
.armodal_box h2, .armodal_box .h2 { font-size: 30px; color: #505050; margin: 10px 0 15px 0; text-align: center; text-transform: uppercase }
.armodal_box h2+p, .armodal_box .h2+p { text-align: center; font-size: 18px; margin-bottom: 40px }
.armodal_box .col-sm-12.col-md-8 { width: 100%; }
.armodal_box .col-sm-12.col-md-4 { width: 100%; }
a.armodal-close.fa.fa-times { font-family: 'Font Awesome'; }
.armodal_box .captcha_box { width: 50%; float: left; display: block; }
.armodal_box .input-box.submit-box { float: left; width: 50%; margin-top: 0; }
.armodal_box .form-control { height: 50px; padding: 5px 15px; border-radius: 0; box-shadow: none; border-color: #ccc !important; }
/*.armodal_box input.submit-btn {background: #03b7be;width: 100%;padding: 0;text-transform: uppercase;margin: 0;border: 2px solid #03b7be; color:#fff;}*/

.armodal_box input.submit-btn { background: transparent; height: auto; width: 100%; color: inherit !important; text-transform: uppercase; font-family: 'Lato-Semibold'; font-size: 16px; }
.armodal_box .blue_btn { border: 0; }
.armodal_box .required-field { margin-bottom: 0; position: relative; right: 15px; bottom: 0; text-align: right; padding-top: 5px; color: #fff; }
.armodal_box .contact-form .required-field span { color: #fff; }
.armodal_box .submit_btn_box { float: right; width: 50%; margin-top: 0; text-align: right; }
.armodal_box textarea.form-control { resize: none; height: 130px; }
.armodal_box h2, .armodal_box .h2 { font-size: 30px; color: #fff; margin: 0 0 28px 0; text-align: center; text-transform: uppercase; }
.armodal_box h2 { width: 100%; }
.armodal_box .contact-form-main.contact_block_main { padding: 0; }
/*.armodal_box .contact-form-main.contact_block_main .col-sm-6.col-xs-12 { width:100%; }*/

.armodal .button.primary { width: 250px; line-height: 60px; }
.armodal .contact-form .form-group .captcha_box { margin-bottom: 0; width: 50%; float: left; }
.armodal { margin: 0 auto; width: 710px; background: #3e256b; position: absolute; padding: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 100%; max-width: 100%;/*overflow-y: auto;*/ transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 0; }
.armodal .contact-form .form-control:focus { border-color: #fff !important }
 .armodal .contact-form input::-webkit-input-placeholder, .armodal .contact-form textarea::-webkit-input-placeholder {
color:#fff;
opacity:1;
}
 .armodal .contact-form input:-moz-placeholder, .armodal .contact-form textarea:-moz-placeholder {
color:#fff;
opacity:1;
}
 .armodal .contact-form input::-moz-placeholder, .armodal .contact-form textarea::-moz-placeholder {
color:#fff;
opacity:1;
}
 .armodal .contact-form form input:-ms-input-placeholder, .armodal .contact-form form textarea:-ms-input-placeholder {
color:#fff;
opacity:1;
}
.select_box { position: relative; }
.select_arrow i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 18px; color: #606060; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.sticky_button_main_box .blue_btn { color: #fff; display: inline-block; transform: rotate(-180deg); top: 13px; position: relative; width: 82%; text-transform: capitalize; font-weight: 600; font-size: 18px; line-height: 25px; }
.sticky_button_main_box { width: 170px; padding: 22px 3px; position: fixed; top: 50%; left: 0; margin-left: -75px; transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); z-index: 9; background: #03b7be; border-bottom-left-radius: 29px; border-bottom-right-radius: 29px; border: 5px solid #03b7be; text-align: center; height: 124px; line-height: 118px; }
/**/	

.contact_call_box i { transform: rotate(90deg); }
/****************************************************************************************************************/
/************************************* Footer section styles ends here ******************************************/
/****************************************************************************************************************/
div.wpcf7-validation-errors, div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ok { float: left; width: 99%; margin: 10px 0 0 !important; text-align: center; }
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select { color: #000 !important }
.tnp-subscription div.tnp-field { border: 2px solid #fff !important; width: 100% !important }
.tnp-field input[type="submit"] { width: 100% !important; background: transparent !important; color: inherit !important; height: 54px !important }
.quote_form.armodal_box .submit_btn_box { width: 37%; }
.quote_form .lwht-btn { padding: 0; }
.armodal_box select.form-control { color: #fff !important; }
.armodal_box select.form-control option { background: #000; }
.mobile-accordion-toggle iframe { height: 230px; }
/****************************************************************************************************************************/
/********************************************* Blog Page style **************************************************/
/****************************************************************************************************************************/
.blogs .blog { border: 1px solid #ccc; padding: 15px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.blogs .blog .comment_box { margin-bottom: 5px }
.blogs .blog img { float: left; margin: 0 30px 0 0; width: 320px; }
.blogs .blog:after { display: block; content: ""; clear: both }
.blogs .blog h5 { font-size: 22px; margin: 0 0 10px 0 }
.blogs .blog h5 a { color: #3e256b; font-family: 'Lato-Bold'; font-weight: 700; }
.blogs .blog a.read_more { width: 150px; min-height: 40px; display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 40px; text-align: center; text-shadow: none; border: none; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background: #3e256b; border: 2px solid #3e256b; border-radius: 0; font-family: 'Lato-Bold'; float: right; }
.blogs .blog p { margin: 0; font-size: 16px; }
.blog-page .comment-box { margin-bottom: 5px }
.blogs .blog .comment-box > span { color: #999; font-size: 15px }
.blog-page .comment-box .blog-date:before { content: "\f073"; font-weight: 900; font-family: Font Awesome; color: #999; margin: 0 5px 0 0; padding: 0 10px 0 0 }
.blog-page .comment-box .blog-author:before { content: "\f007"; font-weight: 900; font-family: Font Awesome; color: #999; margin: 0 5px 0 0 }
.blog-page .comment-box .blog-author { margin-left: 15px }
.blog-page .read-more { display: inline-block }
.blogs .blog+.blog { margin-top: 30px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.news-sidebar .comment_box > span { color: #999; font-size: 15px }
.news-sidebar ul { list-style-type: none; padding: 10px; margin: 0; display: block; background: none; border: 2px solid #3e256b; }
.news-sidebar ul li { color: #606060; font-size: 14px; padding: 0; line-height: 24px }
.news-sidebar ul li+li { margin-top: 1px }
.news-sidebar ul li a { color: #606060; font-size: 20px; line-height: normal }
.news-sidebar.recent_post ul li a { font-size: 15px; color: #000; }
.news-sidebar.recent_post ul { padding: 0 }
.news-sidebar.recent_post ul li { padding: 5px 10px; }
.news-sidebar.recent_post ul li a:before { display: none; }
.news-sidebar ul li:before { display: none }
.news-sidebar ul li a:before { content: "\f105"; font-weight: 900; font-family: Font Awesome; font-size: 15px; margin: 6px 5px 0 0; display: inline-block; vertical-align: top; color: #3e256b; }
.news-content ul li a { color: #808080; position: relative; font-size: 16px; margin-right: 5px }
.news-page .comment_box .blog_date:before { content: "\f073"; font: normal normal normal 16px/1 FontAwesome; color: #999; margin: 0 5px 0 0; font-weight: 900; font-family: 'FontAwesome'; }
.news-page .comment_box .blog_author:before { content: "\f007"; font: normal normal normal 18px/1 FontAwesome; color: #999; margin: 0 5px 0 0; font-weight: 900; font-family: 'FontAwesome'; }
.news-content .blog_author { margin: 0 0 0 15px }
.news-sidebar h5 { color: #fff; margin: 0; padding: 10px 15px; background: #3e256b; font-size: 20px; font-weight: 700 }
.news-sidebar h5 i { float: right; font-size: 24px; }
.news-sidebar ul li.selected a { color: #007a3e }
.tags-box { padding: 15px; background: none; border: 2px solid #007a3e; }
.news-sidebar ul .input-box { margin: 0 }
.news-sidebar ul .select-box select { height: 50px; font-size: 15px; background: #f0f0f0 }
.news-sidebar ul .select-box:after { line-height: 46px; height: 46px; font-size: 22px; background: #f0f0f0 }
.news-sidebar.tags a { display: inline-block; background: none; color: #000; margin: 0 5px 10px 0; padding: 5px 10px 5px 10px; font-size: 14px; background: transparent; border: 1px solid #000; }
.news-sidebar+.news-sidebar { margin-top: 30px }
.news-content *:last-child { margin-bottom: 0 }
.select_arrow i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 24px; color: #606060; }
.select_box select.form-control { outline: none; border: 1px solid #909090; min-height: 50px; font-size: 15px; border-radius: 0; }
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); }
.serv_details_page.banner-awards { width: 100%; margin-bottom: 13px; text-align: left; position: absolute; z-index: 99; top: 0; }
.serv_details_page.banner-awards img { margin: 30px 30px 20px 0; max-width: 120px; }
.armodal_box .select_arrow i { color: #fff; }
.armodal_box .wpcf7-validation-errors, .armodal_box .wpcf7-spam-blocked, .armodal_box .wpcf7-mail-sent-ok { float: left; width: 99%; margin: 10px 0 0 !important; text-align: center; color: #fff; }
.page-content a { font-weight: bold; }

/*client slider*/

.our-client_sec { text-align:center; padding:0 0 30px; }
.our-client_sec .owl-carousel .owl-item { display:inline-block; vertical-align:middle;}
.our-client_sec .item { display:inline-block; vertical-align:middle; margin:0 12px; height:140px;  }
.client_slider a { display:inline-block; vertical-align:middle; position:relative; top: 50%; transform: translateY(-50%); }
.client_slider .owl-dots { padding-top:10px; } 
div.wpcf7 .ajax-loader { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display:block; }
.armodal_box .form-control { color:#fff; }
.armodal_box .submit_btn_box .btn-main { width:204px; }
.footer-main .footer-box ul li a:hover { padding-left:10px; } 
.inner_page ul.cnt_two { float: left; width: 100%; }
.inner_page ul.cnt_two li { float: left; width: 33.33%; }

.h-service-slider-new .hproject_imag img { width:auto; }
.mobile-sticky-phone__wrapper { display:none; }

.hproject-sec.mob { display:none; }
/*21/11/2018*/
.icon-service { width:90px; height:90px; right:10px ; top:0; bottom:auto; margin-top:-73px; }
.iserh-bg { width:80px; height:80px; }
.h-enquiery_sec.mob { display:none; }
.hser-txt h5 { width:100%; }
.hser-txt { padding:18px 16px; height:76px; }
.hser-txt h5 { font-size:16px; line-height:22px; }
.autocomplete-suggestions { position: absolute; z-index: 999999; top: 0; }
/*10/1/2019*/
.mob-btncall .get_quote_btn  { display:none; }
.banner-frequotetxt { width:45%; display:inline-block; margin:0 auto; padding-bottom:46px; }
.banner-frequotetxt > div { width:50%; float:left; font-size: 43px; line-height:55px; padding: 20px 0; text-transform: uppercase; font-weight: bold; }
.bnquote-left { background:#313131; position:relative; }
.bnquote-left:before { content: ""; position: absolute; right: -20px; top: 50%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #313131; transform: translateY(-50%); }
.bnquote-right { background:#6b4ea0; }
.head-top .top-link li .head-call { background:#6b4ea0; height: 50px; line-height:50px; display:inline-block; padding:0 20px; }
.bnquote-left a { color:#fff}
.bnquote-left:hover  { background:#6b4ea0}

/*10-1-19*/
.inner_banner_caption span{   font-size: 35px;
    LINE-HEIGHT: 1.3;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 30px;}