@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; -webkit-appearance: none; appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; }
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:#00aeef; }
a:hover { color:#0055a7; text-decoration:none; } 
/* 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:'Maven Pro'; font-size: 16px; color: #444444; line-height:30px; padding:10px 0; }
h1, .h1 { font-size: 40px; margin: 0 0 20px 0; font-family:'Maven Pro'; font-weight:700; color: #333333; }
h2, .h2 { font-size: 36px; margin: 0 0 20px 0; font-family:'Maven Pro'; font-weight:700; color: #333333; }
h3, .h3 { font-size: 30px; margin: 0 0 20px 0; font-family:'Maven Pro'; font-weight:700; color: #333333; }
h4, .h4 { font-size: 24px; margin: 0 0 20px 0; font-family:'Maven Pro'; font-weight:700; color: #333333; }
h5, .h5 { font-size: 20px; margin: 0 0 20px 0; font-family:'Maven Pro'; font-weight:700; color: #333333; }
h6, .h6 { font-size: 18px; margin: 0 0 20px 0; font-family:'Maven Pro'; font-weight:700; color: #333333; }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
body { font-family:'Maven Pro'; font-size: 16px; color: #444444; line-height: 30px; }
/****************************************************************************************************************/
.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 }

.alignleft { float: left; margin: 0 30px 20px 0 }
.alignright { float: right; margin: 0 0 20px 30px }
.aligncenter { display: block; margin: 0 auto 20px auto }
/*.site-main { overflow: hidden; }*/
::selection { background: #0055a7; color: #FFF }
::-moz-selection {
background:#0055a7;
color:#FFF;
}
::-webkit-selection {
background:#0055a7;
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*/

/*sidebar*/
.sidebar{}
.sidebar h4 { margin:0; color:#fff; text-transform:uppercase; }
.inner_page .sidebar ul{padding:0;margin:0; width:100%; }
.inner_page .sidebar ul li{padding:0; width:100%; margin:1px 0 0; }
.inner_page .sidebar ul li:before{display:none}
.inner_page .sidebar ul ul li:before{display:none}
.inner_page .sidebar ul li a{ display:block; position:relative; font-size:14px; color:#333333; padding:10px 15px; background:#f5f5f5; border-left:5px solid #06b0a0; z-index:1; font-weight:400}
.sidebar ul li a:before{content:"";position:absolute;left:-5px;top:0; z-index:-1;border:1px solid #06b0a0;border-left:5px solid #06b0a0;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:#06b0a0; }
.sidebar ul li.selected a:before{opacity:1}
.sidebar ul li:hover a { color:#fff; background:#06b0a0; }
.sidebar .title { display:block; color:#FFF; font-size:20px; font-weight:400; margin-bottom:0; padding:8px 15px; background:#3b3582; 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: #333333; height: 40px; width: 40px; font-weight: 400; border: 1px solid #333333; 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: #333333; border-color: #333333; 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: "FontAwesome"; font-weight: 900; font-style:normal; }
.my_pagination .pagination li a.prev:before { content: "\f053"; color:inherit; font-family: "FontAwesome"; font-weight: 900; font-style:normal; }
.pagination>li>a:hover, .pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>a:focus { background: #333333; color: #fff; border-color: #333333; }
.inner_page .my_pagination .pagination li:before { display:none; }
.inner_page .pagination>li { display:inline-block; padding:0; font-size:inherit; line-height:inherit; }




/*********************** all form css *****************************/
.contact-form .form-group { margin-bottom: 30px; }
.contact-form textarea.form-control { height: 168px !important; resize: none; }
.contact-form .form-control { background-color: transparent; background-image: none; font-family:'Maven Pro'; border: 2px solid #444444 !important; border-left: none; border-right: none; border-top: none; border-radius:0; box-shadow: none; color: #444444; display:inline-block; font-size: 18px; height: 50px; line-height: 1.42857; padding: 10px 18px; width: 100%; }
.contact-form .form-control:focus { border-color: #0055a7 !important; box-shadow: none; outline: 0 none; }
.contact-form-main h2 { padding-bottom: 12px; }
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color:#444444; opacity:1; }
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { color:#444444; opacity:1; }
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { color:#444444; opacity:1; }
.contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder { color:#444444; opacity:1; }
.contact-form {  padding: 20px 0 0 0;  }
.contact-form .submit_btn_box { float: none; margin-top:0; width:auto; display:table; margin:0 auto }
.contact-form .submit_btn_box .btn-main { padding:0; }
.contact-form .submit_btn_box .btn-main .submit-btn { width:100%; background:transparent; color:inherit; font-size:inherit; padding:0 15px; font-family:'Maven Pro'; font-weight:700; height:100%; }
.contact-form .required-field { color: #424242; float: left; font-size: 13px; line-height: 40px; margin-top: 0; text-align: inherit; width: 100%; }
.contact-form .required-field span { color: #424242; }

/************************* File Input *************************/
.file-box { margin-top:0 }
.input-box { position: relative; z-index: 1; }
.file-box:before { content: "Choose File"; display:inline-block; position: absolute; left: 1px; top: 1px; line-height: 48px; text-align: center; padding: 0 0; min-width: 100px; background: #6c6c6c; color: #fff; font-size: 14px; font-weight: normal; z-index: 1; pointer-events: none;border-radius:10px; }
.input-box.file-box .input { opacity: 0; color: #303030;  padding:0 10px 0 130px ; width:100%; height:50px;  }
.input-box.file-box .input.input-text { opacity: 1; position: absolute; left: 0; top: 0; pointer-events: none }
/************************** Selectbox *******************************/
.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: 24px; color: #606060; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.select_box select.form-control { outline: none; border: 1px solid #909090; min-height: 50px; font-size: 15px; border-radius:10px; }

/********************** end all form css *******************************/

/*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;  overflow: hidden; text-transform:uppercase; font-family:'Maven Pro Medium'; line-height:42px; width:200px; height:50px; text-align: center; display: inline-block; font-size:16px; background:#0055a7;  vertical-align:middle; border:2px solid #0055a7; text-decoration: none; font-weight:500; letter-spacing:0.01em; transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; }

.btn-main:hover { color:#0055a7; background:#fff;  }
.lblue-btn { background:#00aeef; color:#fff; border-color:#00aeef;  }
.lblue-btn :hover { color:#00aeef}



/*owl css*/

.owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 59px; margin-top: 4px; }
.owl-prev { background:url(../images/left_arrow.png) no-repeat; left: 0; background-position: left center !important; }
.owl-next { background:url(../images/right_arrow.png) no-repeat; right: 0; background-position:right center !important; }

/*owl dots css*/

.owl-dot { width:6px; height:6px; display:inline-block; vertical-align:middle; background:#999999; margin:0 14px; position:relative; }
.owl-dot:before { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:20px; border:3px solid #0055a6; display:inline-block; vertical-align:middle; opacity:0 }
.owl-dot.active { background:#0055a6;}
.owl-dot.active:before { opacity:1; }
/****************************************************************************************************************/ 
/************************************* 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.8); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); background: #fff; z-index: 9999; }
.header { background-color:rgba(255,255,255,0.85); position: fixed; top:0; left:0;right:0; z-index: 999; width: 100%; transition:all ease .4s; padding:0;/*box-shadow: 0 0 7px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);*/ 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; }
.header-top { padding:24px 0 29px; }


.logo { width:auto; display:inline-block; vertical-align:middle; 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;}
.logo a { display:inline-block; vertical-align:middle; }
.header-right { width:auto; float:right; }
.header-navigation { width:auto; display:inline-block; vertical-align:middle; padding-right:30px }
.header-call { font-size:18px; line-height:25px;  color:#00aeef; font-family:'Maven Pro'; font-weight:700; padding:7px 0 0 0; margin-right: -4px;  display: inline-block; vertical-align: middle; }
.header-call i { display:none; }

/************************************* header section styles goes ends ******************************************/

/*homebanner*/
.banner { position: relative; top: 0; margin-top:0; }
.banner #slider1 li:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.30); z-index:9; }
.banner .bx-caption { position: absolute; left: 50%; top: 50%;  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 0; z-index:9; font-family:'Maven Pro';  color: #fff; width:70%;}
.banner_cont { text-align:center; color: #fff; float: none; width:59%; padding:0; display: table; margin:118px auto 0; }
.banner_cont p { color: #fff; font-size:24px; line-height:30px; padding:22px 0 46px 0; font-family:'Maven Pro'; }
.banner_cont h2, .h2 { font-size:50px; line-height:58px; color: #fff; position: relative; margin:0 0 11px 0; font-family:'Maven Pro'; font-weight:700; display: inline-block; vertical-align: middle; width:100%; text-transform:capitalize; }
.banner_cont .btn-main { margin: 0 14px 0; }

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

.bx-controls-direction { position:absolute; top:50%; transform:translateY(-50%); width:100%; }
.banner { overflow:hidden; }
a.bx-stop { display:none; }

.bx-wrapper .bx-pager { bottom:auto; top:50%; left:auto; right:0; transform:rotate(90deg)translateY(-50%); width:21%; }
.bx-wrapper .bx-pager.bx-default-pager a { position:relative; }

/*end homebanner*/
/*homepage*/
.home_page h2 { font-size:40px; }

/*what we do sec*/
.hwhtwedo-sec { padding:0 0 93px; text-align:center; }
.autotab_section { position: relative; width: 100%; margin: 0 auto; display: table; }

ul.ui-tabs-nav { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;  z-index: 999; position: relative; }
.ui-tabs-nav-item { width:50%; height: 165px; line-height: 165px; position:relative; }
ul.ui-tabs-nav a { display:inline-block; line-height:25px; color: #333333; font-weight: 700; font-size:18px; font-family:'Maven Pro'; position: relative;  width:auto; height:165px; line-height:165px; }
.smart-home-tab-title { font-size:18px; line-height:25px; color:#333333; font-family:'Maven Pro'; font-weight:700; letter-spacing:0.01em; }
.pentagon { background:url(../images/sprit.png) no-repeat; width:211px; height:195px; position:relative; line-height:195px; }
.pentagon:before, .pentagon:after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:165px; height:156px; background-position: center center !important; text-align: center; display: table; margin: 2px auto; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; }
.pentagon:before { background:url(../images/pentagon_border.png) no-repeat; }

.ui-state-active .pentagon:after, .ui-tabs-nav-item:hover .pentagon:after { background:url(../images/pentagon_border_hover.png) no-repeat;  transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; }
.ui-state-active .pentagon:before, .ui-tabs-nav-item:hover .pentagon:before { display:none; }

.peblue { background-position:-273px -202px; }
.peyellow { background-position:-2px -204px; }
.peliblue { background-position:-229px -2px; }

ul.ui-tabs-nav li:nth-child(odd) a { float:right}
ul.ui-tabs-nav li:nth-child(odd) .pentagon { }
ul.ui-tabs-nav li:nth-child(odd) .smart-home-tab-title { float:left; }

ul.ui-tabs-nav li:nth-child(1){ padding-left:0; }
ul.ui-tabs-nav li:nth-child(1) 	a { margin-left:0;}
ul.ui-tabs-nav li:nth-child(1) .smart-home-tab-title { padding-top: 87px; padding-right:0; float: left; width: auto; position:relative; left: -103px }
ul.ui-tabs-nav li:nth-child(1) .pentagon { transform: rotate(107deg); margin-top: 35px; margin-right: 57px }
ul.ui-tabs-nav li:nth-child(1) .pentagon img { transform:rotate(-108deg); margin-top:0; position:relative; top: 10px; left: -56px; } 

ul.ui-tabs-nav li:nth-child(2) .pentagon { float: left; margin-left: -153px; transform: rotate(108deg); margin-top: 38px; }
ul.ui-tabs-nav li:nth-child(2) .pentagon img  { transform: rotate(-108deg); margin-left: -2px; margin-top: 23px; }
ul.ui-tabs-nav li:nth-child(2) .smart-home-tab-title { float: right; padding-top: 86px; margin-left: -5px;}

ul.ui-tabs-nav li:nth-child(3) { margin-left:0; margin-top: 8px; left:0; padding-right:176px }
ul.ui-tabs-nav li:nth-child(3) .smart-home-tab-title { padding-top: 112px; padding-right:0; position: relative; left: -182px;}
ul.ui-tabs-nav li:nth-child(3) .pentagon img { margin-top:0; position: relative; top: -130px; }

ul.ui-tabs-nav li:nth-child(4) { left:0; padding-left: 83px; top: 6px; }
ul.ui-tabs-nav li:nth-child(4) .smart-home-tab-title { padding-top: 83px; display: inline-block; vertical-align: middle; padding-left:13px; }
ul.ui-tabs-nav li:nth-child(4) .pentagon { float:left; }
ul.ui-tabs-nav li:nth-child(4) .pentagon img { margin-top:13px; margin-left:6px; }

ul.ui-tabs-nav li:nth-child(5) { margin-top: 37px; left:0; padding-right:167px }
ul.ui-tabs-nav li:nth-child(5) .smart-home-tab-title { padding-top:68px; padding-right:0; position: relative; left: -101px; }
ul.ui-tabs-nav li:nth-child(5) .pentagon { transform: rotate(-180deg); }
ul.ui-tabs-nav li:nth-child(5) .pentagon img { transform: rotate(180deg); position:relative; left: -37px; top: 2px; }

ul.ui-tabs-nav li:nth-child(6) { margin-top: 27px; left: 0; padding-left:167px; }
ul.ui-tabs-nav li:nth-child(6) .pentagon { float: left; transform: rotate(108deg); }
ul.ui-tabs-nav li:nth-child(6) .pentagon img { transform: rotate(-108deg); margin-top: 13px; }
ul.ui-tabs-nav li:nth-child(6) .smart-home-tab-title { padding-top: 14px; display: inline-block; vertical-align: middle; }

ul.ui-tabs-nav li:nth-child(7) { left: 0; padding-right:67px; top: -31px; }
ul.ui-tabs-nav li:nth-child(7) .smart-home-tab-title { float: none; display: inline-block; vertical-align: middle; padding-top:89px; }
ul.ui-tabs-nav li:nth-child(7) .pentagon { display: inline-block; vertical-align: middle; float: none; }
ul.ui-tabs-nav li:nth-child(7) .pentagon img { margin-top: 26px; margin-left: 7px; }

ul.ui-tabs-nav li:nth-child(8) { left: -59px; top: -37px; }
ul.ui-tabs-nav li:nth-child(8) .smart-home-tab-title { padding-top: 113px; display: inline-block; vertical-align: middle; margin-left: 9px;}
ul.ui-tabs-nav li:nth-child(8) .pentagon { float:left; }
ul.ui-tabs-nav li:nth-child(8) .pentagon img { margin-top: 18px; margin-left: 11px; }


.ui-tabs-hide { display: none; }
.ui-tabs { position: relative; }
.tab-center-image-main { position: absolute; left: 50%; top: 133px; transform: translateX(-50%); z-index: 4; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background:url(../images/whatwe-bg.png) no-repeat; width: 489px; height: 479px; z-index:9999;  }

/*.tab-center-image-main:before { content: ""; display: block; position: absolute; left: 50px; right: 50px; top: 50px; bottom: 50px; background: #fff; box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); border-radius: 50%; z-index: -1 }*/
.tab-center-main { width: 59%; }
.ui-corner-bottom { position:relative; }
.tab-center-image-main .ui-tabs-panel h4 { margin: 0 0 0; font-size: 18px; line-height: 24px; }
.tab-center-image-main .ui-tabs-panel p { padding:14px 0 6px; }
.ui-corner-bottom:before, .ui-corner-bottom:after{ top: 100%; left: 60%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;pointer-events: none; }
.ui-corner-bottom:before { content: ""; position: absolute; top:-95px; bottom: 0;  left: -225px; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 3px solid #bbbbbb; border-color: rgba(194, 225, 245, 0); border-top-color: #bbbbbb; border-width:24px; transform:rotate(147deg); }
.ui-corner-bottom:after { top:-72px; left:28px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 12px; transform: rotate(145deg); }


#fragment-2:before { transform:rotate(215deg); top:-85px; right:-3px; left:auto; }
#fragment-2:after { right:16px; transform: rotate(217deg); top:-63px; left: auto; }

#fragment-3:before { transform:rotate(105deg);  top:10px;  left:-382px; }
#fragment-3:after { transform: rotate(109deg); top:25px; left:-46px; }

#fragment-4:before { transform:rotate(-105deg); top:23px; right:-73px; left:auto; }
#fragment-4:after { right: -49px; transform: rotate(254deg); top:38px; left: auto; }

#fragment-5:before { transform:rotate(72deg); top:52px; left:-381px; }
#fragment-5:after { transform:rotate(72deg); top:60px; left:-46px; }

#fragment-6:before { transform: rotate(-69deg); top: 55px; right:-69px; left:auto; }
#fragment-6:after { right: -44px; transform: rotate(291deg); top: 63px; left: auto; }

#fragment-7:before { transform:rotate(35deg); top:149px; left:-243px; }
#fragment-7:after { transform:rotate(36deg); top:149px; left:18px; }

#fragment-8:before { transform: rotate(-36deg); top: 146px; right: -3px; left: auto; }
#fragment-8:after { right: 18px; transform: rotate(-35deg); top: 146px; left: auto; }




/****************************** */
.htwocol-sec { position: relative; }
.htwocol-sec:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.20); z-index:9; }
.h-twocol { width:100%; display: inline-block; vertical-align:middle; position:relative; }
.h-twocol img { width:50%; float:left; }
.htwocoltxt { display: inline-block; position: absolute; left: 0; top:95px; right:0; margin:0 auto; transform:none; background: #fff; z-index: 9; width:32%; text-align: center; padding:29px 32px; margin-top: -7px; }
.htwocoltxt h2 { line-height: 45px; }
.htwobtn a { margin: 0 12px; }
.htwobtn { margin-top: 27px; display: inline-block; vertical-align: middle;}
.habout_sec { padding:50px 0 40px; }
.habout_cnt h2 { width: 81%; line-height: 60px; }
.habouttxt { padding: 0; max-height:550px; }
.habouttxt p { line-height:25px; padding:5px 0; }
.habout-img { text-align:right; margin-top: 54px; }
.habout_cnt .readmor-btn { margin-top:-17px; }
.readmor-btn { position:relative; color:#0055a7; font-size:16px; line-height:20px; font-family:'Maven Pro Medium'; font-weight:500; text-transform:uppercase;  padding-right: 43px; display:inline-block; vertical-align:middle; }
.readmor-btn:after { content:""; position:absolute; right:0; top:50%; border:3px dashed #00aeef; transform: translateY(-50%); width: 25px; }

.htestimonial_sec { background-size:cover !important; background-position: top center !important; padding:50px 0; position:relative; }
.htestimonial_sec:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.70); }
.htestimonial_sec .owl-prev { left:-125px; }
.htestimonial_sec .owl-next { right:-131px; }

.htestimonial-txt { display: table; vertical-align: middle; width:80%; margin: 0 auto; text-align: center; }
.htesttitle { color:#fff; font-size:26px; line-height:40px; font-family:'Maven Pro'; font-weight:700; }
.authorname { display:inline-block; vertical-align:middle; width:100%; color:#00aeef; font-size:18px; line-height:25px; font-family:'Maven Pro'; font-weight:700; padding-top:46px; }

.hwhychoose-sec { padding:50px 0 ; }
.hwhychos_rowsec { padding-top:37px; }
.hwhychoose_bx { display: inline-block; vertical-align: middle; width: 100%; padding-right: 95px;}
.hwhychoose-img { width:100%; display:inline-block; vertical-align:middle; margin-bottom:46px }
.hwhychoose_cnt h6 { margin-bottom: 6px; }

.hwehelp_sec { background-size:cover !important; background-position:center center !important; padding:70px 0 ; position:relative; }
.hwehelp_sec:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.77); }
.hwehelp-txt { display:table; vertical-align:middle; width:46%; margin:0 auto; text-align:center; position:relative; } 
.hwehelp-txt h2 { color:#fff; line-height: 58px; margin-bottom: 46px; }
.hhelp-btn  .btn-main { margin:0 12px; }

/*end home page*/

/************************************* midd section styles goes here ********************************************/



/************************************* midd section styles goes ends ********************************************/



/************************************************* Inner Banner style *********************************************************/

.inner-banner:before { background: rgba(0, 0, 0, 0.6) 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:540px; }
.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:20px; 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: #00aeef; }
.inner-banner .breadcrumb li a:hover { color:#00aeef; }
.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 }

/************end inner banner style ***************************************/
/************************************ inner page star ***************************************************/
.inner_page { padding:50px 0; background:#fafafa }

.inner_page ul li { position:relative; padding:0 0 0 20px; margin:5px 0; display:block; text-align:left;  } 
.inner_page ul li:before { content:"\f105"; position:absolute; left:0; top:0; font-family: 'Font Awesome 5 Free'; font-weight:900; font-style:normal; color:#0055a7; }

/*about page*/
.about_page .alignright { width:50%; }

/*testimonial page*/

/*.testimonial1_item:nth-child(2n+1):before { color: #00aeef; opacity: 0.3; }
.testimonial1_item:nth-child(2n):before { color: #0055a7; opacity: 0.3; }
.testimonial1_item::before { content: "\f10d"; display: block; font-family: 'Font Awesome 5 Free'; font-weight:900; font-style:normal; font-size: 56px; left: 30px; position: absolute; top: 40px; }
.testimonial1_item:nth-child(2n+1) { background: rgba(246, 246, 246,0.9); }
.testimonial1_item:nth-child(2n) { background: #fff none repeat scroll 0 0; }
.testimonial1_item { margin: 10px 0; position: relative; padding: 45px 60px 35px; }
.testimonial1_item:last-child { border-bottom: none; }
.testimonial1_item p { position: relative; z-index: 60; color: #606060; font-size: 16px; line-height: 28px; }
.testimonial1-label { color: #000 !important; font-size: 17px !important; }
.testimonial1-label span { color: #999; font-size: 14px }*/

.testimonialpage_main .testimonial_text p { font-size: 16px; line-height: 26px; text-align: justify; }
.testimonialpage_main .testimonial_name { color: #00aeef; font-family:'Maven Pro'; font-size: 18px; font-weight: 600; padding: 15px 0 0; text-transform: uppercase; }
.testimonialpage_main i { color: #333333; font-size: 60px; left: 0; position: absolute; top: 3px; }
.testimonialpage_main::before { background: #ccc none repeat scroll 0 0; bottom: 38px; content: ""; left: 75px; position: absolute; top: 8px; width:2px; }
.testimonialpage_main { border-bottom: 1px solid #00aeef; margin-bottom: 30px; padding: 0 0 30px 95px; position: relative; }
.testimonialpage_main:last-child{border:none;}


/*blog page*/

.blog_box_main { margin-bottom: 30px; float: left; width: 100%; }
.blog_box_main .blog_img_main { position: relative; }
.blog_box_main .blog_img_main  img { width: 100%; }
.blog_box_main .blog_content { left: 50px; padding: 15px 20px 5px; right: 50px; background: #ffffff none repeat scroll 0 0; bottom: 0; position: absolute; overflow: hidden }
.blog_box_main .blog_title { color: #505050; font-size: 20px; line-height: 24px; }
.blog_box_main .blog_date_comm { padding: 8px 0; }
.blog_box_main .blog_date_comm > span { color: #444; padding: 0 14px 0 0; font-size: 14px; }
.blog_date_comm i.fa-calendar { background-position: -262px -158px; width: 17px; height: 19px; display: inline-block; position: relative; top:0; margin-right: 4px; }
.blog_box_main .blog_content p { font-size: 16px; margin-bottom: 0; line-height: 26px; }
.blog_box_main .blog_readmore { padding: 0 50px; text-align:center; }
.blog_box_main .blog_readmore .btn-primary { line-height: 50px; min-height: 50px; width: 100%; }
.blog_box_main .blog_content .blog_textmain { height: 0; overflow: hidden; position: relative; 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; }
.blog_readmore .btn:before, .blog_readmore .btn:after { display: none }
.sidebar_listing .accordion .card .card-body .archives_main select.form-control { background-color: transparent; background-image: none; border: 1px solid #999 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #000; display: block; font-size: 18px; height: 50px !important; line-height: 1.42857; padding: 10px 18px; width: 100%; }
.blog_box_main .blog_content { left: 50px; padding: 15px 20px 5px; right: 50px; background: #ffffff none repeat scroll 0 0; bottom: 0; position: absolute; overflow: hidden; }
.blog_box_main .blog_readmore .btn-primary { width: 100%; min-height: 50px; display: block; font-size: 17px; color: #fff; text-transform: uppercase; line-height: 50px; 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; float: right; background: #3fb5eb; border-radius: 0; }
.blog_box_main .blog_readmore .btn-primary:hover { background: #eb118b; }
.sidebar_listing .accordion .card .card-body ul li { color: #444444; font-size: 18px; line-height: 36px; word-wrap: break-word; list-style: none; position: relative; font-weight: 400; }
.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding:24px; }
.sidebar_listing .accordion .card { border-radius: 0; border: none; }
.sidebar_listing .accordion .card .card-header + div { border: 1px solid #ccc; }
.sidebar_listing .accordion .card .card-header { padding: 0; border-radius: 0; background-color: transparent; border-bottom: none; }
.sidebar_listing .accordion .card .card-header button { background: #00aeef; display: block; padding: 15px 35px 15px 15px; width: 100%; border-radius: 0; text-align: left; color: #fff; position: relative; font-size: 20px; cursor: pointer; border: 0; height: auto; }
.sidebar_listing .accordion .card .card-header button.collapsed { background: #0055a7; }
.sidebar_listing .accordion .card + .card { margin-top: 15px; }
.sidebar_listing .accordion .card .card-header button[aria-expanded="true"]::before { border-left: 8px solid #fff; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 20px; top: 50%; width: 0; transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); 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; }
.sidebar_listing .accordion .card_content p:last-child { margin-bottom: 0; }
.sidebar_listing .accordion .card .card-header button.collapsed::before { border-left: 8px solid #fff; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); 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; }	
.sidebar_listing .accordion .card .card-body ul li + li { margin-top: 0; }
.sidebar_listing .accordion .card .card-body ul li a { font-size: 17px; color: #606060; }
.sidebar_listing .accordion .card .card-body ul li.selected a, .sidebar_listing .accordion .card .card-body ul li.active a { color: #0055a7; text-decoration: underline; }
.sidebar_listing .accordion .card .card-body .archives_main { padding: 0; }
.sidebar_listing .accordion .card .card-body .archives_main ul { padding: 0; }
.tags-box a { display: inline-block; background: none; color: #fff; margin: 0 5px 10px 0; padding: 5px 10px 5px 10px; font-size: 14px; background: #00aeef; border: none; }
.tags-box a:hover { background:#0055a7; }
.sidebar_listing .accordion .card .card-header button:hover, .sidebar_listing .accordion .card .card-header button:focus { text-decoration: none; }
.sidebar_listing .accordion .card .card-body ul li a:hover { color: #0055a7; text-decoration: underline; }
.inner_page .archives_main ul li { padding:0; margin:0; }
.inner_page .archives_main ul li:before { display:none; } 

/*blog details page*/

.blogdetails_page .blog_date { margin-bottom: 18px; display: inline-block; vertical-align: middle; } 

/*contact page*/
.cnt_details_box { border: 1px solid #ddd; padding:20px; min-height: 225px; -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; text-align: center }
.cnt_details_box:hover { border: 1px solid #0055a7; }
.cnt_details_box span.big_txt { font-size: 100px; color: #149eda; display: inline-block; font-family:'Maven Pro'; font-weight:700; }
.cnt_details_box span { font-size: 25px; color: #606060; display: block; margin: 20px 0; }
.cnt_details_box span.red { color: #f00; display: inline-block; margin: 0 0 0 10px; font-size: 17px; }
.cnt_details_box a, .cnt_details_box p { font-size: 16px; font-family:'Maven Pro'; font-weight: 400; padding:0; color:#444444; }
.cnt_details_box:hover a { color:#0055a7; }
.contact_page .contact-form .row > div:last-child .form-group { margin-bottom:0; }

.contact_form_main { padding:30px 0; text-align:center; }
/*check box css*/
.cnt_checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size:18px; -webkit-user-select: none;
 -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cnt_checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top:50%; left: 0; transform:translateY(-50%); height: 25px; width: 25px; background-color: #00aeef; border:1px solid #00aeef }
.cnt_checkbox:hover input ~ .checkmark { background-color: #0055a7; }
.cnt_checkbox input:checked ~ .checkmark { background-color: #0055a7; }
.checkmark:after { content: ""; position: absolute; display: none; }
.cnt_checkbox input:checked ~ .checkmark:after { display: block; }
.cnt_checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg); }
label.cnt_checkbox { width: auto; display: table; margin: 0 auto; position: relative; }
.contact_form_main label.cnt_checkbox { padding:0 0 0 38px; }

.contact_map iframe { border:3px solid #00aeef !important; }
.contact_map { text-align:center; }
.contact_map h2 { margin-bottom:30px; }

/*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: 24px; color: #149eda; }
.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; font-family: 'Roboto Light'; }
.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:not(.fbox-bg):hover h3:after { width: 50px; }
.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; }

#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; font-family: 'Roboto Bold'; 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%; }
#effect-4 .btn-main { width:auto; }

/*taxt-advice*/

.serivcethreecolbx { margin:45px 0 30px; }
.taxadvice_box { border:6px double #0055a7; padding:30px 20px; display: table; height: 100%; width: 100%; }
.txtadvic-cnt h3 { margin-bottom:15px; }
.txicon { width:100%; margin-bottom:15px; text-align:center; }
.txtadvic-cnt ul { display: table; text-align: center; margin: 0 auto; width: auto; }
.txtadvic-cnt ul li { word-break: break-word; word-wrap: break-word; display: inline-block; padding-left: 20px; text-align: left; }

.service_slider_sec { position:relative; background-size:cover !important; background-position:center center !important; }
.service_slider_sec:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85); }
.service_slider_sec > div { position:relative; }
.service_slider_sec h3 { color:#fff; }
/*service details page*/
.serive_txt { text-align:center; }
.serive_txt h3 { margin:0}
.service_box { padding:25px; margin:10px 0; text-align:left; }
.service_box:nth-child(odd) { background:#eee; }
.service_slider_sec{ padding:50px 0; text-align:center; margin-top:40px }
.serslid-txt { padding:15px; }
.serslid-txt h5 { margin:0; color:#fff;}
.serslid-box { border-bottom:1px solid #00aeef; display:inline-block; vertical-align:middle; position:relative; }
.serslidimg { position:relative; }
.serslidimg:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:0; height:0; background:#00aeef; opacity:0.5; transition:all ease .4s; margin:0 auto; }

.serive_slider  .owl-dots { margin-top: 15px; }
.serv-fulbx{ text-align:left; margin:10px 0; display:inline-block; vertical-align:middle; }
.insightpge  .service_box ul { column-count:3}



/*coming soon*/

.coming_soon { text-align:center; }

/************************ inner page end *******************************/
 
.down-arrow { position:relative; }
.down-arrow:before { content:"\f107"; position:absolute; right:15px; top:50%; transform:translateY(-50%);  font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style:normal; pointer-events: none; }


/************************************* Footer section styles goes here ******************************************/

#toTop { background: #00aeef; bottom: 90px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 9; border-radius: 0;color: #fff; transition: all ease .4s;}
.top-btn .fa-angle-up {  font-size: 28px !important; margin: -3px 0 0; }
.top-btn > div { font-size: 13px; margin: -7px 0 0; text-transform: uppercase; }
#toTop:hover { background:#0055a7; transform: scale(1.1); transition: all ease .4s; }

/*.footer_main { padding:96px 0 58px; }*/
.footer_main { padding:50px 0 50px; }
ul.footer-link { margin: 12px 0 0; display: inline-block; vertical-align: middle; } 
.footer-link li a { color:#444444; font-size:16px; line-height:36px;  display:inline-block; vertical-align:middle; width:100%; font-family:'Maven Pro'; }
.footer-link li a:hover, .footer-link li.selected a { color:#00aeef; }
ul.footer-social { margin-top: 12px; display: inline-block; vertical-align: middle; padding-left: 6px; }
.footer-social li a { display:inline-block; vertical-align:middle; width:100%; font-size:16px; line-height:36px; color:#444444; transition:all ease .4s; -moz-transition:all ease .4s; -ms-transition:all ease .4s; -webkit-transition:all ease .4s; }
.footer-social li a i { color:#00aeef; margin-right: 15px; }
.footer-social li a:hover { color:#00aeef; }
.footer-social li a:hover i { color:#0055a7; }

.footer_cntbx { margin:15px 0 13px; display:inline-block; vertical-align:middle; width:100%; }
.footer_cntbx p { padding: 0; }


.footer_cntbx p { padding-top:0; }
.footer_cntbx a { display:inline-block; vertical-align:middle; width:100%; color:#444444; font-size:16px; line-height:26px;  }
.footer_cntbx a:hover { color:#00aeef }
.footer_cntbx span { color:#444444; font-size:16px; line-height:30px; display:inline-block; vertical-align:middle; width:100%; }

.footer_cpy_sec { border-top:1px solid #999999; padding:13px 0; text-align:center; }


/****************************************************************************************************************/
/************************************* Footer section styles ends here ******************************************/
/****************************************************************************************************************/

div.wpcf7 .ajax-loader { position:absolute; right:15px; top:50%; transform:translateY(-50%); }
.grecaptcha-badge { bottom: 200px !important; z-index:9 }
.error { position: relative; margin-top: 0; float: left; color: #f00 !important; padding: 0 7px; background: #fff; border-radius: 30px; }
div.wpcf7-mail-sent-ok, div.wpcf7-spam-blocked, div.wpcf7-response-output { margin:6px 0; }

/*14/5/2019*/
/*service page new design*/

.postid-77 .insightpge ul { margin:10px 0; display:inline-block; vertical-align:middle; }
.service_bx_new {  position:relative; overflow: hidden; text-align:center; margin-bottom:60px; display: inline-block; vertical-align: middle; width: 100%;  }
.service_bx_new img { width:auto; height:auto; position:relative; }
.service_bx_new .seremp_details .seremp_name { font-family:'Maven Pro';font-size:25px; color:#00aeef; display:block; margin-top:4px; font-weight:600 }
.service_bx_new .seremp_details .seremp_designation { font-family:'Maven Pro';font-size:14px; color:#fff; display:block; margin:0  0 15px 0; }
.service_bx_new .seremp_content p { font-family:'Maven Pro'; font-size:15px; color:#fff; line-height:24px; padding:10px 30px; margin:0 0 10px 0 }
.service_bx_new .seremp_content:before, .service_bx_new .seremp_content:after { display:block; content:""; height:5px; width:60px;  border:1px solid #969696; border-left:0; border-right:0; margin: 0 auto; }


.service_bx_new .servm_hover { width:100%; position:absolute; top:100%; left:0; transform: translate(0,-70px); -ms-transform: translate(0,-70px); -webkit-transform: translate(0,-70px); z-index:3; transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.seremp_details { padding:0 22px; }

/*taxt-advice*/
.service_bxmain { padding-top:40px;}
.serivcethreecolbx { margin:45px 0 30px; }
.taxadvice_box { border:6px double #0055a7; padding:30px 20px; display: table; height: 100%; width: 100%; }
.txtadvic-cnt h3 { margin-bottom:15px; }
.txicon { width:100%; margin-bottom:15px; text-align:center; }
.txtadvic-cnt ul { display: inline-grid; text-align: center; margin: 0 auto; width: auto; }
.txtadvic-cnt ul li { word-break: break-word; word-wrap: break-word; display: inline-block; padding-left: 20px; text-align: left; }
/*7/6/2019*/
.welcome-sec { text-align:center; padding-top:50px; }
.welcome-sec h2 {margin-bottom:5px;}
a.read_more_btn { font-weight: 600; text-decoration: underline; }

/*26/6/2019*/
.whtwe-newcircl_sec { padding:50px 0; text-align:center; background: #f1f1f1;}
.whtwecirnewbx { display:inline-block; vertical-align:middle; width:230px; height:230px; border-radius:100%; background:#0055a7; text-align:center; margin-bottom: 25px; transition:all ease .4s; position:relative; }
.whtwecirnewbx:hover { background:#00aeef;}    
.circlnewicon { display:inline-block; vertical-align:middle; width:100%;    position: absolute;  top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding:0 12px;  }
.titlecirclenew { color:#fff; font-size:18px; line-height:24px; font-family: 'Maven Pro'; font-weight: 700; letter-spacing: 0.01em;  width: 100%; display: inline-block; margin-top:15px; }


/*15/7/2019*/

.service_sec { padding:50px 0; text-align:center; }
.service_sec h2 { margin-bottom:30px;text-transform: capitalize }
.flip-box { background-color: transparent; padding: 0px; width: 100%; height: 389px; position: relative;  padding:0 0 50px }

.flip-wrap:hover .flip-box-inner { transform: rotatey(180deg); -webkit-transform: rotatey(180deg);  -o-transform: rotatey(180deg); -moz-transform: rotatey(180deg); }

.flip-box-inner { text-align: center; background-color:#0055a7;  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);  border-radius: 10px; position: relative; transition: transform 1.5s; transform-style: preserve-3d;  -webkit-transition: transform 1.5s;
-webkit-transform-style: preserve-3d; -o-transition: transform 1.5s; -o-transform-style: preserve-3d;  -moz-transition: transform 1.5s; -moz-transform-style: preserve-3d; width: 100%; height: 100%; }
.flip-box-front, .flip-box-back {  position: absolute;  width: 100%; height: 100%;  backface-visibility: hidden; -webkit-backface-visibility: hidden!important;  -o-backface-visibility: hidden; -moz-backface-visibility: hidden;left:0; right:0; margin:0 auto; }
.flip-box-front header { background-color:#00aeef;  border-radius: 10px 10px 0 0;  padding:75px 0 84px; }
.flip-box-front h2 { font-size: 25px; font-weight: 600; line-height: 30px;  margin: 30px 0; color:#fff; }
.flip-box-back { display:none; }

.flip-box-back header {
    background-color: #00aeef;
    border-radius: 10px 10px 0 0;
    padding-bottom: 10px;
	    padding-top: 11px;
}
.flip-box-back h3 {
    font-size: 24px;
    font-weight: 600;
    line-height:30px;
    color:#fff; 
}
.flip-box-back ul { display:inline-block; vertical-align:middle;  width: 100%; padding:0 15px; }
.flip-box-back ul li { color:#fff; position:relative; text-align: left; padding: 0 0 0 15px;}
.flip-box-back ul li:before{ content: "\f105"; position: absolute; left: 0; top: 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; color: #fff;}
.flip_box_back_cnt { padding:15px; }
.serv_content { max-height:180px;}
.serv_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff !important; }
/*25/7/2019*/
.header { background:transparent;}
.navigation ul.menu > li > a { color: #fff; }
.navigation ul.menu > li.selected > a { color:#fff;}
.navigation ul.menu > li:after { filter: brightness(0) invert(1); }
.site-main > header.sticky .header { background: rgba(255,255,255,0.90); box-shadow: 0 0 7px rgba(0,0,0,0.8);  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); }
.site-main > header.sticky .navigation ul.menu > li > a { color: #333; }
.site-main > header.sticky .navigation ul.menu > li:after {  filter: none; }
.site-main > header.sticky .header-call { color: #00aeef; }
.header-call { color: #fff; }
.habout_cnt h1 { font-size:45px; line-height:50px; }
.flip-box:hover .flip-box-front { display:none; backface-visibility: hidden;
-webkit-backface-visibility: hidden !important;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;}
.flip-box:hover .flip-box-back{ transform: rotatey(180deg); -webkit-transform: rotatey(180deg);  -o-transform: rotatey(180deg); -moz-transform: rotatey(180deg);  -webkit-backface-visibility: visible !important; -o-backface-visibility: visible; -moz-backface-visibility:visible; display:inline-block;}
/*2/8/2019*/
/*service page*/
.service_icon { width:50px; height:50px; border:1px solid #00aeef; border-radius:100%; line-height:45px;  text-align: center; display: table; vertical-align: middle;  margin: 0 auto; transition:all ease .4s; position:relative; }
.service_icon:before { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:40px; height:40px; border-radius:100%; background:#00aeef; }
.service_txt { padding:10px; }
.service_txt h5 { margin:0; transition:all ease .4s; font-weight: 400; }
.service_bx_new:hover .service_icon:before { background:#0055a7;}
.service_bx_new:hover .service_txt h5 { color:#0055a7;}
/*5/8/2019*/
/*home page serice section*/
.hl-our-service { width:100%; display:inline-block; text-align: center; margin:0 0 30px 0; }
.hl_service_flip_box { position: relative;  z-index: 1;  transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;  perspective: 1000px; -moz-perspective: 1000px;  -ms-perspective: 1000px; -o-perspective: 1000px; -webkit-perspective: 1000px;  border-radius: 10px 10px 0 0;margin-bottom: 50px; height:337px; }
.hl_service_flip_box_front { position: relative; transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1); -ms-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1);  -webkit-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; padding-bottom: 0; background: #0055a7; color: #fff; width: 100%; display: inline-block; vertical-align: middle; border-radius: 10px 10px 0 0; }
.hl_service_flip_box_content { position: absolute;  left: 0; top: 50%;  width: 100%; padding: 0 15px 10px 15px;  transform: translateY(-50%);  -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  -webkit-transform: translateY(-50%); }
.hl_service_flip_box h2{ font-size: 25px;  font-weight: 600; line-height: 30px;  margin: 43px 0;color: #fff; }
.flip_box_back_cnt h3 { font-size: 24px; font-weight: 600; line-height: 30px; color: #fff }
.hl_service_flip_box_back { position: absolute; top: 0; right: 0; bottom: 0;left: 0;z-index: 1;  text-align: center;transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1);-moz-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1);   -ms-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1);   -webkit-transition: all 1.5s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d; -o-transform-style: preserve-3d;
 -webkit-transform-style: preserve-3d; overflow: hidden;background:#0055a7; border-radius: 10px 10px 0 0; }
.hl_service_flip_box_back_content h4, .hl_service_flip_box_back_content .h4 { margin: 0 0 14px 0; }
.hl-our-service h4, .hl-our-service .h4 { color: #fff; margin: 15px 0 0 0; font-size: 24px; }
.hl_service_flip_box:hover .hl_service_flip_box_front { transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); }
.hl_service_flip_box:hover .hl_service_flip_box_back { transform: translateY(0);-moz-transform: translateY(0); -ms-transform: translateY(0);-webkit-transform: translateY(0); -o-transform: translateY(0); }
.hl_service_flip_box_back header {  padding:11px 0; background-color:#00aeef;  border-radius: 10px 10px 0 0;}
.flip_box_back_cnt ul li { color: #fff; position: relative; text-align: left;  padding: 0 0 0 15px; }

.hl_service_flip_box_front  header { background-color:#00aeef;  border-radius: 10px 10px 0 0;  padding:75px 0 84px; }
/*28/8/2019*/
.servicesinner_page  .serive_txt { text-align:left;}



/***************************************************************************************************/
/**************************************** Onload Popup css *******************************************/
/***************************************************************************************************/
.modal-backdrop.fade { opacity: 0.8; }
#onloadpopup.fade:not(.show) { opacity: 1; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
span.close_btn { position: absolute; right: 20px; top: 9px; font-size: 32px; color: #636363; transform: rotate(45deg); cursor: pointer; }
.modal-content p { font-size: 22px; line-height: 1.8; padding-bottom: 0; margin: 0 0 20px; color: #000; font-weight:bold; }
.modal-body { border-radius: 5px !important;padding: 40px 60px; border-top: 5px solid #00aeef; background: #fff; background-position: center; position: relative; z-index: 22; }
.modal-body:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.90); z-index: -1; }
.modal-body h2 { color: #00aeef; text-transform: uppercase; margin: 0 0 20px; font-size: 34px; }
.modal.fade .modal-dialog {min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; }
.modal-body a { display: inline-block; background-color: #0055a7; border: none; transition: all ease-in-out 0.2s; padding: 10px 40px; border-radius: 0px; font-size: 18px; font-weight: 600; color: #fff; position: relative; }
.modal-body a:hover { background-color: #00aeef; color:#fff}
#onloadpopup .modal-content.text-center { border: 0; }