/* @Author: Webzindagi Technologies @URL: https://www.webzindagi.com This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. However we used Less script to make things easy to maintain, this
is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here. This files contents are outlined below. 01. Theme Reset Style 02. Global Elements
03. Menu 04. Social 05. Article 06. Posts 07. Responsive 08. Widgets 09. Flexslider 10. Grid */ /* ============================================= Theme Reset Style ============================================= */ @import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|PT+Sans:400,700);
* { margin: 0px; padding: 0px; } html, body { position: relative; height: 100%; } body { color: #5a5a5a; background: #fff; overflow-x: hidden; font: 400 16px/24px 'PT Sans', Arial, Helvetica, sans-serif; } body h1, body h2, body h3, body h4, body h5,
body h6 { color: #5a5a5a; margin: 0 0 8px; font-weight: 400; line-height: 1.5; font-style: normal; text-transform: capitalize; font-family: 'PT Sans', Arial, Helvetica, sans-serif; } h1 { font-size: 40px; } h2 { font-size: 36px; } .heading3 { font-size:
36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #5a5a5a; } p a {} p a:hover { text-decoration: underline; } p { letter-spacing: normal; line-height: 30px;
margin: 0 0 20px; } a { text-decoration: none; } a:hover, a:focus, a:active { outline: none; text-decoration: none; } ul { margin: 0; } figure { margin-bottom: 6px; position: relative; } img { height: auto; max-width: 100%; } strong { color: #414141;
position: relative; z-index: 200; } iframe { border: none; float: left; width: 100%; } .wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {} .wp-caption.alignleft, .wp-caption.alignnone { width: 100%; } button { border: none; } textarea, select,
.th-select select, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 0; height: 46px; outline: none; color: #919090; box-shadow: none; font-size: 16px; line-height: 20px; border-radius: 5px; background: #f1f1f1;
display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-group { margin: 0 0 20px; } .form-control::-moz-placeholder { text-transform: capitalize; color: #999; } textarea.form-control
{ resize: none; } input:focus, .select select:focus, .form-control:focus { color: #000; border-color: #000; box-shadow: none !important; } /*======================= Custom Select =======================*/ .th-select { width: 100%; float: left; color:
#919090; position: relative; text-transform: capitalize; } .th-select:after { content: '\f107'; top: 50%; right: 23px; z-index: 2; width: 13px; color: #919090; display: block; font-size: 16px; margin-top: -3px; line-height: 6px; position: absolute; text-align:
center; font-family: 'FontAwesome'; } .th-select select { width: 100%; z-index: 1; height: 46px; color: #919090; line-height: 20px; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; text-transform: capitalize; padding:
13px 15px 13px 20px; } .th-select select option { color: #919090; } /*======================= Custom CheckBox =======================*/ .th-radio, .th-radio label, .th-checkbox, .th-checkbox label { width: 100%; float: left; margin: 0; position: relative;
} .th-radio label, .th-checkbox label { cursor: pointer; display: block; padding: 0 0 0 20px; } .th-radio input[type=radio], .th-checkbox input[type=checkbox] { display: none; } .th-radio input[type=radio]+label:before, .th-checkbox input[type=checkbox]+label:before
{ top: 4px; left: 0; color: #373542; font-size: 14px; line-height: 14px; content: "\f096"; position: absolute; font-family: 'FontAwesome'; } .th-radio input[type=radio]+label:before { content: ''; } .th-radio input[type=radio]:checked+label:before, .th-checkbox
input[type=checkbox]:checked+label:before { content: '\f046'; } label { color: #414141; display: block; font-weight: 400; margin-bottom: 10px; } form p { float: left; position: relative; width: 100%; } form p span i { color: #474747; left: 16px; position:
absolute; top: 13px; } option { padding: 5px 15px; } .price-list li { list-style: none; } li { line-height: 28px; list-style: disc inside none; } ul ul { margin-left: 20px; } ol { float: none; list-style: decimal; padding-left: 15px; } ol ol { margin-left:
20px; } ol li { list-style: decimal; width: 100%; } table { background-color: transparent; max-width: 100%; } th { text-align: left; } table { margin-bottom: 15px; width: 100%; } table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td,
table>tbody>tr>td, table>tfoot>tr>td { border-top: 1px solid #d2d2d2; border: 1px solid #d2d2d2; line-height: 2.5; padding-left: 3px; text-align: center; vertical-align: top; } table thead tr th { border-top: 1px solid #d2d2d2; text-align: center; text-transform:
capitalize; } .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td
{ border-top: 1px solid #d2d2d2; } table>thead>tr>th { border-bottom: 2px solid #d2d2d2; vertical-align: bottom; } table>caption+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>th, table>thead:first-child>tr:first-child>th, table>caption+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>td, table>thead:first-child>tr:first-child>td { border-bottom: 0; } table>tbody+tbody { border-top: 2px solid #d2d2d2; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td,
.table>tfoot>tr>td { padding: 6px 10px; } p ins { color: #999; } dl dd { margin-left: 20px; } address { font-style: italic; } /*============================================= Global Elements =============================================*/ .th-haslayout
{ width: 100%; float: left; } .th-sectionpadding { padding: 30px 0 20px 0; } .th-sectionpadding-bottom { padding: 30px 0 0 0; } .th-locationmap { width: 100%; float: left; height: 300px; } .th-btn-sm { padding: 0 20px; line-height: 30px; } .th-btn { color:
#fff; padding: 0 35px; background: #fff; text-align: center; border-radius: 5px; display: inline-block; vertical-align: middle; text-transform: capitalize; font: 400 18px/50px 'PT Sans', Arial, Helvetica, sans-serif; } .th-btn-lg { width: 100%; padding:
0; } .th-btn:hover { color: #fff; background: #333; } .th-btn.th-btnborder { line-height: 48px; border: 1px solid #fff; background: transparent; } .pt-30 { padding-top: 30px; } .th-btnborder:hover { color: #fff; } .th-socialicons { overflow: hidden; list-style:
none; text-align: center; line-height: 20px; } .th-socialicons li { float: left; padding: 0 4px; line-height: inherit; list-style-type: none; } .th-socialicons li a { width: 20px; height: 20px; color: #fff; display: block; background: #000; overflow:
hidden; } .th-socialicons li a i { display: block; font-size: 13px; line-height: 20px; text-align: center; } .th-socialicons li a:hover { color: #000; } .th-verticalmiddle { margin: 0 -2px; float: none !important; display: inline-block; vertical-align:
middle; } .th-description { width: 100%; float: left; } #t-benifits { clear: both; padding-top: 20px; } .th-description .list-unstyled li { list-style: none } .th-description .list-unstyled { margin-bottom: 10px; line-height: 15px; } .th-bglight { background:
#f5f5f5; } .th-bgdark { background: #373542; } .th-stars span, .th-stars { width: 100px; height: 16px; float: left; line-height: 16px; position: relative; } .th-stars span:after, .th-stars:before { top: 0; left: 0; font-size: 16px; line-height: 16px;
position: absolute; letter-spacing: 4px; color: rgba(218, 218, 218, .8); font-family: 'FontAwesome'; content: '\f005 \f005 \f005 \f005 \f005'; } .th-stars span { width: 75%; overflow: hidden; } .th-stars span:after { color: #000; } .row.no-gutters { margin-right:
0; margin-left: 0; } .no-gutters>[class^="col-"], .no-gutters>[class*="col-"], .row.no-gutters>[class^="col-"], .row.no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; } /*============================================= ShortCodes Style =============================================*/
.th-shortcode { width: 100%; float: left; padding: 0 0 50px; } .th-bordertitleleft h2 { margin: 0; font-size: 24px; line-height: 24px; text-transform: capitalize; } .th-themetoggles, .th-themeaccordion { width: 100%; float: left; border: 1px solid #ddd;
} .th-themeaccordion { min-height: 274px; } .th-panel { width: 100%; float: left; overflow: hidden; } .th-panel+.th-panel { border-top: 1px solid #ddd; } .th-panel .sub-text { margin: 0; width: 100%; float: left; padding: 20px; color: #515151; cursor:
pointer; background: #fff; font-size: 16px; line-height: 13px; position: relative; } .th-panel .sub-text:before { top: 14px; right: 30px; width: 25px; height: 25px; content: '+'; color: #fff; overflow: hidden; line-height: 25px; position: absolute; border-radius:
50%; text-align: center; } .th-panel .sub-text.active:before, .th-themetoggles .th-togglehead.active .sub-text:before { content: '-'; font-size: 40px; } .th-themetoggles .th-togglehead.active .sub-text, .th-themetoggles .th-togglehead.active, .th-themeaccordion
.sub-text.active { color: #222; font-weight: bold; background: #f9f9f9; } .th-themeaccordion .th-panelcontent { width: 100%; float: left; padding: 15px; } .th-togglehead { width: 100%; float: left; transition: 0.4s; } .th-themeaccordion .th-panel+.th-panel,
.th-themetoggles .th-panel+.th-panel { margin: 0; } .th-themetoggles .th-panelcontent { transition: 0.6s ease-in-out; opacity: 0; padding: 15px; } .th-themetoggles .th-panelcontent.show { opacity: 1; } .th-themetabs { width: 100%; float: left; } .th-themetabnav
{ width: 100%; float: left; list-style: none; font: 15px/42px 'Montserrat', Arial, Helvetica, sans-serif; } .th-themetabnav li { float: left; list-style-type: none; line-height: inherit; } .th-themetabnav li+li { margin: 0 0 0 15px; } .th-themetabnav
li a { color: #222; display: block; padding: 0 20px; border: 1px solid #eaeaea; border-radius: 5px 5px 0 0; border-bottom: 0; } .th-themetabnav li.active a, .th-themetabnav li a:hover { color: #fff; } .th-themetabcontent { width: 100%; float: left; padding:
30px; border-radius: 0 0 5px 5px; border: 1px solid #eaeaea; } .th-themetabcontent>div { width: 100%; float: left; } .th-themetabcontent figure { float: left; overflow: hidden; margin: 0 15px 0 0; border-radius: 5px; } .th-themetabcontent .th-description
{ width: auto; float: none; overflow: hidden; } .th-themetabcontent .th-description p { margin: 0; } .th-themetabstwo .th-themetabnav { width: 30%; float: left; } .th-themetabstwo .th-themetabnav li { margin: 0; width: 100%; } .th-themetabstwo .th-themetabnav
li+li { margin: 10px 0 0; } .th-themetabstwo .th-themetabnav li a { border: 1px solid #eaeaea; border-radius: 5px 0 0 5px; border-right: 0; } .th-themetabstwo .th-themetabcontent { width: auto; float: none; overflow: hidden; } .th-themetabstwo .th-themetabcontent
.th-description p+p { margin: 25px 0 0; } .th-shortcode .th-haslayout+.th-haslayout { padding: 40px 0 0; } .th-shortcode .th-haslayout .th-btn+.th-btn { margin: 0 0 0 20px; } .th-fullsection { z-index: 1; padding: 40px 0; margin: 0 0 40px; background:
#333; position: relative; } .th-fullsection:after { top: 0; left: 0; width: 50%; height: 100%; content: ''; opacity: 0.35; position: absolute; background: url(images/shortcodes/img-02.jpg); -webkit-background-size: cover; -moz-background-size: cover;
-ms-background-size: cover; -o-background-size: cover; background-size: cover; } .th-content { z-index: 2; position: relative; } .th-btnleftbox { width: 100%; float: left; } .th-btnleftbox .th-btn:nth-child(1), .th-btnleftbox .th-btn:nth-child(2) { margin:
0 20px 40px 0; } .th-btnleftbox .th-btn:nth-child(3), .th-btnleftbox .th-btn:nth-child(4) { padding: 0 25px; } .th-btn.th-hoverwhite.th-active, .th-btn.th-hoverwhite:hover { color: #5a5a5a; background: #fff; border-color: #fff; } .th-btnrightbox { width:
100%; float: left; padding: 45px 0; } .th-list { width: 100%; float: left; list-style: none; font: 400 15px/18px 'Roboto', Arial, Helvetica, sans-serif; } .th-list li { float: left; width: 100%; position: relative; line-height: inherit; list-style-type:
none; padding: 6px 0 6px 30px; } .th-list li+li { border-top: 1px solid #f0f0f0; } .th-list li:before { top: 9px; left: 0; content: ''; font-size: 12px; line-height: 12px; position: absolute; font-family: 'FontAwesome'; } .th-listcaret li:before { content:
'\f0da'; } .th-listtick li:before { content: '\f00c'; } .th-listplus li:before { content: '\f067'; } .th-liststar li:before { content: '\f005'; } .th-listdot li:before { top: 15px; width: 5px; height: 5px; display: block; border-radius: 50%; } .th-list.th-listcount
li { padding-left: 0; } .th-list.th-listcount li span { font-size: 13px; padding: 0 15px 0 0; display: inline-block; vertical-align: middle; font-family: 'Montserrat', Arial, Helvetica, sans-serif; } .th-list li a { color: #222; display: block; font:
400 15px/18px 'Roboto', Arial, Helvetica, sans-serif; } .th-themetable { width: 100%; float: left; } .th-themetable .table { width: 100%; float: left; margin: 0; text-align: left; border-radius: 8px; } .th-themetable .table tr td, .th-themetable .table
tr th, .th-themetable .table tbody tr td, .th-themetable .table thead tr th { height: 44px; text-align: left; padding: 10px 20px; vertical-align: middle; } .th-themetable .table tr th, .th-themetable .table thead tr th { font-size: 15px; line-height:
18px; background: #f9f9f9; text-transform: uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; } .th-tablelefthead .table tr th { width: 30%; font-weight: normal; } .th-tablelefthead .table tr td { width: 70%; } .th-themetable .table tbody
tr td {} .th-themeformelements { width: 100%; float: left; padding: 30px; border-radius: 8px; } .th-shortcode .th-themeformelements { border: 1px solid #eaeaea; } .th-themeformelements fieldset { width: 100%; float: left; margin: 0; padding: 0; border:
0; } .th-formstylone .form-group, .th-formstyletwo .form-group { width: 100%; float: left; margin: 0 0 5px; } .th-radiotitle, .th-formstylone .form-group>label, .th-formstyletwo .form-group>label { float: left; width: 30%; margin: 0; font-size: 16px;
line-height: 18px; padding: 14px 0; } .th-formstyletwo .form-group>label { width: 100%; padding: 5px 0; } .th-radiotitle { padding: 0; } .th-radiobox { width: 70%; float: right; } .th-radiobox .th-checkbox, .th-radiobox .th-radio { width: auto; float:
left; margin: 0 20px 0 0; } .th-formstylone .th-select { width: 70%; float: right; } .th-formstyletwo .th-select { width: 100%; float: left; } .th-formstylone .th-select:after, .th-formstyletwo .th-select:after { font-size: 14px; content: '\f0d7'; color:
#8f8f8f; } .th-formstylone .th-select select, .th-formstyletwo .th-select select { color: #8f8f8f; background: #efefef; text-transform: capitalize; } .th-formstylone .form-control, .th-formstyletwo .form-control { width: 70%; float: right; border-radius:
5px; background: #efefef; border: 1px solid #f4f4f4; } .th-formstyletwo .form-control { width: 100%; } .th-formstylone textarea.form-control, .th-formstyletwo textarea.form-control { resize: none; height: 200px; } .th-formstyletwo textarea.form-control
{ height: 100px; } .th-formstylone .th-warning, .th-formstyletwo .th-warning { background: #fff; border-color: #ff9868; } .th-formstylone .th-error, .th-formstyletwo .th-error { background: #fff; border-color: #ff6767; } .th-formstylone .th-info, .th-formstyletwo
.th-info { background: #fff; border-color: #496e80; } .th-formstylone .th-success, .th-formstyletwo .th-success { background: #fff; border-color: #6dca4d; } .th-promobox { width: 100%; float: left; padding: 40px; position: relative; border-radius: 10px;
border: 2px dashed #dedede; } .th-promobox h2 { color: #15518d; font-size: 26px; line-height: 26px; margin: 0 0 15px; text-transform: capitalize; } .th-discount { top: 38px; right: 38px; color: #222; font-size: 16px; position: absolute; } .th-discount
i, .th-discount em { font-style: normal; display: inline-block; vertical-align: middle; } .th-discount i { font-size: 12px; } .th-promobox .th-productprice { padding: 0 0 15px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; } .th-promobox .th-productprice
span { font-size: 25px; line-height: 25px; } .th-promobox .th-productprice del { color: #c0c0c0; font-size: 16px; line-height: 16px; } .th-promobox .th-description {} .th-promobox .th-description p {} .th-promobox .th-btn { float: left; } .th-alerts {
width: 100%; float: left; } .th-alert { width: 100%; float: left; border: 0; color: #fff; height: 46px; padding: 0 23px; margin: 0 0 15px; background: none; line-height: 46px; border-radius: 23px; } .th-alert.alert-success { background: #66bf3f; } .th-alert.alert-info
{ background: #f0852e; } .th-alert.alert-warning { background: #15518d; } .th-alert.alert-danger { background: #e54b4b; } .th-alert a, .th-alert i.fa, .th-alert span { line-height: 46px; display: inline-block; vertical-align: middle; } .th-alert span
{ padding: 0 0 0 15px; } .th-pplans { width: 100%; float: left; } .th-pplan { width: 100%; float: left; overflow: hidden; border-radius: 10px; background: #f7f7f7; padding: 0 25px 25px; } .th-pplan h2 { clear: both; color: #fff; height: 60px; padding:
20px 0; margin: 0 -30px; font-size: 18px; overflow: hidden; line-height: 22px; text-align: center; background: #5a5a5a; text-transform: capitalize; } .th-pplan .th-btnborder:hover { color: #fff; } .th-priceandduration { clear: both; display: block; margin:
0 -30px; padding: 16px 0; overflow: hidden; line-height: 22px; text-align: center; background: #eaeaea; } .th-pplan ul { width: 100%; float: left; padding: 10px 0; list-style: none; } .th-pplan ul li { width: 100%; float: left; padding: 10px 0; list-style-type:
none; } .th-pplan ul li+li { border-top: 1px solid #ededed; } .th-pplan ul li i { font-size: 12px; color: #c3c3c3; padding: 0 10px; } .th-pplan .th-btn { width: 100%; text-align: center; } .padding-10 { padding: 10px; } .s-pplan { width: 100%; float:
left; overflow: hidden; padding: 0 5px 5px; } .s-pplan ul { width: 100%; float: left; padding: 10px 0; list-style: none; } .s-pplan ul li { width: 100%; float: left; padding: 0px 0; list-style-type: none; } .s-pplan ul li+li { border-top: 1px solid #ededed;
} .s-pplan ul li i { font-size: 12px; color: #c3c3c3; padding: 0 10px; } .s-pplan .th-btn { width: 100%; text-align: center; } blockquote { border: 0; width: 100%; float: left; quotes: none; margin: 20px 0; font-size: 24px; line-height: 30px; position:
relative; padding: 0 0 0 50px; background: url(images/quote.png) no-repeat 0 5px; } blockquote q { width: 100%; float: left; } blockquote span { color: #222; width: 100%; float: left; font-size: 15px; line-height: 18px; padding: 20px 0 0; } .th-typo {
padding: 50px 0; } .th-dropcapone p:first-child:first-letter { float: left; font-size: 50px; line-height: 40px; padding: 4px 8px 0 0; text-transform: uppercase; } .th-dropcaptwo p:first-child:first-letter { float: left; padding: 0 12px; font-size: 30px;
line-height: 40px; margin: 0 10px 0 0; text-align: center; border-radius: 50%; border: 2px solid #222; text-transform: uppercase; } .th-dropdowarrow { top: 5px; z-index: 2; right: 15px; width: 20px; height: 20px; color: #fff; display: none; font-size:
14px; line-height: 20px; position: absolute; text-align: center; cursor: pointer; } /*============================================= Theme Pagination =============================================*/ .th-pagination { width: 100%; float: left; z-index: 2;
position: relative; font: 15px/34px 'PT Sans', Arial, Helvetica, sans-serif; } .th-pagination:before { top: 50%; left: 0; content: ''; width: 100%; height: 2px; z-index: -1; background: #f7f7f7; position: absolute; } .th-pagination ul { width: 100%; float:
right; margin: 0; padding: 0; list-style: none; text-align: center; line-height: inherit; } .th-pagination ul li { margin: 0 2px; display: inline-block; vertical-align: top; line-height: inherit; list-style-type: none; } .th-pagination ul li a { width:
36px; height: 36px; display: block; color: #373542; background: #fff; text-align: center; position: relative; line-height: 34px; border: 2px solid; border-radius: 50%; } .th-pagination ul li.th-nextpage { float: right; } .th-pagination ul li.th-prevpage
{ float: left; } .th-pagination ul li.th-nextpage a, .th-pagination ul li.th-prevpage a { color: #5a5a5a; overflow: hidden; position: relative; border-color: #5a5a5a; } .th-pagination ul li.th-dots { font-size: 30px; line-height: 20px; } /*=============================================
Home page-form style =============================================*/ #page-form { clear: both; } #page-form .padding-29 { padding-bottom: 20px; padding-top: 20px; background: #197748; margin-top: 10px; } #page-form .color { color: #fff; } #page-form .color
h1 { font-family: 'Oswald', sans-serif; color: #fff; font-size: 46px; line-height: 60px; padding-bottom: 15px; } Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. #page-form .color p { font-size: 20px; } #page-form .color ul { padding: 0; margin-bottom: 20px; } #page-form ul li { list-style: none; line-height:
30px; } #page-form .icon { background: #ffa500; border-radius: 50px; padding: 3px; margin-right: 13px; } #page-form .tds-service { color: #fff; font-size: 22px; line-height: 50px; } #page-form li { font-family: 'Ubuntu', sans-serif; font-size: 15px; }
#page-form .form { background: #fff; border-radius: 5px; padding: 10px; } #page-form .form h2 { font-size: 25px; font-weight: 700; text-align: center; } #page-form .form h1 { font-size: 28px; text-align: center; font-family: 'PT Sans', sans-serif; font-weight:
600; margin-bottom: 30px; margin-top: 0; } #page-form .form-control { width: 100%; font-size: 18px; background-color: #f9f9f9; border: 1px solid #efefef; border-radius: 6px; } #page-form .form-register { background: #ffa500; color: #fff; } #page-form
.ferror { display: none; margin-left: 10px; } #page-form .eerror { display: none; margin-left: 10px; } #page-form .perror { display: none; margin-left: 10px; } #page-form .active { display: block; } #page-form .error_show { color: red; margin-left: 10px;
} #page-form input.invalid, textarea.invalid { border: 2px solid red; } #page-form input.valid, textarea.valid { border: 2px solid green; } /*============================================= Home page-form style end =============================================*/
/*============================================= Theme BreadCrumb =============================================*/ .th-breadcrumb { padding: 0; float: left; color: #5a5a5a; margin: 90px 0 0; background: #fff; list-style: none; text-align: right; text-transform:
capitalize; border-radius: 5px 5px 0 0; font: 14px/50px 'PT Sans', Arial, Helvetica, sans-serif; } .th-breadcrumb li { width: auto; float: left; padding: 0 15px; list-style-type: none; line-height: inherit; position: relative; } .th-breadcrumb li:after
{ content: '-'; position: absolute; top: 0; left: -3px; } .th-breadcrumb li:first-child:after { display: none; } .th-breadcrumb li a, .th-breadcrumb li span { color: #5a5a5a; display: block; padding: 0 15px; } /*=============================================
Theme Style =============================================*/ /*============================================= Home price-plan style =============================================*/ .pricing-area { padding: 65px 0px 40px; } .col-5 { ms-flex: 0 0 41.666667%;
max-length: 41.666667%; flex: 0 0 41.666667%; } .col-7 { ms-flex: 0 0 53.333333%; max-length: 53.333333%; flex: 0 0 53.333333%; } .pricing-area.bg-1 { background: #f1f8fc; } .pricing-area .section-title h2 { font-size: 60px; line-height: 50px; font-weight:
700; color: #f90048; position: relative; margin-bottom: 35px; padding-bottom: 25px; } .pricing-area .section-title h2:before { width: 150px; height: 5px; border-radius: 5px; background: #ff8922; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%);
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); content: ""; } .pricing-area .section-title p { font-size: 18px; margin-bottom: 50px; } .pricing-area .info { height: 226px; } .pricing-area .basic-info { height: 206px; } .pricing-area
.info-large { height: 210px; } .pricing-area .pricing-wrap { margin-bottom: 30px; background: #fff; padding: 15px 20px; box-shadow: 0px 1px 10px rgba(0, 0, 0, .05); } .pricing-area .pricing-wrap span { color: #1e2c39; font-size: 18px; font-weight: 600;
margin-bottom: 15px; display: block; padding-left: 15px; } .pricing-area .pricing-wrap .heading4 { font-size: 36px; font-weight: 700; color: #197748; position: relative; padding-left: 15px; line-height: 30px; } .pricing-area .pricing-wrap .fee-reg { font-size:
36px; font-weight: 700; color: #197748; position: relative; padding-left: 15px; line-height: 30px; } .pricing-area .pricing-wrap .fee-reg:before { position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #ff8922; content: ""; border-radius:
5px; } .pricing-area .pricing-wrap .price-heading { font-weight: 700; font-size: 32px; line-height: 57px; margin-bottom: 0; margin-top: 19px; text-align: right; } .pricing-area .pricing-wrap h3 { font-weight: 700; font-size: 32px; line-height: 35px; margin-bottom:
0; margin-top: 1px; text-align: right; } .pricing-area .pricing-wrap .price { font-size: 16px; } .pricing-area .pricing-wrap p { font-size: 14px; line-height: 24px; margin: 10px 0px; } .pricing-area .pricing-wrap button { padding: 16px 80px; border: none;
color: #fff; text-transform: uppercase; background: #00ae51; border-radius: 5px; margin-top: 5px; margin-bottom: 10px; font-weight: 600; } .pricing-area .pricing-wrap button:hover { background: #90d153; } .pricing-area ul { list-style: outside none none;
margin: 0; padding: 0; } .pricing-area .pricing-wrap ul li { font-size: 14px; line-height: 28px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } /*============================================= Home price-plan style end =============================================*/
.th-btns { width: 100%; float: left; text-align: center; } .form-group { width: 100%; float: left; } .th-formtheme { width: 100%; float: left; } .th-formtheme fieldset { width: 100%; float: left; border: 0; margin: 0; padding: 0; position: relative; }
.th-parallaximg { overflow: hidden; position: relative; } .th-parallaximg:before { top: 0; left: 0; z-index: 1; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.80); } .th-parallaximg .container { z-index: 2; position:
relative; } .th-sectiontitle { width: 100%; padding: 20px 0 0 5px; clear: both; text-align: center; } .th-sectiontitle .contact-review { margin: 0 0 15px 0; font-size: 24px; line-height: 24px; position: relative; padding: 0 70px 24px; display: inline-block;
vertical-align: top; text-transform: uppercase; } .th-sectiontitle .contact-review:before, .th-sectiontitle .contact-review:after { height: 1px; content: ''; position: absolute; background: #eaeaea; } .th-sectiontitle .contact-review:before { bottom:
0; left: 10%; width: 80%; } .th-sectiontitle .contact-review:after { bottom: 4px; left: 0; width: 100%; } .th-sectiontitle { width: 100%; padding: 20px 0 0 5px; clear: both; text-align: center; } .th-sectiontitle h1 { margin: 0 0 15px 0; font-size: 30px;
line-height: 24px; position: relative; padding: 0 0 24px; display: inline-block; vertical-align: top; text-transform: uppercase; } .th-sectiontitle h1:before, .th-sectiontitle h1:after { height: 1px; content: ''; position: absolute; background: #eaeaea;
} .th-sectiontitle h1:before { bottom: 0; left: 10%; width: 80%; } .th-sectiontitle h1:after { bottom: 4px; left: 0; width: 100%; } .th-sectiontitle .privacy-heading { margin: 0 0 15px 0; font-size: 24px; line-height: 24px; position: relative; padding:
0 0 24px; display: inline-block; vertical-align: top; text-transform: uppercase; } .th-sectiontitle .privacy-heading:before, .th-sectiontitle .privacy-heading:after { height: 1px; content: ''; position: absolute; background: #eaeaea; } .th-sectiontitle
.privacy-heading:before { bottom: 0; left: 10%; width: 80%; } .th-sectiontitle .privacy-heading:after { bottom: 4px; left: 0; width: 100%; } /*.th-wrapper{overflow-x: inherit;} */ .th-header {} #top-header { border-bottom: 1px solid #cebaba; } .th-clearboth
{ clear: both; } /*============================================= Header Style =============================================*/ .th-topbar { width: 100%; float: left; padding: 5px 0; background: #fff; } .th-logo { float: left; } .th-logo a { display: block;
} .th-logo a img { display: block; } .th-infobox { width: 770px; float: right; font-size: 14px; line-height: 19px; list-style: none; } .th-infobox li { width: 33.33%; float: left; padding: 0 30px; line-height: inherit; list-style-type: none; word-break:break-all; } .th-infobox
li:last-child { padding-right: 0; } .th-infobox li i { float: left; font-size: 30px; line-height: 38px; } .th-infocontent { overflow: hidden; padding: 0 0 0 8px; } .th-infocontent span { color: #fff; display: block; } .th-infocontent span a { color: #fff;
} .th-infocontent span:first-child { /*font-weight: bold;*/ } .th-navigationarea { width: 100%; float: left; } .th-nav { float: left; text-transform: capitalize; font: 400 18px/21px 'PT Sans', Arial, Helvetica, sans-serif; } .th-navigation { width: 100%;
float: left; padding: 0; } .th-navigation>ul { width: 100%; float: left; } .th-navigation ul { list-style: none; line-height: inherit; } .th-navigation>ul>li { float: left; padding: 0 20px; } .th-navigation ul li { line-height: inherit; list-style-type:
none; position: relative; } .th-navigation>ul>li:first-child { padding-left: 0; } .th-navigation>ul>li:last-child { padding-right: 0; } .th-navigation ul li a { color: #fff; display: block; line-height: 40px; } .th-navigation>ul>li:hover>a, .th-navigation>ul>li.current-menu-item>a
{ background: #ffa500; padding-left: 5px; padding-right: 5px; } ul.sub-menu { top: 150px; left: 0; opacity: 0; z-index: 99; width: 230px; background: #fff; position: absolute; visibility: hidden; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20); box-shadow:
0 0 10px 0 rgba(0, 0, 0, 0.20); } .th-navigation .sub-menu { width: 350px; } .th-navigation>ul>li:last-child>ul { left: auto; right: 0; } .th-navigation ul li ul { margin: 0; font-size: 16px; line-height: 40px; border-radius: 5px; } .th-navigation ul
li ul li { overflow: hidden; line-height: inherit; } /*.th-navigation ul li ul li:first-child{border-radius: 5px 5px 0 0;} .th-navigation ul li ul li:last-child{border-radius: 0 0 5px 5px;}*/ .th-navigation ul li ul li a { z-index: 2; color: #5a5a5a;
padding: 0 20px; position: relative; line-height: inherit; } .th-navigation ul li ul li a:before { top: 0; left: 0; z-index: -1; content: ''; width: 0; height: 100%; position: absolute; background: #90d153; } .th-navigation ul li ul li.current-menu-item
a:before, .th-navigation ul li ul li a:hover:before, .th-navigation ul li ul li:hover a:before { width: 100%; } .th-navigation ul li ul li a:hover { background: #90d153; } li.menu-item-has-children:hover>.sub-menu { top: 100%; opacity: 1; visibility:
visible; } .th-navigation ul li.menu-item-has-mega-menu { position: static; } .mega-menu { top: 150%; left: 0; width: 100%; z-index: 20; opacity: 0; padding: 0 15px; box-shadow: none; background: #fff; visibility: hidden; position: absolute; border-radius:
5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20); } .mega-menu .mega-menu-row { margin: 0; width: 100%; display: table; table-layout: fixed; } .mega-menu .mega-menu-row>li.mega-menu-col { padding: 0 15px
15px; display: table-cell; vertical-align: top; } .mega-menu .mega-menu-row>li.mega-menu-col>a { width: 100%; float: left; margin: 25px 0 0; padding: 0 0 10px; font-size: 24px; line-height: 24px; border-bottom: 1px solid #eaeaea; } .mega-menu .mega-menu-row>li.mega-menu-col
figure { width: 100%; float: left; margin: 26px 0 0; } .mega-menu .mega-menu-row>li.mega-menu-col figure img { width: 100%; height: auto; display: block; } .mega-menu .mega-menu-row>li.mega-menu-col>a:hover { background: transparent; } .mega-menu .mega-menu-row>li.mega-menu-col>a:before
{ display: none; } .mega-menu .mega-menu-row>li.mega-menu-col ul { width: 100%; float: left; position: static; } .mega-menu .mega-menu-row>li.mega-menu-col ul li { position: relative; } .mega-menu .mega-menu-row>li.mega-menu-col ul li a { padding: 0;
position: relative; } .mega-menu .mega-menu-row>li.mega-menu-col ul li a:hover { padding-left: 25px; background: transparent; } .mega-menu .mega-menu-row>li.mega-menu-col ul li a:before { display: none; } li.menu-item-has-mega-menu:hover>.mega-menu {
top: 100%; opacity: 1; visibility: visible; } .th-widgetsearch { float: right; } .th-navigationarea .th-widgetsearch { width: 340px; height: 40px; margin: 15px 0; } .th-formsearch .form-control { z-index: 1; color: #fff; width: 100%; height: 40px; padding:
0 15px; line-height: 36px; position: relative; border-radius: 20px; background: transparent; border: 2px solid rgba(255, 255, 255, 0.50); } .th-formsearch .form-control::-moz-placeholder { color: #fff; } .th-formsearch button[type="submit"] { top: 0;
right: 0; z-index: 2; color: #fff; width: 40px; height: 40px; font-size: 14px; line-height: 40px; position: absolute; background: transparent; } .tg-placeholder { color: #fff; } .th-headervtwo .th-formsearch { margin: 20px 0; } .th-headervtwo .th-formsearch
.form-control { z-index: 1; height: 70px; padding: 15px; position: relative; } .th-headervtwo .th-formsearch .th-btnsearch { top: 0; right: 0; z-index: 2; width: 44px; height: 70px; display: block; line-height: 70px; position: absolute; text-align: center;
} .th-headervtwo .th-formsearch .th-btnsearch i { display: block; } /*============================================= Header Version Two =============================================*/ .th-header.th-headervtwo { background: transparent; } .th-headervtwo
.th-topbar { padding: 15px 0; } .th-phone { float: left; color: #fff; line-height: 20px } .th-phone i, .th-phone i:before, .th-phone span { float: left; line-height: inherit; } .th-phone span { padding: 0 0 0 8px; } .th-headervtwo .th-socialicons { float:
right; padding: 3px 0 1px; } .th-headervtwo .th-socialicons li { padding: 0 0 0 25px; } .th-headervtwo .th-socialicons li a { width: auto; height: auto; font-size: 16px; line-height: 16px; background: transparent; } .th-headervtwo .th-socialicons li a
i { font-size: inherit; line-height: inherit; } .th-headervtwo .th-logo { float: left; padding: 34px 0; } .th-headervtwo .th-logo a, .th-headervtwo .th-logo a img { display: block; } .th-headervtwo .th-navigationarea { width: auto; float: right; } .th-headervtwo
.th-navigationarea .th-widgetsearch { width: auto; margin: 35px 0 35px 40px; } .th-headervtwo .th-navigationarea .th-nav, .th-headervtwo .th-navigationarea .th-widgetsearch { display: inline-block; vertical-align: middle; } .th-searchbox { top: 0; left:
0; z-index: 1; width: 100%; height: 100%; display: none; background: #fff; position: absolute; } .th-headervtwo .th-navigation ul li.menu-item-has-mega-menu { position: static; } .th-headervtwo .th-navigation ul>li { position: relative; } .th-headervtwo
.th-navigation>ul>li+li:before { top: 50%; left: -1px; width: 3px; height: 3px; content: ''; border-radius: 50%; position: absolute; } .th-headervtwo .th-navigation>ul>li>a { color: #5a5a5a; margin: 20px 0 0; padding: 0 0 20px; } .th-btnsearch { color:
#5a5a5a; display: block; line-height: 40px; } .th-btnsearch i { line-height: inherit; } /*============================================= Slider Style =============================================*/ .th-homeslider { width: 100%; float: left; background:
#545454; } .th-homeslider figure { margin: 0; width: 100%; float: left; z-index: 1; position: relative; } .th-homeslider figure img { z-index: 1; width: 100%; height: auto; opacity: 0.35; display: block; position: relative; } .th-homeslider figure figcaption
{ top: 0; left: 0; z-index: 2; width: 100%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .th-bannercontent { width: 100%; float: left; color: #fff; } .th-bannercontent
.h-text { margin: 0; color: #fff; font-size: 50px; line-height: 50px; text-transform: none; } .th-themelist { width: 100%; float: left; list-style: none; font-size: 18px; line-height: 22px; } .th-themelist li { width: 100%; float: left; position: relative;
padding: 0 0 0 20px; line-height: inherit; list-style-type: none; } .th-themelist li+li { margin: 10px 0 0; } .th-themelist li:before { top: 0; left: 0; content: ''; font-size: 9px; line-height: 19px; position: absolute; text-align: center; font-family:
'FontAwesome'; } .th-liststyleroundtick li { padding: 0 0 0 35px; } .th-liststyleroundtick li:before { width: 22px; height: 22px; font-size: 8px; content: '\e90b'; border-radius: 50%; font-family: 'icomoon'; border: 1px solid rgba(255, 255, 255, 0.40);
} .th-bannercontent .th-themelist { padding: 30px 0; } .th-bannercontent .th-themelist li+li { margin: 15px 0 0; } .th-appointmentarea { width: 100%; float: left; } .th-formappointment { padding: 35px; background: #fff; border-radius: 5px; } .th-formappointment
legend { width: 100%; float: left; color: #5a5a5a; font-size: 30px; line-height: 24px; margin: 0 0 10px; text-align: center; } .th-formappointment .th-description { font-size: 16px; line-height: 16px; padding: 0 0 35px; text-align: center; } .th-formappointment
p { margin: 0; color: #5a5a5a; } .th-formappointment .row { margin: 0 -5px } .th-formappointment .row>div { padding: 0 5px; } .th-formappointment .form-group { margin: 0 0 10px; } .th-formappointment .th-btns { padding: 30px 0 0; } /*=============================================
Slider Style Two =============================================*/ .th-homeslidervtwo { background: #000; min-height: 400px; } .th-homeslidervtwo .th-bannercontent { text-align: center; } .th-homeslidervtwo .th-bannercontent h1 span { display: block; }
.th-homeslidervtwo .th-bannercontent .th-description { padding: 5px 0; font-size: 18px; line-height: 24px; font-weight: 400; } .th-homeslidervtwo .th-bannercontent p { margin: 0; } .th-homeslidervtwo .th-bannercontent p span { display: block; } .th-homeslidervtwo
.th-bannercontent .th-btn.th-btnborder { float: none; display: inline-block; } /*============================================= Slider Style Three =============================================*/ .th-homeslidervthree { background: #000; min-height: 400px;
} .th-homeslidervthree .th-bannercontent { text-align: left; } .th-homeslidervthree .th-bannercontent .th-description { padding: 50px 0; font-size: 18px; line-height: 24px; font-weight: 400; } .th-homeslidervthree .th-bannercontent p { margin: 0; } .th-homeslidervthree
.th-bannercontent .th-btn.th-btnborder { float: left; } /*============================================== Home Banner Slider ==============================================*/ .th-homeslider { color: #fff; font-size: 22px; position: relative; } .th-homeslider
.pogoSlider-slide { width: 100%; float: left; opacity: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .th-homeslider .pogoSlider-slide:after { top: 0;
left: 0; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0.50; background: #000; position: absolute; } .th-slidercontent { width: 100%; float: left; } .th-slidercontent h1 { margin: 0; color: #fff; font-size: 60px; font-weight: 300; line-height:
60px; } .th-slidercontent .th-description { padding: 30px 0; } .th-slidercontent .th-description p { margin: 0; line-height: 32px; } .pogoSlider-progressBar { height: 3px; background: #e9e9ea; } .th-btns { width: 100%; float: left; } .th-slidercontent
.th-btns .th-btn { float: left; margin: 0 30px 0 0; } .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next, .pogoSlider--dirTopRight .pogoSlider-dir-btn--next, .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev, .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev { width: 60px; height: 60px; line-height: 58px; border-radius: 50%; transform: rotate(0); border: 1px solid #fff; } .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:before, .pogoSlider--dirTopRight
.pogoSlider-dir-btn--next:before, .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:before, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:before, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:before, .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:before, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:before, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before { top:
0; left: 0; width: 100%; height: 100%; font-size: 20px; line-height: 58px; border-radius: 50%; position: absolute; text-align: center; font-family: 'Linearicons-Free'; } .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:before, .pogoSlider--dirTopRight
.pogoSlider-dir-btn--next:before, .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:before, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:before, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before { content: '\e876'; } .pogoSlider--dirTopLeft
.pogoSlider-dir-btn--prev:before, .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:before, .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:before, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:before, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before
{ content: '\e875'; } /*============================================= Featured Services =============================================*/ .th-featuredservices { width: 100%; float: left; margin: -15px 0; } .th-featuredservice { width: 100%; float: left;
padding: 30px; border-radius: 5px; position: relative; margin: 85px 0 15px; border: 1px solid #eaeaea; } .th-featuredserviceicon { z-index: 2; color: #fff; width: 100px; height: 100px; display: block; border-radius: 5px; position: relative; margin: -80px
auto 0; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .th-featuredserviceicon:before { top: 0; left: 0; z-index: 1; content: ''; width: 100%; height: 100%; border-radius: 5px; position: absolute;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .th-featuredserviceicon i { z-index: 2; color: #fff; display: block; font-size: 40px; line-height:
40px; text-align: center; position: relative; } .th-title { width: 100%; float: left; padding: 35px 0 15px; } .th-title h3 { margin: 0; font-size: 24px; line-height: 24px; } .th-featuredservice .th-description p { margin: 0; } /*=============================================
About us Style =============================================*/ .th-aboutus { width: 100%; float: left; } .th-shortcodevideo { width: 100%; float: left; } .th-shortcodevideo figure { margin: 0; width: 100%; float: left; position: relative; } .th-shortcodevideo
figure img { z-index: 1; width: 100%; height: auto; display: block; position: relative; } .th-btnplay { top: 50%; left: 50%; z-index: 2; color: #fff; width: 100px; height: 100px; display: block; overflow: hidden; text-align: center; position: absolute;
line-height: 100px; border-radius: 50px; margin: -50px 0 0 -50px; background: rgba(0, 0, 0, 0.50); } .th-btnplay i { display: block; font-size: 30px; line-height: inherit; } .th-shortcodetext { width: 100%; float: left; } .th-shortcodetitle, .th-shortcodesubtitle
{ width: 100%; float: left; padding: 0 0 10px; } .th-shortcodetitle h2 { margin: 0; font-size: 60px; line-height: 45px; } .th-shortcodetitle h2 span { display: block; padding: 0 0 10px; } .th-shortcodesubtitle h3 { margin: 0; font-size: 24px; line-height:
24px; } .th-shortcodesubtitle, .th-shortcodetext .th-description { padding: 0 0 30px; } .th-shortcodetext .th-description p { margin: 0; } .description-size { font-size: 22px; padding: 0 0px 15px 0; } /*============================================= Company
Features =============================================*/ .th-companyfeatures, .th-companyfeature, .th-companyteatureicon, .th-companyfeaturetitle { color: #fff; width: 100%; float: left; text-align: center; } .th-companyteatureicon { padding: 0 0 15px;
} .th-companyteatureicon i { width: 100%; float: left; font-size: 65px; line-height: 65px; } .th-companyfeaturetitle h2 { margin: 0; color: #fff; font-size: 18px; line-height: 18px; } /*============================================= Latest Case Studies
=============================================*/ .th-latestcasestudies { width: 100%; float: left; padding: 0 0 50px; } .th-case { width: 100%; float: left; } .th-case figure { margin: 0; width: 100%; float: left; position: relative; } .th-case figure
img { z-index: 1; width: 100%; height: auto; display: block; position: relative; } .th-case figure figcaption { bottom: 0; left: 0; z-index: 2; padding: 0; width: 100%; height: 46px; position: absolute; } .th-case figure figcaption .th-box { width: 100%;
height: 100%; float: left; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; position: relative; } .th-caseicon { color: #fff; opacity: 0; display: block; font-size: 45px; line-height:
45px; text-align: center; position: absolute; visibility: hidden; margin: 0 auto 15px; } .th-caseicon i { display: block; line-height: inherit; } .th-casetitle { width: 100%; float: left; text-align: center; } .th-casetitle h3 { margin: 0; font-size:
16px; line-height: 16px; text-transform: uppercase; } .th-casetitle h3 a { color: #fff; } .th-case:hover figure figcaption { height: 100%; padding: 10px; } .th-case:hover figure figcaption .th-caseicon { opacity: 1; position: static; visibility: visible;
} .th-shortcodeallcase { width: 100%; float: left; } .th-shortcodeallcase h3 { margin: 0; font-size: 24px; line-height: 27px; } .th-shortcodeallcase .th-description { padding: 20px 0 30px; } .th-shortcodeallcase .th-description p { margin: 0; } .th-shortcodeallcase
.th-btn { float: left; } /*============================================= Services Style =============================================*/ .th-services { width: 100%; float: left; } .th-servicestabcontent { width: 100%; float: left; } .tab-pane { width:
100%; float: left; } .th-shortcodeimg { width: 100%; float: left; } .th-shortcodeimg figure { margin: 0; width: 100%; float: left; } .th-servicestabcontent>.tab-pane:nth-child(odd) figure {} .th-servicestabcontent>.tab-pane:nth-child(even) figure { margin-left:
-140px; } .th-servicestabcontent .th-shortcodeimg figure { margin: -80px 0 0; } .th-shortcodeimg figure img { max-width: none; width: auto; display: block; } .th-servicestabcontent .th-shortcodetext { width: auto; float: none; clear: both; overflow: hidden;
margin: 0 -30px 0 0; } .th-servicestabcontent .th-shortcodetext .th-description { padding: 0; } .th-servicestabcontent .th-shortcodetext .th-description p+p { margin: 30px 0 0; } .th-serviceslist { width: 100%; float: left; margin: 0 0 -100px; } .th-serviceslist
a { width: 20%; float: left; color: #fff; font-size: 18px; line-height: 21px; min-height: 200px; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-transform:
capitalize; } .th-serviceslist a i { opacity: 0.15; display: block; font-size: 60px; line-height: 60px; padding: 0 0 20px; } .th-serviceslist a.th-checkallservices i { opacity: 1; font-size: 40px; line-height: 30px; } .th-serviceslist a span { display:
block; font-size: 18px; line-height: 21px; } .th-serviceslist a span em { display: block; font-style: normal; } .th-serviceslist a:hover { color: #fff; } .th-navservicestab { width: 80%; float: right; font-size: 18px; line-height: 21px; } .th-navservicestab
ul { width: 100%; float: left; list-style: none; font-size: inherit; line-height: inherit; } .th-navservicestab ul li { width: 25%; float: left; line-height: inherit; list-style-type: none; } .th-navservicestab ul li a { width: 100%; } .th-navservicestab
ul li:nth-child(odd) a { background: #222; } .th-navservicestab ul li:nth-child(even) a { background: #292929; } .th-navservicestab ul li a:before { top: 50%; left: 50%; width: 0; height: 0; content: ''; opacity: 0; visibility: hidden; position: absolute;
border: 2px solid #383838; } .th-navservicestab ul li a:hover:before, .th-navservicestab ul li.active a:before { top: 5%; left: 5%; opacity: 1; width: 90%; height: 90%; visibility: visible; } .th-navservicestab ul li a i {} .th-navservicestab ul li a
span {} .th-navservicestab ul li a span em {} /*============================================= Testimonals And FAQ =============================================*/ .th-testimonialsandfaq { width: 100%; float: left; padding: 10px 0 0; } .th-testimonials,
.th-faq, .th-faqaccordion, .th-testimonial, .th-testimonial blockquote, .th-testimonial blockquote q, .th-authorinfo { width: 100%; float: left; background: none; } .th-testimonialslider .owl-controls { position: absolute; right: 30px; bottom: 100px;
} .th-testimonial { padding: 30px; margin: 0 0 70px; border-radius: 5px; background: #f5f5f5; } .th-testimonial blockquote { border: 0; margin: 0; quotes: none; font-size: 16px; line-height: 28px; position: relative; padding: 0 0 30px 25px; } .th-testimonial
blockquote:before { top: 0; left: 0; content: '\f10d'; font-family: FontAwesome; width: 47px; height: 38px; position: absolute; } .th-testimonial blockquote q:after { bottom: 0; padding-left: 10px; content: '\f10e'; font-family: FontAwesome; width: 368px;
height: 58px; position: absolute; } .th-widgetreviews .th-testimonial blockquote q:before { top: 0; left: 0; content: '\f10d'; font-family: FontAwesome; width: 47px; height: 38px; position: absolute; } .th-widgetreviews .th-testimonial blockquote q:after
{ position: relative; padding-left: 8px; } .th-authorinfo { width: 100%; float: left; } .th-authordp { float: left; overflow: hidden; border-radius: 50%; margin: 0 50px -100px 0; border: 5px solid #f5f5f5; } .th-authordp a { display: block; } .th-authordp
a img { width: 100%; height: auto; display: block; } .th-nameandaddress { overflow: hidden; padding: 10px 0 0; } .th-nameandaddress strong, .th-nameandaddress span { display: block; font-size: 16px; line-height: 16px; } .th-nameandaddress span { padding:
10px 0 0; } .th-nameandaddress strong a { color: #5a5a5a; } .th-faqaccordion {} .th-faqaccordion { width: 100%; float: left; } .th-faqaccordion .th-panel { width: 100%; float: left; border: 0; overflow: hidden; border-top: 1px solid #eaeaea; } .th-faqaccordion
.th-panel:last-child { border-bottom: 1px solid #eaeaea; } .th-panel+.th-panel { margin: 5px 0 5px 0; } .th-panel .sub-text { margin: 0; width: 100%; float: left; color: #515151; cursor: pointer; background: #fff; font-size: 16px; line-height: 20px; position:
relative; text-transform: none; padding: 20px 60px 20px 20px; font-weight: bold; } .th-panel .sub-text:before { top: 50%; color: #90d153; ; right: 15px; width: 25px; height: 25px; content: '\e910'; font-size: 8px; line-height: 25px; margin: -13px 0 0;
text-align: center; position: absolute; border-radius: 50%; font-family: 'icomoon'; } .th-panel h4.active:before, .th-panel h4:hover:before { colo: #fff; } .th-panel h4.active:before { content: '\e91a'; } .th-panel h4:hover, .th-panel h4.active { font-weight:
bold; } .th-panelcontent { width: 100%; float: left; background: #fff; padding: 0 20px 20px; } .th-panelcontent .th-description p { margin: 0; } /*============================================= Consulting Services =============================================*/
.th-consultingservices { float: left; width: 100%; } .th-textbox { float: left; width: 70%; } .th-textbox h2 { color: #fff; font-size: 35px; margin: 0 0 15px; line-height: 35px; } .th-textbox .th-description { color: #fff; font-size: 16px; } .th-textbox
.th-description p { margin: 0; } .th-btnbox { float: right; padding: 15px 0 0; } /*============================================= Team Style =============================================*/ .th-teammembers { width: 100%; float: left; margin: -15px 0; }
.th-teammember { width: 100%; float: left; padding: 15px 0; } .th-teammember figure { margin: 0; width: 100%; float: left; position: relative; } .th-teammember figure img { z-index: 1; display: block; position: relative; } .th-teammember figure figcaption
{ top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .th-socialiconslg { width: 100%;
float: left; list-style: none; text-align: center; } .th-socialiconslg li { padding: 0 2px; display: inline-block; list-style-type: none; } .th-socialiconslg li a { width: 45px; height: 45px; display: block; background: #fff; line-height: 45px; border-radius:
50%; } .th-socialiconslg li a i:before, .th-socialiconslg li a i { font-size: 14px; display: block; line-height: inherit; } .th-teammember:hover figure figcaption { opacity: 1; visibility: visible; } .th-teammembercontent { width: 100%; float: left; z-index:
2; padding: 30px 0 0; position: relative; } .th-teammembercontent:before { top: 91px; left: 0; width: 100%; height: 2px; content: ''; z-index: 1; position: absolute; background: #f2f2f2; } .th-teammembercontent>div { width: 100%; float: left; } .th-teammembername
{} .th-teammembername h3 { margin: 0; font-size: 18px; line-height: 21px; font-weight: bold; text-transform: none; } .th-teammemberdesignation { font-size: 16px; line-height: 21px; padding: 0 0 20px; } .th-teammemberemail { padding: 20px 0 0; } .th-teammemberemail
a { color: #5a5a5a; } .th-teammemberphone { font-size: 16px; line-height: 16px; } .th-teammemberphone span { display: block; } .th-teammemberphone i, .th-teammemberphone span, .th-teammemberemail i, .th-teammemberemail a { display: inline-block; vertical-align:
middle; } /*============================================= Advantages Style =============================================*/ .th-advantages, .th-advantage { width: 100%; float: left; } .th-advantage { margin: 50px 0 0; padding: 20px; background: #fff; border-radius:
5px; position: relative; } .th-advantageicon { top: -50px; right: 0; width: 100px; height: 100px; display: block; font-size: 50px; border-radius: 50%; line-height: 100px; background: #90d153; position: absolute; } .th-advantageicon i { color: #fff; display:
block; text-align: center; font-size: inherit; line-height: inherit; } .th-advantage h3 { margin: 0 0 20px; font-size: 18px; font-weight: bold; line-height: 18px; text-transform: uppercase; } .th-advantage .th-description p { margin: 0; } /* =============================================
History Timeline Start ============================================= */ .th-historytimeline { clear: both; overflow: hidden; } .th-historytimelineholder { overflow: hidden; width: 9999px; } .th-timeline { width: 317px; float: left; height: 200px; position:
relative; } .th-timeline:nth-child(odd) { margin: 0 0 140px; padding: 140px 0 0; border-bottom: 1px solid #f3f3f3; } .th-timeline:nth-child(even) { margin: 200px 0 0; padding: 0 0 140px; border-top: 1px solid #f3f3f3; } .th-historyround { left: 0; width:
24px; height: 24px; display: block; border: 3px solid; border-radius: 50%; position: absolute; } .th-timeline:nth-child(odd) .th-historyround { bottom: -12px; } .th-timeline:nth-child(even) .th-historyround { top: -12px; } .th-historyyear { left: 0; width:
100%; text-align: left; position: absolute; } .th-timeline:nth-child(odd) .th-historyyear { bottom: -50px; } .th-timeline:nth-child(even) .th-historyyear { top: -50px; } .th-historytextbox { left: 0; width: 270px; padding: 20px; border-radius: 5px; position:
absolute; background: #f1f1f1; } .th-timeline:nth-child(odd) .th-historytextbox { top: 0; } .th-timeline:nth-child(even) .th-historytextbox { bottom: 0; } .th-historytextbox h3 { margin: 0 0 10px; font-size: 18px; font-weight: bold; line-height: 18px;
} .th-historytextbox .th-description p { margin: 0; } /* ============================================= Skills Start ============================================= */ .th-events { width: 100%; float: left; } .th-eventcalendar { width: 100%; float: left;
border: 1px solid #ddd; border-bottom: 0; } .fc-toolbar { width: 100%; float: left; text-align: center; position: relative; margin: 0 !important; } .fc-toolbar .fc-right { display: none; } .fc-toolbar .fc-center { vertical-align: top; } .fc-toolbar .fc-center
h2 { margin: 0; color: #fff; font-size: 18px; line-height: 66px; text-transform: uppercase; } .fc-toolbar .fc-left { width: 100%; float: left; text-align: center; } .fc-toolbar .fc-left h2 { color: #fff; margin: 0; float: none; font-size: 18px; line-height:
18px; display: inline-block; } .fc-today-button { display: none; } .fc-prev-button, .fc-next-button { top: 50%; border: 0; z-index: 3; padding: 0 !important; color: #fff !important; height: auto !important; margin: -8px 0 0 !important; border-radius:
0 !important; box-shadow: none !important; text-shadow: none !important; position: absolute !important; background: transparent !important; } .fc-prev-button { left: 30px; } .fc-next-button { right: 30px; } .fc button .fc-icon { margin: 0; height: auto;
display: block; height: 16px; line-height: 16px; position: static; text-align: center; } .fc-icon-left-single-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform:
rotate(180deg); } .fc-icon-right-single-arrow:after, .fc-icon-left-single-arrow:after { top: 0; font-size: 16px; font-weight: 300; line-height: 16px; font-family: 'icomoon'; } .fc-icon-right-single-arrow:after { content: "\e904"; } .fc-icon-left-single-arrow:after
{ content: "\e904"; } .fc-view-container { width: 100%; float: left; } .fc .fc-row { width: 100%; float: left; } .fc table { float: left; margin: 0; } .fc-view { width: 100%; float: left; } .fc .fc-row table thead tr th { color: #fff; line-height: 40px;
font-weight: 400; } .fc .fc-row table thead tr th:nth-child(odd) { background: #0395cb; } .fc .fc-row table thead tr th:nth-child(even) { background: #0382b1; } .fc-body { width: 100%; float: left; background: #fff; } .fc-content-skeleton, .fc-basic-view
.fc-body .fc-row, .fc-unselectable, .fc-day-grid-container, .fc-widget-content { width: 100%; float: left; } .fc-row .fc-content-skeleton { padding: 0; } .fc-basic-view .fc-body .fc-row { min-height: 0; height: auto !important; } .fc-content-skeleton
table thead tr td { color: #5a5a5a; cursor: pointer; font-size: 16px; line-height: 56px; text-align: center; background: #fff !important; border: 1px solid #ddd !important; border-top: 0 !important; } .fc-content-skeleton table thead tr td span { width:
30px; height: 30px; line-height: 30px; border-radius: 50%; padding: 0 !important; float: none !important; display: inline-block; vertical-align: middle; } .fc-future .fc-day-number { color: #5a5a5a; } .fc-day-top.fc-other-month { opacity: 1; } .fc-future:hover
.fc-day-number { color: #fff; } .fc-other-month.fc-future .fc-day-number { color: #5a5a5a; } .fc-other-month.fc-future:hover .fc-day-number { color: #fff; background: none; } .fc-head { display: none; } .fc-content-skeleton table thead tr td.fc-other-month
{ color: #a8a8a8 !important; background: #f5f5f5 !important; } .fc-body { background: transparent; } .fc td, .fc th { padding: 0; vertical-align: top; border: 0 !important; } .fc-day-grid-container { height: auto !important; } .th-skillgroup { float:
left; width: 100%; } .th-skill { float: left; width: 100%; cursor: pointer; } .th-skill+.th-skill { margin: 50px 0 0; } .th-skill h5, .th-skill h4 { margin: 0; font-size: 16px; line-height: 16px; padding: 0 0 10px; text-transform: uppercase; } .th-skill
h4 { float: left; } .th-skill h5 { float: right; } .th-skillholder { float: left; width: 100%; position: relative; background: #e7e7e7; border-radius: 10px; } .th-skillbar { float: left; height: 15px; border-radius: 10px; } /*=============================================
Latest News Style =============================================*/ .th-posts { width: 100%; float: left; } .th-post { width: 100%; float: left; position: relative; } .th-postimg { width: 100%; float: left; margin: 0; position: relative; } .th-postimg a
{ z-index: 1; display: block; position: relative; } .th-postimg a img { width: 100%; height: auto; display: block; } .th-postimg figcaption { top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; display:
flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .th-postimg figcaption a { color: #fff; font-size: 20px; line-height: 20px; } .th-post:hover .th-postimg figcaption { opacity: 1; visibility: visible;
} .th-postcontent { width: 100%; float: left; padding: 28px; background: #f5f5f5; } .th-posttitle { width: 100%; float: left; margin: 0 0 20px; } .th-posttitle h3 { margin: 0; font-size: 24px; line-height: 24px; } .th-posttitle h3 a { color: #5a5a5a;
} .th-postcontent .th-description { margin: 0 0 30px; } .th-postcontent .th-description p { margin: 0; line-height: 24px; } .th-postmate { width: 100%; float: left; font-size: 14px; line-height: 14px; list-style: none; margin: 0 0 15px; } .th-postmate
li { float: left; padding: 0 15px; line-height: inherit; list-style-type: none; } .th-postmate li:first-child { padding-left: 0; } .th-postmate li a { color: #5a5a5a; display: block; font-size: 16px; } .th-postmate li a i, .th-postmate li a span { display:
inline-block; vertical-align: middle; } .th-postcontent .th-btnbox { float: none; width: 100%; padding: 0; text-align: center; } .th-postdetail .th-postimg { margin: 0 0 30px; } /*============================================= footet Style =============================================*/
.th-footer { overflow: hidden; } .th-brandsarea { float: left; width: 100%; } .th-brands { width: 100%; float: left; padding: 50px 0; border-top: 1px solid #eaeaea; } .th-brand { width: 20%; height: 80px; float: left; padding: 0 15px; display: flex; flex-direction:
column; justify-content: center; align-items: center; align-content: center; } .th-brand figure { margin: 0; } .th-brand figure a { display: block; } .th-brand figure a img { display: block; } .th-helpline { float: left; width: 100%; background: #333333;
} .th-helplinecontent { float: left; width: 100%; padding: 60px; text-align: center; } .th-helplinecontent i { display: block; font-size: 50px; line-height: 45px; margin: 0 0 40px; } .th-helplinecontent h3 { color: #fff; font-size: 50px; margin: 0 0 20px;
line-height: 40px; } .th-helplinecontent span { color: #fff; display: block; font-size: 30px; line-height: 33px; } .th-helplinecontent span em { font-style: normal; } .th-newsletter { float: left; width: 100%; padding: 30px; position: relative; background:
#f5f5f5; } .th-formicon { top: -50px; right: 0; width: 76px; height: 76px; background: #fff; line-height: 76px; border: 2px solid; position: absolute; border-radius: 50%; } .th-formicon i { display: block; font-size: 30px; line-height: 72px; text-align:
center; } .th-newsletter h3 { font-size: 18px; line-height: 21px; font-weight: bold; margin: 0 0 25px; } .th-newsletter .th-description { text-align: left; } .th-newsletter .form-control { background: #fff; } .th-footerinfobox { width: 100%; float: left;
padding: 8px 0; background: #197748; } .th-footerinfobox .th-infobox { width: 100%; float: left; color: #fff; height: 85px; position: relative; padding: 24px 0 24px 30px; border-radius: 45px 0 0 45px; } .th-footerinfobox h3, .th-footerinfobox h2, .th-footerinfobox
p { color: #fff; } .th-footerinfobox .th-infobox:before { top: 0; left: 100%; content: ''; width: 9999px; height: 100%; position: absolute; } .th-footerinfobox .th-infobox li { width: 33.33%; float: left; color: #fff; padding: 0 15px; } .th-footerinfobox
.th-infobox li i, .th-footerinfobox .th-infocontent span, .th-footerinfobox .th-infocontent span a { color: #fff; } .th-footerinfobox .th-infocontent span+span { opacity: 1; } .th-fcols, .th-fcol { width: 100%; float: left; } .th-footerbar { clear: both;
background: #094225; color: #fff; } .th-fcols { padding: 30px 0 30px 0; } .th-borderheading { width: 100%; float: left; text-align: left; margin: 0 0 3px; padding: 0 0 15px; border-bottom: 1px solid #eaeaea; } .th-borderheading h3 { margin: 0; font-weight:
550; font-size: 21px; line-height: 20px; text-transform: uppercase; } .th-fcol ul { width: 100%; float: left; font-size: px; line-height: px; list-style: none; } .th-fcol ul li { width: 100%; float: left; padding: 30px 0 0; position: relative; line-height:
inherit; list-style-type: none; } .th-fcol ul li i.fa-twitter { width: 40px; float: left; font-size: 24px; line-height: 24px; } .th-fcol ul li figure { float: left; overflow: hidden; margin: 0 30px 0 0; border-radius: 50%; } .th-fcol ul li figure a {
display: block; } .th-fcol ul li figure a img { width: 100%; height: auto; display: block; } .th-fcol ul li .th-description { width: auto; float: none; overflow: hidden; } .th-fcol ul li .th-description p { margin: 0 0 5px; } .th-fcol ul li .th-description
time { color: #5a5a5a; font-size: 14px; line-height: 14px; } .th-fcol ul li .th-description time i, .th-fcol ul li .th-description time span { color: #5a5a5a; font-size: 14px; line-height: 14px; display: inline-block; vertical-align: middle; } .th-fcol
ul.th-links { padding: 5px 0 0; } .th-fcol ul.th-links li { padding: 0; margin: 15px 0 0; } .th-fcol ul.th-links li a { color: #90d153; position: relative; padding: 0 0 0 20px; } .list-inline li a { color: #90d153; position: relative; padding: 0 0 0 20px;
} .bottom-links span { color: #fff; padding-left: 10px; } .bottom-links .color-icon { text-align: right; } .bottom-links .color-icon li a { color: #fff; padding: 0 12px; } .bottom-links .color-icon li a:hover { color: #ccc; } .bottom-links { clear: both;
margin-top: 10px; border-top: 1px solid #000; padding-top: 10px; } .list-inline li a:hover { color: #00ae51; text-decoration: underline; } .th-fcol ul.th-links li a:hover { color: #00ae51; text-decoration: underline; } .th-fcol ul.th-links li a:before
{ top: 0; left: 0; color: inherit; content: '\e904'; position: absolute; font-size: 10px; line-height: inherit; font-family: 'icomoon'; } .th-ebook { width: 100%; float: left; padding: 20px 0; background: #333; } .th-ebook figure { margin: 0; width: 100%;
float: left; } .th-ebook figure img { max-width: none; width: auto; display: block; margin: 0 0 0 -100px; } .th-ebookcontent { width: 100%; float: left; } .th-ebookcontent h4 { color: #fff; font-size: 30px; margin: 0 0 15px; line-height: 26px; position:
relative; padding: 0 0 0 45px; } .th-ebookcontent h4:before { top: -5px; left: 0; color: #fff; opacity: 0.50; content: '\e905'; font-size: 30px; line-height: 30px; position: absolute; font-family: 'icomoon'; } .th-ebookcontent h5 { color: #a1a1a1; font-size:
16px; margin: 0 0 30px; line-height: 24px; } .th-formebook {} .th-formebook .th-btn.th-btn-lg { height: 46px; line-height: 46px; } .th-formebook .th-btn.th-btn-lg i { font-size: 25px; line-height: inherit; } .th-footerbar .text-left { width: 100%; float:
left; color: #fff; font-size: 16px; line-height: 50px; } .th-copyright.text-right a:hover { color: #fff; } .th-copyright { width: 100%; float: left; color: #fff; font-size: 16px; line-height: 50px; } .th-copyright i { color: #e2e2e2; display: inline-block;
vertical-align: middle; line-height: inherit; } #s-sitemap { padding: 20px 0 20px 0; clear: both; } #s-sitemap li { list-style: none; } #s-sitemap .th-borderheading h3 { font-size: 18px; } #s-sitemap .th-borderheading { padding: 0 0 8px; border-bottom:
0; } /*============================================= About Us Page =============================================*/ .th-innerpagecontent { width: 100%; float: left; min-height: 140px; } .th-innerpagecontent .th-btn { float: right; margin: 45px 0; } .th-aboutusnew
{ width: 100%; float: left; } .th-howwecanhelp { width: 100%; float: left; padding: 0 80px; margin: 0 0 40px; border-radius: 5px; background: #f1f1f1; } .th-howwecanhelpcontent { padding: 60px 0; overflow: hidden; } .th-howwecanhelpcontent h1 { margin:
0; font-size: 30px; line-height: 30px; } .th-howwecanhelpcontent .th-description { padding: 30px 0; } .th-howwecanhelpcontent .th-description p { margin: 0; } .th-howwecanhelp figure { margin: 0; float: right; } .th-ourfeatures { width: 100%; float: left;
} .th-ourfeatures .th-shortcodetitle h1 { line-height: 60px; font-size: 38px; color: #5a5a5a; margin: 0 0 8px; font-weight: 400; text-transform: capitalize; font-family: 'PT Sans', Arial, Helvetica, sans-serif; } .th-ourfeatures .th-description p+p {
margin: 15px 0 0; } .th-ourfeatureslist { width: 100%; float: left; font-size: 16px; line-height: 24px; list-style: none; padding: 0 0 0 30px; } .th-ourfeatureslist li { width: 100%; float: left; line-height: inherit; list-style-type: none; } .th-ourfeatureslist
li+li { padding: 45px 0 0; } .th-ourfeatureicon { color: #fff; width: 90px; height: 90px; float: left; display: block; font-size: 40px; line-height: 90px; border-radius: 50%; margin: 0 40px 0 0; text-align: center; } .th-ourfeatureicon i { display: block;
font-size: inherit; line-height: inherit; } .th-ourfeaturecontent { overflow: hidden; } .th-ourfeaturecontent h2 { font-size: 24px; line-height: 24px; margin: 0 0 15px; } .th-ourfeaturecontent .th-description p { margin: 0; } /*=============================================
Services Page =============================================*/ .th-featuredservices.th-styletwo { margin: -15px 0; } .th-styletwo .th-featuredservice { border: 0; padding: 0; margin: 15px 0; } .th-featuredservice figure { margin: 0; width: 100%; float:
left; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .th-featuredservice figure img { width: 100%; height: auto; display: block; } .th-link { top: 50%; left: 50%; color: #fff; width: 30px; opacity: 0; font-size: 12px; line-height:
30px; position: absolute; visibility: hidden; margin: -15px 0 0 -15px; } .th-link:hover, .th-link:focus { color: #fff; } .th-link i { display: block; font-size: inherit; line-height: inherit; } .th-servicecontent { width: 100%; float: left; padding: 10px
10px; border-top: 0 !important; border: 1px solid #eaeaea; border-radius: 0 0 5px 5px; text-align: center; } .th-servicecontent .th-title { padding: 0 0 20px; } .th-servicecontent .th-title h3 { font-size: 18px; font-weight: bold; line-height: 18px; }
.th-servicecontent .th-description { padding: 0 0 10px; } .th-btnseedetail { font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; text-decoration: underline; } .th-btnseedetail:hover { color: #5a5a5a; text-decoration: underline;
} .th-featuredservice:hover figure img { opacity: 0.20; } .th-featuredservice:hover figure .th-link { opacity: 1; visibility: visible; } /*============================================= Services Page Sidebar =============================================*/
.th-sidebar { width: 100%; float: left; } .th-widget { width: 100%; float: left; border-radius: 5px; } .th-widget+.th-widget { margin: 30px 0 30px 0; } .th-widgetcontact { color: #fff; padding: 30px 20px; text-align: center; } .th-widget .th-sectiontitle
{ padding: 0 0 15px; } .th-widget .th-sectiontitle .contact-review { padding: 0 30px 15px; } .th-widgetcontact .th-sectiontitle .contact-review { color: #fff; } .th-widget .th-sectiontitle .contact-review:before, .th-widget .th-sectiontitle .contact-review:after
{ opacity: 0.20; } .th-widgetcontact .th-description { padding: 0 0 20px; } .th-widgetcontact .th-description p { margin: 0; } .th-number { clear: both; padding: 15px; margin: 0 -20px; overflow: hidden; background: rgba(0, 0, 0, 0.10); } .th-number i,
.th-number span { font-size: 18px; line-height: 18px; display: inline-block; vertical-align: middle; } .th-widgetreviews { border: 1px solid #e4e4e4; } .th-widgetreviews .th-sectiontitle h2:before, .th-widgetreviews .th-sectiontitle h2:after { opacity:
1; background: #e4e4e4; } .th-widgetreviews .th-testimonial { margin: 0; background: none; position: relative; padding: 30px 20px; } .th-widgetreviews .th-testimonial blockquote { padding-left: 20; font-size: 16px; line-height: 24px; background: none;
font-style: italic; } .th-widgetreviews blockquote:before { display: none; } .th-widgetreviews .th-sectiontitle { position: relative; } .th-widgetreviews .th-sectiontitle:before { top: -10px; left: 0; content: ''; width: 37px; height: 30px; position:
absolute; background: url(../images/icons/icon-01.png) no-repeat 0 0; background-size: 100% auto; } .th-widgetreviews strong { width: 100%; float: left; font-weight: 400; padding: 10px 0 0; } .th-widgetreviews .th-authordp { border: 0; margin: 0; right:
20px; width: 70px; height: 70px; bottom: -35px; position: absolute; } .th-widget.th-widgetreviews { border: 0; overflow: hidden; border-radius: 0; margin: 30px 0 35px; } .th-widgetbrochure a { color: #fff; width: 100%; float: left; font-size: 16px; line-height:
20px; position: relative; padding: 15px 30px 15px 45px; } .th-widgetbrochure a:before { top: 15px; left: 20px; content: '\e929'; position: absolute; font-size: inherit; line-height: inherit; font-family: 'icomoon'; } .th-widgetbrochure a:hover { color:
#fff; } .th-widget ul { width: 105%; float: left; font-size: 16px; line-height: 24px; list-style: none; } .th-widget ul li { width: 100%; float: left; line-height: inherit; list-style-type: none; } .th-widget ul li h3 { margin: 0; font-weight: bold; font-size:
inherit; line-height: inherit; } .th-widget ul li h3 a { color: #5a5a5a; } .th-widget ul li time { display: block; } .th-widget ul li time i, .th-widget ul li time span { display: inline-block; vertical-align: middle; } .th-sidebar .th-widget .th-borderheading
{ text-align: left; margin: 0 0 20px; padding: 0 0 20px; } .th-sidebar .th-widget .th-borderheading h3 { margin: 0; line-height: 15px; } .th-widget.th-widgetnews ul li+li { padding: 20px 0 0; } .th-widgetservicesnav { overflow: hidden; background: #f5f5f5;
} .th-widgetservicesnav ul li+li { border-top: 1px solid #e9e9e9; } .th-widgetservicesnav ul li a { color: #5a5a5a; display: block; padding: 0 30px; font-size: 16px; line-height: 50px; position: relative; } .th-widgetservicesnav ul li a:before { top:
0; opacity: 0; color: #fff; right: 30px; content: ''; font-size: 16px; font-family: ''; position: absolute; visibility: hidden; line-height: inherit; } .th-widgetservicesnav ul li a:hover, .th-widgetservicesnav ul li.th-active a { color: #fff; } .th-widgetservicesnav
ul li a:hover:before, .th-widgetservicesnav ul li.th-active a:before { opacity: 1; right: 15px; visibility: visible; } .th-widget .th-testimonialslider { width: 100%; float: left; margin: 0 0 35px; border-radius: 5px; border: 1px solid #e4e4e4; } .th-widget
.th-testimonialslider .owl-wrapper-outer { overflow: visible; } .th-widget .th-testimonialslider .owl-controls { position: absolute; bottom: -30px; right: auto; left: 0; } .th-widget.th-widgetsearch .th-formsearch .form-control { border: 1px solid #e4e4e4;
} .th-widget.th-widgetsearch .th-formsearch button[type="submit"] { color: #bebebe; } .th-widget ul.th-tags { clear: both; width: auto; float: none; margin: -3px; overflow: hidden; } .th-widget ul.th-tags li { width: auto; padding: 3px; } .th-tag { color:
#fff; display: block; padding: 0 18px; font-size: 15px; line-height: 36px; border-radius: 18px; background: #5a5a5a; } .th-tag:hover { color: #fff; } .th-widget.th-widgetpopularnews ul li { margin: 15px 0 0; } .th-widget ul li figure { float: left; overflow:
hidden; border-radius: 50%; margin: 0 15px 0 0; } .th-newscontent { overflow: hidden; } /*============================================= Service Detail Page =============================================*/ .th-detailpage { width: 100%; float: left; } .th-serviceimgslider
{ width: 100%; float: left; overflow: hidden; border-radius: 10px; } .th-serviceimgslider .item { width: 100%; float: left; } .th-serviceimgslider figure { width: 100%; float: left; margin: 0 0 30px; } .th-serviceimgslider figure img { width: 100%; height:
auto; display: block; } .th-detailpage .th-title { padding: 0 0 20px; } .th-detailpage .th-title h3 { margin: 0; font-size: 24px; line-height: 24px; font-weight: bold } .th-detailpage .th-liststyle { padding: 0 0 30px 20px; } .th-liststyle { width: 100%;
float: left; font-size: 16px; line-height: 20px; list-style: none; padding: 0 0 0 20px; } .th-liststyle li { width: 100%; float: left; position: relative; padding: 0 0 0 30px; line-height: inherit; list-style-type: none; } .th-liststyle li+li { margin:
15px 0 0 0; } .th-liststyle li:before { top: 1px; left: 0; font-size: 13px; position: absolute; line-height: inherit; font-family: 'FontAwesome'; } .th-checkcircleliststyle li:before { content: '\f058'; } .th-arrowliststyle li:before { content: '\e904';
font-family: 'icomoon'; } .th-detailpage blockquote { margin: 0; width: 100%; float: left; padding: 30px; font-size: 24px; line-height: 30px; font-style: italic; background: #f5f5f5; border-radius: 8px; margin-bottom: 22px; } .th-detailpage .th-box {
padding: 40px 0 0; } .th-box, .th-boxtitle { width: 100%; float: left; } .th-boxtitle { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #ddd; } .th-boxtitle h2 { margin: 0; font-size: 24px; line-height: 24px; } .th-detailpage .th-faqaccordion
.th-panel { border: 0; } .th-detailpage .th-faqaccordion .th-panel h4 { background: #f5f5f5; } .th-detailpage .th-faqaccordion .th-panel h4.active { font-weight: bold; } .th-detailpage .th-faqaccordion .th-panelcontent { padding: 20px; } .th-detailpage
.th-squreliststyle { padding: 0; } .th-squreliststyle li:before { top: 50%; width: 6px; height: 6px; content: ''; display: block; margin: -2px 0 0; } .th-detailpage .th-themetabs { width: 100%; float: left; } .th-detailpage .th-themetabnav { width: 100%;
float: left; list-style: none; font-size: 16px; line-height: 31px; text-transform: uppercase; } .th-detailpage .th-themetabnav li { float: left; line-height: inherit; list-style-type: none; } .th-detailpage .th-themetabnav li+li { padding: 0 0 0 10px;
} .th-detailpage .th-themetabnav li a { color: #5a5a5a; display: block; padding: 8px 40px; line-height: inherit; border-radius: 5px 5px 0 0; border: 1px solid #e4e4e4; border-bottom: 0; } .th-detailpage .th-themetabnav li a:hover, .th-detailpage .th-themetabnav
li.active a { background: #f5f5f5; border-color: #f5f5f5; } .th-detailpage .th-themetabcontent { border: 0; width: 100%; float: left; padding: 30px; background: #f5f5f5; } .th-detailpage .th-themetabcontent>div p:last-child { margin: 0; } /*=============================================
Case Studies =============================================*/ .th-content .th-latestcasestudies { padding: 0; margin: -15px 0; } .th-content .th-case { margin: 15px 0; } /*============================================= Case Study Detail =============================================*/
.th-caseimgallery { clear: both; margin: -15px; overflow: hidden; padding: 0 0 50px; } .th-caseimgallery .th-imgbox { width: 33.33%; float: left; padding: 15px; } .th-caseimgallery .th-imgbox:first-child { width: 66.667%; } .th-caseimgallery .th-imgbox
figure { margin: 0; width: 100%; float: left; } .th-detailpage.th-caseedetail .th-box:first-child { padding: 0; } .th-detailpage.th-caseedetail .th-arrowliststyle { padding-bottom: 0; } /*============================================= Team Listing Page
=============================================*/ .th-teamlist .th-teammember figure { width: auto; } .th-teamlist .th-teammember .th-teammembercontent { width: auto; float: none; overflow: hidden; padding: 0 0 0 30px; } .th-teamlist .th-teammember .th-teammembercontent:before
{ display: none; } .th-teamlist .th-teammember .th-description { border-bottom: 2px solid #f2f2f2; } /*============================================= Team Detail Page =============================================*/ .th-memberdetail .th-teammember { padding:
0; } .th-memberdetail .th-teammember figure { width: auto; } .th-memberdetail .th-teammember .th-teammembercontent { width: auto; float: none; overflow: hidden; padding: 0 0 0 30px; } .th-memberdetail .th-teammember .th-teammembercontent:before { display:
none; } .th-memberdetail .th-teammember .th-description { padding: 0 0 30px; border-bottom: 2px solid #f2f2f2; } .th-memberdetail .th-description { padding: 30px 0 0; } .th-memberdetail .th-description p { margin: 0; } .th-memberdetail .th-description
blockquote { margin: 40px 0; border-left: 5px solid; } .th-memberdetail .th-teammemberemail { padding: 10px 0 0; } .th-news { width: 100%; float: left; border-radius: 5px; padding: 20px; border: 1px solid #e4e4e4; } .th-news h3 { margin: 0 0 2px; font-size:
16px; font-weight: bold; line-height: 24px; } .th-membercontactdetail { width: 100%; float: left; margin: 50px 0 0; overflow: hidden; min-height: 180px; border-radius: 5px; padding: 30px 60px; background: url(images/bgparallax/bgparallax-02.jpg) no-repeat;
-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .th-membercontactdetail .th-boxtitle { border: 0; margin: 0; padding: 0 0 20px; } .th-membercontactdetail .th-boxtitle
h2 { color: #fff; } .th-membercontactinfo { width: 100%; float: left; font-size: 16px; line-height: 24px; list-style: none; } .th-membercontactinfo li { width: 50%; float: left; list-style-type: none; } .th-membercontactinfo li span { width: 100%; float:
left; } .th-membercontactinfo li span+span { padding: 10px 0 0; } .th-membercontactinfo li i, .th-membercontactinfo li a, .th-membercontactinfo li em, .th-membercontactinfo li address { float: left; color: #fff; margin: 0; line-height: 16px; font-style:
normal; } .th-membercontactinfo li i { width: 30px; } .th-membercontactinfo li address { float: none; overflow: hidden; } .th-membercontactdetail .th-socialiconslg li { float: left; } .th-membercontactdetail .th-socialiconslg li a { color: #fff; font-size:
20px; line-height: 41px; border: 2px solid; } .th-membercontactdetail .th-socialiconslg li a:hover { background: transparent; } .th-membercontactdetail .th-socialiconslg li a i:before, .th-membercontactdetail .th-socialiconslg li a i { font-size: 20px;
} .th-membercontactdetail .th-socialiconslg li a:hover i { color: #fff; } /*============================================= 404 Page =============================================*/ .th-paddingbottomzero { padding-bottom: 0; } .th-404content { width: 100%;
float: left; } .th-shortcodetitle h2 { font-size: 50px; line-height: 36px; } .th-404content .th-liststyle li a { color: #5a5a5a; } .th-searchandbtn { width: 100%; float: left; position: relative; padding: 30px 35% 0 0; } .th-searchandbtn .th-formsearch
.form-control { border: 0; height: 50px; border-radius: 5px; background: #f5f5f5; padding: 0 65px 0 15px; } .th-searchandbtn .th-formsearch button[type="submit"] { width: 50px; height: 50px; color: #5a5a5a; line-height: 50px; } .th-searchandbtn .th-btn
{ right: 0; bottom: 0; position: absolute; } /*============================================= Comming Soon Page =============================================*/ body.th-comingsoonpage { background: url(images/bgcommingsoon.jpg) no-repeat fixed; -webkit-background-size:
cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; height: 100%; } .th-commingsooncontent { width: 100%; float: left; padding: 190px 0; position: relative; } .th-commingsooncontent
.th-textbox { color: #fff; width: 100%; float: left; text-align: center; } .th-commingsooncontent .th-textbox h2 { color: #fff; margin: 0 0 30px; font-size: 90px; line-height: 68px; } .th-commingsooncontent .th-textbox h3 { color: #fff; margin: 0 0 60px;
font-size: 20px; line-height: 20px; } .th-commingsooncontent .th-formsearch { width: 66.666%; float: none; overflow: hidden; border-radius: 5px; margin: 0 auto 60px; } .th-commingsooncontent .th-formsearch .form-control { width: 100%; float: left; border:
0; height: 60px; border-radius: 0; background: #fff; line-height: 30px; padding: 15px 205px 15px 15px; } .th-commingsooncontent .th-formsearch button[type="submit"] { width: 25%; color: #fff; float: right; height: 60px; line-height: 60px; } .th-commingsooncontent
.th-formsearch button[type="submit"] i, .th-commingsooncontent .th-formsearch button[type="submit"] span { display: inline-block; vertical-align: top; } .th-commingsooncontent .th-formsearch button[type="submit"] i { line-height: inherit; } .th-commingsooncontent
.th-formsearch button[type="submit"] span { font-size: 18px; line-height: inherit; } .th-countdown { width: 100%; float: left; text-align: center; } .th-countdown .clock-item { width: 140px; height: 140px; margin: 0 30px; border-radius: 5px; position:
relative; display: inline-block; vertical-align: top; border: 1px solid #635c57; } .th-countdown .clock-item .text { top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: center; align-items:
center; align-content: center; } .th-countdown .clock-item .text .val { margin: 0; color: #fff; font-size: 60px; line-height: 44px; } .th-countdown .clock-item .text .type-time { display: block; font-size: 20px; line-height: 16px; text-align: center;
margin: 15px auto 0; text-transform: capitalize; } .clock-canvas { width: 100%; float: left; display: none; position: relative; } body.th-comingsoonpage .th-footer .th-copyright { border-top: 1px solid rgba(210, 210, 210, 0.10); } /*=============================================
Blog List Page =============================================*/ .th-postlist { padding: 0 0 60px; } .th-postlist .th-post { border-radius: 5px; overflow: hidden; } .th-postlist .th-post+.th-post { margin: 30px 0 0; } .th-postlist .th-btnbox { float: left;
text-align: left; } /*============================================= Blog Detail Page =============================================*/ .th-alignright { float: right; overflow: hidden; border-radius: 5px; margin: 0 0 30px 30px; } .th-alignright img { display:
block; } .th-textboxarea { overflow: hidden; } .th-authorbox { width: 100%; float: left; border-radius: 5px; margin: 30px 0 0; background: #f5f5f5; padding: 20px 30px; } .th-authorbox figure { width: 70px; float: left; overflow: hidden; margin: 0 30px
0 0; border-radius: 50%; } .th-authorbox figure a, .th-authorbox figure a img { display: block; } .th-authorcontent { overflow: hidden; } .th-authorhead { margin: 0 0 10px; font-size: 15px; } .th-authorcontent .th-description p:last-child { margin: 0;
} .th-comments { width: 100%; float: left; font-size: px; line-height: px; list-style: none; } .th-comments li { width: 100%; float: left; line-height: inherit; list-style-type: none; } .th-commentbox { width: 100%; float: left; padding: 15px 0; } .th-commentbox
figure { width: 70px; float: left; overflow: hidden; margin: 0 30px 0 0; border-radius: 50%; } .th-commentbox figure a, .th-commentbox figure a img { display: block; } .th-commentcontent { overflow: hidden; } .th-commenthead { margin: 0 0 10px; font-size:
15px; } .th-commenthead time { float: left; } .th-btncommentreply { float: right; } .th-btncommentreply i, .th-btncommentreply span { display: inline-block; vertical-align: middle; } .th-commentcontent .th-description p:last-child { margin: 0; } .th-child
{ margin: 0; width: 100%; float: left; padding: 0 0 0 100px; } .th-formcomment textarea.form-control { height: 130px; } /*============================================= Contact Us Page =============================================*/ .th-formcontactus textarea.form-control
{ height: 220px } .th-marginbottom { margin-bottom: 100px; } .th-location li .office-heading { font-size: 18px; font-weight: bold; line-height: 21px; } .th-location li { margin: 0; } .th-location li i { width: 25px; float: left; } .th-location li address
{ margin: 0; font-size: 16px; overflow: hidden; font-style: normal; } .th-location li+li { padding: 30px 0 0; } .th-widgetadvisors ul li figure { float: left; } .th-widgetadvisors ul li .th-teammembercontent { padding: 0; width: auto; float: none; overflow:
hidden; } .th-widgetadvisors ul li .th-teammembercontent:before { display: none; } .th-widgetadvisors ul li .th-teammemberdesignation { padding: 0; } .th-widgetadvisors ul li .th-teammemberemail { padding: 5px 0 0; } .th-widgetadvisors ul li+li { padding:
20px 0 0; } .th-chart { width: 100%; float: left; } .th-paddingzero { padding: 0 !important; } .m-b-xs { margin-bottom: 5px; } #regForm { background-color: #ffffff; margin: 0 0 30px auto; padding: 40px; } input { padding: 10px; width: 100%; font-size:
17px; border: 1px solid #aaaaaa; } /* Mark input boxes that gets an error on validation: */ input.invalid { background-color: #ffdddd; } /* Hide all steps by default: */ .tab { display: none; } button:hover { opacity: 1; background: #ffa500 !important;
color: #000 !important; } #prevBtn { background-color: #bbbbbb; } /* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block;
opacity: 0.5; } .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #4CAF50; } #service-list { background: url("../images/services/service-bg.jpg") 0px 0px no-repeat; } .t-table { background:
#f3fff6; padding: 30px 0 30px 0 } .blog-page { clear: both; padding: 20px 0 20px 0; } .blog-page h1 { font-size: 30px; text-align: center; font-family: serif; } .blog-text img { padding: 20px 0 20px 150px; } .blog-page .blog-heading { padding: 68px; color:
#0e6b0e; text-align: center; font-size: 38px; } .talk-expert .margin-left { margin: 0 0 0 270px; } @media screen and (max-width:767px) { #page-form .color h1 { font-size: 33px; } #top-header .text-right { text-align: left; } .th-footerbar .text-left {
line-height: 36px; text-align: center; } .th-footerbar .th-copyright { float: none; margin-left: 17px; } .th-testimonialsandfaq .th-testimonials { margin: 0 } .th-testimonials, .th-faq { padding-left: 0; } .th-sectionpadding, .th-sectiontitle { padding:
10px 0 10px 0; } .th-testimonial { margin: 0; padding: 15px; } .th-widgetreviews .th-testimonial blockquote { padding-left: 20px; } .th-testimonialslider .owl-controls { bottom: 20px; } .blog-page .blog-heading { padding: 1px; color: #0e6b0e; text-align:
center; font-size: 28px; } .bottom-links .list-inline li a { padding: 0 0 0 4px; } .bottom-links .color-icon { text-align: center; } .th-helplinecontent h3 { font-size: 32px; } .th-detailpage .th-title h1 { font-size: 20px; font-weight: 600; } #s-sitemap
.th-borderheading h3 { padding: 15px 0 0 0; } .th-bannercontent .h-text { font-size: 30px; } .talk-expert .margin-left { margin: 0; } .blog-text img { height: auto; padding: 0; } .blog-page h1 { font-size: 24px; } .th-navigation .sub-menu { width: 100%;
background: #eafdd9; } .th-topbar:before { display: none; } } @media screen and (max-width:1023px) { .th-footerbar .text-left { text-align: center; } .th-footerbar .th-copyright { text-align: center; } } .th-topbar:before { width: 70%; height: 0px; position:
absolute; right: 0px; top: 0px; content: ""; border-top: 67px solid #197748; border-left: 50px solid transparent; } /* Flip Css */ .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform:
perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; margin-bottom: 10px; } /* START: Accommodating for IE */ .flip-container:hover .back, .flip-container.hover .back { -webkit-transform:
rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg); transform: rotateY(180deg); } /* END: Accommodating for IE */ .flip-container, .front, .back { width: 100%; height: 400px; } .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s;
-moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; } .front, .back { -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform:
rotateY(0deg); position: absolute; top: 0; left: 0; } .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: lightgreen; z-index: 2; } .back { background: lightblue; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .front .name { font-size: 2em; display: inline-block; background: rgba(33, 33, 33, 0.9); color: #f8f8f8; font-family: Courier; padding: 5px 10px; border-radius:
5px; bottom: 60px; left: 25%; position: absolute; text-shadow: 0.1em 0.1em 0.05em #333; display: none; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } /* END: Accommodating
for IE */ .fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }.float{position:fixed;width:60px;height:60px;bottom:45px;right:20px;background-color:#25d366;color:#fff!important;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}.my-float{margin-top:16px}.fa-whatsapp:before{content:"\f232"}