/* Theme Name: Ascension (Dental Partners) Author: Ascension Dental Author URI: Version: 1.0.0 Description: ascension theme for Wordpress License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ascension Tags: one-column, two-columns Theme URI: */ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon762a.eot'); src: url('fonts/icomoon762a.eot') format('embedded-opentype'), url('fonts/icomoon762a.ttf') format('truetype'), url('fonts/icomoon762a.woff') format('woff'), url('fonts/icomoon762a.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-presentation:before { content: "\e900"; } .icon-dashboard:before { content: "\e901"; } .icon-clipboards:before { content: "\e902"; } .icon-membership:before { content: "\e903"; } .icon-business:before { content: "\e904"; } .icon-hand-shake:before { content: "\e905"; } .icon-folder:before { content: "\e906"; } .icon-support:before { content: "\e907"; } body { font: 400 16px/24px 'Montserrat', sans-serif; color: #333; margin: 0; padding: 0; } a:hover, a:focus, a:active { text-decoration: none; outline: none; } #wrapper { padding-top: 90px; position: relative; overflow: hidden; width: 100%; } #header { padding: 16px 0 12px; background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1); } #header:after { content: ""; display: block; clear: both; } .logo { float: left; width: 125px; margin: -7px 0; } #header .nav-holder { width: 78.7%; float: right; padding: 19px 0 0; } .nav-active #nav { opacity: 1; visibility: visible; } #nav { font-size: 14px; line-height: 35px; color: #797979; font-weight: 600; float: left; margin: 0; } #nav ul li { display: inline-block; vertical-align: top; margin: 0 17px 0 0; position: relative; } #nav ul a { color: #797979; padding: 0 5px 5px; display: block; position: relative; } #nav ul a:after { left: 0; right: 0; border-bottom: 3px solid #e42336; width: 0; height: 0; content: ""; position: absolute; bottom: 0; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; } #nav> ul> li> a:hover:after, #nav .sub-menu> li> a:hover:after, #nav> ul> .current-menu-item> a:after, #nav .sub-menu> .current-menu-item> a:after { width: 100%; } #nav .sub-menu{ top: 120%; transition: all ease 0.3s; left: 0; opacity: 0; visibility: hidden; position: absolute; padding: 20px 25px; background: #fff; width: 300px; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); border-radius: 5px;} #nav ul li:hover .sub-menu{opacity: 1; top: 100%; visibility: visible;} #nav .sub-menu li{display: block; margin: 0;} #nav .sub-menu li a{padding: 0; font-size: 13px;} .socail-network { margin: 0; color: #333333; font-weight: 400; font-size: 14px; line-height: 17px; float: right; } .socail-network li { display: inline-block; vertical-align: top; margin: 0 0 0 13px; } .socail-network a { width: 31px; height: 31px; line-height: 21px; color: #fff; background: #e42336; border: 1px solid #e42336; display: block; padding: 5px; text-align: center; border-radius: 100%; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .socail-network a:hover { color: #333; border-color: #333; background: transparent; } #main { overflow: hidden; } .home #main { overflow: visible; } .banner { padding:98px 0; position: relative; background-size: auto 100%; background-position: -220px 0; background-repeat: no-repeat; background-color: #e4e5e7; z-index:0;} .banner:before { position: absolute; /*content: "";*/ left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown.png); transform: translateX(-50%); } .banner.banner2 { padding: 55px 0 45px; min-height: auto; background: #e4e5e7; } .single-post .banner:before { background: url(images/arrowdown2.jpg); } .page-template-blog-template .banner:before { background: url(images/arrowdown2.jpg); } .category-blog .banner:before { background: url(images/arrowdown2.jpg); } .banner .caption { padding-top: 0px; } .banner .caption p { margin: 0 0 55px; font-size: 28px; line-height: normal;} .banner .title { font-size: 14px; line-height: 16px; font-weight: 500; display: block; letter-spacing: 3px; margin: 0 0 17px; } .banner h1 { font-family: "Open Sans", Sans-serif; font-size: 80px; font-weight: 900; line-height: 1.1em; letter-spacing: -0.8px; margin: 0 0 7px; } .banner h2 { font-size: 22px; line-height: 25px; color: #777777; font-weight: 400; margin: 0; float: left; padding: 0 0 0 14px; border-left: 3px solid #e42336; } .banner .sub-title { font-size: 27px; line-height: 30px; font-weight: 500; display: block; margin: 0 0 24px; } .banner .btn-primary:hover { color: #FF5050; background: #fff; border: 0px solid #e42336; } .banner .breadcrumbs { font-size: 13px; line-height: 16px; color: #777777; font-weight: 400; overflow: hidden; float: right; padding: 3px 0 0; } .banner .breadcrumbs li { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; } .banner .breadcrumbs a { color: #777; } .banner .breadcrumbs .fa { color: #e42336; } .banner .breadcrumbs .active { font-weight: 700; } .btn-primary { font-size: 15px; line-height: 20px; font-weight: 700; color: #fff; padding: 15px 45px; display: inline-block; vertical-align: top; border: 2px solid #FF5050; background: #FF5050; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; border-radius: 20px 0px 20px 0px;} .whatWwDo-sec { padding-top: 90px; padding-bottom: 56px; overflow: hidden; } .header { color: #666666; line-height: 27px; overflow: hidden; margin: 0 0 50px; } .header p { margin: 10px 0; } .header p a { color: #e42336; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .header p a:hover { color: #333; } .header .title { font-size: 14px; line-height: 16px; font-weight: 500; color: #8a8a8a; display: block; letter-spacing: 3px; margin: 0 0 12px; } .heading { font-size: 34px; line-height: 36px; color: #333; font-weight: 700; display: block; margin: 0 0 23px; } .whatWwDo-sec .col { width: 33.33%; float: left; line-height: 22px; overflow: hidden; } .whatWwDo-sec .col .img-holder { width: 100%; overflow: hidden; } .whatWwDo-sec .col .txt-holder { min-height: 350px; overflow: hidden; padding: 27px 40px 62px; position: relative; } .whatWwDo-sec .col .block1 { position: absolute; top: 50%; left: 40px; right: 40px; transform: translateY(-50%); -webkit-transition: all 0.35s linear; transition: all 0.35s linear; } .whatWwDo-sec .col .block2 { position: absolute; top: 100%; left: 20px; right: 20px; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; } .whatWwDo-sec .col .txt-holder.active .block1 { transform: translateY(0%); top: -100%; } .whatWwDo-sec .col .txt-holder.active .block2 { transform: translateY(-50%); top: 50%; } .whatWwDo-sec .col .icon { width: 60px; display: block; margin: 0 auto 45px; } .whatWwDo-sec .col .txt-holder .block1 p { margin: 0 0 41px; } .whatWwDo-sec .col .btn-primary { font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; padding: 14px 27px; border-radius: 40px; border: 1px solid #e42336; background: #e42336; } .whatWwDo-sec .col .btn-primary:hover { color: #e42336; background: transparent; } .whatWwDo-sec .col.col2 .btn-primary { margin: 0 0 55px; } .partner-sec, .benefits-sec { padding: 59px 0 55px; position: relative; background-size: auto 100%; background-position: 110% 0; background-repeat: no-repeat; background-color: #e4e5e7; } .partner-sec:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown2.png); transform: translateX(-50%); } .brown:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown1.png); transform: translateX(-50%); } .greydiv:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown3.png); transform: translateX(-50%); } .gradient:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown4.png); transform: translateX(-50%); } .industry:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown5.png); transform: translateX(-50%); } .insurance:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown6.png); transform: translateX(-50%); } .partner-sec.add:before { display: none; } .partner-sec .header { margin: 0; } .partner-sec .header p, .benefits-sec .header p{ margin: 0 0 45px; } .partner-sec .header .title { margin: 0 0 7px; } .partner-sec .header .heading { margin: 0 0 34px; } .partner-sec .btn-primary { font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; padding: 14px 31px; border-radius: 40px; background: #ff5050; border: 0px solid #e42336; border-radius: 20px 0px 20px 0px; } .partner-sec .btn-primary:hover, .p-4.md\:p-5 .btn-primary:focus, .p-4.md\:p-5 .btn-primary:hover { color: #ff5050; border: 0px solid #e42336; background: white; } .capabilite-sec { overflow: hidden; padding-top: 91px; padding-bottom: 35px; } .capabilite-sec .header { margin: 0 0 54px; } .capabilite-sec .header .title { margin: 0 0 6px; } .capabilite-sec .heading { margin: 0 0 31px; } .capabilite-sec .list-block { overflow: hidden; } .capabilite-sec .list-block li { margin: 0 0 28px; overflow: hidden; min-height: 164px; background-color: #e4e5e738; padding: 10px 20px; border-radius: 15px; transition: transform 0.5s, box-shadow 0.7s, background-color 0.5s, -webkit-transform 0.5s, -webkit-box-shadow 0.7s; width: 98%;} .capabilite-sec .list-block .icon { font-size: 30px; color: #e42336; float: left; } .capabilite-sec .list-block .txt-holder { width: 91%; float: left; color: #7f7f7f; padding: 9px 0 0 20px; } .capabilite-sec .list-block h3 { font-size: 18px; line-height: 20px; color: #1f1f1f; font-weight: 500; display: block; margin: 0 0 15px; } .capabilite-sec .list-block .txt-holder p a { color: #e42336; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .capabilite-sec .list-block .txt-holder p a:hover { color: #333; } .capabilite-sec .list-block .txt-holder p { margin: 0; } .recent-sec { overflow: hidden; } .recent-sec .header { margin: 0 0 30px; } .recent-sec .header .title { margin: 0 0 6px; } .recent-sec .holder { overflow: hidden; } .recent-sec .recent-col { width: 25%; float: left; position: relative; z-index: 1; } .recent-sec .recent-col:hover:before { top: 0; } .recent-sec .recent-col:before { position: absolute; content: ""; left: 0; top: 100%; right: 0; bottom: 0; background: rgba(228, 35, 54, 0.9); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .recent-sec .recent-col:hover .over { opacity: 1; visibility: visible; } .recent-sec .recent-col .over { position: absolute; left: 0; top: 50%; opacity: 0; visibility: hidden; right: 0; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; transform: translateY(-50%); } .recent-sec .recent-col .p-logo { color: #fff; text-align: left; margin: 0 0 20px; letter-spacing: 2px; line-height: 1.3; padding: 0 3%; } .recent-sec .recent-col .p-logo a { color: #fff; } .recent-sec .recent-col .lightbox { display: inline-block; vertical-align: middle; } .recent-sec .recent-col .lightbox .plus { display: block; position: relative; width: 50px; height: 50px; } .recent-sec .recent-col .lightbox .plus:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); left: 0; height: 2px; background: #fff; content: ""; } .recent-sec .recent-col .lightbox .plus:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); bottom: 0; width: 2px; background: #fff; content: ""; } .team-sec { overflow: hidden; padding-top: 55px; padding-bottom: 25px; } .team-sec .header { margin: 0 0 29px; } .team-sec .header .title { margin: 0 0 6px; } .team-sec .team-col { width: 33.33%; float: left; min-height: 556px; overflow: hidden; } .team-sec .team-col .img-holder { width: 100%; overflow: hidden; } .team-sec .team-col .img-holder img { width: 100%; height: auto; display: block; } .team-sec .team-col:hover .txt-holder { height: auto; background: rgba(228, 35, 54, 0.85); } .team-sec .team-col .txt-holder { overflow: hidden; width: 253px; height: 103px; margin: -103px auto 0; position: relative; z-index: 1; padding: 35px 20px 13px; background: rgba(51, 51, 51, 0.85); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .team-sec .team-col .title { font-size: 15px; line-height: 20px; color: #fff; font-weight: 600; display: block; margin: 0 0 5px; } .team-sec .team-col .desgination { font-size: 12px; line-height: 14px; color: #fff; font-weight: 400; display: block; margin: 0 0 49px; } .team-sec .team-col .txt { font-size: 12px; line-height: 14px; color: #fff; font-weight: 400; display: block; margin: 0 0 6px; } .team-sec .team-col .socail-network { float: none; text-align: center; } .team-sec .team-col .socail-network li { margin: 0 } .team-sec .team-col .socail-network a { color: #fff; border-color: #fff; } .newsLetast-sec { position: relative; padding-top: 58px; padding-bottom: 45px; background: #e4e5e7; } .newsLetast-sec:before { position: absolute; content: ""; left: 50%; bottom: -44px; height: 44px; width: 216px; background: url(images/arrowdown.png); transform: translateX(-50%); } .newsLetast-sec .header { margin: 0 0 37px; } .newsLetast-sec .header .title { margin: 0 0 6px; } .newsLetast-sec .post { overflow: hidden; } .newsLetast-sec .post .img-holder { width: 100%; overflow: hidden; margin: 0 0 28px; } .newsLetast-sec .post .img-holder img { width: 100%; height: auto; display: block; } .newsLetast-sec .post .txt-holder { font-size: 15px; line-height: 24px; color: #616161; font-weight: 400; overflow: hidden; padding: 0 3px; } .newsLetast-sec .post .time { font-size: 10px; line-height: 13px; color: #b9b9b9; font-weight: 500; display: block; margin: 0 0 10px; } .newsLetast-sec .post .time .clr { color: #e42336; font-weight: 600; } .newsLetast-sec .post h3 { font-size: 18px; line-height: 20px; color: #333333; font-weight: 500; margin: 0 0 22px; } .newsLetast-sec .post h3 a { color: #333; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .newsLetast-sec .post h3 a:hover { color: #e42336; } .newsLetast-sec .post .txt-holder p { margin: 0; } .main-holder { padding-top: 74px; padding-bottom: 30px; font-weight: 300; line-height: 29px; } .main-holder p a{ font-weight: 700; color: #333; } .main-holder.style2 { font-size: 20px; line-height: 33px; font-weight: 300; padding-top: 78px; } .main-holder h1.head, .main-holder h2 { font-size: 32px; line-height: 36px; color: #e42538; font-weight: 300; margin: 0 0 25px; word-spacing: 5px; } .main-holder p { margin: 0 0 27px; } .main-holder.style2 p { margin: 0 0 67px; } .main-holder .img-holder { margin: 54px 0 37px; overflow: hidden; } .main-holder .img-holder img { width: 100%; height: auto; display: block; max-width:850px;} .main-holder.style2 .img-holder { width: 753px; margin: -54px 0 0 36px; } .main-holder .btn-primary { font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; padding: 12px 27px; border-radius: 40px; border: 1px solid #e42336; background: #e42336; } .main-holder .btn-primary:hover { color: #e42336; background: none; } .main-block { overflow: hidden; padding-top: 18px; padding-bottom: 60px; } .main-block h2 { font-size: 32px; line-height: 36px; color: #e42538; font-weight: 300; margin: 0 0 16px; word-spacing: 5px; } .main-block .holder { overflow: hidden; } .main-block .feature-list { overflow: hidden; margin: 0; font-weight: 300; width: 33.33%; float: left; } .main-block .feature-list li { overflow: hidden; margin: 0 0 9px; position: relative; z-index: 1; padding: 0 0 0 30px; } .main-block .feature-list li:before { position: absolute; content: ""; left: 0; top: 6px; width: 9px; height: 9px; background: #333; border-radius: 100%; } .accordion { overflow: hidden; margin: 0; } .accordion li { overflow: hidden; margin: 0 0 33px; } .accordion .opener { position: relative; font-size: 18px; line-height: 20px; color: #333; font-weight: 400; display: block; padding: 10px 0; background: #f9f9f9; border: 1px solid #bbbbbb; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .accordion .opener .icon { font-size: 20px; line-height: 25px; color: #e21428; border-right: 1px solid #333; margin: -10px 18px 0 0; padding: 8px 10px 7px 8px; float: left; } .accordion .opener:hover, .accordion .active .opener { color: #fff; border-color: #e21428; background: #e21428; } .accordion .opener:hover .icon, .accordion .active .icon { border-color: #e21428; color: #fff; } .accordion .slide { font-size: 16px; line-height: 24px; padding: 31px 0 0; color: #7f7f7f; overflow: hidden; } .accordion .slide p { margin: 0 0 35px; } .openclose { padding: 0 0 0 2px; } .openclose li { padding: 15px 0 0; margin: 0; } .openclose li:first-child { padding: 0; } .openclose .opener2 { font-size: 16px; line-height: 20px; color: #7f7f7f; font-weight: 600; display: block; padding: 0; background: none; border: none; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .openclose .opener2:hover, .openclose .active .opener2 { color: #e21428; background: none; } .openclose .opener2 .icon2 { color: #e21428; margin: 0 6px 0 0; } .openclose .opener2 .fa-minus { opacity: 0; } .openclose .slide2 { padding: 12px 0; } .openclose .active .fa-minus { opacity: 1; } .openclose .active .fa-plus { display: none; } .openclose .slide2 p { margin: 0; } .twocolumns { overflow: hidden; padding: 100px 0; background: #f8f8f8; } .blogisotop{ margin-left: -30px; } .twocolumns .blog-post { width: 420px; float: left; margin: 0 0 30px 30px; overflow: hidden; background: #fff; } .twocolumns .blog-post .img-holder { overflow: hidden; width: 100%; } .twocolumns .blog-post .img-holder img { width: 100%; height: 300px; object-fit: cover; display: block; } .twocolumns .blog-post .txt-holder { font-size: 15px; line-height: 24px; color: #4c4c4c; font-weight: 400; overflow: hidden; } .twocolumns .blog-post .txt-holder p { margin: 0 0 43px; } .twocolumns .blog-post .txt-wrap { overflow: hidden; margin: 0 0 41px; background: #eeeeee; } .twocolumns .blog-post .holder { overflow: hidden; padding: 0 37px 17px; } .twocolumns .blog-post .comment-nav { font-size: 11px; line-height: 14px; color: #a6a6a6; font-weight: 400; overflow: hidden; margin: 0; padding: 0 0 0 17px; } .twocolumns .blog-post .comment-nav li { float: left; padding: 10px 11px 5px 11px; border-right: 1px solid #ddd; } .twocolumns .blog-post .comment-nav .fa { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; font-size: 16px; } .twocolumns .blog-post .txt-btn { font-size: 12px; line-height: 15px; color: #fff; font-weight: 600; padding: 9px 10px 7px 13px; background: #e42336; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .twocolumns .blog-post h2 { font-size: 18px; line-height: 30px; color: #333; font-weight: 700; margin: 0 0 21px; } .twocolumns .blog-post h2 a { color: #333; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .twocolumns .blog-post .footer { overflow: hidden; padding: 15px 0 0; border-top: 1px solid #ddd; } .twocolumns .blog-post .time-block { font-size: 11px; line-height: 13px; color: #a5a5a5; font-weight: 600; overflow: hidden; } .twocolumns .blog-post .time-block .time, .twocolumns .blog-post .time-block .author { display: inline-block; vertical-align: top; } .twocolumns .blog-post .time-block .author a { color: #f00101; pointer-events: none; } .twocolumns .blog-post .share-list { font-size: 12px; line-height: 15px; color: #999; overflow: hidden; margin: 0; } .twocolumns .blog-post .share-list li { display: inline-block; vertical-align: middle; margin: 0 0 0 6px; } .twocolumns .blog-post .share-list a { display: block; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .twocolumns .blog-post .share-list a:hover { opacity: 0.8; } .twocolumns .blog-post .share-list .fa-facebook { color: #007fff; } .twocolumns .blog-post .share-list .fa-twitter { color: #4dd2ff; } .twocolumns .widget {background: #fff;overflow: hidden;margin: 0 0 30px;} .twocolumns .widget .header-widget { overflow: hidden; position: relative; padding: 17px 15px 18px 22px; border-bottom: 1px solid #eee; } .twocolumns .widget .header-widget:before { position: absolute; content: ""; right: 15px; top: 0; width: 22px; height: 42px; background: #e42336; } .twocolumns .widget .header-widget:after { position: absolute; content: ""; right: 15px; top: 31px; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #fff; } .twocolumns .widget .title { font-size: 15px; line-height: 18px; color: #333; display: block; margin: 0 0 3px; } .twocolumns .widget .sub-title { font-size: 10px; line-height: 13px; color: #999; display: block; } .twocolumns .widget .img-holder { width: 100%; overflow: hidden; padding: 14px 14px 0 18px; } .twocolumns .widget .recent-post { overflow: hidden; margin: 0; } .twocolumns .widget .recent-post li {overflow: hidden;padding: 20px;border-bottom: 1px solid #eee;} .twocolumns .widget .recent-post .txt {font-size: 10px;line-height: 12px;color: #e42336;font-weight: 600;display: block;margin: 0 0 4px;} .twocolumns .widget .recent-post h3 {font-size: 14px;line-height: 20px;color: #333;font-weight: 500;margin: 0 0 7px;} .twocolumns .widget .recent-post h3 a { color: #333; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .twocolumns .widget .recent-post h3 a:hover { color: #e42336; } .twocolumns .widget .recent-post .time-block { font-size: 11px; line-height: 13px; color: #a5a5a5; font-weight: 600; overflow: hidden; } .twocolumns .widget .recent-post .time-block .time, .twocolumns .widget .recent-post .time-block .author { display: inline-block; vertical-align: top; } .twocolumns .widget .recent-post .time-block .author a { color: #a5a5a5; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .twocolumns .widget .recent-post .time-block .author a:hover { color: #e42336; } .twocolumns .widget .recent-post .more-link { font-size: 12px; line-height: 14px; color: #999; font-weight: 400; display: block; } .blog-detail { padding: 68px 0; overflow: hidden; background: #f8f8f8; } .blog-detail .blog-holder { font-size: 18px; line-height: 29px; color: #4c4c4c; font-weight: 400; overflow: hidden; background: #fff; } .blog-detail .blog-block { overflow: hidden; padding: 65px 70px 65px 100px; } .blog-detail .pagination { font-size: 14px; line-height: 16px; color: #333; font-weight: 400; overflow: hidden; text-align: center; border-bottom: 1px solid #ddd; } .blog-detail .pagination .fa-angle-left { margin: 0 6px 0 0; } .blog-detail .pagination .fa-angle-right { margin: 0 0 0 8px; } .blog-detail .pagination .prev-btn { float: left; color: #333; padding: 29px 80px 25px; border-right: 1px solid #ddd; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .blog-detail .pagination .next-btn { float: right; color: #333; padding: 28px 101px 26px; border-left: 1px solid #ddd; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .blog-detail .pagination .back-btn { padding: 28px 10px 20px; color: #333; display: block; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .blog-detail .pagination .next-btn:hover, .blog-detail .pagination .prev-btn:hover { color: #fff; border-color: #f00101; background: #f00101; } .blog-holder h2 { font-size: 30px; line-height: 36px; color: #333; font-weight: 700; margin: 0 0 13px; letter-spacing: -1px; } .blog-holder h3, .blog-holder h4, .blog-holder h5 { font-size: 20px; line-height: 24px; color: #333; font-weight: 700; margin: 0 0 24px; } .blog-holder .time-block { font-size: 11px; line-height: 13px; color: #a5a5a5; font-weight: 600; overflow: hidden; margin: 0 0 50px; } .blog-holder .time-block .time, .blog-holder .time-block .author { display: inline-block; vertical-align: top; } .blog-holder .time-block .author a { color: #f00101; } .blog-detail .blog-holder p { margin: 0 0 49px; } .blog-detail .blog-holder .holder { overflow: hidden; border-bottom: 1px solid #ddd; } .blog-detail .blog-holder .img-holder { overflow: hidden; margin: 0 0 54px; width: 100%; } .blog-detail .blog-holder .img-holder img { width: 100%; height: auto; display: block; } .blog-detail .blog-holder .img-holder2, .blog-detail .blog-holder .col { width: 47%; float: left; } .blog-detail .blog-holder .txt-holder { width: 53%; font-size: 16px; font-weight: 300; margin: -6px 0 0; float: left; padding: 0 10px 0 35px; } .blog-detail .blog-holder .txt-holder p { margin: 0 0 34px; } .blog-holder .col { padding: 37px 0 0 31px; overflow: hidden; margin: 0 0 31px; } .blog-holder .col strong { font-size: 30px; line-height: 42px; color: #333333; font-weight: 400; display: block; letter-spacing: -1px; } .blog-holder .share-holder { overflow: hidden; padding: 29px 0 0; } .blog-holder .share-holder .share-list { font-size: 12px; line-height: 15px; color: #999; overflow: hidden; margin: 0; float: left; } .blog-holder .share-holder .share-list li { display: inline-block; vertical-align: middle; margin: 0 6px 0 0; } .blog-holder .share-holder .share-list li:first-child { margin: 0 53px 0 0; } .blog-holder .share-holder .share-list a { display: block; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .blog-holder .share-holder .share-list a:hover { opacity: 0.8; } .blog-holder .share-holder .share-list .fb-link { color: #fff; padding: 8px 25px; background: #007fff; } .blog-holder .share-holder .share-list .tb-link { color: #fff; padding: 8px 32px; background: #4dd2ff; } .blog-holder .share-holder .back-post { font-size: 12px; line-height: 15px; color: #4c4c4c; font-weight: 400; padding: 7px 17px; float: right; background: #f8f8f8; border: 1px solid #e2e2e2; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .blog-holder .share-holder .back-post:hover { color: #fff; border-color: #f00101; background: #f00101; } #footer { overflow: hidden; } #footer .footer-holder { font-size: 15px; line-height: 24px; color: #8a8a8a; font-weight: 400; padding-top: 97px; padding-bottom: 11px; overflow: hidden; } #footer .widget-heading { font-size: 16px; line-height: 20px; color: #333; font-weight: 700; display: block; margin: 0 0 50px; } #footer .f-logo { width: 109px; margin: -30px 0 34px; } #footer .footer-holder p { margin: 0 0 24px; } #footer .footer-holder .f-nav { font-weight: 500; overflow: hidden; margin: 0; color: #9a9a9a; } #footer .footer-holder .f-nav li { overflow: hidden; margin: 0 0 7px; font-size: 13px; } #footer .footer-holder .f-nav a { color: #9a9a9a; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } #footer .footer-holder .f-nav a:hover { color: #e42336; } #footer .contact-list { font-size: 13px; overflow: hidden; margin: 0; } #footer .contact-list li { overflow: hidden; margin: 0 0 15px; } #footer .contact-list .icon { font-size: 18px; line-height: 20px; float: left; margin: 5px 16px 0 0; } #footer .contact-list address { overflow: hidden; font-weight: 400; font-style: normal; margin: 0; } #footer .contact-list a { display: inline-block; vertical-align: top; color: #9b9b9b; transition: all 0.25s linear; } #footer .contact-list a:hover { color: #e42336; } #footer .recent-tweet { overflow-y: auto; margin: 0; height: 225px; } #footer .recent-tweet li { overflow: hidden; padding: 23px 0; } #footer .recent-tweet li:first-child { padding: 0; } #footer .recent-tweet .icon { font-size: 22px; line-height: 25px; color: #26c9ff; float: left; width: 10%; } #footer .recent-tweet .txt-holder { width: 90%; float: left; color: #9b9b9b; line-height: 22px; overflow: hidden; padding: 1px 0 20px 6px; border-bottom: 1px solid #848484; } #footer .recent-tweet li:last-child .txt-holder { border: none; } #footer .recent-tweet p { margin: 0 0 10px; } #footer .recent-tweet a { color: #26c9ff; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #footer .recent-tweet time { font-size: 13px; color: #9b9b9b; display: block; } #footer .footer-area { padding: 27px 0 18px; background: #f8f8f8; } #footer .footer-area .socail-network { float: none; padding: 5px 0 0; text-align: left; } #footer .footer-area .socail-network li { margin: 0 15px 0 0; } .footer-area fieldset { overflow: hidden; position: relative; z-index: 1; padding: 0 0 0 26px; } .footer-area label { font-size: 16px; line-height: 20px; color: #333333; font-weight: 700; margin: 0 42px 0 0; display: inline-block; vertical-align: middle; } .footer-area .es_form_container { width: 67.4%; display: inline-block; vertical-align: middle; overflow: hidden; } .footer-area .es_textbox_class { font-size: 12px; line-height: 16px; color: #cccccc; font-weight: 400; text-transform: uppercase; width: 100%; height: 40px; padding: 10px 40px 10px 20px; float: left; border: 1px solid #e1e1e1; border-radius: 0; box-shadow: none; outline: none; background: none; } .es_shortcode_form { position: relative; overflow: hidden; } #footer .es_shortcode_form .es_button { position: absolute; right: -10px; top: -2px; } #footer .es_shortcode_form .es_button input { font-size: 14px; line-height: 16px; color: #ccc; padding: 0; background: none; outline: none; border: none; box-shadow: none; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } #footer .es_shortcode_form .es_button input:hover { color: #e42336; } #footer .copy-right { font-size: 13px; line-height: 16px; color: #ddd; font-weight: 600; padding: 40px 0; } #footer .copy-right p { margin: 0; } #footer .copy-right a { color: #848484; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } #footer .copy-right a:hover { color: #e42336; } .es_lablebox { display: none; } .port-content { font-size: 20px; line-height: 33px; font-weight: 300; padding-top: 100px; } .port-content p { margin: 0 0 20px; } .about-accordion .team-sec .team-col .desgination { margin: 0 0 16px; } .about-accordion { margin: 0; padding: 110px 30px 0; font-size: 16px; list-style: none; color: #333; line-height: 24px; font-weight: 300; } .about-accordion li { margin: 0 0 10px; } .about-accordion .slide { position: relative; } .about-accordion .slide:after { clear: both; content: ""; display: block; } .about-accordion .slide.add:before { bottom: auto; height: 72px; } .about-accordion .opener { position: relative; font-size: 20px; color: #151a1f; line-height: 1; display: inline-block; vertical-align: top; margin: 0 0 20px; font-weight: normal; } .about-accordion .opener:after { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #e5293c; position: absolute; top: 0; left: -30px; content: ""; } .about-accordion li.active .opener:after { border-color: #ddd; } .about-accordion .opener .fa { color: #e5293c; position: absolute; top: 4px; left: -26px; font-size: 12px; line-height: 1; } .about-accordion .opener .fa-times { display: none; } .about-accordion li.active .opener .fa-times { display: block; left: -25px; color: #ddd; } .about-accordion li.active .opener .fa-chevron-down { display: none; } .about-accordion h2 { color: #333; font-size: 35px; line-height: 1; font-weight: 700; margin: 0 0 30px; } .about-accordion .title { font-size: 20px; color: #333; line-height: 1; display: block; vertical-align: top; margin: 0 0 20px; font-weight: normal; } .about-accordion li.active .slide:before { width: 0; border-left: 1px solid #ddd; position: absolute; top: -20px; bottom: 15px; left: -20px; content: ""; } .about-accordion .content { padding: 20px 8% 20px 0; font-size: 0.75em; line-height: 1.6; } .form-control {border-color: #cdcdcd;box-shadow: none;border-radius: 0;height: 44px;font-size: 12px;padding: 10px 15px;} textarea.form-control{height: 100px;} .wpcf7-form-control-wrap { display: block; margin: 0 0 15px;} .wpcf7-submit { font-size: 17px; line-height: 20px; font-weight: 700; color: #fff; padding: 15px 45px; display: inline-block; vertical-align: top; border: 2px solid #e42336; background: #e42336; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .widget_tag_cloud .widget-title, .widget_categories .widget-title, .widget_archive .widget-title, .widget_custom_html .widget-title { overflow: hidden; position: relative; padding: 17px 15px 18px 22px; border-bottom: 1px solid #eee; font-size: 15px; line-height: 18px; color: #333; display: block; margin: 0; } .widget_tag_cloud a, .widget_categories ul a, .widget_archive ul a { color: #e42336; transition: all ease 0.3s; } .widget_tag_cloud a:hover, .widget_categories ul a:hover, .widget_archive ul a:hover { color: #333; } .widget_tag_cloud .tagcloud { padding: 15px 25px; } .widget_archive ul, .widget_categories ul { list-style: none; margin: 0; padding: 15px 25px; font-size: 12px; line-height: 18px; color: #e42336; font-weight: 600; display: block; } .widget_archive ul li, .widget_categories ul li { margin: 0 0 7px; } .custom-html-widget{padding: 20px; font-size: 14px; line-height: 20px;} .custom-html-widget p{margin: 0;} .accordion .opener .fa { position: absolute; right: 14px; top: 11px; } .small_content p { font-size: 0.7em; line-height: 1.5; padding: 10px; } .blog-pag { color: #e42336; font-size: 16px; text-align: right; } .blog-pag >* { display: inline-block; vertical-align: middle; padding: 5px 15px; border: 1px solid #e42336; border-radius: 3px; margin: 0 5px 0 0; } .blog-pag a { color: #e42336; transition: all ease 0.3s; } .blog-pag .current, .blog-pag a:hover { color: #fff; background: #e42336; } .contactsidebar{} .contactsidebar h2{ margin: 0 0 10px; font-size: 25px; line-height: 35px;} .contactsidebar .contact-list { color: #9b9b9b; font-size: 15px; line-height: 20px; overflow: hidden; margin: 0; } .contactsidebar .contact-list li { overflow: hidden; margin: 0 0 15px; } .contactsidebar .contact-list .icon { font-size: 18px; line-height: 20px; float: left; margin: 5px 16px 0 0; } .contactsidebar .contact-list address { overflow: hidden; font-weight: 400; font-style: normal; margin: 0; } .contactsidebar .contact-list a { display: inline-block; vertical-align: top; color: #9b9b9b; transition: all 0.25s linear; } .contactsidebar .contact-list a:hover { color: #e42336; } @media (min-width:1024px) { .socail-network .nav-opener { display: none; } } @media (max-width:1199px) { #header .nav-holder { width: 80%; } .banner { padding: 100px 0 98px; } .banner h1 { font-size: 29px; line-height: 33px; } .banner .sub-title { font-size: 25px; } .whatWwDo-sec .col .txt-holder { min-height: 281px; } .whatWwDo-sec .col .icon { margin: 0 auto 25px; } .whatWwDo-sec .col .txt-holder .block1 p { margin: 0 0 20px; } .whatWwDo-sec .col.col2 .txt-holder { min-height: 281px; } .whatWwDo-sec .col .block1 { left: 14px; right: 14px; } .whatWwDo-sec .col .block2 { font-size: 12px; } .whatWwDo-sec .col .block2 .icon { max-width: 50px; } .recent-sec .recent-col .p-logo { width: 100%; } .recent-sec .recent-col .lightbox { font-size: 56px; line-height: 60px; } .team-sec .team-col { min-height: 467px; } .twocolumns .blog-post { width: 47%; } .twocolumns .blog-post h2 br { display: none; } #footer .newsletter-form .form-control { width: 59%; } .twocolumns .widget .recent-post h3 { font-size: 16px; } .twocolumns .blog-post .holder { padding: 0 17px 17px; } .twocolumns .blog-post .share-list, .twocolumns .blog-post .time-block { float: none !important; } .twocolumns .blog-post .time-block { margin: 0 0 10px; } .twocolumns .blog-post .share-list li { margin: 0 6px 0 0; } .main-holder.style2 .img-holder { width: 553px; } .main-holder .img-holder { margin: 54px 0 37px; } .blog-detail .blog-holder { font-size: 16px; line-height: 27px; } .blog-holder .col strong { font-size: 25px; } .footer-area .es_form_container { width: 58.4%; } .capabilite-sec .list-block .txt-holder { width: 86%; } } @media (max-width:1023px) { nav#nav {position: absolute;left: -9px;top: 119%;right: -9px;width: auto;opacity: 0;padding: 15px 20px;visibility: hidden;background: #fff;-webkit-transition: all 0.25s linear;transition: all 0.25s linear;} #nav { float: none; } #nav ul li { display: block; margin: 0 0 15px; } #nav .sub-menu{max-height: 0; overflow: hidden; opacity: 1; visibility: visible; padding: 0;} .banner { padding: 70px 0; } .banner h1 { font-size: 22px; line-height: 27px; margin: 0 0 10px; } .banner .sub-title { font-size: 20px; line-height: 25px; } .btn-primary { line-height: 20px; padding: 13px 32px; } .banner .caption p { margin: 0 0 40px; } .whatWwDo-sec { padding-top: 70px; } .header p br { display: none; } .whatWwDo-sec .col.col2 .txt-holder { min-height: 215px; } .whatWwDo-sec .col .txt-holder { min-height: 215px; } .whatWwDo-sec .col .block2 .icon, .whatWwDo-sec .col .txt-holder .block1 p { display: none; } .whatWwDo-sec .col .icon { width: 54px; } .whatWwDo-sec .col .block2 { font-size: 10px; } .capabilite-sec { padding-top: 70px; } .capabilite-sec .list-block .txt-holder { font-size: 14px; line-height: 20px; padding: 0 0 0 20px; width: 86%; } .capabilite-sec .list-block h3 { font-size: 15px; } .recent-sec .recent-col { width: 33.33%; } .team-sec .team-col { min-height: 365px; } .team-sec .team-col .txt-holder { width: 203px; height: 93px; padding: 25px 20px 13px; margin: -93px auto 0; } .team-sec .team-col .desgination { margin: 0 0 29px; } .newsLetast-sec .post h3 { font-size: 15px; line-height: 18px; margin: 0 0 15px; } .newsLetast-sec .post .txt-holder { font-size: 13px; line-height: 20px; } #footer .footer-holder .f-nav { margin: 0 0 30px; } #footer .newsletter-form label { font-size: 13px; } #footer .newsletter-form .form-control { width: 54%; } .twocolumns .blog-post { width: 47.9%; } .twocolumns { padding: 80px 0; } .main-holder.style2 .img-holder { width: 100%; } .main-holder.style2 { padding-top: 60px; font-size: 16px; line-height: 29px; } .accordion .slide { font-size: 14px; } .banner h2 { font-size: 19px; } .main-holder h2 { font-size: 28px; } .blog-holder h2 { font-size: 25px; } .blog-detail .blog-block { padding: 65px 50px 65px; } .blog-holder .col strong { font-size: 22px; line-height: 35px; } .blog-detail .pagination .next-btn { padding: 28px 50px 26px; } .blog-detail .pagination .prev-btn { padding: 29px 50px 25px; } .footer-area fieldset { padding: 0; } .footer-area label { margin: 0 10px 0 0; } .footer-area .es_form_container { width: 54%; } #footer .footer-area .socail-network li { margin: 0 5px 0 0; } } /*@media only screen and ( max-width: 768px ) { .banner { background-image: none !important; padding-top:0px; } .recent-sec { display:none; } }*/ @media(min-width:770px) and ( max-width: 1024px ) { .row1 { padding-left:40%; } .banner { background-position: -380px 0; } } @media(min-width:1030px) and ( max-width: 1199px ) { .row1 { padding-left:43%; } .banner { background-position: -320px 0; } } @media (min-width:1200px) and (max-width: 1299px ) { .row1 { padding-left:5%; } .banner { background-position: -300px 0; } } @media (min-width:1300px) and (max-width: 1399px ) { .row1 { padding-left:10%; } .banner { background-position: -280px 0; } } @media (min-width:1400px) and (max-width: 1499px ) { .row1 { padding-left:0%; } .banner { background-position: -200px 0; } } @media (max-width:767px) { body { font-size: 13px; line-height: 24px; } .logo { width: 90px; } #wrapper { padding-top: 70px; } #header .nav-holder { width: 67.7%; padding: 15px 0 0; } .socail-network li { margin: 0 0 0 8px; } .banner { text-align: center; background-color: #e4e5e7;} .banner h1 { font-size: 28px; line-height: 35px; } .banner iframe { display: none; } .banner .caption p { margin: 0 0 20px; } .banner h2 { float: none; margin: 0 0 20px; } .banner .breadcrumbs li { margin: 0 0 20px 8px; } .banner.banner2 { padding: 55px 0 35px; } .heading { font-size: 28px; } .whatWwDo-sec { padding-bottom: 30px; } .whatWwDo-sec .col { width: 100%; float: none; margin: 0 0 30px; } .whatWwDo-sec .col.col2 { margin: 0 0 30px; } .whatWwDo-sec .col .txt-holder { min-height: 100%; padding: 0; } .port-content { font-size: 14px; line-height: 21px; font-weight: 300; padding-top: 70px; } .home .recent-sec, #footer .footer-area, .whatWwDo-sec .col .block1, .main-holder.style2 .img-holder, .footer-holder .col-md-3:nth-child(2), .footer-holder .col-md-3:nth-child(3), .newsLetast-sec .row .col-sm-4:nth-child(2), .newsLetast-sec .row .col-sm-4:nth-child(3), .whatWwDo-sec .col .txt-holder.active .block1, .whatWwDo-sec .col .img-holder { display: none; } .whatWwDo-sec .col .txt-holder.active .block2 { transform: translateY(0); } .whatWwDo-sec .col .block2 { position: static; font-size: 14px; transform: translateY(0); } .whatWwDo-sec .col .block2 .icon { display: block; margin: 0 20px 0 0; float: left; } .whatWwDo-sec .col.col2 .txt-holder { min-height: 100%; } .capabilite-sec { padding-top: 50px; } .capabilite-sec .heading { margin: 0 0 20px; } .team-sec { padding-top: 0; } /*.partner-sec { background-image: none !important; background-color: #e4e5e7; }*/ .recent-sec .recent-col, .team-sec .team-col { width: 100%; } .recent-sec .header, .team-sec .header, .newsLetast-sec .header { margin: 0; } .team-sec .team-col { min-height: 425px; } .newsLetast-sec .post, #footer .widget-heading, .main-holder.style2 p { margin: 0 0 10px; } #footer .newsletter-form { padding: 0; } #footer .f-logo { margin: -60px 0 14px; } #footer .copy-right { padding: 0 0 20px; } #footer .contact-list li { margin: 0 0 5px; } #footer .newsletter-form .form-control, .blog-detail .blog-holder .txt-holder { float: none; width: 100%; } .twocolumns { padding: 60px 0; } .twocolumns .blog-post, .main-block .feature-list, .blog-detail .blog-holder .img-holder2, .blog-detail .blog-holder .col { width: 100%; float: none; margin: 0 0 30px; } .main-block .feature-list { margin: 0; } .banner .breadcrumbs { float: none; } .main-holder.style2 { padding-top: 70px; font-size: 14px; line-height: 24px; } .accordion { margin-top: 30px; } .main-holder h2 { font-size: 25px; line-height: 30px; } .main-holder { padding-top: 50px; } .main-holder .img-holder, .blog-detail .blog-holder .img-holder, .blog-detail .blog-holder p { margin: 0 0 30px; } .main-block { padding-bottom: 30px; } .blog-detail .pagination .prev-btn, .blog-detail .pagination .next-btn { display: block; float: none; border-bottom: 1px solid #ddd; border-right: none; border-left: none; } .blog-detail .blog-block { padding: 20px; } .blog-holder h2 { font-size: 20px; line-height: 30px; } .blog-detail .blog-holder { font-size: 14px; } .blog-holder h3, .blog-holder h4, .blog-holder h5 { font-size: 15px; } .blog-detail .blog-holder .txt-holder, .blog-detail .blog-holder .col { padding: 0; } .blog-detail .blog-holder .col:first-child { padding: 37px 0 0 31px; } .capabilite-sec .list-block li{min-height: 0;} .blog-holder .share-holder .share-list, .blog-holder .share-holder .back-post { float: none; display: block; } .blog-holder .share-holder .share-list li, .blog-holder .share-holder .share-list li:first-child { display: block; text-align: center; margin: 0 0 10px; } } .capabilite-sec .list-block li:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); background-color: #fff; cursor: pointer; } .fusion-toggle-icon-line{ background-color: #ffffff !important; } .cardPlanDetails { background: linear-gradient(to right,#000,#575656)!important; min-height: auto; width: inherit!important; display: block!important; padding: 18px; border-radius: 5px; margin: 20px 10px 0; transition: all .2s ease-in-out; box-shadow: 0 4px 5px rgb(0 0 0 / 40%); } .cardPlanDetails table { width: 100%; } .cardPlanDetails p { width: auto; font-size: 24px; color: #fff; margin: 0; } .cardPlanDetails h4 { color: #fff; font-size: 40px; height: auto; margin: 0; width: auto; margin: 10px 0px; text-align: center; } .cardPlanDetails:hover { transform: scale(1.08); box-shadow: 0 4px 10px rgb(0 0 0 / 40%); } div#download{ margin-bottom: 50px; } div#download h6 { font-size: 25px; line-height: 20px; margin-bottom: 0px; font-weight: 700; padding-bottom: 10px; border-bottom: 5px solid #d40000; width: max-content; text-align: center; margin-left: auto; margin-right: auto; } .provider { color: #fff; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; text-align: center !important; } .bg-white { background: #ffffff; } .bottom-footer { border-top: 1px solid #e5e5e5; margin-top: 50px; line-height: 30px; color: rgba(0, 0, 0, 0.6); padding: 30px 0; } .bottom-footer a { color: #fff; font-weight: 700; } .abtText { font-size: 15px; line-height: 25px; /* opacity: .5; padding-bottom: 20px !important; */ } .footerText a:hover{ color: #fff; } .bottom-footer .row { display: flex; flex-wrap: wrap; } .poweredby { margin: -10px 0 -10px 0; } .warning { font-size: 13px; color: #fff !important; padding: 16px !important; background-color: #cd9b0b !important; } .powered { margin-left: auto; margin-right: auto; padding-top: 10px; } .power { /*font-family: "Poppins", Tahoma, Geneva, sans-serif;*/ font-weight: normal; font-size: 14px; } .text-white { color: #fff !important; } .text-center { text-align: center !important; } .footerText { /*padding-top: 1rem; font-family: "Poppins", Tahoma, Geneva, sans-serif;*/ font-weight: normal; font-size: 14px; line-height: 30px; text-align: center; display: block; } #pageFooter { border-color: #ffffff; border-top-width: 0px; padding-top: 18px; padding-bottom: 16px; } @media all and (max-width: 375px){ .cardPlanDetails h4 { font-size: 24px!important; line-height: normal !important; } } @media all and (max-width: 480px) and (min-width: 376px){ .cardPlanDetails h4 { font-size: 30px!important; line-height: normal !important; } } @media all and (max-width: 767px){ .bottom-footer{ margin-top: 0px !important; } div#download { margin-bottom: 10px; } } #enquiry{ position: fixed; top: 18%; transform-origin: left; transform: translateX(20px) rotate(90deg); z-index: 999; width: max-content; } #enquiry a{ margin-right: 5px; padding: 15px !important; border: 2px solid #58d389; background: #58d389; transform: rotate(180deg); } #enquiry a:active, #enquiry a:hover, #enquiry a:focus { color: #58d389 !important; background-color: #ffffff !important; border-color: #58d389 !important; } @media all and (max-width: 1199px){ .bottom-footer{ margin-top: 0px !important; } } @media all and (max-width: 1301px) and (min-width: 1200px){ .fusion-main-menu > ul > li { padding-right: 20px !important; } } @media all and (min-width: 1025px) and (max-width: 1199px){ .fusion-header, nav.fusion-main-menu{ display: block !important; } nav.fusion-main-menu.fusion-sticky-menu, .fusion-mobile-menu-design-flyout.fusion-header-v1 .fusion-flyout-mobile-menu-icons{ display: none !important; } .fusion-main-menu > ul > li { padding-right: 15px !important; } .fusion-main-menu > ul > li > a{ font-size: 14px !important; height: 112px !important; } span.menu-text.fusion-button.button-default.button-large{ padding: 13px 20px !important; } .fusion-header-wrapper .fusion-row{ padding-left: 2% !important; padding-right: 2% !important; } } @media all and (min-width: 1200px) and (max-width: 1300px){ .fusion-header, nav.fusion-main-menu{ display: block !important; } nav.fusion-main-menu.fusion-sticky-menu, .fusion-mobile-menu-design-flyout.fusion-header-v1 .fusion-flyout-mobile-menu-icons{ display: none !important; } } @media all and (max-width: 1857px) and (min-width: 1301px){ .cardPlanDetails{ height: 144px !important; display: flex !important; } #download .col-lg-4.col-md-6.col-sm-12{ padding: 0px 8px !important; } } .modalpop { position: fixed; display: none; z-index: 1050; left: 40px !important; bottom: 25px !important; width: 100%; max-width: 300px; } #custModalContent { font-family: "Averia Gruesa Libre", Sans-serif; color: black; border: none; border-radius: 30px 0px; font-weight: 900; font-size: 19px; text-transform: none; background-color: #bfff00; margin: 15% auto; padding: 20px; width: 100%; box-shadow: 0px 0px 2px black; border: 1px solid; } .ticker-gap{ width: 100px; display: inline-block; } .white{ background: transparent !important; border: solid 0px #f0f0f0 !important; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{ display: none !important; } #sample_slider_slide02, #sample_slider_slide01{ background-color: transparent !important; width: max-content !important; } .owl-pagination-true{ margin-bottom: 0px !important; } div#sample_slider{ background: rgb(0, 0, 0); z-index: 99; } div#textcarousel { margin-left: auto; margin-right: auto; width: 95% !important; } @media all and (max-width: 979px) and (min-width: 937px){ div#textcarousel { width: 85% !important; } span#tick{ font-size: 29px !important; } } @media all and (max-width: 936px) and (min-width: 900px){ div#textcarousel { width: 84% !important; } span#tick{ font-size: 27px !important; } } @media all and (max-width: 899px) and (min-width: 872px){ div#textcarousel { width: 85% !important; } span#tick{ font-size: 27px !important; } } @media all and (max-width: 871px) and (min-width: 830px){ div#textcarousel { width: 87% !important; } span#tick{ font-size: 27px !important; } } @media all and (max-width: 829px) and (min-width: 803px){ div#textcarousel { width: 88% !important; } span#tick{ font-size: 27px !important; } } @media all and (max-width: 802px) and (min-width: 768px){ div#textcarousel { width: 90% !important; } span#tick{ font-size: 27px !important; } } @media all and (max-width: 820px){ span#tick{ font-size: 27px !important; } } @media all and (max-width: 767px)and (min-width: 530px){ div#textcarousel{ text-align: -webkit-center !important; width: 100% !important; } span#tick{ font-size: 22px !important; } } @media all and (min-width: 320px) and (max-width: 374px){ span#tick{ font-size: 25px !important; } } @media all and (max-width: 979px) and (min-width: 481px){ div#textcarousel{ text-align: -webkit-center !important; width: 100% !important; } } @media all and (max-width: 1280px) and (min-width: 1025px){ span#tick{ font-size: 21px !important; } } @media all and (max-width: 1024px) and (min-width: 980px){ span#tick{ font-size: 91% !important; } } @media all and (max-width: 529px) and (min-width: 481px){ span#tick{ font-size: 20px !important; } } @media all and (max-width: 529px){ #sample_slider_slide02, #sample_slider_slide01{ width: auto !important; } span#tick{ font-size: 19px !important; } div#textcarousel{ text-align: -webkit-center !important; width: 100% !important; } } div#textcarousel { /* margin-left: auto; */ /* margin-right: auto; */ /* width: 95% !important; */ display: flex; justify-content: center; /* flex-wrap: wrap; */ flex-direction: column; margin-left: auto; margin-right: auto; text-align: center; width: 95%; } #sample_slider a{ color: #ffffff !important; font-weight: 700; } @media all and (max-width: 349px){ .modalpop{ left: 10px !important; } } @media all and (max-width: 979px) and (min-width: 937px){ span#tick { font-size: 24px !important; } } @media all and (max-width: 936px) and (min-width: 768px){ span#tick { font-size: 22px !important; } } @media all and (max-width: 767px) and (min-width: 530px){ span#tick { font-size: 15px !important; } } .fusion-header-wrapper { background-color: #000 !important; } @media all and (max-width: 559px){ #enquiry a{ padding: 5px 15px !important; font-size: 13px !important; } #enquiry{ transform: translateX(15px) rotate(90deg) !important; } #custModalContent{ font-size: 14px !important; padding: 7px !important; } .modalpop{ width: auto !important; max-width: 80% !important; } } .fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(1), .fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(3){ background-color: black !important; } @media all and (min-width: 1201px) and (max-width: 1300px){ .cardPlanDetails h4{ font-size: 30px !important; } #download .col-lg-4.col-md-6.col-sm-12 { padding: 0px !important; } .cardPlanDetails{ width: 95% !important; height: 105px !important; display: inline-flex !important; align-items: center; } } @media all and (max-width: 1200px) and (min-width: 1025px){ .cardPlanDetails h4{ font-size: 26px !important; } #download .col-lg-4.col-md-6.col-sm-12 { width: 33% !important; padding: 0px !important; } .cardPlanDetails{ width: 95% !important; height: 105px !important; display: inline-flex !important; align-items: center; } } @media all and (max-width: 1024px) and (min-width: 992px){ .cardPlanDetails h4{ font-size: 26px !important; } #download .col-lg-4.col-md-6.col-sm-12 { width: 33% !important; padding: 0px !important; } .cardPlanDetails{ width: 95% !important; height: 105px !important; display: inline-flex !important; align-items: center; } }