/******************************************************************
Template Name: Zogin
Description: Phozogy Yoga HTML Template
Author: Colorlib
Author URI: https://colorlib.com
Version: 1.0
Created: Colorlib
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]
1. Template default CSS
1.1 Variables
1.2 Mixins
1.3 Flexbox
1.4 Reset
2. Helper Css
3. Header Section
4. Hero Section
5. Service Section
6. Class Section
7. Appointment Section
8. Testimonial Product Section
9. Contact
10. Footer Style
-------------------------------------------------------------------*/
/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}
html,
body {
height: 100%;
font-family: 'Roboto', sans-serif !important;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
}
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #111111;
font-weight: 400;
font-family: 'Oswald', sans-serif;
}
h1 {
font-size: 70px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
font-size: 16px;
font-family: 'Roboto', sans-serif;
color: #6E7580;
font-weight: 400;
line-height: 26px;
margin: 0 0 15px 0;
text-align: justify;
}
img {
max-width: 100%;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
outline: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
color: #ffffff;
}
/*---------------------
Helper CSS
-----------------------*/
.section-title {
margin-bottom: 45px;
text-align: center;
}
.section-title.normal-title {
margin-bottom: 50px;
}
.section-title.normal-title h2 {
margin-bottom: 20px;
margin-top: 0;
}
.section-title.normal-title p {
margin-bottom: 0;
color: #9B9EA3;
}
.section-title h2 {
font-size: 24px;
color: #263246;
margin-top: 24px;
margin-bottom: 5px;
font-weight: 500;
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.spad {
padding-top: 30px;
padding-bottom: 30px;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
color: #fff;
}
/* buttons */
.primary-btn {
display: inline-block;
font-size: 14px;
padding: 16px 36px 14px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
background: #2469b0;
border-radius: 2px;
letter-spacing: 2px;
}
.site-btn {
font-size: 13px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
padding: 14px 25px;
background: #2469b0;
border: none;
letter-spacing: 1px;
border-radius: 2px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.site-btn:hover{
background: #1651a7;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.download_excelfile {
font-size: 13px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
padding: 14px 25px 14px 35px;
margin-right: 10px;
margin-bottom: 10px;
background: #2469b0;
border: none;
letter-spacing: 1px;
border-radius: 2px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
position: relative;
}
.download_excelfile:hover{
background: #1651a7;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.download_excelfile:after {
content: '\f1c3';
font-family: FontAwesome;
left: 15px;
top: 13px;
position: absolute;
color: #ffffff;
}
.btnexdownload .download_excelfile{
margin-left: 0;
cursor: pointer;
}
.download_excelfile {
cursor: pointer;
}
.btn-search {
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
cursor: pointer;
}
.btn-search:hover {
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #ffad46;
}
table.search-pop-table tr td label {
margin-bottom: 0rem;
}
.profile-dropdown {
left: auto !important;
right: 0 !important;
transform: translate3d(0px, 27px, 0px) !important;
}
.search-key-list{padding-left:0px;}
.search-key-list ul{ list-style: none; padding-left:0px; }
.search-key-list ul li{float: left;
width: 33.333%;
font-size: 14px;
word-break: break-word;
padding: 0px 8px 15px 20px;
position: relative;
line-height: 18px;}
.search-key-list ul li:after {
content: '\f192';
font-family: FontAwesome;
left: 0;
top: 0;
position: absolute;
color: #ffad46;}
.search-key-list ul li a{color: #337ab7;}
.search-key-list ul li a:hover { text-decoration: underline; }
.clear{clear:both;}
.ajnewsearch{width:100%;}
.ajnewsearch a{color: #000;}
.ajnewsearch a:hover { text-decoration: underline; }
.ajnewsearch .commencls{border: 2px solid #e34f00;padding: 10px;background: #ffbe9b;margin-right: 5px;}
.ajnewsearch .active{border: 2px solid #ffbe9b;padding: 10px;background: #000;margin-right: 5px;color:#ffffff;}
.treeul{width:100%;}
.ajnewsearch tr td{padding:5px 10px;}
.treeul ul{}
.treeul ul li{float:left;width:50%;max-height:150px;overflow:auto;}
.treeul ul li ul{margin-left: 25px;}
.treeul ul li ul li{float: none;width: auto;}
.search-history{}
.search-history ul{}
.search-history ul li{float:left;margin-right: 15px;}
.cadv-search{width:100%;}
.cadv-search ul{width:100%;}
/*.cadv-search ul li{float: left;padding: 9px 10px;border: 2px solid #ab3c01;margin: 0 2px;background: #e34f00;}*/
.cadv-search ul li a{color:#fff;text-decoration:none;}
.cadv-search ul li .active{background: #000;padding: 19px;font-weight: bold;}
.cadv-search .active{}
.headtop_menu .small-menu{padding-left: 10px; color: rgb(51, 122, 183) !important; display: block;}
.page-no { word-break: break-word; }
.page-no a{ color: #337ab7;
font-size: 14px;
background: #e9e9e9;
padding: 2px 8px;
border-radius: 5px;
display: inline-block;
}
.page-no a:hover { text-decoration: underline; }
/* Preloder */
#preloder {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999;
background: rgb(255 255 255 / 88%);
}
.loader {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
/*---------------------
Header
-----------------------*/
header.header {
box-shadow: 0px 0px 4px rgb(12 26 39 / 17%);
position: relative;
z-index: 99;
}
.top-nav-header {
background: #d9d9d9;
padding: 5px 0;
}
.header__logo {
padding: 10px 0 10px;
}
.header__top__widget {
text-align: left;
padding: 28px 0 24px;
}
.header__top__widget ul {
display: inline-block;
margin-right: 0px;
}
.header__top__widget ul li {
font-size: 13px;
color: #263246;
text-transform: uppercase;
list-style: none;
display: inline-block;
position: relative;
margin-right: 6px;
}
.header__top__widget ul li:last-child {
margin-right: 0;
}
.header__top__widget ul li:last-child:after {
display: none;
}
.header__top__widget ul li:after {
position: absolute;
right: -5px;
top: 8px;
height: 2px;
width: 2px;
background: #2469b0;
content: "";
border-radius: 50%;
}
.header__top__widget .primary-btn {
display: inline-block;
}
.header__nav {
position: relative;
z-index: 9;
padding-top: 15px;
}
.header__menu {
text-align: right;
}
.header__menu ul li {
list-style: none;
display: inline-block;
margin-right: 1.5rem;
position: relative;
}
.header__menu ul li:last-child {
margin-right: 0;
}
.header__menu ul li:hover .dropdown {
opacity: 1;
top: 34px;
visibility: visible;
}
.header__menu ul li:hover .dropdown li a:after {
display: none;
}
.header__menu ul li:hover a:after {
opacity: 1;
width: 100%;
}
.header__menu ul li.active a:after {
opacity: 1;
width: 100%;
}
.header__menu ul li .dropdown {
position: absolute;
left: 0;
top: 50px;
width: 180px;
background: #ffffff;
text-align: left;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
opacity: 0;
visibility: hidden;
padding: 5px 0;
z-index: 9;
}
.header__menu ul li .dropdown li {
margin-right: 0;
display: block;
}
.header__menu ul li .dropdown li a {
padding: 6px 15px;
font-weight: 400;
font-size: 15px;
color: #222222;
text-transform: capitalize;
font-weight: 500;
}
.header__menu ul li a {
font-size: 1rem;
color: #000000;
padding: 5px 0;
display: block;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.header__menu ul li a:after {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background: #ffffff;
content: "";
opacity: 0;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.header__social {
text-align: left;
}
.header__social a {
display: inline-block;
font-size: 14px;
color: #2469b0;
margin-right: 25px;
}
.header__social a:last-child {
margin-right: 0;
}
.header__login {
text-align: right;
}
.header__login a {
display: inline-block;
font-size: 14px;
color: #2469b0;
margin-right: 25px;
font-family: 'Roboto', sans-serif;
}
.header__login a:last-child {
margin-right: 0;
}
.canvas__open {
display: none;
}
.offcanvas-menu {
display: none;
}
.cadv-search ul, .ajnewsearch ul{
list-style: none;
}
table.fixedHeader-floating {
top: -6px !important ;
}
.breadcrumb-option.set-bg {
background-image: url(https://www.siomex.com/img/trade.webp) !important;
}
/*---------------------
Hero
-----------------------*/
.hero {
margin-top: -50px;
}
.hero__sliders.owl-carousel .owl-item.active .hero__text span {
opacity: 1;
top: 0;
}
.hero__sliders.owl-carousel .owl-item.active .hero__text h2 {
opacity: 1;
top: 0;
}
.hero__sliders.owl-carousel .owl-item.active .hero__text .primary-btn {
opacity: 1;
top: 0;
}
.hero__sliders.owl-carousel .owl-nav button {
display: inline-block;
height: 46px;
width: 46px;
background: rgba(255, 255, 255, 0.3);
border-radius: 2px;
color: #ffffff;
font-size: 20px;
line-height: 52px;
text-align: center;
position: absolute;
left: 40px;
top: 50%;
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.hero__sliders.owl-carousel .owl-nav button:hover {
color: #111111;
background: #ffffff;
}
.hero__sliders.owl-carousel .owl-nav button.owl-next {
left: auto;
right: 40px;
}
.hero__items {
height: 873px;
display: flex;
align-items: center;
}
.hero__text span {
font-size: 16px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px;
display: block;
margin-bottom: 30px;
position: relative;
top: 100px;
opacity: 0;
-webkit-transition: all, 0.2s;
-moz-transition: all, 0.2s;
-ms-transition: all, 0.2s;
-o-transition: all, 0.2s;
transition: all, 0.2s;
}
.hero__text h2 {
font-size: 70px;
line-height: 80px;
color: #ffffff;
margin-bottom: 50px;
position: relative;
top: 100px;
opacity: 0;
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-ms-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.hero__text .primary-btn {
position: relative;
top: 100px;
opacity: 0;
-webkit-transition: all, 0.8s;
-moz-transition: all, 0.8s;
-ms-transition: all, 0.8s;
-o-transition: all, 0.8s;
transition: all, 0.8s;
}
/*---------------------
Services
-----------------------*/
.services {
padding-top: 80px;
padding-bottom: 70px;
}
.services__item {
text-align: center;
padding: 40px 15px 40px;
border-radius: 10px;
box-shadow: 0px 0px 65px rgba(12, 26, 39, 0.10);
margin-bottom: 0px;
background: #ffffff;
height: calc(100% - 25px);
}
.services__item h5 {
font-size: 20px;
color: #263246;
margin-top: 20px;
margin-bottom: 12px;
font-weight: 600;
}
.services__item p {
color: #6E7580;
margin-bottom: 0;
min-height: 140px;
}
.about__services .services__item img {
max-width: 120px;
}
/*---------------------
Chooseus
-----------------------*/
.chooseus {
background: #f5f6fa;
padding-bottom: 20px;
}
.chooseus__text {
margin-bottom: 70px;
}
.chooseus__text h2 {
font-size: 44px;
color: #263246;
margin-bottom: 6px;
}
.chooseus__text p {
margin-bottom: 0;
}
.chooseus__item {
width: 50%;
float: left;
margin-bottom: 80px;
}
.chooseus__item__icon {
float: left;
margin-right: 30px;
}
.chooseus__item__text {
overflow: hidden;
}
.chooseus__item__text h2 {
font-size: 48px;
color: #263246;
line-height: 45px;
margin-bottom: 5px;
}
.chooseus__item__text p {
font-size: 18px;
margin-bottom: 0;
color: #9B9EA3;
}
.chooseus__pic img {
min-width: 100%;
}
/*---------------------
Gallery
-----------------------*/
.gallery__pic img {
min-width: 100%;
}
/*---------------------
Instructor
-----------------------*/
.instructor {
padding-top: 80px;
padding-bottom: 70px;
}
.instructor__item {
margin-bottom: 30px;
}
.instructor__item__pic {
margin-bottom: 20px;
}
.instructor__item__pic img {
min-width: 100%;
}
.instructor__item__text {
text-align: center;
}
.instructor__item__text h5 {
clear: #001943;
margin-bottom: 5px;
}
.instructor__item__text span {
font-size: 14px;
color: #9B9EA3;
}
/*---------------------
Appoinment
-----------------------*/
.appointment {
position: relative;
z-index: 9;
}
.appointment .section-title h2 {
color: #ffffff;
}
.appointment__text {
background: #2469b0;
padding: 60px 100px;
}
.appointment__form input {
width: 100%;
height: 50px;
font-size: 16px;
color: #ffffff;
padding-left: 28px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.2);
border: none;
margin-bottom: 20px;
}
.appointment__form input::placeholder {
color: #ffffff;
}
.appointment__form textarea {
width: 100%;
height: 100px;
font-size: 16px;
color: #ffffff;
padding-left: 28px;
padding-top: 15px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.2);
border: none;
margin-bottom: 34px;
}
.appointment__form textarea::placeholder {
color: #ffffff;
}
.appointment__form .nice-select {
width: 100%;
height: 50px;
padding-left: 28px;
background: rgba(255, 255, 255, 0.2);
border-radius: 2px;
line-height: 50px;
border: none;
margin-bottom: 20px;
}
.appointment__form .nice-select:after {
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
height: 10px;
width: 10px;
right: 20px;
top: 44%;
}
.appointment__form .nice-select .list {
width: 100%;
border-radius: 0;
margin-top: 0;
}
.appointment__form .nice-select span {
font-size: 16px;
color: #ffffff;
}
.appointment__form button {
font-size: 14px;
color: #2469b0;
text-transform: uppercase;
display: inline-block;
background: #ffffff;
padding: 14px 35px 12px;
border-radius: 2px;
border: none;
font-weight: 700;
letter-spacing: 2px;
}
/*---------------------
Testimonial
-----------------------*/
.testimonial {
background: #f5f6fa;
padding-top: 415px;
margin-top: -315px;
}
.testimonial__slider.owl-carousel .owl-item img {
width: auto;
}
.testimonial__slider.owl-carousel .owl-dots {
text-align: center;
margin-top: 36px;
}
.testimonial__slider.owl-carousel .owl-dots button {
height: 9px;
width: 9px;
background: #8a8e9e;
border-radius: 50%;
margin-right: 20px;
position: relative;
}
.testimonial__slider.owl-carousel .owl-dots button:after {
position: absolute;
left: -7px;
top: -7px;
height: 23px;
width: 23px;
border: 2px solid #8a8e9e;
border-radius: 50%;
content: "";
opacity: 0;
}
.testimonial__slider.owl-carousel .owl-dots button.active {
background: #2469b0;
}
.testimonial__slider.owl-carousel .owl-dots button.active:after {
opacity: 1;
}
.testimonial__slider.owl-carousel .owl-dots button:last-child {
margin-right: 0;
}
.testimonial__text {
text-align: center;
position: relative;
padding-top: 70px;
}
.testimonial__text:before {
position: absolute;
left: 0;
right: 0;
top: 0;
content: '"';
color: #2469b0;
font-size: 160px;
line-height: 119px;
margin: 0 auto;
}
.testimonial__text p {
font-size: 36px;
color: #263246;
line-height: 48px;
margin-bottom: 35px;
}
.testimonial__text img {
height: 60px;
width: 60px;
border-radius: 50%;
margin: 0 auto;
}
.testimonial__text h5 {
font-size: 20px;
color: #263246;
font-weight: 700;
margin-top: 15px;
}
.testimonial__text h5 span {
font-size: 18px;
color: #9B9EA3;
font-weight: 400;
}
.about__companies {
background: #ffffff;
}
/*---------------------
Footer
-----------------------*/
.footer {
background: #1e1e1e;
padding-top: 50px;
}
.footer__about {
margin-bottom: 30px;
}
.footer__about ul {
margin-bottom: 25px;
margin-top: 20px;
}
.footer__about ul li {
color: #9B9EA3;
line-height: 37px;
font-size: 16px;
list-style: none;
}
.footer__about ul li i {
font-size: 16px;
color: #2469b0;
margin-right: 5px;
}
.footer__about .subscribe-form {
position: relative;
}
.footer__about .subscribe-form input {
width: 100%;
height: 50px;
font-size: 14px;
color: #999999;
background: rgba(250, 250, 250, 0.1);
border: none;
border-radius: 2px;
padding-left: 22px;
}
.footer__about .subscribe-form button {
font-size: 20px;
color: #ffffff;
display: inline-block;
background: #2469b0;
padding: 0 15px;
border: none;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.footer__widget {
margin-bottom: 0px;
}
.footer__widget h5 {
font-size: 20px;
color: #ffffff;
margin-bottom: 25px;
font-weight: 600;
}
.footer__widget ul li {
list-style: disc;
}
.footer__widget ul li a {
font-size: 16px;
color: #ebebeb;
line-height: 37px;
}
.footer__widget .footer-address li {
list-style: disc;
font-size: 16px;
color: #9B9EA3;
line-height: 37px;
}
.footer__widget .footer-address li i {
margin-right: 8px;
}
.footer__copyright {
border-top: 1px solid rgba(225, 225, 225, 0.1);
overflow: hidden;
padding: 15px 0;
margin-top: 20px;
}
.footer__copyright__text p {
font-size: 14px;
color: #d5d5d5;
margin-bottom: 0;
}
.footer__copyright__text i {
color: #a11f1f;
}
.footer__copyright__text a {
color: #2469b0;
}
.footer__copyright__social {
text-align: right;
}
.footer__copyright__social a {
display: inline-block;
font-size: 15px;
color: #ffffff;
margin-right: 25px;
}
.footer__copyright__social a:last-child {
margin-right: 0;
}
/*---------------------
Breadcrumb
-----------------------*/
.breadcrumb-option,
.blog-hero {
padding-top: 50px;
padding-bottom: 50px;
}
.breadcrumb-option {
position: relative;
}
.breadcrumb-option:after {
content: '';
position: absolute;
left: 0;
top: 0;
background: rgb(233 237 241 / 0%);
width: 100%;
height: 100%;
z-index: 0;
}
.breadcrumb__text,
.blog-hero {
text-align: center;
}
.breadcrumb__text {
position: relative;
z-index: 99;
}
.breadcrumb__text h2,
.blog-hero h2 {
font-size: 44px;
color: #ffffff;
margin-bottom: 6px;
}
.breadcrumb__widget a {
display: inline-block;
font-size: 16px;
color: #ffffff;
font-weight: 700;
margin-right: 15px;
position: relative;
}
.breadcrumb__widget a:after {
position: absolute;
right: -14px;
top: 1px;
font-weight: 400;
content: "/";
}
.breadcrumb__widget span {
display: inline-block;
font-size: 16px;
color: #ffffff;
font-weight: 400;
}
/*---------------------
Home About
-----------------------*/
.search-box .section-title{
margin-top: 34px;
margin-bottom: 15px;
}
.search-box .section-title h2{
font-size: 32px;
font-weight: 700;
color: #3a3a3a;
}
.home-about {
padding-bottom: 0;
}
.home__about__pic {
margin-right: -20px;
padding-right: 30px;
}
.home__about__pic__item {
height: 620px;
width: calc(50% - 20px);
float: left;
margin-right: 20px;
margin-bottom: 20px;
border-radius: 15px;
}
.about_us_pic__item {
width: calc(100% - 2px);
}
.home__about__pic__item__inner {
height: 300px;
margin-bottom: 20px;
border-radius: 15px;
}
.home__about__text {
padding-top: 35px;
}
.home__about__text .section-title {
text-align: left;
margin-bottom: 24px;
}
.home__about__text span {
display: block;
font-size: 16px;
color: #404D80;
margin-bottom: 12px;
}
.home__about__text p.para-2 {
margin-bottom: 40px;
}
/*---------------------
About
-----------------------*/
.about {
position: relative;
z-index: 1;
overflow: hidden;
}
.about:before {
position: absolute;
left: -447px;
top: -144px;
width: 990px;
height: 1008px;
/*background-image: url(../img/about/background-left.png);*/
content: "";
z-index: -1;
}
.about:after {
position: absolute;
right: -120px;
bottom: 0;
width: 459px;
height: 504px;
/*background-image: url(../img/about/background-right.png);*/
content: "";
z-index: -1;
}
.about__global {
background-image: url(../img/globe.jpg);
position: relative;
background: #c3c3c3 !important;
}
.about__global:after {
content: '';
position: absolute;
left: 0;
top: 0;
background: rgb(255 255 255 / 90%);
width: 100%;
height: 100%;
z-index: 0;
}
.about__global .about__text {
position: relative;
z-index: 99;
}
.about__global .about__text h1, .about__companies .section-title h1 {
font-size: 2rem;
font-weight: 700;
color: #3a3a3a;
}
.about__services {
padding-bottom: 70px;
background: #f9f9f9;
}
.about__text .section-title {
margin-bottom: 26px;
text-align: left;
}
.about__text .section-title h2 {
margin-bottom: 8px;
}
.about__text .section-title p {
color: #6E7580;
line-height: 24px;
}
.about__bar .about__bar__item {
margin-bottom: 30px;
}
.about__bar .about__bar__item:last-child {
margin-right: 0;
}
.about__bar .about__bar__item p {
color: #263246;
font-weight: 700;
margin-bottom: 20px;
}
.about__bar .about__bar__item .barfiller {
height: 8px;
border: none;
background: rgba(87, 104, 173, 0.1);
border-radius: 50px;
box-shadow: inherit;
margin-bottom: 0;
}
.about__bar .about__bar__item .barfiller .tip {
font-size: 14px;
font-weight: 700;
color: #ffffff;
padding: 2px 11px 1px;
border-radius: 10px;
background: #2469b0;
margin-top: -40px;
}
.about__bar .about__bar__item .barfiller .tip:after {
border-color: #2469b0 transparent;
left: 50%;
top: 92%;
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
.about__bar .about__bar__item .barfiller .fill {
background: #2469b0;
border-radius: 50px;
}
/*---------------------
Team
-----------------------*/
.team {
background: #f5f6fa;
padding-bottom: 60px;
margin-top: -60px;
}
.team__item {
box-shadow: 0px 10px 15px rgba(35, 37, 43, 0.1);
position: relative;
padding: 85px 35px 80px;
background: #ffffff;
}
.team__item__pic {
position: absolute;
right: -15px;
bottom: 0;
}
.team__item__text .team__item__title {
margin-bottom: 18px;
}
.team__item__text .team__item__title h4 {
color: #2469b0;
margin-bottom: 4px;
}
.team__item__text .team__item__title span {
font-size: 16px;
color: #6E7580;
}
.team__item__text p {
font-size: 14px;
line-height: 20px;
}
.team__item__text .team__item__social a {
display: inline-block;
font-size: 16px;
color: #9B9EA3;
margin-right: 18px;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.team__item__text .team__item__social a:hover {
color: #2469b0;
}
.team__item__text .team__item__social a:last-child {
margin-right: 0;
}
.team__slider.owl-carousel .col-lg-6 {
max-width: 100%;
}
.team__slider.owl-carousel .owl-stage-outer {
padding-top: 60px;
padding-bottom: 40px;
}
.team__slider.owl-carousel .owl-nav button {
display: inline-block;
height: 46px;
width: 46px;
background: #ffffff;
border-radius: 2px;
color: #111111;
font-size: 20px;
line-height: 52px;
text-align: center;
position: absolute;
left: -76px;
top: 50%;
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.team__slider.owl-carousel .owl-nav button:hover {
color: #ffffff;
background: #2469b0;
}
.team__slider.owl-carousel .owl-nav button.owl-next {
left: auto;
right: -76px;
}
/*---------------------
Counter
-----------------------*/
.counter {
padding-top: 0;
}
.counter__text {
padding: 95px 70px 20px;
box-shadow: 0px 0px 20px rgba(9, 30, 64, 0.6);
}
.counter__item {
display: inline-block;
margin-right: 60px;
margin-bottom: 30px;
}
.counter__item:last-child {
margin-right: 0;
}
.counter__item__icon {
float: left;
margin-right: 30px;
}
.counter__item__text {
overflow: hidden;
}
.counter__item__text h2 {
font-size: 44px;
font-weight: 700;
color: #ffffff;
}
.counter__item__text p {
color: #ffffff;
margin-bottom: 0;
font-size: 18px;
}
.ui-layout .flag-country {
margin: 0;
}
.ui-layout .fold-lst{
width: 105px;
}
.ui-layout ul{
}
.flag-country img {
}
.ui-layout ul li a{
color: #565656;
margin: 5px 5px 0;
font-size: 0.9rem;
}
.ui-layout ul li a:hover{
color:#fd6500;
}
.ui-layout ul li{
float: left;
padding: 10px;
width: 200px;
text-align: center;
height: 75px !important;
display: table;
margin: 0 auto;
background: #f9f9f9;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 5px;
}
.ui-layout .alert-secondary {
color: #383d41;
background: #e8f0f5;
border: 0;
border-bottom: 1px solid #2469b0;
border-radius: 0;
padding-bottom: 4px;
font-size: 1.5rem;
}
.ui-layout .content-country h3{
font-size: 15px;
margin:20px 0;
}
.ui-layout .content-country ul{
}
.ui-layout .content-country ul li{
float:left;
}
.ui-layout .content-country ul li:last-child{
float:none;
}
.ui-layout ul {
margin-left: 0;
}
/*---------------------
Classes
-----------------------*/
.classes__filter {
background: rgb(8 56 145 / 75%);
box-shadow: 0px 10px 20px rgb(35 37 43 / 50%);
border-radius: 2px;
padding: 30px 50px 30px;
margin-bottom: 60px;
border-radius: 50px;
text-align: center;
}
.classes__filter {
position: relative;
width: 100%;
display: inline-block;
}
.classes__filter .class__filter__select {
width: calc(25% - 30px);
margin-right: 15px;
margin-bottom: 15px;
display: inline-block;
}
.classes__filter .class__filter__select input {
width: 100%;
font-size: 16px;
color: #262626 !important;
padding-left: 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #ffffff;
border-radius: 50px;
height: 40px;
}
.classes__filter .class__filter__select p {
color: #ecf6ff;
margin-bottom: 10px;
text-align: left;
padding-left: 5px;
line-height: 15px;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.classes__filter .class__filter__select .nice-select {
float: none;
height: 40px;
background: #f5f6fa;
border: 1px solid #D4D5D8;
border-radius: 50px;
}
.classes__filter .class__filter__select .nice-select span {
font-size: 16px;
color: #001943;
}
.classes__filter .class__filter__select .nice-select .list {
width: 100%;
border-radius: 0;
margin-top: 0;
max-height: 200px;
overflow: auto;
}
.classes__filter .class__filter__select .nice-select:after {
border-bottom: 2px solid #2469b0;
border-right: 2px solid #2469b0;
height: 8px;
margin-top: 0;
right: 20px;
top: 37%;
width: 8px;
}
.classes__filter .class__filter__btn {
/*position: absolute;
right: 0;
bottom: 0;*/
text-align: center;
width: auto !important;
margin-bottom: 0;
display: block;
}
.classes__filter .class__filter__btn button {
font-size: 18px;
color: #ffffff;
height: 40px;
width: 42px;
border-radius: 2px;
background: #ffad46;
line-height: 40px;
text-align: center;
border: none;
display: inline-block;
border-radius: 15px;
}
.classes__filter .class__filter__btn button:hover {
background: #ff9715;
}
.upcoming-classes {
padding-bottom: 70px;
padding-top: 80px;
}
.upcoming-classes.top-classes {
background: #f5f6fa;
}
.classes__item {
box-shadow: 0px 0px 65px rgba(12, 26, 39, 0.05);
margin-bottom: 30px;
background: #ffffff;
}
.classes__item.classes__item__page .classes__item__pic span {
padding: 5px 30px 4px 20px;
}
.classes__item__pic {
height: 241px;
position: relative;
}
.classes__item__pic span {
font-size: 14px;
font-weight: 700;
color: #ffffff;
display: inline-block;
padding: 7px 16px 4px;
background: #2469b0;
position: absolute;
left: 0;
top: 10px;
}
.classes__item__text {
padding: 24px 0 28px 30px;
}
.classes__item__text ul {
margin-bottom: 10px;
}
.classes__item__text ul li {
list-style: none;
font-size: 16px;
color: #9B9EA3;
display: inline-block;
margin-right: 45px;
}
.classes__item__text ul li:last-child {
margin-right: 0;
}
.classes__item__text ul li span {
margin-right: 5px;
}
.classes__item__text p {
color: #9B9EA3;
margin-bottom: 10px;
}
.classes__item__text h4 {
margin-bottom: 50px;
}
.classes__item__text h4 a {
color: #001943;
line-height: 36px;
}
.classes__item__text h6 {
color: #001943;
margin-bottom: 35px;
}
.classes__item__text h6 span {
color: #9B9EA3;
font-size: 14px;
}
.classes__item__text .class-btn {
font-size: 14px;
font-weight: 700;
color: #2469b0;
display: inline-block;
border: 1px solid rgba(155, 158, 163, 0.2);
padding: 10px 20px 7px;
border-radius: 2px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.classes__item__text .class-btn:hover {
background: #2469b0;
border: 1px solid #2469b0;
color: #ffffff;
}
.classes__pagination {
text-align: center;
padding-top: 30px;
}
.classes__pagination.blog__pagination {
text-align: left;
padding-top: 0;
}
.classes__pagination a {
display: inline-block;
font-size: 16px;
color: #9B9EA3;
background: #f5f6fa;
font-weight: 700;
height: 40px;
width: 40px;
border: 1px solid #D4D5D8;
border-radius: 50%;
line-height: 40px;
text-align: center;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
margin-right: 16px;
}
.classes__pagination a:last-child {
margin-right: 0;
}
.classes__pagination a span {
font-size: 24px;
position: relative;
top: 3px;
}
.classes__pagination a:hover {
background: #2469b0;
border-color: #2469b0;
color: #ffffff;
}
/*---------------------
Classes Details
-----------------------*/
.classes__sidebar__item {
margin-bottom: 60px;
}
.classes__sidebar__item.classes__sidebar__item--info h4 {
margin-bottom: 30px;
}
.classes__sidebar__item h4 {
color: #263246;
margin-bottom: 40px;
}
.classes__sidebar__item ul.classes__sidebar__item__widget li {
display: inline-block;
margin-right: 45px;
}
.classes__sidebar__item ul.classes__sidebar__item__widget li:last-child {
margin-right: 0;
}
.classes__sidebar__item ul.classes__sidebar__item__id {
margin-bottom: 30px;
}
.classes__sidebar__item ul li {
list-style: none;
font-size: 18px;
color: #6E7580;
line-height: 36px;
}
.classes__sidebar__item ul li span {
margin-right: 5px;
font-size: 18px;
}
.classes__sidebar__item .sidebar-btn {
font-size: 14px;
font-weight: 700;
color: #2469b0;
display: inline-block;
border: 1px solid #2469b0;
padding: 10px 20px 7px;
border-radius: 2px;
}
.classes__sidebar__instructor__pic {
float: left;
margin-right: 30px;
}
.classes__sidebar__instructor__pic img {
height: 121px;
width: 121px;
border-radius: 50%;
}
.classes__sidebar__instructor__text {
overflow: hidden;
}
.classes__sidebar__instructor__text .classes__sidebar__instructor__title {
margin-bottom: 15px;
}
.classes__sidebar__instructor__text .classes__sidebar__instructor__title h4 {
color: #2469b0;
margin-bottom: 0;
}
.classes__sidebar__instructor__text .classes__sidebar__instructor__title span {
font-size: 16px;
color: #6E7580;
}
.classes__sidebar__instructor__text p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.classes__sidebar__instructor__text .classes__sidebar__instructor__social a {
font-size: 16px;
color: #9B9EA3;
display: inline-block;
margin-right: 18px;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.classes__sidebar__instructor__text .classes__sidebar__instructor__social a:hover {
color: #2469b0;
}
.classes__sidebar__instructor__text .classes__sidebar__instructor__social a:last-child {
margin-right: 0;
}
.classes__sidebar__comment {
border-bottom: 1px solid rgba(37, 37, 37, 0.1);
padding-bottom: 30px;
margin-bottom: 40px;
overflow: hidden;
}
.classes__sidebar__comment:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.classes__sidebar__comment__pic {
text-align: center;
float: left;
margin-right: 30px;
}
.classes__sidebar__comment__pic img {
height: 70px;
width: 70px;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 10px;
}
.classes__sidebar__comment__pic .classes__sidebar__comment__rating i {
font-size: 12px;
color: #F5C136;
margin-right: -4px;
}
.classes__sidebar__comment__text {
overflow: hidden;
}
.classes__sidebar__comment__text span {
font-size: 14px;
color: #9B9EA3;
display: block;
}
.classes__sidebar__comment__text h6 {
color: #2469b0;
font-weight: 700;
margin-top: 6px;
margin-bottom: 5px;
}
.classes__sidebar__comment__text p {
line-height: 28px;
margin-bottom: 0;
}
.classes__details h2 {
font-size: 44px;
color: #263246;
margin-bottom: 16px;
}
.classes__details p {
line-height: 28px;
margin-bottom: 40px;
}
.classes__details .classes__details__widget {
margin-bottom: 15px;
}
.classes__details .classes__details__widget li {
list-style: none;
font-size: 16px;
color: #9B9EA3;
display: inline-block;
margin-right: 45px;
}
.classes__details .classes__details__widget li:last-child {
margin-right: 0;
}
.classes__details .classes__details__widget li span {
margin-right: 5px;
}
.classes__details__large {
position: relative;
margin-bottom: 28px;
}
.classes__details__large span {
font-size: 14px;
font-weight: 700;
color: #ffffff;
display: inline-block;
padding: 5px 30px 4px 20px;
background: #2469b0;
position: absolute;
left: 0;
top: 10px;
}
.classes__details__item {
margin-bottom: 20px;
}
.classes__details__item img {
min-width: 100%;
margin-bottom: 20px;
}
.classes__details__desc h6 {
color: #263246;
font-weight: 700;
margin-bottom: 12px;
}
.classes__details__desc ul li {
list-style: none;
font-size: 16px;
line-height: 28px;
}
.classes__details__desc ul li span {
color: #2469b0;
margin-right: 10px;
}
/*---------------------
Leave Comment
-----------------------*/
.leave-comment {
background: #f5f6fa;
padding-bottom: 70px;
padding-top: 80px;
}
.leave__comment__text h2 {
font-size: 44px;
color: #263246;
text-align: center;
margin-bottom: 35px;
}
.leave__comment__text input, .leave__comment__text select, .leave__comment__text .nice-select {
width: 100%;
font-size: 16px;
color: #6E7580;
padding-left: 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #ffffff;
border-radius: 2px;
height: 50px;
margin-bottom: 20px;
}
.leave__comment__text .form-group .form-check .form-check-input{
width: auto !important;
margin-left: 0;
left: 0;
height: auto !important;
margin-bottom: 0;
}
.leave__comment__text .form-group .form-check .form-check-label:hover a {
color: #007bff;
text-decoration: underline;
}
.leave__comment__text .nice-select .list {
width: 100%;
margin-left: 0
}
.leave__comment__text input::placeholder {
color: #6E7580;
}
.leave__comment__text .leave__comment__rating {
margin-bottom: 20px;
}
.leave__comment__text .leave__comment__rating h5 {
font-size: 20px;
color: #263246;
display: inline-block;
font-weight: 700;
margin-right: 12px;
}
.leave__comment__text .leave__comment__rating i {
font-size: 16px;
color: #F5C136;
margin-right: -4px;
}
.leave__comment__text .leave__comment__rating i:last-child {
color: #9B9EA3;
}
.leave__comment__text textarea {
width: 100%;
font-size: 16px;
color: #6E7580;
padding-left: 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #ffffff;
border-radius: 2px;
height: 132px;
margin-bottom: 35px;
resize: none;
padding-top: 14px;
}
.leave__comment__text textarea::placeholder {
color: #6E7580;
}
.leave__comment__text .login-section input {
height: auto !important;
}
.leave__comment__text .regd-chk-area input[type="checkbox"]{
height: auto !important;
}
.table-responsive .bottom { display: block; margin: auto; }
.u-profile i { font-size: 1.5rem; color: #2469b0; }
.main-title {
font-size: 44px;
color: #263246;
text-align: center;
margin-bottom: 35px;
}
.main-title h2 {
margin-bottom: 10px;
}
.main-title p {
text-align: center;
}
/*---------------------
Pricing
-----------------------*/
.pricing {
padding-top: 80px;
padding-bottom: 60px;
}
.pricing__item {
text-align: center;
background: #ffffff;
box-shadow: 0px 0px 65px rgba(12, 26, 39, 0.05);
padding: 35px 0 0px;
position: relative;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-ms-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
z-index: 1;
margin-bottom: 15px;
border-radius: 10px;
overflow: hidden;
}
.pricing__item .active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 9;
}
.pricing__item:hover {
box-shadow: 0px 0px 65px rgba(12, 26, 39, 0.05);
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 9;
}
.pricing__item:hover .pricing__item__price h2, .pricing__item:hover .pricing__item__price h2 a {
color: #2469b0;
}
.pricing__item:hover ul li {
color: #6E7580;
}
.pricing__item:hover .primary-btn {
background: #2469b0;
}
.pricing__item .pricing__item__star {
height: 119px;
width: 119px;
background: #2469b0;
border-radius: 50%;
position: absolute;
right: -50px;
top: -50px;
}
.pricing__item .pricing__item__star i {
font-size: 35px;
color: #ffffff;
position: absolute;
left: 25px;
bottom: 21px;
}
.pricing__item h4 {
font-size: 25px;
color: #001943;
margin-bottom: 25px;
}
.pricing__item .pricing__item__price {
margin-bottom: 15px;
}
.pricing__item .pricing__item__price h2, .pricing__item .pricing__item__price h2 a{
font-size: 2.2rem;
font-weight: 700;
color: #263246;
line-height: 40px;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.pricing__item .pricing__item__price span {
color: #9B9EA3;
font-size: 15px;
font-weight: 400;
display: block;
}
.pricing__item ul {
margin: 20px;
min-height: 300px;
margin-left: 35px;
}
.pricing__item ul li {
list-style: disc;
font-size: 0.9rem;
color: #8f8f8f;
line-height: 18px;
padding-bottom: 10px;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
text-align: left;
}
.pricing__item .primary-btn {
background: #acacac;
width: 100%;
padding: 16px 15px 14px 15px;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.artis-ii:not(.pricing__item:hover) {
box-shadow: 0px 0px 65px rgba(12, 26, 39, 0.05);
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 9;
}
/*---------------------
Blog
-----------------------*/
.blog__item {
margin-bottom: 60px;
}
.blog__item__pic {
margin-bottom: 26px;
}
.blog__item__pic img {
min-width: 100%;
}
.blog__item__text ul {
margin-bottom: 26px;
}
.blog__item__text ul li {
font-size: 16px;
color: #9B9EA3;
margin-right: 15px;
display: inline-block;
}
.blog__item__text ul li:last-child {
margin-right: 0;
}
.blog__item__text ul li i {
margin-right: 5px;
}
.blog__item__text h5 {
margin-bottom: 15px;
}
.blog__item__text h5 a {
font-size: 20px;
color: #263246;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.blog__item__text h5 a:hover {
color: #2469b0;
}
.blog__item__text p {
color: #9B9EA3;
margin-bottom: 35px;
}
.blog__item__text .blog_read_more {
font-size: 14px;
color: #9B9EA3;
padding: 18px 25px 15px;
border-radius: 50px;
text-transform: uppercase;
border: 1px solid rgba(155, 158, 163, 0.3);
display: inline-block;
}
.blog__item__text .blog_read_more span {
font-size: 16px;
position: relative;
top: 2px;
margin-left: 6px;
}
/*---------------------
Blog Sidebar
-----------------------*/
.blog__sidebar {
padding-right: 50px;
}
.blog__sidebar__search {
margin-bottom: 50px;
}
.blog__sidebar__search {
position: relative;
}
.blog__sidebar__search input {
width: 100%;
height: 46px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 20px;
font-size: 16px;
color: #9B9EA3;
padding-left: 25px;
}
.blog__sidebar__search input::placeholder {
color: #9B9EA3;
}
.blog__sidebar__search button {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
color: #9B9EA3;
height: 100%;
padding: 0 15px;
background: transparent;
border: none;
}
.blog__sidebar__categories {
margin-bottom: 30px;
}
.blog__sidebar__categories h4 {
color: #1C1C1C;
margin-bottom: 10px;
}
.blog__sidebar__categories ul li {
list-style: none;
}
.blog__sidebar__categories ul li a {
font-size: 16px;
color: #9B9EA3;
line-height: 48px;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-ms-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.blog__sidebar__categories ul li a:hover {
color: #2469b0;
}
.blog__sidebar__recent {
margin-bottom: 50px;
}
.blog__sidebar__recent h4 {
color: #1C1C1C;
margin-bottom: 25px;
}
.blog__recent__item {
margin-bottom: 20px;
overflow: hidden;
}
.blog__recent__item:last-child {
margin-bottom: 0;
}
.blog__recent__item__pic {
float: left;
margin-right: 20px;
}
.blog__recent__item__text {
overflow: hidden;
}
.blog__recent__item__text h6 {
color: #263246;
font-weight: 700;
line-height: 20px;
margin-bottom: 5px;
}
.blog__recent__item__text span {
font-size: 12px;
color: #9B9EA3;
text-transform: uppercase;
}
.blog__sidebar__tags {
margin-bottom: 40px;
}
.blog__sidebar__tags h4 {
color: #1C1C1C;
margin-bottom: 25px;
}
.blog__sidebar__tags a {
font-size: 16px;
background: #f5f5f5;
color: #9B9EA3;
display: inline-block;
padding: 7px 15px 3px;
margin-right: 6px;
margin-bottom: 10px;
}
.blog__sidebar__comment h4 {
color: #1C1C1C;
margin-bottom: 25px;
}
/*---------------------
Blog Details Hero
-----------------------*/
.blog__hero__text ul li {
list-style: none;
display: inline-block;
font-size: 16px;
color: #ffffff;
margin-right: 35px;
position: relative;
}
.blog__hero__text ul li:after {
position: absolute;
right: -23px;
top: -1px;
content: "|";
}
.blog__hero__text ul li:last-child {
margin-right: 0;
}
.blog__hero__text ul li:last-child:after {
display: none;
}
.blog__hero__text ul li span {
font-weight: 700;
}
/*---------------------
Blog Details
-----------------------*/
.blog__details__large {
position: relative;
margin-bottom: 40px;
}
.blog__details__large span {
font-size: 14px;
font-weight: 700;
color: #ffffff;
display: inline-block;
padding: 5px 30px 4px 20px;
background: #2469b0;
position: absolute;
left: 0;
top: 10px;
}
.blog__details__text {
margin-bottom: 30px;
}
.blog__details__text p {
line-height: 28px;
}
.blog__details__quote {
position: relative;
padding-left: 30px;
margin-bottom: 60px;
}
.blog__details__quote:before {
position: absolute;
left: 0;
top: 0;
height: 56px;
width: 2px;
background: #2469b0;
content: "";
}
.blog__details__quote p {
line-height: 28px;
color: #263246;
}
.blog__details__pic {
margin-bottom: 30px;
}
.blog__details__pic img {
margin-bottom: 20px;
min-width: 100%;
}
.blog__details__desc {
margin-bottom: 40px;
}
.blog__details__desc h4 {
color: #263246;
font-weight: 700;
margin-bottom: 10px;
}
.blog__details__desc p {
line-height: 28px;
}
.blog__details__tags__share {
overflow: hidden;
margin-bottom: 25px;
}
.blog__details__tags__share p {
color: #9B9EA3;
float: left;
}
.blog__details__tags__share p span {
color: #263246;
font-weight: 700;
}
.blog__details__tags__share .blog__details__share {
float: right;
}
.blog__details__tags__share .blog__details__share a {
display: inline-block;
font-size: 18px;
color: #263246;
margin-right: 24px;
}
.blog__details__tags__share .blog__details__share a:last-child {
margin-right: 0;
}
.blog__details__author {
background: #f5f6fa;
border-radius: 2px;
padding: 35px 40px 35px 20px;
margin-bottom: 50px;
}
.blog__details__author__pic {
float: left;
margin-right: 20px;
}
.blog__details__author__pic img {
height: 90px;
width: 90px;
border-radius: 50%;
}
.blog__details__author__text {
overflow: hidden;
}
.blog__details__author__text h4 {
color: #263246;
font-weight: 700;
margin-bottom: 5px;
}
.blog__details__author__text p {
color: #9B9EA3;
line-height: 28px;
margin-bottom: 0;
}
.blog__previous__btn,
.blog__next__btn {
display: block;
position: relative;
padding-left: 30px;
}
.blog__previous__btn i,
.blog__next__btn i {
font-size: 25px;
color: #9B9EA3;
position: absolute;
left: 0;
top: 0;
}
.blog__previous__btn h6,
.blog__next__btn h6 {
color: #263246;
font-weight: 700;
margin-bottom: 5px;
}
.blog__previous__btn span,
.blog__next__btn span {
font-size: 12px;
color: #9B9EA3;
}
.blog__next__btn {
text-align: right;
padding-left: 0;
padding-right: 30px;
}
.blog__next__btn i {
right: 0;
top: 0;
}
/*---------------------
Contact
-----------------------*/
.contact {
padding-bottom: 20px;
background: #f9f9f9;
}
.contact__widget__item {
text-align: center;
margin-bottom: 30px;
}
.contact__widget__item span {
font-size: 36px;
color: #2469b0;
}
.contact__widget__item h4 {
color: #263246;
margin-top: 16px;
margin-bottom: 5px;
}
.contact__widget__item p {
color: #9B9EA3;
margin-bottom: 0;
text-align: center;
}
/*---------------------
Map
-----------------------*/
.map {
height: 500px;
position: relative;
}
.map iframe {
width: 100%;
}
.map .map-inside {
position: absolute;
left: 50%;
top: 160px;
-webkit-transform: translateX(-175px);
-ms-transform: translateX(-175px);
transform: translateX(-175px);
}
.map .map-inside i {
font-size: 48px;
color: #2469b0;
position: absolute;
bottom: -75px;
left: 50%;
-webkit-transform: translateX(-18px);
-ms-transform: translateX(-18px);
transform: translateX(-18px);
}
.map .map-inside .inside-widget {
width: 350px;
background: #ffffff;
text-align: center;
padding: 23px 0;
position: relative;
z-index: 1;
-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}
.map .map-inside .inside-widget:after {
position: absolute;
left: 50%;
bottom: -38px;
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-9px);
border: 18px solid transparent;
border-top: 36px solid #ffffff;
content: "";
z-index: -1;
}
.map .map-inside .inside-widget h5 {
font-size: 20px;
color: #263246;
margin-bottom: 4px;
}
.map .map-inside .inside-widget ul li {
list-style: none;
font-size: 16px;
color: #9B9EA3;
line-height: 26px;
}
/*---------------------
Contact Form
-----------------------*/
.comment-form {
background: #ffffff;
padding-bottom: 100px;
}
.comment-form input {
margin-bottom: 30px;
}
.comment-form textarea {
margin-bottom: 34px;
}
/*---------------------
Faq
-----------------------*/
.faq__accordion .card {
border: none;
border-radius: 0;
}
.faq__accordion .card:last-child .card-heading {
border-bottom: none;
}
.faq__accordion .card:last-child .collapse.show .card-body {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.faq__accordion .card .card-heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 20px;
margin-bottom: 15px;
}
.faq__accordion .card .card-heading.active {
border-bottom: 0;
}
.faq__accordion .card .card-heading.active a span {
color: #263246;
}
.faq__accordion .card .card-heading.active a span:before {
opacity: 1;
}
.faq__accordion .card .card-heading a {
font-size: 24px;
cursor: pointer;
}
.faq__accordion .card .card-heading a span {
font-weight: 700;
position: relative;
color: #9B9EA3;
display: inline-block;
transition: all 0.4s;
}
.faq__accordion .card .card-heading a span:before {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
background: #2469b0;
content: "";
opacity: 0;
transition: all 0.4s;
}
.faq__accordion .card .card-body {
padding: 0;
padding-bottom: 30px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.faq__accordion .card .card-body p {
margin-bottom: 0;
line-height: 24px;
}
.faq__accordion .card .card-body h6 {
color: #6E7580;
margin-top: 35px;
}
.faq__accordion .card .card-body h6 a {
color: #6E7580;
}
.faq__accordion .card-heading a:after,
.faq__accordion .card-heading>a.active[aria-expanded=false]:after {
content: "+";
font-size: 32px;
font-weight: 400;
color: #263246;
position: absolute;
right: 0;
top: 0;
line-height: 20px;
top: 8px;
}
.faq__accordion .card-heading.active a:after {
content: "-";
font-size: 32px;
font-weight: 400;
color: #2469b0;
position: absolute;
right: 0;
top: 4px;
line-height: 20px;
}
.faq__accordion .card-heading a[aria-expanded=true]:after,
.faq__accordion .card-heading>a.active:after {
content: "-";
font-size: 32px;
font-weight: 400;
color: #2469b0;
position: absolute;
right: 0;
top: 4px;
line-height: 20px;
}
.button-box-slider a.btn.btn-primary { margin-bottom: 10px; }
.button-box-slider .btn-primary{
font-size: 18px;
color: #ffffff;
background: #ffad46;
line-height: 40px;
text-align: center;
border: none;
display: inline-block;
border-radius: 15px;
padding: 5px 25px;
}
.download_excelfile {
color: #fff !important;
}
.button-box-slider .commencls {display: inline-block; margin-bottom: 10px;}
.button-box-slider .btn-primary:not(:disabled):not(.disabled).active, .button-box-slider .btn-primary:not(:disabled):not(.disabled):active, .button-box-slider .show>.btn-primary.dropdown-toggle, .button-box-slider .btn-primary:hover{
background: #ff9715;
}
.tab-search.button-box-slider li .site-btn.active {
background: #1651a7;
}
.tab-search.button-box-slider li .site-btn.active:hover {
color: #ffffff;
}
.searchtab_section ul li a:hover {
color: #ffffff;
}
.searchtab_section {
background: #e5e5e5;
}
.searchtabresult_section {
background: url(../../img/searchtabresult_section.jpg) no-repeat center center;
background-size: cover;
padding: 50px 0;
}
.leave__comment__text .searcoption_section input[type="checkbox"] {
width: auto;
height: auto;
}
.search_dataputting select {
padding-left: 15px;
}
.search-history ul li a {
color: #6E7580;
}
.search-history ul li a:hover {
color: #007bff;
}
.cad-searched ul li{
background: none;
}
.cad-searched ul li a {
font-size: 16px !important;
}
.searchtab_section ul li a {
text-decoration: none;
}
/*#searchlimitdatahistory tr th {
width: auto !important;
}*/
.search-history ul {
padding: 0;
margin: 0;
}
.search-history ul li {
display: inline-block;
list-style: none;
}
.glyphicon.glyphicon-search { cursor: pointer; }
.searcoption_section {
/* background: #ffffff none repeat scroll 0 0; */
background: rgb(229, 229, 229, 0.9);
border-radius: 10px;
padding: 20px;
}
.header__menu ul li a.phone-icon {
background: #ffad46;
width: 35px;
height: 35px;
line-height: 28px;
text-align: center;
border-radius: 50px;
color: #ffffff;
}
.header__menu ul li a.phone-icon:hover {
opacity: 0.9;
}
.membership-form {
max-width: 1140px;
overflow: auto;
}
.membership-form .active{
background:#ffad46;
}
.membership-form .active li{
background:#ffad46;
border-bottom: solid 1px #ffd49e !important;
color:#fff;
}
.membership-form .member{
border-left: 1px solid #ccc;
float: left;
width: 20%;
min-width: 200px;
}
.membership-form .member:nth-last-child{
border-right: 1px solid #ccc;
}
.membership-form .member ul {
margin-left: 0;
}
.membership-form .member ul li {
padding-left: 20px;
}
.membership-form .spwidth{
width: 228px;
}
.membership-form .member h3{
font-size: 15px;
text-align: center;
text-transform: uppercase;
color: #fff;
font-weight: bold;
padding: 1rem 1rem;
background: #2468b0;
}
.membership-form .professional-clear{
clear:both;
}
#regformupdate ul li {
display: block;
float: left;
clear: both;
width: 100%;
border-bottom: solid 1px #ccc;
padding: 5px;
height: 40px;
padding-left: 20px;
line-height: 16px;
}
#regformupdate ul li input[type="radio"] {
width: auto !important;
height: auto !important;
}
.lable-des .meberdata, .subscription label {
background: #f9f9f9;
border: 1px solid #f5f5f5;
color: #000;
margin-bottom: 10px;
padding: 10px;
width: 100%;
font-weight: 500;
}
#back-top {
bottom: 30px;
position: fixed;
right: 10px;
z-index: 999;
}
#back-top a {
width: 40px;
display: block;
text-align: center;
font-size:10px;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 40px;
height: 40px;
display: block;
margin-bottom: 7px;
background: #ddd url(../images/up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}
/*modal start*/
@media (min-width: 576px) {
.modal-dialog {
max-width: 400px;
}
.importexportdata{
max-width: 600px !important;
}
.modal-dialog .modal-content {
padding: 1rem;
}
}
.modal-header .close {
margin-top: -1.5rem;
}
.form-title {
margin: -2rem 0rem 1rem;
}
.errmsg{
margin: 1rem 0 0.5rem;
color: red;
display: block;
}
.btn-round {
border-radius: 3rem;
}
.delimiter {
padding: 1rem;
}
.social-buttons .btn {
margin: 0 0.5rem 1rem;
}
.signup-section {
padding: 0.3rem 0rem;
}
.logins-Modal button.btn.btn-primary {
font-size: 18px;
color: #ffffff;
background: #2254a1;
line-height: 40px;
text-align: center;
border: none;
display: inline-block;
border-radius: 5px;
padding: 2px 25px;
}
.logins-Modal button.btn.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
/*modal end*/
.dataTables_wrapper {
max-width: 100%;
overflow: auto;
}
/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1200px) {
/*.container {*/
/* max-width: 1170px;*/
/*}*/
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__sliders.owl-carousel .owl-nav button {
left: 5px;
}
.hero__sliders.owl-carousel .owl-nav button.owl-next {
right: 5px;
}
.team__slider.owl-carousel .owl-nav button {
left: -5px;
}
.team__slider.owl-carousel .owl-nav button.owl-next {
right: -5px;
}
.counter__item {
margin-right: 50px;
}
.header__top__widget .primary-btn {
display: none;
}
.header__top__widget ul {
margin-right: 0;
}
.header__top__widget {
padding: 44px 0 35px;
}
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__menu ul li {
margin-right: 18px;
}
.header__top__widget ul {
display: none;
}
.hero__sliders.owl-carousel .owl-nav button {
left: 5px;
}
.hero__sliders.owl-carousel .owl-nav button.owl-next {
right: 5px;
}
.about__pic {
margin-bottom: 30px;
}
.team__item__pic {
position: relative;
right: 0;
margin-bottom: 20px;
margin-top: -80px;
}
.team__item {
padding: 30px 35px 40px;
}
.team__slider.owl-carousel .owl-nav {
text-align: center;
padding-top: 50px;
}
.team__slider.owl-carousel .owl-nav button {
position: relative;
left: 0;
top: 0;
}
.team__slider.owl-carousel .owl-nav button.owl-next {
right: -10px;
}
.classes__filter {
padding: 25px 50px 20px;
}
.classes__filter .class__filter__select {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: none;
}
.classes__filter .class__filter__btn {
position: relative;
right: 0;
bottom: 0;
text-align: center;
}
.blog__sidebar {
margin-top: 50px;
}
.counter__item {
margin-right: 50px;
}
}
@media (max-width: 991px) {
.search-key-list ul li {
width: 50%;
}
.about__text {
padding-top: 1rem;
}
.canvas__open {
font-size: 20px;
color: #263246;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #263246;
cursor: pointer;
position: absolute;
right: 15px;
top: 35px;
display: block;
}
.offcanvas-menu {
position: fixed;
width: 300px;
height: 100%;
left: -300px;
background: #ffffff;
z-index: 99;
overflow-y: auto;
padding: 50px 30px 30px 30px;
opacity: 0;
display: block;
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-ms-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.header__top__widget {
display: none;
}
.header__social {
display: none;
}
.header__menu {
display: none;
}
.offcanvas-menu.show-offcanvas-menu {
left: 0;
opacity: 1;
z-index: 99999;
}
.offcanvas-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 98;
visibility: hidden;
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-ms-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
}
@media screen and (max-width: 767px) {
.tab-search.button-box-slider li {
width: 100%; margin-bottom: 5px;
}
.tab-search.button-box-slider li a{
width: 100%;
}
}
@media screen and (max-width: 600px) {
.search-key-list ul li {
width: 100%;
}
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 991px) {
.appointment__text {
padding: 60px 30px;
}
.hero__sliders.owl-carousel .owl-nav button {
position: relative;
left: 15px;
bottom: 120px;
}
.hero__sliders.owl-carousel .owl-nav button.owl-next {
right: -25px;
}
.home__about__pic__item {
width: 100%;
margin-right: 0;
}
.about .p-0 {
padding: 0 15px !important;
}
.about__pic {
margin-bottom: 30px;
}
.team__item__pic {
position: relative;
right: 0;
margin-bottom: 20px;
margin-top: -100px;
}
.team__item {
padding: 30px 35px 40px;
}
.team__slider.owl-carousel .owl-nav {
text-align: center;
padding-top: 50px;
}
.team__slider.owl-carousel .owl-nav button {
position: relative;
left: 0;
top: 0;
}
.team__slider.owl-carousel .owl-nav button.owl-next {
right: -10px;
}
.classes__filter {
padding: 30px 50px 30px;
}
.classes__filter .class__filter__select {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: none;
}
.classes__filter .class__filter__btn {
position: relative;
right: 0;
bottom: 0;
text-align: center;
display: block;
text-align: center;
margin-top: 10px;
}
.blog__sidebar {
margin-top: 50px;
}
.blog__previous__btn,
.blog__next__btn {
margin-bottom: 20px;
}
.header__top__widget {
display: none;
}
.header__nav {
display: none;
}
.hero {
margin-top: 0;
}
.header__top .container {
position: relative;
}
.offcanvas-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
visibility: hidden;
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-ms-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.offcanvas-menu-overlay.active {
visibility: visible;
}
.canvas__open {
font-size: 20px;
color: #263246;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #263246;
cursor: pointer;
position: absolute;
right: 15px;
top: 8px;
display: block;
}
.offcanvas-menu {
position: fixed;
width: 300px;
height: 100%;
left: -300px;
background: #ffffff;
z-index: 99;
overflow-y: auto;
padding: 50px 30px 30px 30px;
opacity: 0;
display: block;
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-ms-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.offcanvas-menu.show-offcanvas-menu {
left: 0;
opacity: 1;
}
.offcanvas__logo {
margin-bottom: 30px;
}
.offcanvas__logo a {
display: inline-block;
}
.offcanvas__widget {
margin-bottom: 30px;
}
.offcanvas__widget ul {
margin-bottom: 0px;
margin-left: 0px;
}
.offcanvas__widget ul li {
font-size: 16px;
color: #263246;
text-transform: uppercase;
list-style: none;
display: inline-block;
line-height: 36px;
}
.offcanvas__widget .primary-btn {
display: inline-block;
}
.offcanvas__social a {
display: inline-block;
font-size: 16px;
color: #263246;
margin-right: 10px;
}
.offcanvas__social a:last-child {
margin-right: 0;
}
.slicknav_menu {
background: transparent;
padding: 0;
margin-bottom: 30px;
}
.slicknav_btn {
display: none;
}
.slicknav_nav {
background: transparent;
display: block !important;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent;
color: #263246;
}
.slicknav_nav a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent;
color: #263246;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
padding: 10px 0;
margin: 0;
color: #263246;
font-size: 16px;
border-bottom: 1px solid #e1e1e1;
}
.header__menu {
display: none;
}
.header__social {
display: none;
}
.hero__items {
height: auto;
}
.hero__text {
padding: 120px 0 170px;
}
.breadcrumb-option,
.blog-hero {
margin-top: 0;
}
.footer__copyright__text {
text-align: center;
margin-bottom: 10px;
}
.footer__copyright__social {
text-align: center;
}
.home__about__pic {
margin-right: 0;
padding-right: 0;
}
.blog__details__tags__share p {
float: none;
}
.blog__details__tags__share .blog__details__share {
float: none;
}
.over-hid {
overflow: hidden;
}
.footer__copyright__text p{
text-align: center;
}
.footer__copyright__social {
text-align: center;
}
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
.searcoption_section .download_excelfile{
text-align: center;
width: 100%;
}
.search-key-list ul li {
width: 100%;
}
.hero__text h2 {
font-size: 40px;
line-height: normal;
}
.hero__sliders.owl-carousel .owl-nav button {
bottom: 80px;
}
.chooseus__item {
width: 100%;
margin-bottom: 60px;
}
.appointment .section-title h2 {
font-size: 35px;
}
.counter__item {
display: block;
margin-right: 0;
}
.counter__text {
padding: 95px 30px 20px 50px;
}
.blog__details__author__pic {
float: none;
margin-right: 0;
margin-bottom: 30px;
}
.map .map-inside {
-webkit-transform: translateX(-150px);
-ms-transform: translateX(-150px);
transform: translateX(-150px);
}
.map .map-inside .inside-widget {
width: 300px;
}
.blog__sidebar {
padding-right: 0;
}
.faq__accordion .card .card-heading a {
font-size: 16px;
}
}