/**common css start**/
body { color: #1f1f1f; font-size: 16px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-weight: 400; }
ol, ul { padding: 0; margin: 0; list-style: none }
* { border: none; margin: 0; padding: 0; vertical-align: baseline; outline: none!important; box-sizing: border-box }
img { height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; }
/***Link Color***/
a { color: #1636a7; }
a:hover, a:focus { color: #252424; text-decoration: none }
/***Link Color End***/

/***Tel Link***/
@media screen and (min-width:1024px) {
a[href^="tel:"] { pointer-events: none; }
}
/***Tel Link End***/

/****Label******/
label { display: block; font-weight: normal }
label.auto { display: inline-block; margin: 0 15px 5px 0 }
label.auto:last-child { margin-right: 0 }
/****Label******/

.container { max-width: 1210px; margin: 0 auto; padding: 0 15px; width: 100%; }
/****Input Fields*****/
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], input[type="url"], input[type="number"], input[type="date"], input[type="file"], select, textarea { background: rgba(255,255,255,0.8)!important; border: none; border-radius: 0; color: #1f1f1f; display: block; font-size: 16px; line-height: 24px!important; padding: 12px 23px; position: relative; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; height: 54px; margin-bottom: 27px; font-family: 'Montserrat', sans-serif; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="file"]:focus, select:focus, textarea:focus, input[type="url"]:focus { border-color: #1636a7; }
textarea { height: 153px; resize: none; font-size: 16px; border-radius: 0 }
select { -webkit-appearance: menulist; -moz-appearance: menulist; }
select option { font-size: 16px; }
input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 5px; vertical-align: top; }
::-webkit-input-placeholder {
color:#1f1f1f;
opacity:1
}
:-moz-placeholder {
color:#1f1f1f;
opacity:1
}
::-moz-placeholder {
color:#1f1f1f;
opacity:1
}
:-ms-input-placeholder {
color:#1f1f1f;
opacity:1
}

/***Browser Compatibility**/
input::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border:0;
}
input[type="button"], input[type="submit"], input[type="reset"] { -moz-appearance: none; -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
input[type=number] { -moz-appearance: textfield !important; }
/****Input Fields End*****/


/****Space Control Top Bottom*****/
.m-0 { margin: 0!important }
.m-1 { margin: 10px 0!important }
.m-2 { margin: 20px 0!important }
.m-3 { margin: 30px 0!important }
.m-4 { margin: 40px 0!important }
.m-5 { margin: 50px 0!important }
.m-6 { margin: 60px 0!important }
.m-7 { margin: 70px 0!important }
.p-0 { padding: 0!important }
.p-1 { padding: 10px 0!important }
.p-2 { padding: 20px 0!important }
.p-3 { padding: 30px 0!important }
.p-4 { padding: 40px 0!important }
.p-5 { padding: 50px 0!important }
.p-6 { padding: 60px 0!important }
.p-7 { padding: 70px 0!important }
.m-t0 { margin-top: 0!important }
.m-t2 { margin-top: 20px!important }
.m-t3 { margin-top: 30px!important }
.m-t4 { margin-top: 40px!important }
.m-t5 { margin-top: 50px!important }
.m-t6 { margin-top: 60px!important }
.m-t7 { margin-top: 70px!important }
.m-b0 { margin-bottom: 0!important }
.m-b2 { margin-bottom: 20px!important }
.m-b3 { margin-bottom: 30px!important }
.m-b4 { margin-bottom: 40px!important }
.m-b5 { margin-bottom: 50px!important }
.m-b6 { margin-bottom: 60px!important }
.m-b7 { margin-bottom: 70px!important }
.p-t0 { padding-top: 0!important }
.p-t2 { padding-top: 20px!important }
.p-t3 { padding-top: 30px!important }
.p-t4 { padding-top: 40px!important }
.p-t5 { padding-top: 50px!important }
.p-t6 { padding-top: 60px!important }
.p-t7 { padding-top: 70px!important }
.p-b0 { padding-bottom: 0!important }
.p-b2 { padding-bottom: 20px!important }
.p-b3 { padding-bottom: 30px!important }
.p-b4 { padding-bottom: 40px!important }
.p-b5 { padding-bottom: 50px!important }
.p-b6 { padding-bottom: 60px!important }
.p-b7 { padding-bottom: 70px!important }
/****Space Control Top Bottom End*****/

/*****Social Icons*****/
ul.social-icon { display: inline-block; padding: 0; margin: 0; vertical-align: middle }
ul.social-icon li { display: inline-block; width: auto; margin: 0px 6px 0px 0; background: none; padding: 0; vertical-align: middle; color: #fff; }
ul.social-icon li a { display: inline-block; padding: 0; width: auto; }
ul.social-icon li a:before { display: none!important }
ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 100%; vertical-align: top; font-size: 18px; line-height: 36px; width: 36px; height: 36px; color: #fff; background: #3e3e3e }
ul.social-icon li a:hover i { background: #1636a7 }
/*****Social Icons End*****/

/********common css start******/
/******Hundred% Start******/
.hundred, section, header, footer { position: relative; float: left; width: 100%; }
/******Hundred% End******/

/******Custom Select******/
.selectric-wrapper { position: relative; cursor: pointer; }
.selectric-responsive { width: 100%; }
.selectric-open { z-index: 9999; }
.selectric-open .selectric-items { display: block; }
.selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; }
.selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0; }
.selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; }
.selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; }
.selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font:0/0 a !important;
background: none !important; }
.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; }
/***Front label***/
.selectric { border-bottom: 1px solid #d4e1c6; background: none; position: relative; border-radius: 0; margin-bottom: 20px; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 20px; font-size: 16px; font-weight: 300; line-height: 60px; color: #808080; height: 60px; padding: 0; text-align: left }
.selectric-below .selectric .label { color: #808080 }
.selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 40px; height: 30px; color: #909090; font-size: 0; text-align: center; }
.selectric .button:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-size: 18px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #909090; line-height: 30px; font-weight: normal }
/***Front label End***/

/****Select Drop Down***/
.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #1636a7; z-index: -1; margin: 0 }
.selectric-items .selectric-scroll { height: 100%; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; }
.selectric-items ul { padding: 0!important; background: #fff; margin: 0 !important }
.selectric-items li { font-size: 14px !important; min-height: 20px; margin-bottom: 1px; display: block; padding: 10px 22px !important; color: #000000 !important; line-height: normal !important; font-weight: normal !important; }
.selectric-items li:last-child { margin-bottom: 0 }
.selectric-items li:before, .selectric-items li:after { display: none !important }
.selectric-open .selectric { border-color: #000000 !important; }
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #1636a7; color: #fff !important }
.selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-items .selectric-group .selectric-group-label { font-weight: normal; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #000000; }
.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }
.selectric-items .selectric-group li.selectric-group-label { padding-left: 12px !important; }
.selectric-items .selectric-group li { padding-left: 25px !important; }
/*****Custom Checkbox & Radio *****/
.csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; }
.csOpaque { opacity: 0; filter: alpha(opacity=0); }
.csFileInput { display: none!important; }
/**Checkbox**/
.csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: white; width: 20px; height: 20px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; }
.csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 20px; width: 20px; }
.radio .csRadio, .checkbox .csCheckbox { margin-left: -14px }
.csRadioElem { border-radius: 9px; }
.csRadioElem, .csCheckboxElem { display: inline-block; background: #fff; height: 18px; width: 18px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #dddddd }
.csCheckedR, .csChecked { border-color: #000000 }
.csCheckedR:after { content: ""; background: #1636a7; padding: 4px; border-radius: 8px; width: 8px; line-height: 8px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: bold; color: #1636a7; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
/******Form Style End******/

/*****Button & Scroll Up Start****/
.btn { min-width: 160px; text-decoration: none; display: inline-block; vertical-align: middle; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); cursor: pointer; margin: 0; background: #1636a7; text-align: center; border-radius: 0px; padding: 14px 17px; color: #fff!important; font-size: 18px; line-height: 24px!important; text-transform: capitalize; border: none; font-weight: 600; }
.btn:hover i, .btn:focus i { color: #fff!important }
.big-btn { font-size: 18px; padding: 15px; min-width: 193px; }
.scrollup i { background-color: #1636a7; }
.scrollup i:hover, .btn:focus, .btn:hover, .btn:before, .btn:focus:before, .btn:hover:before { background-color: #000; }
.btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 0; }
.btn:focus:before, .btn:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.scrollup { position: fixed; right: 5px; bottom: -40px; z-index: 50; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; filter: alpha(opacity=0); opacity: 0 }
.scrollup i { color: #fff; width: 30px; height: 30px; font-size: 16px; line-height: 30px; cursor: pointer; text-align: center; border-radius: 0; border: 1px solid #fff }
.scrollup i:hover { color: #fff; }
.scrollup.show { filter: alpha(opacity=100); opacity: 1; bottom: 5px; }
/****Button & Scroll Up End******/

/******Contact Form 7 Message******/
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { float: left; margin: 15px 0; text-align: center; width: 100%; }
.wpcf7-not-valid { background-color: #fbc9c9 !important; border-color: #f00 !important; }
.inverse-form .wpcf7-not-valid { background-color: transparent !important; }
span.wpcf7-not-valid-tip { display: none !important }
.wpcf7-captchac { background: #fff; float: left; padding: 3px; width: 134px; }
.wpcf7-captchar { float: left; max-width: 210px; margin-left: 5px !important; width: 100% !important; width: -moz-calc(100% - 185px) !important; width:-webkit-calc(100% - 185px !important);
width: -o-calc(100% - 185px)!important; width: calc(100% - 185px)!important; }
/****** Contact Form 7  Message End ******/

/****** Header ******/
header { position: fixed; top: 0!important; left: 0; right: 0; padding: 0; z-index: 99999; }
/************ Logo-wrap starts ************/
header .logo-wrap { padding: 0px 0 24px; width: 100%; background: #fff; }
header .logo-wrap .content { display: table; width: 100%; position: relative; padding-top: 10px; }
header .logo-wrap .logo { display: table-cell; vertical-align: middle; width: 100%; }
header .logo-wrap .logo a { display: inline-block; width: auto; }
header .logo-wrap .top-right-content { display: table-cell; vertical-align: middle; text-align: right; top: -3px; position: relative }
/************ Header-top starts ************/
header .header-top-row { display: flex; width: 100%; background: #f6f6f6; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
header .header-top-row .top-menu { float: right }
header .header-top-row .top-menu ul { float: right }
header .header-top-row .top-menu ul li { margin: 0 13px; display: inline-block; font-size: 12px; text-transform: uppercase; color: #000; position: relative; line-height: 34px }
header .header-top-row .top-menu ul li + li:before { position: absolute; content: "|"; top: 0px; font-size: 10px; left: -17px; color: #000 }
header .header-top-row .top-menu ul li.search { margin: 0 8px 0 0 }
header .header-top-row .top-menu ul li.search:before { display: none }
header .header-top-row .top-menu ul li a { margin: 0; color: #000; text-decoration: none }
header .header-top-row .top-menu ul li i { width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 18px; color: #027bb2 }
header .top-right-content .top-menu.nav { display: none!important }
/*header .search-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.8); display:flex;
align-items:center;  justify-content: center; display:none}
header .search-box .srb{ width:70%; max-width:440px; position:relative}
header .search-box .srb input[type="text"]{ width:100%; height:50px; background:#fff!important}
header .search-box .srb input[type="submit"]{ width:50px; height:50px; position:absolute; right:0; top:0; background:#077cc1 url(../img/search-icon01.png) center center no-repeat}
header .search-box.open{ display:flex}
header .search-box .closeB{ position:absolute; top:8px; right:-30px; color:#fff !important; font-size:20px}*/

header .header-top-row .top-menu ul li .fa-search.open:before { content: "\f00d"; }
.search-box { position: absolute; top: 44px; right: 0; width: 410px; z-index: 999; background: #1636a7; display: flex; align-items: center; justify-content: center; display: none; padding: 15px; box-shadow: 0 6px 5px rgb(0 0 0 / 10%); }
.search-box .srb { width: 100%; max-width: 440px; position: relative; }
.search-box .srb input[type="text"] { width: 100%; height: 40px; background: #fff!important; margin: 0; padding: 5px 50px 5px 15px; letter-spacing: 1px }
.search-box .srb input[type="submit"] { width: 50px; height: 40px; position: absolute; right: 0; top: 0; background: url(../img/search-icon01.png) center center no-repeat; cursor: pointer }
.search-box.open { display: flex }
.search-box .closeB { position: absolute; top: 8px; right: -30px; color: #fff !important; font-size: 20px; display: none }
 .search-box ::-webkit-input-placeholder {
color:#000;
opacity:1
}
.search-box :-moz-placeholder {
color:#a1a1a1;
opacity:1
}
.search-box ::-moz-placeholder {
color:#a1a1a1;
opacity:1
}
.search-box :-ms-input-placeholder {
color:#a1a1a1;
opacity:1
}
/************ Header-top end ************/

/************ Callus starts ************/
header .callus { display: inline-block; font-size: 15px; color: #fff; text-decoration: none; vertical-align: middle; margin: 0 0 0px; text-align: left; line-height: 1.2; background: #1634ae url(../img/phone-icon-01.png) 14px center no-repeat; font-weight: 500; width: 170px; height: 48px; line-height: 48px; text-align: center; padding: 0 15px 0 38px }
header .callus span { display: block; font-size: 14px; color: #1636a7; }
header .callus i {
background:; display: inline-block; width: 18px; height: 48px }
header .btn{font-size: 15px;}

/***** Nav starts *****/
.nav-trigger { display: none }
.nav-wrap { position: relative; float: left; width: 100%; margin: 0; z-index: 99; }
.nav_trigger, nav #menu-button { display: none }
.nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 }
.nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; }
.nav-wrap nav { display: inline-block; position: static; padding: 0; margin: 0; text-align: center; vertical-align: middle }
.nav-wrap nav ul.nav { display: table; }
.nav-wrap nav ul.nav > li { position: relative; float: left; padding: 0; overflow: visible; }
.nav-wrap nav ul.nav > li:before { display: block; position: absolute; }
.nav-wrap nav ul.nav > li:last-child:before { display: none }
.nav-wrap nav ul.nav > li.has-sub > a:after { content: "\f107"; display: inline-block; font-size: 14px; line-height: 18px; font-family: Font Awesome\ 5 Pro; margin-left: 5px; color: #000 }
.nav-wrap nav ul.nav > li > a { display: block; margin: 0; white-space: nowrap; text-decoration: none; }
.nav-wrap nav ul.nav li.has-sub li.has-sub > a { padding-right: 20px !important }
/*.nav-wrap nav ul.nav li.has-sub li.has-sub > a:after{content:"\f067";display:inline-block;font-size:12px;line-height:18px;font-family:Font Awesome\ 5 Pro;margin-left:5px;color:#ffffff;position:absolute;right:10px;}*/
.nav-wrap nav ul.nav li.has-sub li.has-sub > a:after { display: inline-block; font-size: 12px; line-height: 18px; margin-left: 5px; color: #ffffff; position: absolute; right: 10px; }
.nav-wrap nav ul.nav ul li.has-sub:hover > a:after {/*content:"\f068";*/ }
.nav-wrap nav ul.nav .align-left-menu ul { background: #02395f }
/****sub nav menu *****/
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
.nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.08); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.08); box-shadow: 0 3px 5px rgba(0,0,0,0.08); border: 0!important; background: #fff }
.nav-wrap nav ul.nav ul ul:after { display: none }
.nav-wrap nav > ul.nav > li > ul:before { content: ""; position: absolute; margin-bottom: 0; left: 15px; bottom: 100%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #1636a7; display: none }
.nav-wrap nav > ul.nav > li > ul { top: 100%; }
.nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 0 }
.nav-wrap nav ul.nav ul ul:before { top: 0 }
.nav-wrap nav ul.nav li:hover > ul { display: block; visibility: visible; left: 0; top: 100%; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden; padding: 14px 0 }
.nav-wrap nav > ul.nav li:hover ul { top: 56px; max-height: 500px; overflow: visible; box-shadow: 0 0 6px rgba(0,0,0,0.1); min-width: 232px }
@media only screen and (min-width:1024px) {
.nav-wrap nav ul.nav li:hover ul { -moz-transition: all 0.3s linear 0s!important; -webkit-transition: all 0.3s linear 0s!important; -ms-transition: all 0.3s linear 0s!important; transition: all 0.3s linear 0s!important; }
}
.nav-wrap nav ul.nav ul > li:hover > ul { left: 100%; top: 0; }
.nav-wrap nav ul.nav .reverse-menu ul > li:hover > ul { right: 100%; left: auto; }
.nav-wrap nav ul.nav .align-left-menu:hover > ul { right: 0; left: auto; }
.nav-wrap nav ul.nav ul .align-left-menu:hover ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul { right: 100%; left: auto; }
.nav-wrap nav ul.nav ul .align-right-menu:hover ul, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul { left: 100%!important; right: auto!important; }
.nav-wrap nav .z-h { z-index: 99999!important }
.nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after { left: 100%!important; right: auto!important; }
.nav-wrap nav ul.nav ul li.has-sub:after { content: "\f067"; position: absolute; left: auto; right: 15px; top: 0; bottom: 0; width: auto; font-family: Font Awesome\ 5 Pro; font-size: 11px; line-height: 33px; color: #1636a7 }
.nav-wrap nav ul.nav ul li.has-sub:hover:after { content: "\f068"; }
.nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 190px; padding: 5px 0; margin: 0; vertical-align: top; overflow: visible; }
.nav-wrap nav ul.nav ul li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li a { font-weight: normal; width: auto; white-space: normal; text-transform: uppercase; font-size: 14px; line-height: normal; font-weight: 500; color: #3f3f3f; padding: 3px 15px 3px 16px; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; border-left: solid 3px #fff }
.nav-wrap nav ul.nav ul li:last-child a { border-bottom: none }
.nav-wrap nav ul.nav ul li a:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; font-size: 16px; position: absolute; top: 1.5em; left: 15px; margin: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #a6a6a6; display: none }
.nav-wrap nav ul.nav li > ul > li:hover:after { display: block; }
.nav-wrap nav ul.nav> li> a:before { content: ""; padding: 0; height: 1px; position: absolute; left: 0; right: 100%; bottom: 0; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.nav-wrap nav ul.nav> li:hover > a:before, .nav-wrap nav ul.nav > li > a:hover:before, .nav-wrap nav ul.nav > li.current-menu-item > a:before, .nav-wrap nav ul.nav > li.current-menu-ancestor > a:before { right: 0 }
.nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { color: #1636a7; border-left: solid 3px #1636a7 }
.nav-wrap nav ul.nav ul li a:hover:before { color: #fff }
/**** Header Change *****/
header .logo-wrap .content { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width: 100%; position: relative; height: 83px }
header .logo-wrap .content .logo { margin-right: auto } /*margin-left:inherit left*/
header .logo-wrap .content .contactMe { margin: 0 0px 0 15px; white-space: nowrap } /*margin-left:inherit right*/
header .logo-wrap .content.full .top-right-content { order: 2; width: 100%; padding: 10px 0 0; }
/****** Nav change ******/
.nav-wrap {/*background:#ddd; */ padding: 10px 0; text-align: left }
.nav-wrap nav ul.nav > li { margin: 0 5px 0 5px; }
.nav-wrap nav ul.nav > li:first-child { margin-left: 0 }
.nav-wrap nav ul.nav > li:last-child { margin-right: 0 }
/*.nav-wrap nav ul.nav > li:before{content:"|";top:0; font-size:11px; right:-13px;top:9px; color:#c6c6c6}*/
.nav-wrap nav ul.nav > li > a { padding: 18px 3px; font-size: 15px; line-height: 20px; color: #3f3f3f; text-transform: uppercase; font-weight: 500; }
.nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { color: #1634ae }
.nav-wrap nav ul.nav> li> a:before { background-color: #1636a7; display: none }
header .logo-wrap .content .contactMe .btn { min-width: 140px; padding: 12px 13px; }
header .logo-wrap .content .contactMe .btn i{ margin-right:4px; display:none}
.has-mega { position: static!important; }
.nav-wrap nav ul.nav ul.mega-dropdown { display: none; width: 100%; padding: 15px }
.menu-row { display: flex; width: 100%; }
.menu-row .menu-col { flex: 1 }
.menu-row .menu-col ul { position: static!important; height: auto!important; max-height: inherit!important; overflow: visible!important; visibility: visible!important; opacity: 1!important }
/**************Nav ends**************/

/******Transition Start******/
a, input[type="button"], input[type="submit"], input[type="reset"], header .logo img, footer ul li a:before, footer ul li a, .social-icon *, .btn { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
/****Shrink Header***/
header .logo-wrap .logo { max-width: 140px; }
.head-fix header .logo-wrap .logo { max-width: 140px; }
.head-fix header { box-shadow: 0 2px 5px rgba(0,0,0,0.3) }
.head-fix .logo-wrap { }
.head-fix .nav-wrap { }
/****Shrink Header end***/ 

.margin-top { margin-top: 104px!important; }
/*****Flexslider*******/
.flexslider { position: relative; overflow: hidden; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .photo, .flexslider .photo>img { width: 100%; display: block; position: relative; display: none }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.flexslider .flex-control-paging { position: absolute; bottom: 15px; left: 0px; z-index: 50; width: 100%; text-align: center; height: auto; font-size: 0; line-height: 0; opacity: 1; list-style: none; margin: 0; padding: 0; display: none; }
.flexslider .flex-control-paging li, .flexslider .flex-control-paging li a { height: auto; width: auto; margin: 1px; display: inline-block; font-size: 0; line-height: 0; }
.flexslider .flex-control-paging li:before { display: none !important }
.flexslider .flex-control-paging li a:before { content: ''; height: 12px; width: 12px; display: inline-block; border: 2px solid #1636a7; border-radius: 30px; cursor: pointer; transition: all 300ms ease; }
.flexslider .flex-control-paging li a.flex-active:before { width: 18px; border-color: #a3d168 }
.flexslider .flex-direction-nav a { transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; position: fixed }
.flexslider .flex-direction-nav .flex-prev { width: 35px; height: 42px; position: absolute; left: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -21px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 }
.flexslider .flex-direction-nav .flex-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 42px; height: 100%; width: 100%; }
.flexslider .flex-direction-nav .flex-next { width: 35px; height: 42px; position: absolute; right: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -21px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 }
.flexslider .flex-direction-nav .flex-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 42px; height: 100%; width: 100%; }
.flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: #1636a7; }
.flexslider .flex-direction-nav .flex-prev:hover:before, .flexslider .flex-direction-nav .flex-next:hover:before { border-color: #ffffff; }
.flexslider:hover .flex-control-paging, .flexslider:hover .flex-direction-nav a { opacity: 1 }
.flexslider:hover .flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-direction-nav .flex-next { right: 0; }
.flexslider:hover .flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-direction-nav .flex-next { right: 0; }
.flexslider .flex-disabled { display: none!important }
/*****Flexslider End*******/

/************home banner starts************/

.home-banner { min-height: 100px; background-color: #fff; }
.home-banner .slides li { background-position: right center; background-repeat: no-repeat; background-size: cover; position: relative;}
/*.home-banner .slides > li:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5)}*/
.home-banner .slide-img img { float: right; width: 100% }
.home-banner .caption { position: absolute; left: 0; right: 0; top: 120px; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 }
.home-banner .caption .container { }
.home-banner .max-width { width: auto; max-width: 550px; float: left; position: relative; margin: -9px 0 0 -2px }
.home-banner .heading { color: #020202; font-size: 48px; line-height: 56px; font-weight: 600; }
.home-banner p { font-size: 16px; font-weight: 400; line-height: 1.8; color: #494848; padding: 12px 0 0; margin: 0; font-family: 'Montserrat', sans-serif; }
.home-banner span { position: relative; }
.home-banner span:after { border: solid 1px #1636a7; display: block; width: 52px; height: 52px; content: ""; position: absolute; top: 1px; left: -10px }
.home-banner .btn-row { padding-top: 33px }
.home-banner .btn-row .btn { min-width: 187px; }
/***fadeInDown , bounceInDown , slideUp ****
.home-banner .flex-active-slide .small-heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.home-banner .flex-active-slide .heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.home-banner .flex-active-slide .sub-heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.home-banner .flex-active-slide p { -webkit-animation-name: slideUp; animation-name: slideUp; }
*/
.home-banner .caption.white .heading, .home-banner .caption.white p{color:#fff;} 

/************home banner ends************/

.scroll-more { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 99; color: #fff !important; font-size: 9px; text-transform: uppercase; text-decoration: none; font-weight: 400; text-align: center; transition: all ease-in-out 0.2s }
.scroll-more img { width: auto; display: inline-block }
.scroll-more span { display: block; font-size: 9px; padding-top: 5px }
.scroll-more:hover { color: #fff; bottom: 25px; }
/*********** Our Services-wrap ***********/
.our-services-wrap { display: block; width: 100%; padding: 24px 0 53px; overflow: hidden; text-align: center }
.our-services-wrap h2 { display: block; width: 100%; padding: 10px 0 2px; font-size: 36px; font-weight: 600; color: #1636a7 }
.our-services-wrap p { display: block; width: 100%; padding: 10px 0 32px; font-size: 16px; line-height: 30px }
.our-services-wrap .allBox { display: flex; margin: 0%; position: relative; clear: both; align-items: flex-start }
.our-services-wrap .allBox .box { display: block; width: 100%; padding: 32px 0 32px; border-top: solid 1px #01ffff; text-decoration: none; text-align: center; vertical-align: top; background: #ffffff; box-shadow: 0 0 6px rgba(0,0,0,0.1); display: flex; flex-direction: column; }
.our-services-wrap .allBox .box figure { display: block; width: 100%; position: relative; overflow: hidden; }
.our-services-wrap .allBox .box img { width: auto; transition: all ease-in-out 0.2s; display: inline-block; }
.our-services-wrap .allBox .box h3 { display: block; width: 100%; color: #181818; font-size: 18px; padding: 20px 40px 13px; line-height: 26px; font-weight: 600; vertical-align: middle; }
.our-services-wrap .allBox .box p { display: block; width: 100%; font-size: 14px; line-height: 24px; font-weight: 300; color: #2c2b2b; padding: 0px 14px 11px; }
.our-services-wrap .allBox .box span { padding: 5px 8px; color: #1636a7; font-size: 15px; font-weight: 600; display: block; margin-top: auto; }
.our-services-wrap .allBox .box span i { font-size: 12px; vertical-align: -1px }
.our-services-wrap .allBox .box:hover { }
.our-services-wrap .allBox .box:hover figure img { transform: scale(1, 1) }
.our-services-wrap .owl-carousel.owl-drag .owl-item { padding: 6px }
.our-services-wrap .owl-dots { position: absolute; top: 50%; left: 0; width: 100%; margin-top: 15px; display: none }
.our-services-wrap.inner { padding: 39px 0 52px; background: #f5f5f5 }
.our-services-wrap.inner .allBox { margin: 0 -17px; flex-wrap: wrap; justify-content: center; }
.our-services-wrap.inner .allBox .box { width: calc(33.33% - 34px); margin: 17px 17px 19px; min-width: 370px; padding: 0; display: flex; flex-direction: column; padding-bottom: 25px }
.our-services-wrap.inner .allBox .box img { width: auto; transition: all ease-in-out 0.2s; display: inline-block; }
.our-services-wrap.inner .allBox .box em { display: inline-block; width: 82px; height: 82px; line-height: 82px; background: rgba(255,255,255,1); border-radius: 40px; top: -48px; left: 50%; margin-left: -41px; position: absolute; z-index: 9 }
.our-services-wrap.inner .allBox .box em img { height: 45px; width: auto; vertical-align: middle }
.our-services-wrap.inner .allBox .box h3 { padding: 25px 20px 9px; font-size: 18px; color: #181818; position: relative; }
.our-services-wrap .allBox .box p { display: block; width: 100%; font-size: 15px; line-height: 26px; font-weight: 300; color: #1f1f1f; padding: 0px 18px 6px; }
.our-services-wrap.inner .allBox .box:hover figure img { transform: scale(1.1, 1.1) }
/*********** by-solution-wrap ***********/
.by-solution-wrap { display: block; width: 100%; overflow: hidden; padding: 47px 0; background: #1636a7 url(../img/solution-bg.jpg) 100% 0 no-repeat; position: relative; text-align: center }
.by-solution-wrap h2 { display: block; width: 100%; color: #ffffff; font-size: 36px; padding-bottom: 17px; transition: all ease-in-out 0.2s; position: relative; z-index: 2; font-weight: 600; overflow: hidden }
.by-solution-wrap p { display: block; width: 100%; color: #003357; line-height: 30px; font-weight: 300; padding-bottom: 30px; transition: all ease-in-out 0.2s; }
.by-solution-wrap p:last-child { padding-bottom: 10px }
.by-solution-wrap .allBox { display: flex; flex-wrap: wrap; z-index: 2; justify-content: space-between; position: relative }
.by-solution-wrap .allBox .box { width: 100%; max-width: 52%; transition: all ease-in-out 0.2s; text-align: left; padding: 4px 0 14px 32px; }
.by-solution-wrap .allBox .box h3 { display: block; width: 100%; color: #fff; font-size: 24px; padding: 20px 0px 13px; line-height: 30px; font-weight: 600; vertical-align: middle; }
.by-solution-wrap .allBox .box p { display: block; width: 100%; color: #fff; font-size: 15px; padding: 4px 0px 59px; line-height: 30px; font-weight: 300; vertical-align: middle; }
.by-solution-wrap .allBox .box p:last-child { padding-bottom: 0 }
.by-solution-wrap .allBox .box.photo { padding: 20px 0px 0; width: 48% }
.by-solution-wrap .allBox .box figure { display: block; background: #000; width: 100%; box-shadow: -15px 15px 15px rgba(0,0,0,0.05); }
.by-solution-wrap .allBox .box figure img { width: 100%; }/*fill contain cover scale-down none  object-position: 100% 100%;*/
.by-solution-wrap .allBox:after { display: block; width: 4000px; height: 2000px; background: #f5f5f5; position: absolute; bottom: -60px; right: 102%; content: ""; transform: skewX(20deg); z-index: -1 }
/*********** our-service-wrap ***********/
.our-service-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 69px 0; background: #f5f5f5 }
.our-service-wrap .allBox { display: flex; flex-wrap: wrap; z-index: 2; margin: 0 -15px }
.our-service-wrap .allBox .box { display: flex; flex-direction: row; align-items: center; justify-content: center; width: calc(33.33% - 30px); margin: 0 15px; transition: all ease-in-out 0.2s; }
.our-service-wrap .allBox .box i { vertical-align: middle; display: inline-block; min-width: 65px; padding: 0 0 0 10px }
.our-service-wrap .allBox .box h3 { display: inline-block; overflow: hidden; vertical-align: middle; padding-left: 15px; color: #1636a7; line-height: 26px; font-size: 20px; font-weight: 600; }
.our-service-wrap .allBox .box h3 small { margin-top: 4px; display: block; font-size: 16px; color: #1f1f1f; line-height: 30px; font-weight: 400 }
/*********** Projects Showcase ***********/
.projects-showcase-wrap { display: block; width: 100%; padding: 41px 0 50px; overflow: hidden; text-align: center }
.projects-showcase-wrap h2 { display: block; width: 100%; color: #1636a7; font-size: 36px; padding-bottom: 25px; transition: all ease-in-out 0.2s; position: relative; z-index: 2; font-weight: 600; overflow: hidden }
.projects-showcase-wrap h2 .btn { float: right }
.projects-showcase-wrap .allBox { display: flex; margin: 0%; position: relative; clear: both; justify-content: space-around; }
.projects-showcase-wrap .allBox .box { display: block; width: 100%; padding: 0%; text-decoration: none; text-align: left }
.projects-showcase-wrap .allBox .box figure { display: block; width: 100%; position: relative; overflow: hidden; }
.projects-showcase-wrap .allBox .box img { width: 100%; transition: all ease-in-out 0.2s; }
.projects-showcase-wrap .allBox .box span { position: absolute; bottom: 0; left: 0; background: #1636a7; padding: 2px 8px; color: #fff; font-size: 12px; }
.projects-showcase-wrap .allBox .box h3 { display: block; width: 100%; color: #1636a7; font-size: 20px; padding: 13px 0 4px; line-height: 28px; }
.projects-showcase-wrap .allBox .box p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #1f1f1f; font-weight: 400 }
.projects-showcase-wrap .allBox .box:hover {/*border-bottom: solid 2px #d2d2d2*/ }
.projects-showcase-wrap .allBox .box:hover figure img { transform: scale(1.1, 1.1) }
.projects-showcase-wrap.inner { padding: 0 0 21px }
.projects-showcase-wrap.inner h2 { padding: 11px 0 26px }
.projects-showcase-wrap.inner .allBox { flex-wrap: wrap; justify-content: center; margin: 0 -16px }
.projects-showcase-wrap.inner .allBox .box { margin: 16px 16px 7px; width: calc(33.33% - 32px) }
.projects-showcase-wrap.inner .allBox .box p { padding-top: 3px }
.projects-showcase-wrap.inner .allBox .box img { width: 100% }
/***********testimonials-wrap***********/
.testimonials-wrap { display: block; width: 100%; overflow: hidden; padding: 35px 0 55px; text-align: center; border-top: solid 1px #e5e5e5; }
.testimonials-wrap .testimonials { overflow: hidden; padding: 20px 20px 0 }
.testimonials-wrap .owl-carousel.owl-drag .owl-item { padding: 12px 6px }
.testimonials-wrap .owl-carousel .owl-stage-outer { overflow: visible }
.testimonials-wrap h2 { display: block; width: 100%; padding: 10px 0 34px; font-size: 36px; color: #1636a7; font-weight: 600 }
.testimonials-wrap .allBox { float: left; width: 100% }
.testimonials-wrap .allBox .box { float: left; width: 100%; background: #fff; padding: 45px 16px 0; box-shadow: 0 0 32px rgba(0,0,0,0.1) }
.testimonials-wrap .inner-box { height: 220px; overflow: auto; padding-bottom: 30px; margin-bottom: 30px }
.testimonials-wrap .allBox .box em { display: block; width: 68px; height: 58px; position: absolute; top: -11px; left: 50%; margin-left: -39px; }
.testimonials-wrap .allBox .box em img { display: inline-block; }
.testimonials-wrap .allBox .box p { color: #1f1f1f; line-height: 30px; font-size: 16px; padding: 20px 0 }
.testimonials-wrap .allBox .box strong { display: block; padding: 0px 0 0px 0; font-size: 17px; font-weight: 600 }
.testimonials-wrap .allBox .box span { display: block; padding: 12px 0 10px 0; font-size: 17px; font-weight: 600; color: #1636a7 }
.testimonials-wrap .allBox .box i { display: inline-block; max-width: 116px; border-radius: 120px; margin-bottom: -30px }
.testimonials-wrap .allBox .box i img { border-radius: 80px; vertical-align: top }
.testimonials-wrap .allBox .box.col-1 .inner-box p { padding-bottom: 20px }
.testimonials-wrap .owl-dots { padding-top: 45px }
/***********client-wrap***********/
.client-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 38px 0 37px; text-align: center; background: #f5f5f5; }
.client-wrap h2 { display: block; width: 100%; padding: 10px 0 23px; font-size: 36px; color: #1636a7; font-weight: 600 }
.client-wrap .allBox { display: flex; overflow: hidden; margin: 0 -12px; flex-wrap: wrap; padding-bottom: 25px }
.client-wrap .allBox .box { display: flex; height: 108px; width: 176px; justify-content: center; align-items: center; background: #fff; margin: 12px; box-shadow: 0 0 6px rgba(0,0,0,0.1) }
.client-wrap .allBox .box:hover { animation: 14s linear 2s infinite paused slidein; }
.client-wrap .allBox .box img { position: relative; display: inline-block; }
.client-wrap .view-more { font-size: 15px; color: #1636a7; font-weight: 600; text-decoration: none }
.client-wrap .view-more i { font-size: 14px; }
/*********** experience-wrap-wrap ***********/
.experience-wrap { display: block; width: 100%; overflow: hidden }
.experience-wrap .box { display: flex; width: 100%; justify-content: center; align-items: center; width: 100%; min-height: 344px; }
.experience-wrap .box .details { display: inline-block; padding: 15px; max-width: 90%; text-align: center; transition: all ease-in-out 0.2s }
.experience-wrap .box .details h3 { display: block; width: 100%; font-size: 36px; line-height: 41px; padding-bottom: 15px; color: #fff; font-weight: 600; text-align: center }
.experience-wrap .box .details p { display: block; width: 100%; font-size: 16px; color: #fff; font-weight: 400; line-height: 30px; padding-bottom: 25px; }
.experience-wrap .box .details .btn { display: inline-block; background: #fff; color: #1636a7 !important; font-size: 18px; width: 256px; height: 51px }
.experience-wrap.inner .box { min-height: 287px }
/*********** why-choose-us-wrap ***********/
.why-choose-us-wrap { display: block; width: 100%; clear: both; padding: 20px 0; margin-bottom: 191px }
.why-choose-us-wrap .box { display: block; width: 100%; width: 100%; }
.why-choose-us-wrap .box .details { display: block; padding: 15px; width: 100%; text-align: center; transition: all ease-in-out 0.2s }
.why-choose-us-wrap .box .details h4 { display: block; width: 100%; font-size: 18px; line-height: 41px; padding-bottom: 15px; color: #fff; font-weight: 600; text-align: center }
.why-choose-us-wrap .box .details p { display: block; width: 100%; font-size: 24px; color: #fff; font-weight: 600; line-height: 36px; padding: 6px 21%; }
.why-choose-us-wrap .box .inner-box { display: flex; padding-top: 22px; margin: 0 -23px; margin-bottom: -138px; justify-content: center; }
.why-choose-us-wrap .box .inner-box .inbox { width: calc(50% - 46px); margin: 0 23px; background: #fff; padding: 38px 38px 23px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.why-choose-us-wrap .box .inner-box .inbox h3 { font-size: 20px; color: #1636a7; font-weight: 600; padding-top: 0 }
.why-choose-us-wrap .box .inner-box .inbox p { font-size: 16px; color: #1f1f1f; font-weight: 400 }
.why-choose-us-wrap .box .inner-box .inbox .callus { display: flex; }
.why-choose-us-wrap .box .inner-box .inbox .callus span { padding-right: 19px }
.why-choose-us-wrap .box .inner-box .inbox strong { font-size: 16px; color: #1f1f1f; font-weight: 600 }
.why-choose-us-wrap .box .inner-box .inbox strong a { display: block; font-size: 16px; color: #1f1f1f; font-weight: 400; text-decoration: none; margin-top: 5px }
.why-choose-us-wrap .box .inner-box .inbox p a { display: block; text-decoration: none; font-size: 18px; font-weight: 600; background: url(../img/strip.png) 3px center no-repeat; padding-left: 58px }
/***********common content***********/
.common-content { padding: 30px 0; display: block; width: 100%; overflow: hidden }
.common-content .btn { white-space: normal; }
.common-content h1, .common-content h2, .common-content h3, .common-content h4, .common-content h5, .common-content h6 { padding: 15px 0 5px 0; }
.common-content h1 { font-size: 40px; }
.common-content h2 { font-size: 36px; }
.common-content h3 { font-size: 24px; }
.common-content h4 { font-size: 18px; }
.common-content h5 { font-size: 18px; }
.common-content h6 { font-size: 16px; }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 16px 0 12px 30px; }
.alignleft { float: left; margin: 16px 30px 12px 0; }
.alignnone { margin: 10px 0 }
.alignblock { margin: 10px 0; float: none; width: 100%; display: block }
.common-content > div > .iframe-video:first-child, .common-content > .iframe-video:first-child, .common-content > div > div > .iframe-video:first-child { margin-top: 0 }
.common-content ol li, .common-content ul li, .common-content p { line-height: 30px; }
.common-content ul, .common-content ol { padding: 10px 0 10px; margin: 0; }
.common-content p { padding: 10px 0 20px; margin: 0; }
.common-content ul li { position: relative; padding: 3px 0 0 31px; overflow: hidden; }
.common-content ul.col-2 { overflow: hidden; clear: both; margin: 0 -2% }
.common-content ul.col-2 li { float: left; width: 46%; padding-right: 5px; margin: 0 2% }
.common-content ul.col-2 li:nth-child(odd) { clear: left }
.common-content ul.col-3 { overflow: hidden; clear: both; margin: 0 -2% }
.common-content ul.col-3 li { float: left; width: 29.33%; padding-right: 5px; margin: 0 2% }
.common-content ul li:before { content: "\f138"; font-family: Font Awesome\ 5 Pro; color: #1636a7; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 8px; line-height: 1; font-size: 16px }
.common-content ul.check-list li { padding-left: 52px; padding-bottom: 14px }
.common-content ul.check-list li:before { left: 15px; top: 5px; content: "\f00c"; font-size: 24px; font-weight: 300; }
.common-content ol { padding-left: 25px; text-align: left; overflow: hidden }
.common-content ol li { list-style: decimal; padding: 0 0 10px 0; }
.common-content ol li ul > li { padding-left: 30px; list-style: none }
.common-content ol li ul > li:before { display: block; left: 15px }
.common-content ul li:last-child, .common-content ol li:last-child { padding-bottom: 0 }
.common-content ul ol li { overflow: visible }
.common-content ul ol li:before { display: none; overflow: visible }
.common-content ol ol li { list-style: lower-alpha }
.common-content ol ol ol li { list-style: lower-roman }
.common-content p.pn { padding: 0; margin: 0 }
.text-center ul li { padding-left: 0 }
.text-center ul li:before { position: static; margin-right: 10px; vertical-align: middle; }
.common-content .list-none li { padding-left: 0 }
.common-content .list-none li:before { display: none; }
 @media only screen and (max-width:991px) {
.common-content h1, .common-content h2 { font-size: 30px; }
.common-content h3 { font-size: 24px; }
.common-content ul, .common-content ol, .common-content p { padding: 8px 0; }
.alignnone { margin: 6px 0; }
.alignright { margin-left: 30px; }
.alignleft { margin-right: 30px; }
}
 @media only screen and (max-width:767px) {
.common-content h1, .common-content h2 { font-size: 24px; }
.common-content h3 { font-size: 20px; }
}
.big-col { float: left; width: 70%; }
.aside { float: left; width: 30%; }
/***Inner Banner***/
.inner-banner { overflow: hidden; position: relative }
.inner-banner img { width: 100%; float: left }
.inner-banner .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 }
.inner-banner .max-width { width: 100%; max-width: 900px; float: left; position: relative; }
.inner-banner .heading { color: #ffffff; font-size: 48px; line-height: 1.15; font-weight: 600; text-transform: none; text-align: left; padding-left: 10px }
.inner-banner p { font-size: 18px; font-weight: 300; line-height: 30px; color: #000; padding: 8px 0; margin: 0 }
.inner-banner:after { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; content: ""; }
.inner-banner span { position: relative }
.inner-banner span::after { border: solid 1px #1636a7; display: block; width: 52px; height: 52px; content: ""; position: absolute; top: 1px; left: -10px; z-index: -1 }
/***Inner Banner End***/

.discover-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 0 0 41px; }
.discover-wrap h2 { display: block; width: 100%; padding: 44px 0 5px; font-size: 36px; color: #1636a7; font-weight: 600 }
.discover-wrap h3 { font-weight: 600; padding: 12px 0 0 }
.discover-wrap .allBox { display: block; overflow: hidden; width: 100% }
.discover-wrap .allBox .box { width: 100% }
.discover-wrap .allBox .box .alignright { margin: 16px 0 12px 70px }
.discover-wrap.team h2 { padding: 10px 0 5px; }
.discover-wrap.team .allBox .box .alignright { margin: 16px 0 12px 15px; }
.discover-wrap.why { padding-bottom: 0 }
.discover-wrap.why h2 { padding: 24px 0 5px; }
.discover-wrap.why .allBox .box .alignright { margin: 16px 0 12px 15px; }
.default-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 0 0 26px; text-align: center }
.default-wrap h2 { display: block; width: 100%; padding: 11px 0 5px; font-size: 36px; color: #1636a7; font-weight: 600 }
.default-wrap .allBox { display: block; overflow: hidden; width: 100% }
.default-wrap .allBox .box { width: 100%; padding: 0 3% }
.philosophy-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 0 0 29px; text-align: center; background: #f5f5f5 }
.philosophy-wrap h2 { display: block; width: 100%; padding: 44px 0 18px; font-size: 36px; color: #1636a7; font-weight: 600 }
.philosophy-wrap .allBox { display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 -22px; padding-top: 0 }
.philosophy-wrap .allBox .box { width: calc(50% - 44px); margin: 22px; text-align: left; padding: 25px 44px 35px; box-shadow: 0 0 11px rgba(0,0,0,0.05); background: #fff }
.philosophy-wrap .allBox .box h3 { font-size: 24px; color: #1636a7; font-weight: 600; padding: 0; position: relative }
.philosophy-wrap .allBox .box h3 span { font-size: 24px; color: #1636a7; font-weight: 600; padding: 0; width: 58px; height: 58px; line-height: 58px; text-align: center; background: #fff; border-radius: 34px; display: block; position: absolute; left: -59px; top: -16px; font-weight: 700; box-shadow: -1px 0 1px rgba(0,0,0,0.1) }
.philosophy-wrap .allBox .box p { font-size: 15px; padding-bottom: 0 }
/*********** solution-numbers-wrap ***********/
.solution-numbers-wrap { display: block; width: 100%; overflow: hidden; padding: 20px 0 77px }
.solution-numbers-wrap .box { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; align-items: center; width: 100%; }
.solution-numbers-wrap .box .details { display: block; padding: 15px 0 6px; width: 100%; text-align: center; transition: all ease-in-out 0.2s }
.solution-numbers-wrap .box .details h3 { display: block; width: 100%; font-size: 36px; line-height: 41px; padding-bottom: 15px; color: #fff; font-weight: 600; text-align: center }
.solution-numbers-wrap .box .details p { display: block; width: 100%; font-size: 18px; color: #fff; font-weight: 600; line-height: 30px; padding-bottom: 13px; }
.solution-numbers-wrap .box .details small { display: block; width: 100%; font-size: 16px; color: #fff; font-weight: 400; line-height: 30px; padding-bottom: 25px; }
.solution-numbers-wrap .box .details .btn { display: inline-block; background: #fff; color: #1636a7 !important; font-size: 18px; width: 256px; height: 51px }
.solution-numbers-wrap .innerbox { display: flex; margin: 0 -17px; justify-content: center; align-items: center; flex-wrap: wrap }
.solution-numbers-wrap .innerbox .inbox { width: calc(290px - 34px); margin: 0 17px; padding: 25px 24px 30px; text-align: center; background: rgba(23,47,132,0.6); }
.solution-numbers-wrap .innerbox .inbox strong { font-size: 48px; display: block; color: #fff; padding: 15px 0 0 }
.solution-numbers-wrap .innerbox .inbox p { font-size: 18px; font-weight: 600; display: block; color: #fff; padding: 0 }
.meet-team-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 0 0 51px; text-align: center; background: #f5f5f5 }
.meet-team-wrap h2 { display: block; width: 100%; padding: 39px 0 24px; font-size: 36px; color: #1636a7; font-weight: 600 }
.meet-team-wrap .allBox { display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 -15px; padding-top: 0; justify-content: center; }
.meet-team-wrap .allBox .box { margin: 15px; text-align: left; box-shadow: 0 0 11px rgba(0,0,0,0.05); background: #fff; text-decoration: none }
.meet-team-wrap .allBox .box figure { overflow: hidden }
.meet-team-wrap .allBox .box img { vertical-align: top; width: 100%; transition: all ease-in-out 0.2s }
.meet-team-wrap .allBox .box h3 { font-size: 22px; color: #1636a7; font-weight: 600; padding: 16px 10px 0; text-align: center }
.meet-team-wrap .allBox .box p { font-size: 14px; color: #1f1f1f; font-weight: 500; padding: 0 10px 17px; text-align: center; }
.meet-team-wrap .allBox .box:hover img { transform: scale(1.1, 1.1) }
.commonPopup { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.4); width: 965px; max-width: 80%; border-radius: 0; margin: 35px auto 6px; position: relative; }
.commonPopup .popUpBox { overflow: hidden; clear: both; display: table; }
.commonPopup .text { display: table-cell; vertical-align: top; padding: 35px }
.commonPopup .text h4 { font-size: 22px; line-height: 28px; color: #1636a7; font-weight: 600; padding: 0 0 10px 0; display: inline-block; }
.commonPopup .text p { line-height: 30px; font-size: 16px; color: #1f1f1f }
.commonPopup .text span { font-size: 14px; color: #1f1f1f; font-weight: 500; display: block; padding-top: 3px }
.commonPopup img { float: left; max-width: 294px; }
.commonPopup .photo { display: table-cell; width: 180px; vertical-align: top }
.commonPopup .mfp-close { width: 30px!important; height: 30px!important; background-color: none !important; top: 12px!important; right: 15px !important; border-radius: 15px 15px 0 0; color: #1f1f1f; content: "X"; text-indent: inherit !important; font-size: 24px!important; }
.commonPopup .mfp-close:hover, .commonPopup .mfp-close:focus { background-color: none !important; }
 @media all and (max-width:767px) {
.commonPopup .popUpBox, .commonPopup .photo, .commonPopup .text { display: block; text-align: center; width: 100% }
.commonPopup img { float: none; margin-bottom: 10px; }
}
/*********** our-service-wrap ***********/
.why-choose-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 42px 0 37px; background: #f5f5f5 }
.why-choose-wrap h2 { display: block; width: 100%; color: #1636a7; font-size: 36px; padding-bottom: 40px; transition: all ease-in-out 0.2s; position: relative; z-index: 2; font-weight: 600; overflow: hidden; text-align: center }
.why-choose-wrap .allBox { display: flex; flex-wrap: wrap; z-index: 2; margin: 0 -15px }
.why-choose-wrap .allBox .box { display: flex; flex-direction: row; align-items: center; justify-content: center; width: calc(33.33% - 30px); margin: 0 15px 30px; transition: all ease-in-out 0.2s; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 15px 11px }
.why-choose-wrap .allBox .box i { vertical-align: middle; display: inline-block; min-width: 65px; padding: 0 0 0 10px }
.why-choose-wrap .allBox .box h3 { display: inline-block; overflow: hidden; vertical-align: middle; padding: 10px 0 10px 18px; color: #1636a7; line-height: 26px; font-size: 20px; font-weight: 600; }
.why-choose-wrap .allBox .box h3 small { margin-top: 4px; display: block; font-size: 15px; color: #1f1f1f; line-height: 30px; font-weight: 400 }
/*********** ONE-STOP-SHOP-wrap ***********/
.one-stop-shop-wrap { display: block; width: 100%; overflow: hidden; padding: 18px 0 }
.one-stop-shop-wrap .box { display: flex; width: 100%; }
.one-stop-shop-wrap .box .details { display: block; padding: 15px; width: 100%; transition: all ease-in-out 0.2s }
.one-stop-shop-wrap .box .details h3 { display: block; width: 100%; font-size: 36px; line-height: 41px; padding-bottom: 20px; color: #fff; font-weight: 600; text-align: center }
.one-stop-shop-wrap .box .details p { display: block; width: 100%; font-size: 18px; color: #fff; font-weight: 600; line-height: 30px; padding-bottom: 0; }
.one-stop-shop-wrap .box .details .btn { display: inline-block; background: #fff; color: #1636a7 !important; font-size: 18px; width: 256px; height: 51px }
.one-stop-shop-wrap .box .details ul { }
.one-stop-shop-wrap .box .details ul li { font-size: 16px; color: #fff; font-weight: 400 }
.service-details-wrap { display: block; width: 100%; overflow: hidden; position: relative; padding: 0px 0 37px; }
.service-details-wrap h2 { display: block; width: 100%; color: #1636a7; font-size: 36px; padding: 12px 0 5px; transition: all ease-in-out 0.2s; position: relative; z-index: 2; font-weight: 600; overflow: hidden; }
.service-details-wrap ul { padding-top: 0 }
.service-details-wrap ul li { font-style: italic; padding: 4px 0 0 41px }
.service-details-wrap ul li::before { font-style: normal; left: 14px }
.service-details-wrap a { color: #1634ae; text-decoration: none }
.service-details-wrap a:hover { text-decoration: underline }
.service-details-wrap .ad { display: block; padding: 17px 0 }
.service-details-wrap .ad img { display: block; width: 100%; vertical-align: top }
.get-free-consultation { display: flex; width: 100%; background: url(../img/get-free-consultation-img.jpg) 0 0 no-repeat; background-size: cover; height: 334px; text-align: center; align-items: center; /*justify-content: center;*/ margin: 12px 0 15px 0; flex-direction: column; padding: 45px 25px }
.get-free-consultation h3 { font-size: 26px; color: #fff; line-height: 30px; font-weight: 600; padding: 0 0 4px; text-align: center }
.get-free-consultation p { font-size: 16px; color: #fff; line-height: 30px; font-weight: 400 }
.get-free-consultation .btn { text-decoration: none; background: #fff; color: #1636a7!important; max-width: 258px; width: 100% }
.get-free-consultation .btn:hover { text-decoration: none; color: #fff!important; }
.other-services-wrap { display: block; width: 100%; padding: 30px 0 50px; overflow: hidden; text-align: center; background: #f5f5f5 }
.other-services-wrap h2 { display: block; width: 100%; color: #1636a7; font-size: 36px; padding-bottom: 30px; transition: all ease-in-out 0.2s; position: relative; z-index: 2; font-weight: 600; overflow: hidden }
.other-services-wrap .allBox { display: flex; margin: 0 -13px; position: relative; clear: both; }
.other-services-wrap .allBox .box { display: block; width: calc(20% - 26px); margin: 13px; text-decoration: none; background: #fff }
.other-services-wrap .allBox .box figure { display: block; width: 100%; position: relative; overflow: hidden; overflow: hidden }
.other-services-wrap .allBox .box a { text-decoration: none; }
.other-services-wrap .allBox .box img { width: 100%; transition: all ease-in-out 0.2s; vertical-align: top }
.other-services-wrap .allBox .box h4 { display: table; width: 100%; color: #1636a7; font-size: 15px; padding: 8px 15px 8px; line-height: 28px; font-weight: 600; text-align: center; line-height: 20px }
.other-services-wrap .allBox .box h4 span { display: table-cell; width: 100%; height: 40px; vertical-align: middle; }
.other-services-wrap .allBox .box:hover img { transform: scale(1.1, 1.1) }
.testimonials-wrap.inner { border: none; padding: 0 0 25px }
.testimonials-wrap.inner h2 { padding: 10px 0 30px }
.testimonials-wrap.inner .allBox .box { position: relative; text-align: left; padding: 24px 48px 36px; margin: 15px 0 41px }
.testimonials-wrap.inner .allBox .box em { right: 72px; left: auto; top: -29px }
.testimonials-wrap.inner .allBox .box p { padding: 20px 0 11px }
.testimonials-wrap.inner .allBox .box .details { display: flex; width: 100%; align-items: center; }
.testimonials-wrap.inner .allBox .box .details i { margin: 0; box-shadow: 0 0 4px rgba(0,0,0,0.1) }
.testimonials-wrap.inner .allBox .box .details span { display: block; font-size: 17px; padding-left: 27px }
.testimonials-wrap.inner .allBox .box .details strong { display: block; font-size: 20px; color: #1f1f1f; padding-bottom: 10px }
.contactUs-wrap { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; padding: 16px 0 74px }
.contact-info { display: block; width: 46%; max-width: 520px }
.contact-info h2 { color: #1636a7; padding: 0 0 10px 0; font-size: 36px; position: relative; margin: 0; font-weight: 600 }
.contact-info h3 { color: #1636a7; padding-top: 0 }
.contact-info p { padding: 0; margin-bottom: 20px }
.contact-info ul { margin-bottom: 0; padding-top: 6px }
.contact-info ul li { padding: 0px 0 0 63px; font-size: 12px; }
.contact-info ul li.space { padding-bottom: 0 }
.contact-info ul li.space + li { padding-top: 0 }
.contact-info ul li:first-child { line-height: 28px; }
.contact-info ul li a { padding: 0; color: #000; text-decoration: none }
.contact-info ul li:before { display: none !important }
.contact-info ul li i { float: left; margin: 10px 4px 0 0; }
.contact-info ul li i img { vertical-align: top }
.contact-info ul li p { display: table; margin-bottom: 30px }
.contact-info ul li strong { color: #1636a7; font-size: 20px; font-weight: 600; padding-bottom: 3px; display: block }
.contact-info ul li span { overflow: hidden; display: table-cell; color: #1f1f1f; font-weight: 400; vertical-align: middle; font-size: 16px; line-height: 30px }
.contact-info ul li span a { color: #1f1f1f; }
.contact-info ul li span a:hover { color: #1636a7; }
.contact-info ul li i { position: absolute; left: 0; top: 0 }
.contact-info .btn { min-width: 292px; margin-top: 30px }
.contact-info ul li:last-child p { margin-bottom: 20px }
.contactUs-wrap .left-col { padding-right: 30px; width: 50%; }
.contactUs-wrap .left-col h2 { color: #1636a7; padding-top: 0 }
#fbuilder .fields, #fbuilder .fform { float: left; width: 50%; padding: 5px !important; }
#fbuilder .fields#field_1-0 { width: 100%; }
#fbuilder .captcha { float: left; width: 100% }
.contactUs-wrap #fbuilder .pbSubmit { min-width: 160px; text-decoration: none; display: inline-block; vertical-align: middle; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); cursor: pointer; margin: 0; background: #1636a7; text-align: center; border-radius: 0px; padding: 14px 17px; color: #fff!important; font-size: 18px; line-height: 24px!important; text-transform: capitalize; border: none; font-weight: 600;font-family: 'Montserrat', sans-serif;}
.contactUs-wrap #fbuilder .pbSubmit:hover, .contactUs-wrap #fbuilder .pbSubmit:focus { background-color: #000; }
.send-message { margin-top: 7px; float: right; width: 51%; max-width: 592px; padding: 35px 46px 34px; background: url(../img/form-bg.jpg) 0 0 no-repeat; background-size: cover }
.send-message h3 { color: #01ffff; font-size: 32px; padding: 0 0 37px 0; position: relative; margin: 0; font-weight: 500; font-weight: 600 }
.send-message .btn { min-width: 190px; margin-top: 2px; background: #01ffff; color: #1636a7 !important; font-weight: 600 }
.send-message .btn:hover { background: #1f1f1f; color: #fff !important; font-weight: 600 }
.service-area-wrap { display: block; width: 100%; overflow: hidden; padding: 70px 0; text-align: center }
.service-area-wrap h3 { color: #fff; padding: 0 0 50px 0; font-size: 36px; position: relative; margin: 0; font-weight: 600 }
.service-area-wrap .allBox { display: flex; margin: 0; }
.service-area-wrap .allBox .box { display: block; width: 33.33%; text-decoration: none; }
.service-area-wrap .allBox .box p { display: block; font-size: 20px; color: #fff; font-weight: 600; padding: 9px 0 }


.single-gallery{ margin:30px 0 -3% -3%;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.single-gallery:first-child{ margin-top:0}
.gallery-box .lazy-image{padding-top: 74.77777777%;}
.gallery-box .lazy-image img{ opacity:1.0}
.single-gallery .gallery-box{ float:left; width:30.33333333%; margin:0 0 3% 3%}
.single-gallery .gallery-box.big{ width:47%;}

.blog-wrap { display: block; width: 100%; overflow: hidden; padding: 10px 0 45px; }
.blog-wrap .allBox { display: flex; justify-content: center; margin: 0 -17px; flex-wrap: wrap; position: relative; clear: both; align-items: flex-start }
.blog-wrap .allBox .box { width: calc(33.33% - 34px); margin: 17px 17px 19px; display: flex; padding: 0 0 20px; text-decoration: none; vertical-align: top; background: #ffffff; box-shadow: 0 0 6px rgba(0,0,0,0.1); display: flex; flex-direction: column; min-width: 360px; }
.blog-wrap .allBox .box figure { display: block; width: 100%; position: relative; overflow: hidden; }
.blog-wrap .allBox .box img { width: 100%; transition: all ease-in-out 0.2s; display: inline-block; vertical-align: top }
.blog-wrap .allBox .box h3 { display: block; width: 100%; color: #1636a7; font-size: 20px; padding: 15px 28px 6px; line-height: 26px; font-weight: 600; vertical-align: middle; text-transform: none; }
.blog-wrap .allBox .box h3 em { display: block; font-size: 14px; font-weight: 400; padding-bottom: 6px; text-transform: none; font-style: normal; color: #1f1f1f }
.blog-wrap .allBox .box p { display: block; width: 100%; font-size: 15px; line-height: 26px; font-weight: 400; color: #2c2b2b; padding: 0px 28px 10px; }
.blog-wrap .allBox .box span { padding: 5px 28px; color: #1636a7; font-size: 15px; font-weight: 600; display: block; margin-top: auto; }
.blog-wrap .allBox .box span i { margin-left: 5px; font-size: 12px; font-weight: 900 }
.blog-wrap .allBox .box:hover figure img { transform: scale(1, 1) }
.blog-wrap .allBox .box:hover figure img { transform: scale(1.1, 1.1) }
.blog-wrap.details { }
.blog-wrap.details .allBox { display: block; margin: 0 }
.blog-wrap.details .allBox .box { width: 100%; margin: 0; padding: 0px; margin-bottom: 0; box-shadow: none; display: block }
.blog-wrap.details .allBox .box figure { float: right; width: auto; max-width: 40%; margin: 0 0 15px 20px }
.blog-wrap.details .allBox .box:hover figure img { transform: scale(1, 1) }
.blog-wrap.details .box h3 { display: block; width: 100%; padding: 0 0 6px; }
.blog-wrap.details .box p { display: block; width: auto; padding: 15px 0 6px; }
/***********Table***********/
.table-responsive { border: none; margin: 8px 0; overflow: auto; }
table { width: 100%; }
table tr td, table tr th { border: 1px solid #dddddd; font-size: 14px; padding: 15px; vertical-align: top; text-align: left; font-weight: 300; background: #fff }
table tr th { font-weight: 500; background-color: rgba(0,0,0,.05) }
table img { display: inline-block; }
table.center tr td, table.center tr th { text-align: center }
/***********Table End***********/

/************two col starts************/
.two-aside { overflow: hidden; display: block; margin: 0 -15px }
.two-aside .big-col { float: left; width: 64%; padding: 0 15px; }
.two-aside .aside { float: right; width: 35%; padding: 0 15px; }
/************two col End************/

/***********Vertically Middle***********/
.lazy-image { position: relative; background: #f5f5f5; width: 100%; padding-top: 66.33%; overflow: hidden; z-index: 2; }
.lazy-image img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, -webkit-transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in; }
.google-map { position: relative; padding-top: 57%; }
.iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 54%; margin: 10px 0; }
.google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
img.lazyFade { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
/***********Content End***********/

/************Breadcrumbs************/
div.breadcrumbs, section.breadcrumbs { position: relative; display: block; padding: 10px 0; margin: 0; overflow: hidden; clear: both; text-align: left; z-index: 11; border-bottom: 1px solid #d6d6d6; }
ul.breadcrumbs { padding: 0; clear: both; margin: 0 }
ul.breadcrumbs li { position: relative; display: inline-block; font-size: 13px; line-height: normal; vertical-align: top; padding: 0 22px 0 0; margin-right: 11px; color: #1636a7; font-style: normal; font-weight: 500; }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a { position: relative; display: inline-block; font-size: 13px; color: #000; vertical-align: top; font-weight: normal; text-decoration: none }
ul.breadcrumbs li:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; position: absolute; font-size: 14px; right: 0; top: 3px; line-height: 1; color: #1636a7; font-style: normal }
ul.breadcrumbs li:last-child { padding: 0; margin: 0 }
ul.breadcrumbs li:last-child:after { display: none }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a:hover { color: #1636a7; }
ul.breadcrumbs li.active a { color: #1636a7; }
/***********Breadcrumbs End***********/

/*********** pagingRow-wrap ***********/
.pagingRow { text-align: center; width: 100%; float: left; padding-top: 40px }
.pagingRow .prev { float: left; width: auto; display: inline-block; color: #3f6b14; font-size: 12px; text-decoration: none; font-weight: normal }
.pagingRow .next { float: right; width: auto; display: inline-block; color: #3f6b14; font-size: 12px; text-decoration: none; font-weight: normal }
.pagingRow .next:hover, .blog-wrap .pageing .prev:hover { opacity: 1 }
.pagingRow ul { margin: 0; display: inline-block }
.pagingRow ul li { display: inline-block; padding: 0px; background: none !important; font-size: 12px; text-transform: uppercase; font-weight: normal }
.pagingRow ul li i { font-size: 12px; top: 0; padding: 0 8px; position: relative }
.pagingRow ul li::before { display: none }
.pagingRow ul li a, .pagingRow ul li .current { display: inline-block; width: 20px; height: 20px; line-height: 20px; border: solid 1px #fff; color: #000; text-decoration: none; }
.pagingRow ul li .current { background: #3f6b14 !important; color: #fff }
.pagingRow ul li a:hover, .pagingRow ul li .current:hover { border: solid 1px #fff; background: #3f6b14; color: #fff; text-decoration: none }
.pagingRow .next, .pagingRow .prev { float: none; background: none !important; color: #3f6b14!important; }
.pagingRow .next:hover, .pagingRow .prev:hover { color: #252424!important; }
/***********pagingRow End***********/


/**************footer starts**************/
footer { background: #1f1f1f; }
footer .top-content { overflow: hidden; clear: both; padding: 46px 0 0; }
footer ul { padding: 10px 0; overflow: hidden; margin: 0 }
footer ul li { line-height: 20px; color: #fff; font-size: 16px; font-weight: 600; vertical-align: top; padding: 8px 0; overflow: hidden; display: inline-block; width: 30% }
footer ul li a { position: relative; display: inline-block; }
footer .allBox { display: flex; flex-wrap: wrap; overflow: hidden; min-height: 50px; align-items: center; border-bottom: solid 1px #363636; padding-bottom: 10px }
footer .allBox .box { width: 31%; }
footer .allBox .box.big { width: 55% }
footer .allBox .box:last-child { border: none; width: 14%; text-align: center }
/* footer-hover active */
footer a { color: #fff; text-decoration: none; }
footer a:hover, footer a:focus, footer ul li.current-menu-item a, footer ul li.current-menu-item a:hover, footer ul li.current-menu-item a:focus, footer ul li.current-menu-parent a, footer ul li.current-menu-parent a:hover, footer ul li.current-menu-parent a:focus { color: #1636a7; text-decoration: none }
footer ul li a:hover:before, footer ul li.current-menu-item a:before, footer ul li.current-menu-item a:hover:before, footer ul li.current-menu-item a:focus:before, footer ul li.current-menu-parent a:before, footer ul li.current-menu-parent a:hover:before, footer ul li.current-menu-parent a:focus:before { background-color: #1636a7; width: calc(100% - 15px) }
footer ul.social-icon li a:after { display: none!important }
/*copyright*/
footer .copyright { padding: 38px 0 42px; display: table; width: 100%; overflow: hidden; clear: both; background: #1f1f1f; }
footer .copyright p { display: inline-block; margin-bottom: 0; white-space: nowrap; font-size: 14px; color: #afafaf }
.bgfooter .copyright p a:hover { color: #afafaf }
footer .copyright p img { margin: 0 0 0 30px }
footer .copyright .social { display: inline-block; margin: 0 auto; }
footer .copyright .reserved-design { display: flex; align-items: center; flex-wrap: wrap; }
footer .copyright .reserved p { display: block; width: 100% }
footer .copyright .design-by { margin-left: auto }
footer .copyright.bg { background: #1f1f1f }
footer .copyright.bg p { color: #afafaf }
footer .copyright.bg p a { color: #afafaf }
footer h3 i { float: right; padding: 6px 10px; display: none!important }
footer .mobile-collapse { display: none }
@media (min-width:992px) {
footer .mobile-collapse { display: block!important; height: auto!important }
}
/**************footer ends**************/

@media all and (min-width:992px) {
.aside-left { float: left; width: 68%; padding-right: 50px }
.aside-right { float: left; width: 32%; }
}
@media only screen and (max-width:1211px) {
.client-wrap .allBox { justify-content: center; }
.client-wrap .allBox .box { margin: 10px; }
.home-banner .max-width { margin: 0; padding: 0 15px }
.our-services-wrap p br { display: none }
}
@media only screen and (max-width:1199px) {
header .logo-wrap .logo { max-width: 142px; }
.nav-wrap nav ul.nav > li { margin: 0 4px; }
.nav-wrap nav ul.nav > li::before { right: -13px; top: 9px; }
.home-banner .heading { font-size: 40px; line-height: 48px }
.home-banner .caption { top: 50px }
.home-banner span::after { width: 42px; height: 42px; }
.home-banner .max-width { max-width: 470px }
.home-banner .btn-row { padding-top: 17px; }
.discover-wrap h2 { padding: 16px 0 5px; font-size: 30px }
.discover-wrap .allBox .box .alignright { margin: 16px 0 12px 40px; max-width: 50% }
.philosophy-wrap h2, .solution-numbers-wrap .box .details h3, .contact-info h2, .service-area-wrap h3, .meet-team-wrap h2, .why-choose-wrap h2, .one-stop-shop-wrap .box .details h3, .experience-wrap .box .details h3, .default-wrap h2 { font-size: 30px }
.philosophy-wrap .allBox .box h3 { font-size: 22px }
.solution-numbers-wrap .box .details h3 { padding-bottom: 5px }
.contactUs-wrap { padding-bottom: 45px }
.service-area-wrap { padding: 40px 0 }
.service-area-wrap h3 { padding-bottom: 30px }
.service-area-wrap .allBox .box p { font-size: 18px }
.meet-team-wrap { padding-bottom: 30px }
.meet-team-wrap h2 { padding: 30px 0 10px; }
.blog-wrap .allBox .box { min-width: 305px }
.inner-banner .heading { font-size: 36px }
.inner-banner span::after { height: 42px; width: 42px }
.projects-showcase-wrap.inner h2 { padding: 6px 0 6px; }
.other-services-wrap { padding: 10px 0 30px; }
.other-services-wrap h2 { padding-bottom: 10px }
.other-services-wrap .allBox { flex-wrap: wrap; justify-content: center; }
.other-services-wrap .allBox .box { min-width: 215px }
.why-choose-wrap { padding: 20px 0 10px }
.why-choose-wrap h2 { padding-bottom: 20px }
.one-stop-shop-wrap .box .details { padding: 0 }
.one-stop-shop-wrap .box .details h3 { padding-bottom: 0 }
.default-wrap h2 { padding: 0 }
.our-services-wrap.inner { padding: 20px 0 20px; }
}
 @media only screen and (max-width:1024px) {
.margin-top { margin-top: 104px !important }
.common-content { padding: 25px 0; }
header .logo-wrap .header-top-row { display: none!important }
header .top-right-content .top-menu.nav { display: block!important }
header .logo-wrap .content { padding-right: 52px; }
header .logo-wrap .top-right-content { position: absolute; top: 8px; right: 0; padding: 0 }
header .logo-wrap .nav-wrap { background: none; padding: 0 }
header .contactMe .btn { padding: 9px 12px }
footer .copyright .social p { display: none }
.blak-overlay { position: fixed; z-index: 150; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0 }
.nav-trigger { position: relative; display: block; float: right; font-size: 24px; clear: right; width: 48px; height: 48px; border: none; min-height: 48px; cursor: pointer; border-radius: 0; margin: 0; background: #494848; margin: 19px 0 0 15px; }
.nav-trigger i { display: block; color: #fff; width: 48px; line-height: 48px; text-align: center }
.nav-trigger.closemenu i:before { content: "\f00d" }
#push_sidebar { right: -260px; z-index: -1; top: 0!important; bottom: 0; position: fixed; width: 260px; overflow-x: hidden; overflow-y: auto; margin: 0!important; padding: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: #494848; }
.nav-wrap nav ul.nav ul li a { border-bottom: none }
.nav-wrap nav ul.nav ul li a::before { top: 18px; }
html, header { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.3s linear 0s; }
.sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px }
.sidebar_active #push_sidebar { right: 0; z-index: 999999; }
.nav-wrap nav ul.nav > li.has-sub > a:after { display: none }
.sidebar_active header { position: fixed; left: -260px; right: 260px; top: 0!important; }
.nav-wrap nav ul.nav > li.has-sub:hover > a:before { display: none }
.nav-wrap nav ul, nav ul ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul.nav, nav.align-center > ul, .nav-wrap nav ul.nav > li > ul, .nav-wrap nav ul.nav > li:hover > ul, .nav-wrap nav ul ul li:hover > ul, .nav-wrap nav ul ul ul li:hover > ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; }
.nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; }
.nav-wrap nav ul.nav > li { width: 100%; margin: 0!important; padding: 0; border: 0!important; border-bottom: 1px solid rgba(255,255,255,0.12)!important }
.nav-wrap nav ul.nav > li:after, .nav-wrap nav ul.nav > li:first-child:before { display: none }
.nav-wrap nav ul.nav > li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li { border: none; opacity: 1.0 }
.nav-wrap nav ul.nav > li > a { font-size: 15px; color: #fff; padding: 10px 20px 10px 16px!important; margin: 0!important; white-space: inherit; border-radius: 0; }
.nav-wrap nav ul.nav > li > a:before { display: none }
.nav-wrap nav ul.nav > li.fa-home a { font-size: 14px; font-weight: normal }
.nav-wrap nav ul.nav > li.fa-home a:after { margin-left: 10px; font-weight: bold }
.nav-wrap nav ul.nav > li.has-sub > a { padding-right: 50px!important; }
.nav-wrap nav ul.nav ul { position: static!important; opacity: 1.0; visibility: visible; padding: 0; border-radius: 0; background: none }
.nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav ul:after { display: none }
.nav-wrap nav ul.nav > li > ul > li { padding: 0!important; margin: 0; float: left; width: 100%!important; background-color: transparent; border-bottom: none; min-width: inherit }
.nav-wrap nav ul.nav > li > ul li a { font-size: 14px; color: #fff; padding: 10px 15px; white-space: inherit; border-top: 1px solid rgba(255,255,255,0.1); border-left: none!important }
.nav-wrap nav ul.nav li ul li a { padding-left: 30px }
.nav-wrap nav ul.nav li ul ul li a { padding-left: 42px }
.nav-wrap nav ul.nav li ul ul ul li a { padding-left: 50px }
.nav-wrap nav ul.nav li ul ul ul ul li a { padding-left: 55px }
.nav-wrap nav ul.nav li ul li a:before { left: 18px }
.nav-wrap nav ul.nav li ul ul li a:before { left: 30px }
.nav-wrap nav ul.nav li ul ul ul li a:before { left: 35px }
.nav-wrap nav ul.nav li ul ul ul ul li a:before { left: 41px }
.nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 40px; height: 40px; cursor: pointer; z-index: 111; }
.nav-wrap nav .submenu-button { background-color: rgba(255,255,255,0.1) }
.nav-wrap nav .submenu-button:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: rgba(255,255,255,0.7); left: 0; right: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; font-weight: normal; border-radius: 0; }
.nav-wrap nav .submenu-button.submenu-opened:before { content: '\f068'; }
.nav-wrap nav ul.nav { visibility: visible!important; display: block!important; top: 0 }
.nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { background-color: #1636a7; color: #fff }
.nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { background-color: rgba(255,255,255,0.1); color: #fff }
.nav-wrap nav > ul.nav > li > ul { max-height: inherit }
.nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul { display: none!important }
.nav-wrap nav ul.nav ul ul.open { display: block!important }
.menu-row { flex-wrap: wrap; }
.menu-row .menu-col { flex: inherit!important; width: 100%; display: block }
.menu-row .menu-col ul { display: block!important; width: 100% }
.nav-wrap nav ul.nav ul.mega-dropdown { padding: 0 }
.nav-wrap nav ul.nav ul.mega-dropdown ul { display: block!important; width: 100% }
.search-box { position: static; padding: 8px 15px; width: 100%; background: #404639; }
.our-services-wrap .owl-dots { display: none }
.discover-wrap { padding-bottom: 25px }
.philosophy-wrap h2 { padding: 25px 0 5px }
.philosophy-wrap .allBox { margin: 0 -5px }
.philosophy-wrap .allBox .box { width: calc(50% - 30px); margin: 15px; }
.solution-numbers-wrap { padding: 0px 0 40px }
.blog-wrap .allBox .box { min-width: 285px }
.blog-wrap { padding: 0 0 35px }
footer .top-content { padding: 15px 0 0; }
header .logo-wrap .content .contactMe { margin-bottom: 6px }
}
@media only screen and (max-width:991px) {
.common-content h2, .common-content .h2 { font-size: 26px; }
.alignleft, .alignright { max-width: 300px }
.aside-left, .aside-right { float: left; clear: both; width: 100%; }
.home-banner .heading { font-size: 24px; line-height: 38px }
.home-banner span::after { left: -8px; width: 28px; height: 28px; }
.home-banner .caption { top: 40px }
.home-banner .max-width { max-width: 400px }
.home-banner p { padding-top: 5px }
.home-banner .btn-row { padding-top: 11px; }
.our-services-wrap { padding: 10px 0 32px; }
.by-solution-wrap { padding: 25px 0; }
.by-solution-wrap h2 { padding-bottom: 5px }
.by-solution-wrap .allBox .box p { padding: 4px 0 10px }
.our-service-wrap { padding: 30px 0 }
.our-service-wrap .allBox .box h3 small { font-size: 15px; line-height: 24px }
.our-service-wrap .allBox .box h3 { font-size: 18px }
.projects-showcase-wrap { padding: 25px 0 30px }
.testimonials-wrap { padding: 20px 0 }
.testimonials-wrap .owl-dots { padding-top: 25px; }
.testimonials-wrap h2 { padding: 10px 0 20px }
.client-wrap { padding: 20px 0 }
.client-wrap h2 { padding: 10px 0 }
.client-wrap .allBox { padding-bottom: 15px }
.experience-wrap .box { min-height: 300px }
.experience-wrap .box .details h3, .client-wrap h2, .testimonials-wrap h2, .projects-showcase-wrap h2, .by-solution-wrap h2, .our-services-wrap h2 { font-size: 30px; line-height: 34px }
.discover-wrap .allBox .box .alignright { margin: 16px 0 12px 20px; }
.blog-wrap { padding: 0 0 25px }
.blog-wrap .allBox .box { width: calc(50% - 30px); margin: 15px 15px 15px }
.blog-wrap .allBox .box h3 { padding: 15px 15px 6px }
.blog-wrap .allBox .box p { padding: 0px 15px 10px }
.blog-wrap .allBox .box span { padding: 5px 15px }
.blog-wrap.details .allBox .box figure { width: auto; margin: 0 0 15px 20px }
.blog-wrap.details .allBox .box h3 { padding: 15px 0 6px }
.blog-wrap.details .allBox .box p { padding: 0px 0 20px }
.contactUs-wrap { padding-bottom: 30px }
.contact-info ul li span { font-size: 15px }
.contact-info ul li p { margin-bottom: 15px; }
.send-message { padding: 25px }
.send-message h3 { font-size: 28px; padding-bottom: 25px }
.service-area-wrap .allBox .box p { font-size: 16px; }
.meet-team-wrap h2 { padding: 20px 0 5px; }
.meet-team-wrap .allBox .box h3 { font-size: 20px }
.projects-showcase-wrap.inner h2 { padding: 0 0 0; }
.projects-showcase-wrap.inner .allBox .box { width: calc(50% - 32px); }
.projects-showcase-wrap .allBox .box h3 { font-size: 18px }
.get-free-consultation { padding: 25px; height: auto }
.get-free-consultation h3 { font-size: 22px; line-height: 24px }
.discover-wrap.why h2 { padding: 4px 0 5px; }
.discover-wrap h3 { padding: 0; }
.why-choose-wrap .allBox .box { width: calc(50% - 30px); }
.our-services-wrap.inner .allBox .box { min-width: 345px; }
.why-choose-us-wrap .box .details h4 { padding: 0 }
.why-choose-us-wrap .box .details { padding: 0 }
footer .top-content { padding: 20px 0 0 }
footer .allBox { margin: 0; text-align: center; padding-bottom: 20px }
footer .allBox .box, footer .allBox .box.big, footer .allBox .box:last-child { width: 100%; padding: 5px 0; text-align: center }
footer .copyright { padding: 10px 0; display: block; }
footer .copyright, footer .copyright p + p { text-align: center }
footer .copyright p, footer .copyright .social { width: 100%; margin: 2px 0; white-space: normal }
footer .copyright .reserved-design .reserved, footer .copyright .design-by { width: 100%; text-align: center }
}
@media only screen and (max-width:767px) {
header .logo-wrap .top-right-content {	top: 1px;}
header .logo-wrap .logo { max-width: 124px;}	
header .logo-wrap {	padding: 0px 0 10px;}
.margin-top {  margin-top: 96px !important;}	
	
.common-content { padding: 15px 0; }
header .call { position: absolute; top: 6px; right: 44px; width: 41px; height: 41px; border: solid 1px #1636a7; border-radius: 22px; text-align: center }
header .callus { font-size: 0; width: auto; text-align: center; display: inline-block; margin-bottom: 6px }
header .logo-wrap .content .contactMe { margin: 0 0px 0 5px }
.home-banner .max-width { background: rgba(255,255,255,0.8); padding: 15px; text-align: center; margin: 0 auto; float: none }
.home-banner p { display: none }
.home-banner .heading { line-height: 31px }
.home-banner .caption { top: 10px; bottom: 10px }
.our-services-wrap p { padding: 10px 0 18px }
.by-solution-wrap .allBox::after { display: none }
.by-solution-wrap .allBox .box.photo, .by-solution-wrap .allBox .box, .our-service-wrap .allBox .box { width: 100%; max-width: inherit; padding: 0 }
.our-service-wrap .allBox .box { padding: 10px 0 }
.experience-wrap .box .details h3, .client-wrap h2, .testimonials-wrap h2, .projects-showcase-wrap h2, .by-solution-wrap h2, .our-services-wrap h2, .one-stop-shop-wrap .box .details h3 { font-size: 24px; line-height: 30px }
.experience-wrap .box { min-height: 270px; }
.inner-banner .heading { font-size: 26px; }
.inner-banner span::after { height: 29px; width: 29px }
.inner-banner img { min-height: 70px; object-fit: cover }
.philosophy-wrap { padding-bottom: 15px }
.philosophy-wrap .allBox .box { width: calc(100% - 30px); margin: 15px; }
.solution-numbers-wrap .box .details { padding: 5px 15px 0 }
.solution-numbers-wrap .innerbox .inbox { margin-bottom: 10px }
.philosophy-wrap h2, .solution-numbers-wrap .box .details h3 { font-size: 26px; line-height: 30px }
.philosophy-wrap .allBox .box h3 { font-size: 20px; }
.contactUs-wrap { padding: 0px 0 20px; }
.contact-info ul { padding: 0 }
.contact-info, .send-message { width: 100%; max-width: inherit; margin-top: 0 }
.service-area-wrap .allBox, .service-area-wrap .allBox .box { flex-wrap: wrap; width: 100% }
.service-area-wrap .allBox .box p { padding: 3px 0 }
.service-area-wrap { padding: 20px 0; }
.service-area-wrap h3 { padding-bottom: 10px; }
.contactUs-wrap .left-col { padding: 0 0 30px; width: 100%; }
.service-details-wrap { padding-bottom: 15px }
.get-free-consultation { margin: 0px 0 15px 0 }
.two-aside .big-col, .two-aside .aside { width: 100%; }
.meet-team-wrap .allBox .box { width: calc(50% - 30px); max-width: 270px }
.commonPopup .popUpBox { padding-top: 0 }
.commonPopup .text { padding: 0px 15px 15px }
.experience-wrap .box .details { padding: 25px 15px }
.meet-team-wrap { padding-bottom: 15px }
.other-services-wrap h2 { padding: 5px 0 0; }
.why-choose-wrap .allBox .box { width: calc(100% - 30px); justify-content: flex-start; }
.why-choose-wrap h2 { padding: 0 0 20px; }
.experience-wrap .box .details h3 { padding-top: 0 }
.blog-wrap { padding: 0 0 15px }
.blog-wrap .allBox .box { width: calc(100% - 30px); }
.testimonials-wrap.inner .allBox .box { padding: 25px; }
.testimonials-wrap.inner .allBox .box .details { display: block; width: 100%; align-items: center; }
.testimonials-wrap.inner .allBox .box .details span { padding-left: 0 }
.our-services-wrap.inner .allBox { margin: 0 -15px }
.our-services-wrap.inner .allBox .box { margin: 0 15px 15px; width: calc(33.33% - 10px); min-width: 208px; }
.why-choose-us-wrap { margin-bottom: 138px }
.why-choose-us-wrap .box .inner-box { flex-wrap: wrap; margin: 0 -15px -138px; }
.why-choose-us-wrap .box .inner-box .inbox { width: calc(100% - 30px); margin-bottom: 20px; padding: 25px }
.why-choose-us-wrap .box .details p { font-size: 20px; line-height: 28px; padding: 6px 0; }
header .logo-wrap .content .contactMe .btn { margin-bottom: 6px; }
.projects-showcase-wrap .allBox .box h3 { padding: 8px 0 4px; }
header .logo-wrap .content .contactMe { position: absolute; top: 20px; right: 52px }

.single-gallery .gallery-box, .single-gallery .gallery-box.big{ width:97%}
header .logo-wrap .content .contactMe .btn {font-size: 0;  width: auto;  min-width: inherit;  height: auto;  padding: 0;}
header .logo-wrap .content .contactMe .btn i{ margin-right:0; display:inline-block; font-size:18px; height: 48px; line-height: 48px; width:40px}

header .callus {  background: #1634ae url(../img/phone-icon-01.png) center center no-repeat; font-weight: 500; width: auto; height: 48px; line-height: 48px; padding: 0 20px 0 20px; }

}
 @media only screen and (max-width:639px) {
.alignleft, .alignright { max-width: 220px }
}
@media only screen and (max-width:479px) {
div.alignleft, div.alignright, .alignleft, .alignright { float: none; display: block; max-width: 100%; margin: 10px 0 }
#push_sidebar { width: 250px; right: -250px }
.sidebar_active { margin-left: -250px; margin-right: 250px; }
.sidebar_active header { left: -250px; right: 250px; }
.inner-banner .heading { font-size: 18px; }
header .logo-wrap .logo, .head-fix header .logo-wrap .logo { max-width: 124px!important; }
.client-wrap .allBox .box { width: 136px }
.testimonials-wrap { padding: 10px 0; }
.projects-showcase-wrap h2 { padding-bottom: 12px }
.projects-showcase-wrap { padding: 15px 0 20px; }
.our-service-wrap { padding: 15px 0; }
.solution-wrap { padding: 18px 0; }
.our-services-wrap { padding: 10px 0 20px; }
.home-banner .btn-row .btn { min-width: 187px; display: none }
.discover-wrap h2 { padding: 6px 0 5px; }
.discover-wrap .allBox .box .alignright { margin: 0 0 12px 0; max-width: inherit }
.discover-wrap { padding-bottom: 15px }
.blog-wrap.details .allBox .box figure { min-width: inherit; width: 100%; max-width: inherit }
.meet-team-wrap .allBox .box { width: calc(100% - 30px); max-width: 270px }
.projects-showcase-wrap.inner .allBox .box { width: calc(100% - 32px); margin: 7px 16px 7px; }
.projects-showcase-wrap .allBox .box h3 { padding-bottom: 0 }
.discover-wrap.why .allBox .box .alignright { margin: 4px 0 12px 0; }
.commonPopup img { max-width: inherit; width: 100% }
.our-services-wrap.inner .allBox .box { width: calc(100% - 10px); min-width: 208px; }
.discover-wrap.team .allBox .box .alignright { margin: 0; }
header .logo-wrap .content .contactMe .btn { }
}
@media only screen and (max-width:420px) {
	#fbuilder .fields, #fbuilder .fform{ width:100%}
}


/****FadeInDown****/
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-400px);
}
 50% {
opacity:0.3;
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-400px);
}
 50% {
opacity:0.3;
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0);
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0);
}
75% {
transform:translate3d(0, -10px, 0);
}
90% {
transform:translate3d(0, 5px, 0);
}
to { transform: none; }
}
@keyframes bounceInDown { from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0);
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0);
}
75% {
transform:translate3d(0, -10px, 0);
}
90% {
transform:translate3d(0, 5px, 0);
}
to { transform: none; }
}
/***** slideUp *******/
@-webkit-keyframes slideUp { 0% {
opacity:0;
-webkit-transform:translateY(200px);
}
 50% {
opacity:0.3;
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes slideUp { 0% {
opacity:0;
-webkit-transform:translateY(200px);
}
 50% {
opacity:0.3;
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
.animateblock { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; }
.animateblock.animated { opacity: 1; }
.animated { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
}
40% {
-webkit-transform:translateY(-10px);
}
60% {
-webkit-transform:translateY(5px);
}
}
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0);
}
40% {
-moz-transform:translateY(10px);
}
60% {
-moz-transform:translateY(5px);
}
}
@-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-o-transform:translateY(0);
}
40% {
-o-transform:translateY(10px);
}
60% {
-o-transform:translateY(5px);
}
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {
transform:translateY(0);
}
40% {
transform:translateY(10px);
}
60% {
transform:translateY(5px);
}
}
.bounce { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; text-decoration: none; outline: none }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing { 20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
.swing.animated { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
@-webkit-keyframes fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLeft.animated { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRight.animated { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUp.animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown.animated { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeIn { from {
opacity:0;
}
to { opacity: 1; }
}
@keyframes fadeIn { from {
opacity:0;
}
to { opacity: 1; }
}
.fadeIn.animated { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9);
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
}
.bounceIn.animated { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
@-webkit-keyframes slideInUp { from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp { from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInUp.animated { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
@-webkit-keyframes zoomIn { from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
@keyframes zoomIn { from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
.zoomIn.animated { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1;
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}
@keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1;
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}
.hinge.animated { -webkit-animation-name: hinge; animation-name: hinge; }
/****Transition End******/


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: inherit; border: none; padding: 0!important; font: inherit; }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-carousel .owl-nav .owl-prev { width: 24px; height: 70px; position: absolute; left: -19px; top: 50%; z-index: 90; display: inline-block; margin-top: -35px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; background: #1636a7!important }
.owl-carousel .owl-nav .owl-prev:before { content: "\f053"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 16px; line-height: 70px; height: 100%; width: 100%; }
.owl-carousel .owl-nav .owl-next { width: 24px; height: 70px; position: absolute; right: -19px; top: 50%; z-index: 90; display: inline-block; margin-top: -35px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; background: #1636a7!important }
.owl-carousel .owl-nav .owl-next:before { content: "\f054"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 16px; line-height: 70px; height: 100%; width: 100%; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none }
.owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev.disabled, .owl-carousel:hover .owl-nav .owl-next.disabled { opacity: 1; }
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { cursor: not-allowed; border-color: #fff!important; }
.owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before, .owl-carousel .owl-nav .owl-prev.disabled:hover:before, .owl-carousel .owl-nav .owl-next.disabled:hover:before { color: #ccc; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #ccc; }
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled:hover, .owl-carousel .owl-nav .owl-next.disabled:hover { }
.owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before { }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: none!important; color: #1636a7 }
.owl-carousel .owl-dots .owl-dots { align-self: center; list-style: none; margin: 0; padding: 0; display: flex; }
.owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot span { width: auto; margin: 2px; display: inline-block; height: auto; font-size: 0; line-height: 0; border: 0; box-shadow: none; background: none; }
.owl-carousel .owl-dots .owl-dot span { width: 26px; height: 26px; border-radius: 26px; text-align: center; border: solid 1px transparent; line-height: 26px; padding: 5px }
.owl-carousel .owl-dots .owl-dot span:before { content: ''; height: 12px; width: 12px; display: inline-block; background: #cfcfcf; cursor: pointer; transition: all 300ms ease; border-radius: 12px }
.owl-carousel .owl-dots .owl-dot.active span:before { background: #1636a7; }
.owl-carousel .owl-dots .owl-dot.active span { border: solid 1px #1636a7; }
 @media only screen and (max-width:1024px) {
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1 }
}
@media only screen and (max-width:1211px) {
.owl-carousel .owl-nav .owl-next { right: -10px!important; }
.owl-carousel .owl-nav .owl-prev { left: -10px!important; }
}
/*.allBox .owl-next,.allBox .owl-prev{ display:none!important}
.allBox:hover .owl-next,.allBox:hover .owl-prev{ display:block!important}*/


/********owl-carousel end**********/


/********lightbox popup starts**********/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 999991; overflow: hidden; position: fixed; background: #000; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999992; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
/*.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}*/
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none!important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner {
padding:0;
border:0;
}
.mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 30px 30px 0 0; position: absolute; right: 0; top: 10px!important; text-decoration: none; text-align: center; opacity: 0.65; padding: 0; color: #FFF; font-style: normal; font-family: Arial, Baskerville, monospace; background: none!important }
.mfp-close:hover, .mfp-close:focus { opacity: 1; background-color: #F00 }
.mfp-close:active { top: 1px; }
/*.mfp-close-btn-in .mfp-close{color:#333;}*/
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; }
.common-popup .mfp-close { top: -30px!important; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #fff; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow-left { width: 30px; height: 50px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 0 30px 30px 0; background-color: #3e3935 }
.mfp-arrow-left:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-right-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 16px; left: 8px; }
.mfp-arrow-right { width: 30px; height: 50px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 30px 0 0 30px; background-color: #3e3935 }
.mfp-arrow-right:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 16px; right: 8px; }
.mfp-arrow-left:hover, .mfp-arrow-right:hover { background-color: #1636a7 }
.mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -30px!important; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-no-margins img.mfp-img { padding: 0; }
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
.mfp-no-margins .mfp-container { padding: 0; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }


/*.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}*/
 @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
/********lightbox Popup ends**********/


#fbuilder select, #fbuilder input { border: solid 1px #ddd !important; padding: 10px!important }
#fbuilder .slots div { border: none!important; }
#fbuilder label { padding-bottom: 8px!important; display: block!important; }
#fbuilder .slots div a { background: none!important; text-decoration: none!important }
#fbuilder .slots { box-shadow: none!important; border: solid 1px #ddd!important; padding: 20px 10px; margin: 30px 0 20px 0 }
#fbuilder .slots span { display: block; padding: 10px 10px 0; font-weight: 700; color: #1636a7 }
#fbuilder .slots br { display: none!important }
body #fbuilder .medium { width: 100%!important; margin-bottom: 10px; }
#fbuilder .ui-datepicker-inline { max-width: 100%!important }
.ui-datepicker-calendar .ui-state-active { border: 1px solid #1636a7!important; background: #1636a7!important; }
#fbuilder .captcha img { margin: 8px 0 15px }
#fbuilder .captcha .dfield input { margin: 8px 0 0 0 }
.appointment h2 { margin-bottom: 20px }
.appointment .form-field [class^="col-"], .appointment .form-field [class*="col-"] { padding-top: 0 }
.appointment .form-field .row .row, .appointment .row.form-field .row { padding: 20px 0 }
.book-appointment { margin: 0 auto; float: none }
.book-appointment .services { margin: 0 0 15px; display: block; }
.send-message.book-appointment .btn { margin-top: 8px }
.appointment h2 { padding: 10px 0 5px }
.form-field input[type="text"], .form-field input[type="email"], .form-field input[type="password"], .form-field input[type="tel"] { background: rgba(255,255,255,0.8)!important; display: block; font-size: 16px; line-height: 24px!important; padding: 12px 23px; position: relative; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; height: 54px; margin-bottom: 15px; border: solid 1px #ccc }
.form-field .row, .row.form-field { position: relative; margin-left: -10px; margin-right: -10px; }
.form-field .row .col-sm-6 { width: 50%; float: left }
.form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-top: 18px; }
 @media only screen and (max-width:767px) {
.row-notfound .box { width: 100%; }
.row-notfound .box.photo { padding: 20px 0 0 }
.appointment h2 { margin-bottom: 10px; }
.form-field .row .col-sm-6 { width: 100%; }
}


ul.social-icon li.google-r{width: 100%; display: block;  padding: 10px}


@media only screen and (max-width:1199px) {
header .logo-wrap .content .contactMe .btn {font-size: 0; width: auto;  min-width: inherit;  height: auto; padding: 0;display: inline-block !important;}
header .logo-wrap .content .contactMe .btn i {margin-right: 0!important; display: inline-block !important;  font-size: 18px; height: 48px; line-height: 48px; width: 44px;}
}