/* Inner pages less */ .inner-page-butt-blue { display: block; padding: 6px 15px 6px 10px; color: #fff; border-radius: 0px; border: 1px solid @main-theme-color; float: left; position: relative; z-index: 1; text-align: center; transition: .5s; background-color: @main-theme-color; box-shadow: 0 2px darken(@main-theme-color, 5%); } .inner-page-butt-blue-icon{ color: #fff; font-size: 14px; margin-right: 10px; } .inner-page-butt-blue:hover { color: #fff; background-color: darken(@main-theme-color, 5%); transition: .5s; border: 1px solid @main-theme-color; box-shadow: 0 2px darken(@main-theme-color, 8%); } /*About Us Less*/ .intro-content-wrap .inner-page-butt-blue{margin: 20px 0 0px 0px;} .call-action-title .color-4 { float: right; padding: 20px 0 0 0; } .content-tabs-wrap .fade.in { opacity: 1; display: block; } .content-tabs-wrap .fade{ display: none; } .about-intro-wrap { width:100%; height:auto; background:url(../images/strip-shadow.png) no-repeat top center, url(../images/inner-content-back.jpg) repeat-x top #fff; } .intro-content-wrap { img { padding-bottom:0; margin-right: 5px; } p { padding-bottom:15px; line-height: 1.65em; } ul { float:left; margin-right: 20px; } li { list-style-type: none; /*background: url(../images/list-content-arrow.png) no-repeat 0px 20px;*/ border-bottom: 1px solid #f1f2f2; line-height: 4.5em; color: @para-text-color; font-size: 13px; padding-left: 35px; .transition (.5s); .about-list-arrows{ font-size: 15px; height: 20px; width: 20px; line-height: 18px; text-align: center; color: @main-theme-color; border-radius: 50%; margin: 19px 0px 0 -35px; float: left; border: 1px solid; .transition (.5s); } } } .intro-content-wrap li:hover{color: @main-theme-color; font-size: 13px; /*background: url(../images/list-arro-hover.png) no-repeat 0px 20px;*/ -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;} .intro-content-wrap li:hover .about-list-arrows{ background:@main-theme-color; color:#fff; .transition (.3s); border: 1px solid @main-theme-color;} .features-button { height: 43px; width: 165px; float: right; background: @main-theme-color; line-height: 43px; text-align: center; font-size: 13px; color: #fff; margin: 20px 35% 20px 0%; } .about-content-wrap { width:100%; height:auto; background:#f8f8f8; } .heading-content { float: left; line-height: 1.5em; color: @title-text-color; font-size: 30px; text-align: center; padding-top: 60px; padding-bottom: 60px; p { color: @para-text-color; font-size: 16px; line-height: 1.4em; padding-top: 20px; } } .features-list-title { font-size: 15px; color: @main-theme-color; line-height: 1.8em; border-bottom: 1px solid #dcddde; margin-bottom: 20px; padding: 0 0 10px 0; } .features-list { ul { padding-bottom:15px; } li { font-size:13px; color:@para-text-color; line-height:3.3em; .transition (.3s); } li:hover { color:@main-theme-color; transition:.3s; .feature-icons { margin-right:15px; .transition (.25s); } } } .feature-icons { color:@main-theme-color; font-size:16px; height:27px; width:27px; border-radius:100%; background: none; line-height: 27px; text-align: center; margin-top: 8px; } .content-tabs { background:#fff; border:1px solid #e6e7e8; margin: 0 0 20px 0; float:left; .nav-tabs { li { background:none; } } } .nav-tabs &>li.active &>a, .nav-tabs &>li.active &>a:hover, .nav-tabs &>li.active &>a:focus { color: #fff; background-color: @main-theme-color; border: none; border-bottom-color: none; cursor: default; } .nav-tabs { & > li { & > a:hover { border-color: transparent; } & > a { margin-right: 0px; line-height: 1.428571429; border: none; border-radius:0px; } } } .side-bar-blog .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: none; border-radius: 0px; } .side-bar-blog-bottom .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: none; border-radius: 0px; } .nav-tabs > li > a{color: @main-theme-color;} .tab-content { & > .active { display: block; padding: 15px; } } .tab-img { float:left; width:188px; margin:0 15px 15px 0; } .appointment-form { padding-bottom: 25px; } .appointment-form-title { width:100%; float:left; background:@main-theme-color; color:#fff; font-weight:bold; font-size:15px; line-height:1.3em; padding:10px 0; } .appointment-form-icon { background: none; color: #fff; font-size: 21px; margin: 0px 20px 0px 20px; top: 2px; position: relative; } .appt-form { width:100%; float:left; background:#fff; padding: 30px 25px 15px 25px; border:1px solid #e6e7e8; border-top:none; select { -webkit-appearance: none; -moz-appearance: none; /*background: url(../images/select-arrow.png) no-repeat right 14px;*/ background: url('@{imagePath-drop-arrow}') no-repeat right @imagePath-drop-arrow-pos; text-indent: 0.01px; text-overflow: ""; cursor: pointer; } } .appt-form-txt, .appt-form-select { height:34px; float:left; width:100%; border:1px solid #e6e7e8; padding:7px 10px; margin:0 0 14px 0; border-radius:0px; outline:none; color: #9f9f9f; } .appt-form-but { height: 33px; width: 100px; background: @main-theme-color; color: #fff; line-height: 33px; text-align: center; font-size: 13px; float:right; box-shadow:none; border:none; } .call-action-container { background: @main-theme-color; float: left; width: 100%; p { line-height: 1.4em; padding-top: 25px; color:#fff; padding-bottom: 15px; font-size: 16px; } .purchase-button { height: 43px; float: none; background: #fff; line-height: 43px; text-align: center; font-size: 13px; color: @main-theme-color; margin: auto; width: 30%; padding: 12px 20px; } } .call-action-title { line-height: 1.5em; color: #fff; font-size: 30px; text-align: center; padding-top: 60px; padding-bottom: 60px; } .well { min-height: 20px; padding: 19px 0; margin-bottom: 20px; background-color: transparent; border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .testi-author-info { width:160px; float:left; min-height:165px; } .testi-author-name { line-height: 1.2em; font-size:15px; color:@title-text-color; text-align:center; float:left; width: 100%; padding-bottom:5px; } .testi-author-website {; line-height: 1.2em; font-size:13px; color:@main-theme-color; text-align:center; float:left; width: 100%; } .testi-img { float:left; margin: 5px 38px 15px; width:81px; } .carousel-inner { p { line-height: 1.4em; padding-top: 10px; margin-bottom: 0px; } } .carousel-control.right, .carousel-control.left { background-image:none; font-size:80px; opacity:0; top: 40px; color: #E7E7E7; } .content-tabs-wrap { padding:0 30px; } /*Services page*/ /*Services Page Css*/ .services-content-wrap { width: 100%; height: auto; background: #f8f8f8; padding:30px 0 15px 0; } .services-bottom-wrap { width: 100%; height: auto; background: #fff; padding:30px 0 15px 0; } .full-content { float: left; line-height: 1.5em; color: @title-text-color; font-size: 30px; text-align: center; padding-bottom: 40px; p { color: @para-text-color; font-size: 16px; line-height: 1.4em; padding-top: 25px; } } .mid-widgets-serices.services-page, .services-page .service-box { background:none; .transition (.5s); } .services-mid-info { background:#f8f8f8; } .bottom-service-box { padding: 30px 14px; p { line-height:1.5em; } img{ width: 100%; max-width:257px;} } .bottom-service-title { font-size:22px; color:@title-text-color; line-height:1.3em; margin: 15px 0; } .mid-widgets-serices { height:auto; background:#fff; padding-top: 25px; padding-bottom: 25px; } .service-box { background:#fff; padding-bottom: 35px; padding-top:10px; padding-left: 10px; padding-right: 10px; .transition (.5s); p { font-size: 13px; color: @para-text-color; line-height: 1.6em; padding-top: 15px; border-bottom: 1px solid @main-theme-color; padding-bottom: 15px; margin-bottom: 0px; } a { height: 30px; line-height: 30px; color: @main-theme-color; font-size: 13px; text-transform: capitalize; float: left; width: 100%; text-decoration:none; } } .service-title { width:100%; color:@title-text-color; font-size:24px; line-height:1.6em; } .service-title .icon-heart, .service-title .icon-stethoscope, .service-title .icon-ambulance, .service-title .icon-medkit, .service-title .icon-hospital, .service-title .icon-food, .service-title .icon-eye-open, .service-title .icon-female, .service-title .dept-mail-icon { color: #fff; font-size: 24px; height: 46px; width: 46px; background: @main-theme-color; float: left; text-align: center; line-height: 46px !important; margin-right: 15px; } .feature-icons { color: @main-theme-color; font-size: 16px; height: 27px; width: 27px; border-radius: 100%; background: none; line-height: 27px !important; text-align: center; margin-top: 8px; float:left; } .features-list li:hover .feature-icons { } .features-list li .feature-icons{ .transition (.2s); margin-right: 12px; } .service-icon-container{height: 46px;width: 46px; float:left; position: relative; margin-right:15px; -webkit-perspective: 600px; -moz-perspective: 600px; -o-perspective: 600px; perspective: 600px;} .service-box .rot-y .panel-icon { background: @main-theme-color url('@{fold-imagePath}') no-repeat @fold-imagepos; display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } .service-box:hover .rot-y .panel-icon, .service-box:focus .rot-y .panel-icon, .service-box:active .rot-y .panel-icon { -webkit-transform: scale(1.08); transform: scale(1.1); } /*Department less*/ /*Department page*/ /* custom inclusion of right, left and below tabs */ .department-wrap .subtitle, .latest-post-wrap .subtitle { margin-bottom: 25px; } .dept-mail-icon { color: #fff; font-size: 16px; height: 37px; width: 37px; background: @main-theme-color url(@fold-imagePath) no-repeat bottom right @dept-icon-pos !important; float: left; text-align: center; line-height: 37px !important; margin-right: 15px; } .dept-phone-icon { background: @main-theme-color url(@fold-imagePath) no-repeat bottom right @dept-icon-pos !important; } .dep-ico2-wrap:hover .dept-mail-icon{ -webkit-transform: scale(1.1); transform: scale(1.1); } .dep-ico1-wrap:hover .dept-phone-icon{ -webkit-transform: scale(1.1); transform: scale(1.1); } .dep-ico2-wrap .dept-mail-icon{ display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } .dep-ico1-wrap .dept-phone-icon{ display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } .dept-title-tabs { font-size:28px; color:@title-text-color; width:100%; position:relative; line-height:1.3em; padding-bottom:15px; /*background:url(../images/title-border.png) no-repeat bottom left;*/ font-weight:normal; border-bottom: 1px solid #e0e1e2; } .dept-title-tabs:before { height: 3px; width: 90px; float: left; background: @main-theme-color; bottom: -2px; left: 0; content: ''; position: absolute; } .dept-subtitle-tabs { font-size:15px; color:@title-text-color; width:100%; line-height:1.3em; font-weight:bold; margin: 20px 0; } .dept-tabs-wrap { padding-top: 20px; padding-bottom: 30px; .tab-content { & > .active { display: block; padding: 0px 15px 15px 30px; } } .tab-pane { img { margin: 25px 0 0 0; border: 5px solid #fff; box-shadow: 0px 0px 1px 1px #ededee; } } } .right-arr { display:none; } .faq-tabs-wrap { .tab-content { & > .active { display: block; padding: 0px 15px 15px 30px; } } .tab-pane { img { margin: 25px 0 0 0; border: 5px solid #fff; box-shadow: 0px 0px 1px 1px #ededee; } } } .tabs-left .nav-tabs &>li.active &>a .right-arr, .tabs-left .nav-tabs &>li.active &>a:hover .right-arr { display: none; height: 46px; width: 16px; float: right; background: url(../images/dept-tabs-arrow.png) no-repeat 0px 0px; position: relative; left: 12px; top: -3px; } .tabs-left .nav-tabs > li.active > a:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tabs-left .nav-tabs > li.active > a:after { border-color: rgba(136, 183, 213, 0); border-left-color: #e0e1e2; border-width: 23px; margin-top: -24px; } .tabs-left .nav-tabs &>li.active &>a .dept-tabs-icon, .tabs-left .nav-tabs &>li.active &>a:hover .dept-tabs-icon { width: 46px; line-height: 45px !important; text-align: center; font-size: 24px; color: #fff; margin: 0 15px 0 0; background: @main-theme-color; } .dept-tabs-icon { width: 46px; line-height: 45px !important; text-align: center; font-size: 24px; color: @main-theme-color; border-right: 1px solid #e0e1e2; margin: 0 15px 0 0; background: #fff; float: left; transition: .6s; } .tabs-left .nav-tabs &>li.active &>a, .tabs-left .nav-tabs &>li.active &>a:hover, .tabs-left .nav-tabs &>li.active &>a:focus { color: @main-theme-color; background: #f8f8f8 !important; border: none; cursor: default; font-size: 15px; line-height: 2.8em; } .tabs-heads{ width: 82%; border-left: 1px solid #e0e1e2; line-height: 1.3em; display: block; margin-left: 45px; padding: 13px 0 13px 15px; } .tabs-left { & > .nav-tabs { float: left; margin-right: 0px; border: 1px solid #e0e1e2; padding: 0px; border-bottom: none; & > li { & > a:hover { .dept-tabs-icon { background: @main-theme-color !important; color: #fff !important; transition:.6s; } } & > a { margin-right: -1px; .border-radius (0px); padding: 0px; font-size: 15px; line-height: 45px; color: @para-text-color; } } } } .tabs-below &>.nav-tabs,.tabs-right &>.nav-tabs,.tabs-left &>.nav-tabs { border-bottom: 0; } .tab-content &>.tab-pane,.pill-content &>.pill-pane { display: none; } .tab-content &>.active,.pill-content &>.active { display: block; } .tabs-below { & > .nav-tabs { border-top: 1px solid #ddd; & > li { margin-top: -1px; margin-bottom: 0; & > a { .border-bottom-radius(4px); .border-left-radius(4px); } } } } .tabs-below &>.nav-tabs &>li &>a:hover,.tabs-below &>.nav-tabs &>li &>a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below &>.nav-tabs &>.active &>a,.tabs-below &>.nav-tabs &>.active &>a:hover,.tabs-below &>.nav-tabs &>.active &>a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left &>.nav-tabs &>li,.tabs-right &>.nav-tabs &>li { float: none; border-top: 1px solid #e0e1e2; } .tabs-left &>.nav-tabs &>li:first-child,.tabs-right &>.nav-tabs &>li:first-child { border-top: none; } .tabs-left &>.nav-tabs &>li:last-child,.tabs-right &>.nav-tabs &>li:last-child { border-bottom: 1px solid #e0e1e2; } .tabs-left &>.nav-tabs &>li &>a,.tabs-right &>.nav-tabs &>li &>a { min-width: 74px; margin-right: 0; margin-bottom: 0px; } .tabs-left &>.nav-tabs &>li &>a:hover,.tabs-left &>.nav-tabs &>li &>a:focus { background: #f8f8f8; } .tabs-left &>.nav-tabs .active &>a,.tabs-left &>.nav-tabs .active &>a:hover,.tabs-left &>.nav-tabs .active &>a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right { & > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; & > li { & > a { margin-left: -1px; .border-right-radius(4px); .border-bottom-radius(4px); } } } } .tabs-right &>.nav-tabs &>li &>a:hover,.tabs-right &>.nav-tabs &>li &>a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right &>.nav-tabs .active &>a,.tabs-right &>.nav-tabs .active &>a:hover,.tabs-right &>.nav-tabs .active &>a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .sidebar-wrap-dept { padding: 30px 0 25px 0; } .dept-call-info { padding: 25px 0 0 0; float: left; } .dept-phone { float: left; line-height: 2.5em; width: 100%; font-weight: bold; font-size: 13px; color: @main-theme-color; margin-bottom: 15px; border-bottom: 1px solid #e6e7e8; padding-bottom: 15px; } .dept-phone a{color: @main-theme-color;} .dep-ico1-wrap{ height:37px; width:37px; float:left; margin-right: 15px; } .dep-ico2-wrap{ height:37px; width:37px; float:left; margin-right: 15px; } .dep-ico2-wrap{ height:37px; width:37px; float:left; margin-right: 15px;} .dept-phone:last-child { border:none; } .symptom-list li, .treatment-list li { list-style-type: none; border-bottom: 1px solid #f1f2f2; line-height: 58px; padding-left: 0px; } .symptom-list li a, .treatment-list li a { color: @para-text-color; font-size: 13px; /*background: url(../images/list-content-arrow.png) no-repeat 0px 0px;*/ .transition (.5s); padding: 1px 0 0 30px; .about-list-arrows{ font-size: 15px; height: 20px; width: 20px; line-height: 18px; text-align: center; color: #107fc9; border-radius: 50%; margin: 19px 0px 0 0px; float: left; border: 1px solid; .transition (.5s); } } .symptom-list li a:hover, .treatment-list li a:hover { color: @main-theme-color; font-weight:bold; font-size: 13px; /*background: url(../images/list-arro-hover.png) no-repeat 0px 0px;*/ .transition (.5s); .about-list-arrows{ background:@main-theme-color; color:#fff; .transition (.5s); border: 1px solid;} } .dept-details-butt.posts-showall { margin: 0 0 0 19%; } /*Meet Our Doctors 3 coloumns Less*/ /* Our Doctors three cols page */ .doctors-3col-tabs { padding-top:25px; padding-bottom:25px; .content-tabs { background: none; border:none; margin: 0 0 20px 0; float: left; } .nav-tabs { border-top: 1px solid #e6e7e8; border-bottom:none; & > li { & > a { margin-right: 2px; line-height: 1.428571429; border: none; border-radius: 0px; color:@para-text-color; } } } .nav { & > li { & > a { position: relative; display: block; padding: 0px 0px; height: 41px; line-height: 41px; margin: 0 27px; } } } } .doctors-3col-tabs .nav-tabs &>li.active &>a, .doctors-3col-tabs .nav-tabs &>li.active &>a:hover, .doctors-3col-tabs .nav-tabs &>li.active &>a:focus { color:@main-theme-color; background: none; border: none; border-bottom-color: none; cursor: default; background: none; margin-top: -0px; } .doctors-3col-tabs .nav &>li &>a:hover, .doctors-3col-tabs .nav &>li &>a:focus { text-decoration: none; background: none; margin-top: -0px; color:@main-theme-color; } .doctors-3col-tabs .nav-tabs > li.active > a:before { content: ''; width: 100%; background: @main-theme-color; height: 3px; position: absolute; top: -2px; left: 0%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .doctors-3col-tabs .nav > li > a:before { content: ''; width: 0px; background: @main-theme-color; height: 3px; position: absolute; top: -2px; left: 50%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .doctors-3col-tabs .nav > li:hover > a:before { width: 100%; left: 0; } .doctor-box { padding-bottom: 30px; img { .transition (.5s); width: 100%; } } .zoom-icon { background: url(../images/ov-plus.png) no-repeat center; height: 83px; width: 83px; display: none; top: 30%; position: absolute; margin: 0 auto; z-index: 999; left: 39%; } .zoom-wrap { position:relative; float:left; width:100%; } .zoom-wrap:hover { .zoom-icon { display:block; } img{opacity:.7; .transition (.5s);} } .doc-name { width: 100%; padding: 10px 0 0 0; float: left; border: 1px solid #e6e7e8; text-align: center; border-top: none; hr { margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #e6e7e8; width: 91%; } p { text-align:center; line-height:21px; font-weight:normal; font-size:13px; padding-left: 15px; padding-right: 15px; } } .doc-name-class { font-size: 17px; font-weight: bold; color:@main-theme-color; line-height: 1.3em; } .doc-title { color:@para-text-color; font-weight:normal; font-size:15px; } /* Tetimnial page less */ .Testiminal-page-wrap { padding-top:30px; padding-bottom:0px; .testi-img { float: left; margin: 0px 38px 15px 38px; } p+p { color: @para-text-color; font-size: 13px; padding-top: 0px; } } .test-box{ border-bottom: 1px dashed #A3A3A3; padding-top: 24px; border-right: 1px dashed #A3A3A3; } .test-box:nth-child(even){ border-right: 0px dashed #A3A3A3; } .test-box:nth-last-child(2), .test-box:last-child{ border-bottom: 0px dashed #A3A3A3; } /*Faq Page Less*/ .faq-tabs-wrap { padding-top: 20px; padding-bottom: 30px; p { padding-top:25px; } p+p { padding-top:15px; } .tabs-left { & > .nav-tabs { & > li { & > a { padding-left: 25px; } } } } } .faq-tabs-wrap .tabs-left .nav-tabs &>li.active &>a, .faq-tabs-wrap .tabs-left .nav-tabs &>li.active &>a:hover, .faq-tabs-wrap .tabs-left .nav-tabs &>li.active &>a:focus { padding-left:25px; } .faq-ques{ width: 82%; line-height: 1.3em; display: block; padding: 13px 0 13px 0px;} /*Gallery Style 1 Less*/ .fade-slow{ transition: opacity 0.45s linear; -webkit-transition: opacity 0.45s linear ; -moz-transition: opacity 0.45s linear; -ms-transition: opacity 0.45s linear; -o-transition: opacity 0.45s linear; } .gallery-page-wrap { padding-top: 30px; padding-bottom: 30px; .carousel-indicators { bottom: 20px; text-align: right; width: 75%; top: -15%; float: right; height: 0px; display: none; .active { margin: 0; width: 33px; height: 33px; background-color: @main-theme-color; margin-right: 5px; color: #fff; border-radius: 0px; span { color: #fff; } } li { display: inline-block; width: 33px; height: 33px; margin: 1px; text-indent: -999px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0,0,0,0); margin-right: 5px; } } .carousel-control.right { right: 1.8%; } .carousel-control.left { float: right; left: 91.5%; } } .paginate-gal { height: 33px; width: 33px; border: 1px solid @main-theme-color; color: @main-theme-color; line-height: 33px; text-align: center; padding: 6px 12px; margin: 0 0px 0 0px; } .gallery-page-wrap .carousel-control.right, .gallery-page-wrap .carousel-control.left { background-image: none; font-size: 20px; opacity: 1; top: -80px; color: @main-theme-color; height: 32px; width: 33px; border: 1px solid; text-shadow: none; line-height: 27px; text-align: center; } .carousel-inner { position: relative; overflow: hidden; width: 100%; border: 1px solid #e6e7e8; } .well { .carousel-inner { border:none; } } .img-info-carousel { height:auto; width:100%; float:left; text-align:center; padding:30px 0; } .carousel-name { font-size:15px; color:@main-theme-color; font-weight:bold; line-height:1.3em; } /*Bog Page Less*/ /* Blog Page Full */ .blgo-full-wrap { padding-top:30px; padding-bottom:30px; } .blog-box { border:1px solid #dcddde; margin-bottom:25px; border-bottom:4px solid #dcddde; p { line-height: 21px; padding: 0 15px 10px 15px; font-size: 13px; } img { width:100%; } .carousel-indicators { li { display: inline-block; width: 13px; height: 13px; margin: 1px; text-indent: -999px; border: 1px solid @main-theme-color; border-radius: 10px; cursor: pointer; background-color: #fff; } .active { margin: 0; width: 15px; height:15px; background-color: @main-theme-color; } } } .blog-box-title { font-size:25px; color:@main-theme-color; padding:15px 15px; width:100%; line-height: 1.3em; } .post-meta { width: 90%; margin: 0px 5%; color: @para-text-color; height: 50px; line-height: 50px; border-top: 1px solid #dcddde; a { float:right; color:@main-theme-color; } } .blog-box .carousel-control.right, .blog-box .carousel-control.left { display:none; } /*Blog Sidebar*/ .side-blog-title { line-height: 1.3em; font-size: 18px; color: @title-text-color; float: left; width: 100%; padding-bottom: 14px; } .catagory-list { padding-right: 15px; } .side-bar-blog { .catagory-list { li { list-style-type: none; border-bottom: 1px solid #f1f2f2; line-height: 40px; padding-left: 0px; a { color: @para-text-color; font-size: 13px; .about-list-arrows { font-size: 14px; height: 18px; width: 18px; line-height: 16px; text-align: center; color: @main-theme-color; border-radius: 50%; margin: 11px 15px 0 0px; float: left; border: 1px solid; .transition (.5s); } } a:hover { color: @main-theme-color; font-size: 13px; .transition (.5s); .about-list-arrows { background: @main-theme-color; color: #fff; .transition (.5s); border: 1px solid; } } } } } .side-bar-blog-bottom { .catagory-list { li { list-style-type: none; border-bottom: 1px solid #f1f2f2; line-height: 40px; padding-left: 0px; a { color: @para-text-color; font-size: 13px; .about-list-arrows { font-size: 14px; height: 18px; width: 18px; line-height: 16px; text-align: center; color: @main-theme-color; border-radius: 50%; margin: 11px 15px 0 0px; float: left; border: 1px solid; .transition (.5s); } } a:hover { color: @main-theme-color; font-size: 13px; .transition (.5s); .about-list-arrows { background: @main-theme-color; color: #fff; .transition (.5s); border: 1px solid; } } } } } .post-tabs { padding:25px 15px 0 0; .nav { & > li { background:none; & > a { position: relative; display: block; padding: 16px 32px; background:@main-theme-color; color:#fff; .post-icon { color:#fff; } } } } .tab-content { border:1px solid #f1f2f3; border-top:none; float: left; width:100%; & > .active { padding: 0px 15px 0px 15px; float: left; width:100%; } } } .post-icon { font-size: 30px; line-height: 11px; } .post-tabs .nav &>li &>a:hover, .post-tabs .nav &>li &>a:focus { text-decoration: none; background: @main-theme-color; color:#fff; } .post-tabs .nav &>li &>a:hover .post-icon, .post-tabs .nav &>li &>a:focus .post-icon { text-decoration: none; background: @main-theme-color; color:#fff; } .post-tabs .nav-tabs &>li.active &>a, .post-tabs .nav-tabs &>li.active &>a:hover, .post-tabs .nav-tabs &>li.active &>a:focus { color: @title-text-color; background-color: #fff; border: none; border-bottom-color: none; cursor: default; border-top:1px solid #f1f2f3; padding: 16px 35px 16px 36px; margin: 0px; } .post-tabs .nav-tabs &>li.active &>a .post-icon, .post-tabs .nav-tabs &>li.active &>a:hover .post-icon, .post-tabs .nav-tabs &>li.active &>a:focus .post-icon { color:@main-theme-color; background: none; } .post-tabs .nav-tabs &>li.active:first-child &>a, .post-tabs .nav-tabs &>li.active:first-child &>a:hover, .post-tabs .nav-tabs &>li.active:first-child &>a:focus { border-top:1px solid #f1f2f3; border-left:1px solid #f1f2f3; } .post-tabs .nav-tabs &>li.active:last-child &>a, .post-tabs .nav-tabs &>li.active:last-child &>a:hover, .post-tabs .nav-tabs &>li.active:last-child &>a:focus { border-top:1px solid #f1f2f3; border-right:1px solid #f1f2f3; } .popular-post-box { float:left; width:100%; padding: 20px 0 20px 0; border-bottom: 1px solid #f1f2f3; img { margin:0 15px 0 0; width: 67px; } } .popular-post-box:last-child { border:none; } .post-title-side { color:@title-text-color; font-size:15px; text-align:left; height:30px; line-height:40px; } .post-date-side { color:@para-text-color; text-align:left; height:30px; line-height:30px; } .twitter-widget { padding:25px 15px 0 0; float: left; width: 100%; } .tweets-box { float:left; width:100%; p { line-height:21px; padding-left: 60px; } } .tweets-box-icon { font-size: 50px; background: none; color: #dcddde; margin: 8px 0 0 0; float: left; line-height: 29px; } .date-post-widget { a { color:@main-theme-color; } } .tags-widget { float:left; width:100%; padding:25px 15px 0 0; ul { float:left; li { float:left; margin-right:10px; line-height: 50px; a { color:#fff; padding:10px 15px; background: #c7c8ca url(../images/icon-grey-back.png) no-repeat right bottom ; -webkit-transform: translateZ(0); .transition(.5s); } } li:hover{ a { background-color: @main-theme-color; .transition(.5s); } } } } .form-widget { float:left; width:100%; padding:40px 15px 0 0; } .collapse-widget-side { float:left; width:100%; padding:40px 15px 0 0; .ui-accordion { .ui-accordion-content { padding: 0; border-top: 0; overflow: auto; width: 100%; margin: 0 0 0px 0; } } h3 { margin:0px; padding:0px; } } .collapse-widget-content { padding-top: 15px; p { font-size: 13px; color: @para-text-color; line-height: 27px; padding-bottom: 0px; } } .blog-collapse-title{ width: 90%; line-height: 1.3em; display: block; margin-left: 46px; padding: 13px 0 13px 15px; } .collapse-widget-side .ui-state-default, .collapse-widget-side .ui-widget-content .ui-state-default, .collapse-widget-side .ui-widget-header .ui-state-default { background: none; } .collapse-widget-side .ui-state-default .collapse-cheveron, .collapse-widget-side .ui-widget-content .ui-state-default .collapse-cheveron, .collapse-widget-side .ui-widget-header .ui-state-default .collapse-cheveron { background: #Fff url(../images/plus-collapse-left.png) no-repeat center @imagePath-plus-pos; height: 45px; width: 46px; float: left; border-right: 1px solid #e0e1e2; margin-right: 15px; } .collapse-widget-side .ui-state-hover, .collapse-widget-side .ui-widget-content .ui-state-hover, .collapse-widget-side .ui-widget-header .ui-state-hover, .collapse-widget-side .ui-state-focus, .collapse-widget-side .ui-widget-content .ui-state-focus, .collapse-widget-side .ui-widget-header .ui-state-focus { background: none; } .collapse-widget-side .ui-state-hover .collapse-cheveron, .collapse-widget-side .ui-widget-content .ui-state-hover .collapse-cheveron, .collapse-widget-side .ui-widget-header .ui-state-hover .collapse-cheveron, .collapse-widget-side .ui-state-focus .collapse-cheveron, .collapse-widget-side .ui-widget-content .ui-state-focus .collapse-cheveron, .collapse-widget-side .ui-widget-header .ui-state-focus .collapse-cheveron { background: url(../images/plus-collapse-left.png) no-repeat center @imagePath-plus-pos; height:45px; width:46px; float:left; } .collapse-widget-side .ui-state-active .collapse-cheveron, .collapse-widget-side .ui-widget-content .ui-state-active .collapse-cheveron, .collapse-widget-side .ui-widget-header .ui-state-active .collapse-cheveron { background: @main-theme-color url(../images/minus-collapse-left-ov.png) no-repeat center; } .collapse-widget-side .ui-state-active, .collapse-widget-side .ui-widget-content .ui-state-active, .collapse-widget-side .ui-widget-header .ui-state-active { border:0px solid #e0e1e2 !important; background:@main-theme-color !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .collapse-widget-side h3.last-tab, .collapse-widget-side h3.last-tab i { border-bottom:1px solid #e0e1e2; } .collapse-widget-side h3.last-tab {border-radius: 0 0 0px 0px;} .collapse-widget-side h3.last-tab i{ border-bottom: none; border-radius: 0 0 0 0px;} .side-bar-blog-bottom { display:none; } /*Contact us page Less*/ /*Contact Us v2*/ label.error { color: #a94442; margin-bottom: 25px; margin-top: -20px; } .alert { margin-left: 30px; margin-right: 30px; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .contact-v2 .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; float:left; } .contact2-wrap { padding-top:0px; padding-bottom:35px; } .contact2-wrap .subtitle{ padding: 30px 15px 0 15px} .map-full { float:left; background-size: 100%; height: auto; width:100%; margin-top: -40px; iframe { width:100% !important; } } #map-canvas{ width:100%; float:left; height:400px;border-top: 4px solid #808080;border-bottom: 4px solid darken(@main-theme-color, 8%);} #map-canvas-2{ width:100%; float:left; height:400px; border-top: 4px solid #808080;border-bottom: 4px solid #808080;} .map-shadow { float:left; width:100%; height:39px; background-size:100%; } .contact-v1-map .map-shadow{display: none;} .contact-widgets { width:100%; float:left; height:auto; p { text-align: left; padding: 8px 0px 0 0; margin: 0px; color: #fff; a { color:#fff; } } } .contact-widgets-wrap{ width: 100%; float:left; height:auto; background: @main-theme-color; padding: 15px 0; } .cw-icon { width: 46px; height: 46px; font-size: 16px; line-height: 46px !important; text-align: center; border-radius: 0px; margin-top: 0px; float: left; color: #FFF; .transition(.5s); display: block; border: 1px solid #fff; margin: 0px 0 0 0; } .contact-widget-box:hover .cw-icon{ background: darken(@main-theme-color, 10%); .transition(.5s); } .contact-widget-title { color: #fff; font-size: 15px; text-align: left; width: auto; line-height: 1.3em; font-weight: bold; padding: 0px 0 0px 0; } .fold-wrap:before { content: ""; position: absolute; top: 26%; left: 57.7%; border-width: 12px 0px 0px 12px; border-style: solid; border-color: #fff #fff #0067a3 #0067a3; background: #0067a3; display: block; width: 0; float: left; display: none; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .fold-wrap{ float: left; margin: 0px 15px 0 0px; } .contact-side-txt{line-height: 1.3em; display: block; padding: 20px 0px; width: 84%; float: left; min-height: 60px;} .contact-page-list li:first-child .contact-side-txt{padding: 0px 0;} .contact2-textbox { border:1px solid #dcddde; width:100%; padding: 11px 15px; color:@para-text-color; font-weight:bold; font-size:12px; margin-bottom:25px; } .contact2-textarea { border:1px solid #dcddde; width:100%; padding: 11px 15px; color:@para-text-color; font-weight:bold; font-size:12px; margin-bottom:25px; height:204px; } .contacr2-submit { box-shadow:none; border:none; color:#fff; text-align:center; line-height:42px; height:42px; background:@main-theme-color; width:100%; } .contacr3-submit { box-shadow:none; border:none; color:#fff; text-align:center; line-height:42px; height:42px; background:@main-theme-color; width:25%; float:right; } .form-title { height: 47px; line-height: 47px; margin-top: 15px; margin-bottom: 15px; color: #fff; font-size: 15px; background:@main-theme-color url(../images/plus-collapse-left-ov.png) no-repeat 90% center; } .side-bar-contact .form-title-text {padding: 0 0 15px 0px;} .form-title-2 { height: 47px; line-height: 47px; margin-top: 25px; margin-bottom: 25px; color: #fff; font-size: 15px; background:@main-theme-color url(../images/plus-collapse-left-ov.png) no-repeat 90% center; width:55%; } .form-title-icon { height: 46px; width: 46px; float: left; text-align: center; line-height: 47px !important; margin-right: 15px; border-right: 1px solid #fff; } .form-title-text { color: #414042; font-size: 28px; padding-top: 5px; padding-bottom: 5px; width: 100%; float: left; padding: 0 0 15px 15px; } .contact-side-icon { background: none; color: @para-text-color; font-size: 16px; height: 60px; width: 37px; float: left; line-height: 60px !important; text-align: center; top: 0px; margin-right: 10px; } .contact-page-list, .contact-page-social-list { width:100%; float:left; padding:0 0 15px 0; } .contact-page-list { li:first-child { line-height:22px; border-top: 1px solid #CDD1D1; padding-top: 15px; min-height: 75px; .contact-side-icon { line-height:22px; } } li:last-child { border-bottom: none; } li { min-height: 60px; float: left; width: 100%; border-bottom: 1px solid #CDD1D1; color: @para-text-color; padding: 0 0 0 0; line-height: 60px; a { color:@main-theme-color; } } } .contact-page-social-list-bottom{border-top: 1px solid #cdd1d1; border-bottom: 1px solid #cdd1d1; padding: 0px;} .contact-page-social-list { li { height: 60px; float: left; color: #fff; padding: 0 0 0 0; line-height: 60px; } a:hover { .contact-side-social-icon { background:@main-theme-color; color:#fff; .transition(.5s); } } } .contact-side-social-icon { height: 36px; width: 36px; float: left; background: #787879; border-radius: 0px; line-height: 36px !important; .transition(.5s); margin-right: 20px; font-size: 15px; text-align:center; color: #fff; font-weight: normal; } .contact-side-social-wrap{height: 36px; width: 36px; float: left; margin-right: 26px; margin-top: 12px;} /*.contact-side-social-wrap:before{content: ""; position: absolute; top: 26.5%; left: 8%; border-width: 8px 0px 0px 8px; border-style: solid; border-color: #fff #fff #A3A4A6 #A3A4A6; background: #A3A4A6; display: block; width: 0; float: left; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}*/ /*Search Page*/ .search-result p{ padding: 20px; border: 1px solid #e6e6e6; } .search-result{ padding: 0 0 25px 0; }