| Server IP : 127.0.0.2 / Your IP : 3.145.82.96 Web Server : Apache/2.4.18 (Ubuntu) System : User : www-data ( ) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : disk_free_space,disk_total_space,diskfreespace,dl,exec,fpaththru,getmyuid,getmypid,highlight_file,ignore_user_abord,leak,listen,link,opcache_get_configuration,opcache_get_status,passthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,php_uname,phpinfo,posix_ctermid,posix_getcwd,posix_getegid,posix_geteuid,posix_getgid,posix_getgrgid,posix_getgrnam,posix_getgroups,posix_getlogin,posix_getpgid,posix_getpgrp,posix_getpid,posix,_getppid,posix_getpwnam,posix_getpwuid,posix_getrlimit,posix_getsid,posix_getuid,posix_isatty,posix_kill,posix_mkfifo,posix_setegid,posix_seteuid,posix_setgid,posix_setpgid,posix_setsid,posix_setuid,posix_times,posix_ttyname,posix_uname,pclose,popen,proc_open,proc_close,proc_get_status,proc_nice,proc_terminate,shell_exec,source,show_source,system,virtual MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/public/template/ |
Upload File : |
/*-------------------------------------
Template Name: Your education html5 responsive langing template
Template URI: http://periodicitems.com/
Description: education html5 responsive langing template
Author: periodicitems
Author URI: http://periodicitems.com/
Version: 1.0
---------------------------------------
CSS INDEX
===================
1. Theme Default CSS (body, link color, section etc)
2. header-area
3. slider area
4. about-area
5. courses-area
6 .educationbuild-area
7. member-area
8. discount-area
9. shops-area
10. education-backbone
11. gallery-area
12. testomonial-area
13.pricetable-area
14. newsletter-area
15. blog-area
16. footer-area
17. home-page tow start hear
17.1.slider area
17.2.service-area
17.3. aboutus-area
17.4.learning-area
17.5. our-courses
17.6. video-area
17.7. our-trainer
17.8 countewr-area
17.9. our-shops
17.10. clint-testomonial
17. 11.gallery-img-area
17.12 testomonial
17.13. price-area
17.14.regester-area
17.15.blogtwo-area
18. aboutus page
18.1.aboutus-video
18.2 aboutus-countewr
18.3 aboutus-trainer
19.courseone-area
20.coursetwo-area
21.coursethree-area
22.coursefour-area
23.coursefive-area
24.coursedetails-area
25.educaremember-area
26.educaretwo-area
27.single-educaremember
28.Portfolio-one-area
29.Portfolio-two-area
30.ourshop-one-area
31.ourshoptwo-area
32.singleshope-area
33.registration-area
34.Researchone-area
35.research-details
36.Blogone-area
37.Blogtwo-area
38.blogthree-area
39.blogfour-area
40.blogdetels-area
41.contactus-area
42.error-area
43.check-out-page
44.Cart Page Area Start
---------------------------------------*/
/*....................................
1.Theme default CSS
....................................*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Ubuntu:400,500,700');
html,
body {
height: 100%;
font-size: 14px;
color: #222222;
font-family:@body-font;
vertical-align: baseline;
line-height: 28px;
font-weight: 400;
}
/* ....................................
1.1 Reset CSS
.......................................*/
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 28px;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 28px;
}
.aligncenter {
display: block;
margin: 0 auto 28px;
}
a:focus {
outline: 0px solid;
}
img {
max-width: 100%;
height: auto;
}
.fix {
overflow: hidden;
}
p {
margin: 0 0 28px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 28px;
font-weight: 500;
font-family:@title-font;
}
a {
transition: @transition;
text-decoration: none;
}
a:hover {
color: #00c3ff;
text-decoration: none;
}
a:active{
outline: 0 none;
color: #096b89;
text-decoration: none;
}
a:visit{
outline:0 none;
text-decoration:none;
}
a:focus{
outline:0 none;
text-decoration:none;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
::-moz-selection {
background: #00c3ff;
text-shadow: none;
}
::selection {
background: #00c3ff;
text-shadow: none;
}
.browserupgrade {
margin: 28px 0;
background: #00c3ff;
color: #333333;
padding: 28px 0;
}
input{
&:focus{
outline:1px solid @primary-color;
}
}
textarea{
&:focus{
outline:1px solid @primary-color;
}
}
/*mobile manue area*/
.mobile-menu-area{
display:none;
}
/*---------------------------
defole variable
-----------------------------*/
@body-font:'Open Sans', sans-serif;
@title-font:'Ubuntu', sans-serif;
@primary-color:#C61508;
@hover-color:#8f0d03;
@transition:all 0.5s ease 0s;
/* scroll top */
#scrollUp {
bottom: 20px;
right: 20px;
background-color: @primary-color;
width:50px;
height:50px;
line-height:50px;
text-align:center;
color: #fff;
transition:@transition;
font-size:24px;
border-radius:50%;
&:hover{
background:@hover-color;
}
}
/* sticiky manue start heat ..*/
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 1000;
.header-area{
.header-top{
display: none;
}
.header-bottom{
padding:0;
border-bottom:1px solid @primary-color;
background:#ffffff;
.logo-area{
padding:10px 0;
}
.manue-area{
ul{
li{
a{
padding:10px;
}
}
}
}
.shopbag-area{
padding:10px;
}
}
}
.search-box-area{
.search-box{
.search-text{
&.active {
left:-260px;
top:22px;
}
}
.search-button{
bottom:-18px;
}
}
}
}
/*---------------------------
section title
-----------------------------*/
.section-title{
margin-bottom:60px;
h2{
font-size:36px;
line-height:36px;
text-transform:capitalize;
margin-bottom:20px;
letter-spacing: 4px;
}
}
/*---------------------------
section-heading
-----------------------------*/
.section-heading{
h2{
font-size:30px;
color:#444444;
margin-bottom: 60px;
padding-bottom: 10px;
position:relative;
text-transform:capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height:2px;
background:@primary-color;
bottom:0;
left:0;
right:0;
margin:auto;
}
}
}
/*---------------------------
btn
-----------------------------*/
.btn{
display:inline-block;
font-size:14px;
color:#ffffff;
text-transform:capitalize;
padding:10px 30px;
font-size:16px;
line-height: 24px;
background:@primary-color;
transition:@transition;
border-radius: 0;
text-align:Center;
&:hover{
background:@hover-color;
color:#ffffff;
}
}
/*---------------------------
other btn style
------------------------------*/
/*---------------------------
btn-hr
-----------------------------*/
.btn-hr{
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
background: @primary-color;
text-align:center;
padding:10px 30px;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
font-size:16px;
line-height: 24px;
color:#ffffff;
text-transform: capitalize;
&:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background:@hover-color;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
&.active{
&:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
&:hover{
color: white;
&:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
}
/*---------------------------
btn icon
-----------------------------*/
.btn-icon{
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
text-align:center;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
overflow: hidden;
z-index: 1;
background:@primary-color;
padding:10px 30px;
font-size:16px;
line-height: 24px;
transition:@transition;
color:#ffffff;
text-transform: capitalize;
&:before {
content: "\f061";
position: absolute;
font-size:16px;
left:60%;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition:.5s;
opacity: 0;
}
&:hover{
color:#ffffff;
background:@hover-color;
&:before{
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: btn-icon;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
left:80%;
opacity: 1;
color:#ffffff;
}
}
@-webkit-keyframes btn-icon {
40.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
55.3% {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
60.95% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
70.6% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
80.25% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
}
/*search box area*/
.search-box-area{
.search-box{
position: relative;
margin-left:30px;
&:hover{
border:none;
}
.search-text {
border: 1px solid @primary-color;
color: #000000;
height: 40px;
left: -220px;
opacity: 0;
padding: 0 20px;
position: absolute;
width: 250px;
background: #ffffff;
transform: scaleY(0);
transition: all 0.5s ease 0s;
top: 35px;
z-index: 9;
visibility: hidden;
&.active {
opacity: 1;
transform: scaleY(1);
z-index: 9;
visibility: visible;
}
}
.search-button {
position: absolute;
right: -30px;
bottom: -43px;
cursor: pointer;
i {
color:#000000;
transition:@transition;
&:hover{
color:@primary-color;
}
}
}
}
}
/*---------------------------
header-breadcrumbs
-----------------------------*/
.header-breadcrumbs{
background:url(images/about/aboutusbg.jpg) no-repeat #666666;
background-size:cover;
background-position: center;
padding:110px 0;
.breadcrumbs-title{
h2{
font-size:36px;
color:#ffffff;
margin-bottom:15px;
font-weight:700;
}
.subheader-pages{
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
position: relative;
font-family: @title-font;
font-size:18px;
color:#ffffff;
font-weight:500;
padding:0 5px 0 20px;
text-transform: capitalize;
&:first-child{
&:after{
display:none;
}
}
&:last-child{
color:@primary-color;
}
&:after{
position:absolute;
content:"/";
color:#ffffff;
left:0;
top:2px;
font-size:18px;
font-weight:700;
font-family: @title-font
}
}
}
}
}
}
/*---------------------------
pagination-area
-----------------------------*/
.pagination-area{
text-align: center;
ul{
margin:0;
padding:0;
list-style: none;
text-align:center;
li{
display: inline-block;
margin-left:10px;
&.active{
a{
background:@hover-color;
color:#ffffff;
}
}
a{
display: block;
width:50px;
height:50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
color:#000000;
font-size:18px;
font-family:@title-font;
background:#dddddd;
transition: @transition;
&:hover{
background:@hover-color;
color:#ffffff;
}
}
}
}
}
/*form-control area*/
.form-controls{
.form-title{
h3{
position: relative;
font-size:24px;
color:#222222;
padding-bottom: 15px;
margin-bottom:40px;
&:after{
position:absolute;
content:"";
width:60px;
height:3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
form{
label{
display: block;
font-size:18px;
color:#444444;
margin-bottom:15px;
font-family: @title-font;
}
input{
width:100%;
margin-bottom:20px;
height:45px;
padding:10px;
font-size:16px;
color:#444444;
border:1px solid #dddddd;
}
.wide{
border-radius:0;
width:100%;
margin-bottom:20px;
height:45px;
font-size:16px;
color:#444444;
border:1px solid #dddddd;
}
textarea{
width:100%;
margin-bottom:20px;
height:200px;
padding:10px;
font-size:16px;
color:#444444;
border:1px solid #dddddd;
resize: none;
}
.registaration-btn{
button{
border:0;
&.btn-icon{
text-transform: uppercase;
padding:10px 40px;
}
}
}
}
}
/*---------------------------
2. header-area
-----------------------------*/
.header-area{
.header-top{
background:#f5f5f5;
padding:10px 0;
.topbar-left{
p{
margin:0px;
a{
color:#FFFFFF;
display: inline-block;
background:@primary-color;
width:15px;
height:15px;
line-height:15px;
text-align:center;
font-weight:700;
font-family:@title-font;
border-radius:2px 2px 20px 20px;
margin-right:15px;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
.topbar-right{
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-left:20px;
a{
display: block;
color:#222222;
transition:@transition;
text-transform: capitalize;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
margin-right:15px;
transition:@transition;
}
}
}
}
}
}
.header-bottom{
.pixing{
position: absolute;
left:0;
right:0;
background:rgba(0, 0, 0, .7);
z-index: 99;
.manue-area{
ul{
li{
a{
color:#ffffff;
}
}
}
.search-box-area{
.search-box {
.search-button{
i{
color:#ffffff;
}
}
}
}
}
.shopbag-area{
.cart-area{
&:before{
color:#ffffff;
}
}
}
}
.logo-area{
padding:28px 0;
a{
img{
width:100%;
height:100%;
}
}
}
.manue-area{
ul{
margin:0;
padding:0;
list-style:none;
text-align:right;
li{
display:inline-block;
position: relative;
&:last-child{
&:after{
background:transparent;
}
}
&:after{
position:absolute;
left:0;
right:0;
text-align:center;
width:100%;
height:3px;
background:@primary-color;
content:"";
bottom:0;
margin:auto;
opacity: 0;
}
&:hover{
&:after{
opacity:1;
}
ul{
opacity: 1;
transform:scaleY(1);
visibility: visible;
}
}
/*dropdown manue*/
ul{
background: rgba(0, 0, 0, 0.8);
left: 0;
position: absolute;
top: 100%;
transition: @transition;
width: 200px;
z-index: 99999 !important;
text-align: left;
transform: scaleY(0);
transform-origin: 0 0 0;
visibility: hidden;
li{
display: block;
border-bottom: 1px dashed #dddddd;
margin:0;
padding:0;
&:after{
display:none;
}
&:last-child{
border-bottom:none;
}
a{
display: block;
padding: 6px 27px;
transition:@transition;
color:#ffffff !important;
font-size: 14px;
text-transform: capitalize;
&:hover{
padding-left:20px;
color: @primary-color !important;
}
}
}
}
&.current{
&:after{
position:absolute;
left:0;
right:0;
text-align:center;
width:100%;
height:3px;
background:@primary-color;
content:"";
bottom:0;
margin:auto;
opacity: 1;
}
}
a{
display:block;
padding:29px 10px;
font-size:16px;
color:#222222;
text-transform:capitalize;
line-height: 30px;
transition:@transition;
}
/*meghamanue*/
&.megamenu{
&:hover{
.mega-menu-area {
transform: scaleY(1);
opacity: 1;
}
}
.mega-menu-area{
background: #2c2c2c none repeat scroll 0 0;
right: -257%;
opacity: 0;
padding: 40px 0;
position: absolute;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
width: 790px;
z-index: 9;
margin-top:0px;
top: 100%;
.single-mega-menu {
float: left;
width: 25%;
padding: 0px 20px 0px 20px;
text-align: left;
border-left:1px solid #ffffff;
&:first-child{
border-left:0;
}
a{
color: #ffffff;
display: block;
font-size: 14px;
padding: 0 0 5px;
text-transform: capitalize;
transition: @transition;
&:hover{
color: @primary-color !important;
padding-left:1px;
}
}
}
}
}
}
}
}
.shopbag-area{
padding:28px 0;
text-align:right;
&:hover{
.cart-area{
background:@hover-color;
}
.chakeout-area{
opacity:1;
visibility: visible;
transform: scaleY(1);
}
}
.cart-area{
display:inline-block;
position: relative;
width:25px;
height:25px;
line-height:25px;
border-radius:50%;
background:@primary-color;
text-align:center;
z-index: 1;
transition:@transition;
a{
color:#ffffff;
}
&:before{
position:absolute;
content:"\f290";
font-family:fontawesome;
width:100%;
height:100%;
left:-20px;
font-size:25px;
top:8px;
color:#626262;
z-index: -1;
}
}
/*chackout area*/
.chakeout-area{
position:absolute;
z-index:10;
right:0;
top:100%;
width:320px;
background:#f6f6f6;
padding:30px;
transition: @transition;
opacity:0;
visibility: hidden;
transform: scaleY(0);
.single-product{
padding:15px 0;
overflow:hidden;
border-bottom:1px solid #dddddd;
margin-bottom: 10px;
.product-img{
float:left;
width:30%;
img{
width:80px;
height:80px;
}
}
.product-name{
float:right;
overflow: hidden;
width:70%;
h4{
margin:0;
a{
color:#000000;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
}
}
}
.total-area{
overflow: hidden;
padding:20px;
.sub-total{
float:left;
width:50%;
text-align:left;
h4{
font-size:18px;
a{
color:#000000;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
}
.total-price{
float: right;
width:50%;
h4{
color:@hover-color;
font-size:18px;
}
}
}
.chackout-button{
text-align: center;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
margin-left:10px;
a{
display: block;
text-transform: capitalize;
padding:5px 25px;
font-size: 14px;
color:#000000;
border:1px solid #cccccc;
transition: @transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
}
}
}
}
}
}
}
/*--------------------------
3. slider area
----------------------------*/
.slider-area{
overflow: hidden;
}
/*---------------------------
about-area
----------------------------*/
.about-area{
padding-top:260px;
position:relative;
.about-content{
background:url(images/about/aboutbg.png) no-repeat;
min-height:560px;
background-size:cover;
background-position:center;
position:relative;
overflow: hidden;
.about-info{
position: absolute;
top:226px;
content:'';
width:100%;
height:100%;
h2{
font-size:30px;
color:#ffffff;
font-weight:700;
margin-bottom:30px;
letter-spacing:1px;
}
p{
font-size:14px;
color:#ffffff;
line-height:26px;
margin-bottom:25px;
}
.btn-hr{
text-transform: uppercase;
background: darken(@primary-color, 5%)
}
}
}
.reagestar-area{
width:60%;
margin:0 auto;
position:absolute;
height:280px;
left:0;
right:0;
top:-170px;
z-index:9;
h3{
display:inline-block;
background:@primary-color;
position:relative;
padding:15px 32px;
font-size:24px;
color:#ffffff;
text-transform: capitalize;
margin-bottom:0;
&:after{
position:absolute;
position: absolute;
content: "";
width: 0;
height: 0;
border-bottom: 56px solid @primary-color;
border-left: 0;
border-right: 65px solid transparent;
top: -0;
right:-65px;
}
}
.ragester-form{
background:#ffffff;
padding:15px 15px;
border-radius:0 8px 0 0;
-webkit-box-shadow: 5px 38px 105px -66px rgba(102,102,102,1);
-moz-box-shadow: 5px 38px 105px -66px rgba(102,102,102,1);
box-shadow: 5px 38px 105px -66px rgba(102,102,102,1);
height:215px;
form{
font-family: @title-font;
label{
display:block;
font-size:16px;
color:#222222;
text-transform:uppercase;
margin-bottom:10px;
}
input{
width:100%;
margin-bottom:18px;
font-size:12px;
color:#bababa;
border:1px solid #bababa;
padding:10px 15px;
height:40px;
}
.wide{
border-radius:0;
}
button{
width:100%;
font-size:22px;
line-height: 20px;
border:1px solid @primary-color;
margin-top:38px;
text-transform:uppercase;
}
}
}
}
}
/*---------------------------
5.courses-area
----------------------------*/
.courses-area{
padding:100px 0;
overflow:hidden;
.courses-list{
position: relative;
.single-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 20px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:100%;
height:250px;
position: relative;
overflow: hidden;
&.courses-img1{
background:url(images/courses/1.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/2.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/3.jpg) no-repeat #333333;
background-size:cover;
}
.overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:40px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
h4{
font-size:18px;
margin-bottom: 10px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: uppercase;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:25px;
}
.btn{
background:transparent;
border:1px solid #dddddd;
background:#f7f7f7;
color:#969696;
transition:@transition;
&:hover{
background:@primary-color;
color:#ffffff;
border:1px solid @primary-color;
}
}
}
}
.owl-pagination{
.owl-page{
&.active{
span{
width:50px;
background:@primary-color;
}
}
span{
width:30px;
border-radius:0;
height:6px;
background:#000000;
transition:@transition;
}
}
}
}
}
/*---------------------------
6 .educationbuild-area
-----------------------------*/
.educationbuild-area{
overflow:hidden;
background: url(images/education/bg.jpg) no-repeat #666666;
background-size:cover;
padding:55px 0 65px 0;
background-position:center;
.educarionbuld-content{
h2{
font-size:40px;
color:@primary-color;
margin-bottom:10px;
}
p{
font-size:14px;
line-height:28px;
margin-bottom:35px;
}
}
}
/*---------------------------
7. member-area
-----------------------------*/
.member-area{
overflow:hidden;
padding:100px 0;
.member-list{
.single-member{
margin-bottom:30px;
position:relative;
overflow: hidden;
&:hover{
.member-over{
opacity:1;
top:0;
}
}
.member-img{
img{
width:100%;
height:397px;
}
}
.member-title{
position:absolute;
bottom:0;
left:0;
img{
width:450px;
}
h4{
position:absolute;
bottom:-12px;
text-align:center;
left:0;
right:0;
font-size:18px;
color:#222222;
}
}
.member-over{
text-align:center;
background:#e1e1e1;
padding:20px;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
transition:@transition;
top:100%;
.hover-img{
width:180px;
height:180px;
border-radius:50%;
border:2px dashed @primary-color;
position:relative;
margin:auto;
overflow: hidden;
img{
}
&:hover{
&:after{
opacity:1;
}
a{
opacity:1;
}
}
&:after{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .6);
border-radius: 50%;
border:10px solid #e1e1e1;
opacity:0;
transition:@transition
}
&:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
border-radius: 50%;
border:10px solid #e1e1e1;
}
a{
position: absolute;
display:inline-block;
left:0;
right:0;
text-align:center;
top:45%;
z-index: 1;
font-size:20px;
color:#ffffff;
transition:@transition;
opacity:0;
&:hover{
color:@hover-color;
}
}
}
.member-name{
margin-top:30px;
h4{
margin-bottom: 15px;
line-height:18px;
a{
font-size:18px;
color:#222222;
display:inline-block;
text-align:center;
font-family: @title-font;
font-weight:500;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
font-size:16px;
line-height:16px;
margin-bottom:20px;
}
}
.social-media{
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
a{
display:inline-block;
width:30px;
height:30px;
line-height:30px;
color:#ffffff;
background:#000000;
font-size:14px;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
.owl-pagination{
.owl-page{
&.active{
span{
width:50px;
background:@primary-color;
}
}
span{
width:30px;
border-radius:0;
height:6px;
background:#000000;
transition:@transition;
}
}
}
}
}
/*---------------------------
8. discount-area
-----------------------------*/
.discount-area{
background: url(images/discount/bg.jpg) no-repeat #666666;
background-size:cover;
padding:55px 0 60px 0;
background-position:center;
overflow: hidden;
.discount-content{
h2{
font-size:40px;
color:@primary-color;
margin-bottom:15px;
}
p{
font-size:14px;
line-height:28px;
margin-bottom:35px;
color:#ffffff;
}
.btn-hr{
text-transform: uppercase;
}
}
}
/*---------------------------
9. shops-area
-----------------------------*/
.shops-area{
padding:100px 0 85px 0;
overflow: hidden;
.product-list{
.single-product{
margin-bottom:30px;
&:hover{
.product-info{
-webkit-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
-moz-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
background:#ffffff;
.product-name{
h4{
a{
color:@primary-color;
}
}
}
}
.product-img{
.social-list{
opacity:1;
height:100%;
}
}
}
.product-img{
position:relative;
img{
width:100%;
height:100%;
}
.social-list{
position:absolute;
top:0;
left:0;
width:100%;
height:0;
background:rgba(17, 16, 16, .7);
text-align:center;
opacity:0;
transition:@transition;
.product-social{
position:absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:1px solid @primary-color;
font-size:16px;
color:#FFFFFF;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
}
}
}
}
.product-info{
padding:30px 20px;
background:#f8f8f8;
transition:@transition;
overflow: hidden;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
.product-name{
float:left;
h4{
margin-bottom:10px;
font-size:18px;
line-height:18px;
a{
color:#222222;
font-family: @title-font;
transition:@transition;
display: inline-block;
&:hover{
color:@hover-color;
}
}
}
span{
color:@primary-color;
display:block;
font-size:18px;
line-height:18px;
font-family: @title-font;
font-weight:500;
}
}
.product-reveow{
float: right;
margin-top: -49px;
margin-left: 13px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
&:last-child{
a{
color:#b1b1b1;
}
}
a{
color:#fea400;
display:block;
font-size:16px;
}
}
}
}
}
}
}
}
.owl-pagination{
.owl-page{
&.active{
span{
width:50px;
background:@primary-color;
}
}
span{
width:30px;
border-radius:0;
height:6px;
background:#000000;
transition:@transition;
}
}
}
}
}
/*---------------------------
10. education-backbone
-----------------------------*/
.education-backbone{
background: url(images/backbone/bg.jpg) no-repeat #666666;
background-size:cover;
padding:75px 0 80px 0;
overflow: hidden;
.backbone-content{
h2{
font-size:40px;
color:@primary-color;
margin-bottom:15px;
}
p{
font-size:14px;
line-height:28px;
margin-bottom:30px;
color:#ffffff;
}
.btn-hr{
text-transform: uppercase;
}
}
}
/*---------------------------
11. gallery-area
-----------------------------*/
.gallery-area{
overflow: hidden;
padding:100px 0;
.gallary-manue{
margin-bottom:35px;
ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
li{
display: inline-block;
padding:10px 30px;
font-family:@title-font;
color:#222222;
font-size:18px;
text-transform: capitalize;
border:1px solid #dddddd;
margin:0 15px;
transition:@transition;
&:hover{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
cursor: pointer;
}
&.active{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
position:relative;
transition:@transition;
&:after{
position:absolute;
content:"";
width:0;
height:0;
border-top:8px solid @primary-color;
border-left:8px solid transparent;
border-right:8px solid transparent;
left:0;
right:0;
margin:auto;
top:100%;
}
}
}
}
}
.filter-gallary{
margin-left:-2%;
.single-gallary{
width:23%;
margin-left:2%;
margin-bottom:2%;
overflow:hidden;
float: left;
&:hover{
.gallary-img{
.gallary-overlay{
opacity:1;
transform: scale(.9);
}
}
}
.gallary-img{
background-size:cover;
background-position:center;
height:300px;
background:#666666;
position:relative;
&.gallary-img1{
background:url(images/gallery/8.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img2{
background:url(images/gallery/12.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img3{
background:url(images/gallery/13.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img4{
background:url(images/gallery/14.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img5{
background:url(images/gallery/15.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img6{
background:url(images/gallery/16.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img7{
background:url(images/gallery/17.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img8{
background:url(images/gallery/18.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img9{
background:url(images/gallery/19.jpg) no-repeat #666666;
background-size:cover;
}
.gallary-overlay{
position: absolute;
width:100%;
height:100%;
background:rgba(0, 0, 0, .8);
left:0;
top:0;
opacity:0;
transform:scale(0);
transition:@transition;
.overlay-content{
position: absolute;
top:50%;
transform:translateY(-50%);
left:0;
right:0;
text-align:center;
.gallary-title{
h3{
font-size:18px;
color:#ffffff;
margin-bottom:15px;
span{
display: block;
font-size:80%;
color:@primary-color;
margin-top:15px;
}
}
}
.galary-cosial{
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
margin-left:10px;
a{
display: block;
width:35px;
height:35px;
line-height:35px;
text-align:center;
color:#ffffff;
font-size:16px;
background:#989898;
border-radius:50%;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
}
}
}
}
/*--------------------------
12. testomonial-area
----------------------------*/
.testomonial-area{
padding:80px 0 70px 0;
background: url(images/testomonial/bg.jpg) no-repeat #666666;
background-size:cover;
background-position: center;
overflow:hidden;
.testominial-slide{
position:relative;
.single-testomonial{
.testomonial-img{
overflow: hidden;
position: relative;
padding:20px;
&:hover{
&:after{
opacity:1;
transform: scale(1);
}
&:before{
opacity:1;
transform: scale(1);
}
}
img{
width:80%;
height:100%;
}
&:after{
position: absolute;
content:"";
width:50%;
height:50%;
left:0;
top:0;
border-top:1px solid @primary-color;
border-left:1px solid @primary-color;
transition: @transition;
opacity: 0;
transform: scale(0);
}
&:before{
position: absolute;
content:"";
width:50%;
height:50%;
right:17%;
bottom:0;
border-bottom:1px solid @primary-color;
border-right:1px solid @primary-color;
transition: @transition;
opacity: 0;
transform: scale(0);
}
}
.testomonial-content{
padding:50px;
h3{
font-size:27px;
a{
color:@primary-color;
transition:@transition;
&:hover{
color:@hover-color;
}
}
span{
display:block;
font-size:65%;
color:#ffffff;
margin-top:10px;
}
}
p{
font-size:14px;
color:#ffffff;
}
}
}
.owl-pagination{
position: absolute;
top:35%;
right:30px;
.owl-page{
display:block;
&.active{
span{
height:50px;
background:@primary-color;
}
}
span{
height:30px;
border-radius:0;
width:6px;
background:#ffffff;
opacity:1;
transition:@transition;
}
}
}
}
}
/*---------------------------
13.pricetable-area
-----------------------------*/
.pricetable-area{
padding:100px 0;
overflow:hidden;
.single-price{
text-align:center;
background:#f3f3f3;
margin-bottom:30px;
&:hover{
.price-content{
.price-btn{
.btn-hr{
background:#ffffff;
color:@primary-color;
border:1px solid @primary-color;
}
}
}
}
.price-title{
background:@primary-color;
height:188px;
padding-top:35px;
h3{
font-size:30px;
color:#ffffff;
}
}
.price{
.price-amount{
width:160px;
height:160px;
line-height:160px;
text-align:center;
border:12px solid #ffffff;
border-radius: 50%;
margin:auto;
-webkit-box-shadow: inset 0px -1px 24px 7px rgba(227,227,227,1);
-moz-box-shadow: inset 0px -1px 24px 7px rgba(227,227,227,1);
box-shadow: inset 0px -1px 24px 7px rgba(227,227,227,1);
background:#ffffff;
margin-top:-80px;
span{
font-size:48px;
color:@primary-color;
font-family: @title-font;
font-weight:500;
line-height:48px;
}
}
}
.price-content{
padding:35px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:block;
font-size:14px;
line-height:14px;
border-bottom:1px solid #dddddd;
padding:15px 0;
cursor:pointer;
}
}
.price-btn{
margin-top:30px;
.btn-hr{
background:transparent;
text-transform: uppercase;
color:#222222;
border:1px solid @primary-color;
transition: @transition;
&:hover{
color:#ffffff;
border-color:@hover-color;
}
}
}
}
}
}
/*---------------------------
14. newsletter-area
-----------------------------*/
.newsletter-area{
background: url(images/news/bg.jpg) no-repeat #666666;
background-size:cover;
background-position: center;
padding:90px 0;
overflow: hidden;
.newsletter-content{
h2{
font-size:30px;
line-height:30px;
margin-bottom:35px;
color:#ffffff;
}
.newsletter-form{
form{
position: relative;
input{
background:transparent;
border:1px solid #ffffff;
font-size:16px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
padding:10px;
width:60%;
height:46px;
&:focus{
border:1px solid @primary-color;
outline: 0;
}
}
button{
position: absolute;
right:40.1%;
top:1px;
border:0;
font-family:@title-font;
height:44px;
&.btn-hr{
text-transform: uppercase;
font-size:18px;
font-weight:500;
}
}
}
}
}
}
/*---------------------------
15. blog-area
-----------------------------*/
.blog-area{
overflow: hidden;
padding:100px 0;
.slide-blog{
.single-blog{
margin-bottom:50px;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:250px;
&.blogimg1{
background: url(images/blog/1.jpg) #666666;
}
&.blogimg2{
background: url(images/blog/2.jpg) #666666;
}
&.blogimg3{
background: url(images/blog/3.jpg) #666666;
}
.date{
position:absolute;
right:20px;
top:20px;
background:@primary-color;
padding:20px;
h4{
font-size:18px;
color:#ffffff;
line-height:18px;
margin-bottom:0;
span{
display: block;
margin-top:15px;
}
}
}
.blog-overlay{
position: absolute;
bottom:0;
background: @primary-color;
width:100%;
transition:@transition;
opacity:0;
transform: scale(0);
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
padding:15px 20px;
text-align:right;
&:last-child{
float:right;
border-left:1px solid #ffffff;
}
h3{
font-size:18px;
display: inline-block;
color:#ffffff;
margin-bottom: 0px;
margin-right:40px;
}
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:#562549;
}
i{
margin-right:5px;
}
}
}
}
}
}
.blog-content{
padding:30px 20px;
background: #f7f7f7;
transition:@transition;
h4{
font-size:18px;
line-height:18px;
border-bottom:1px solid #dddddd;
padding-bottom:15px;
margin-bottom:20px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.blog-btn{
}
}
&:hover{
.blog-content{
background:#ffffff;
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
h4{
border-bottom:1px solid @primary-color;
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
transform: scale(1);
}
}
}
}
}
.lordmor-btn{
text-align:center;
.btn{
padding:20px 40px;
font-size:18px;
}
}
}
/*---------------------------
16. footer-area
-----------------------------*/
.footer-area{
overflow: hidden;
.footer-weidget{
background: url(images/footer/bg.jpg) no-repeat #666666;
background-size:cover;
background-position:center;
padding:100px 0;
.single-weidget{
.footer-logo{
margin-bottom:30px;
}
.footer-content{
p{
color:#ffffff;
font-size:14px;
line-height: 26px;
margin-bottom:0;
}
ul{
margin:0;
padding:0;
list-style: none;
li{
display:block;
position:relative;
padding-left:15px;
&:hover{
i{
color:@hover-color;
}
a{
color:@hover-color;
margin-left:5px;
}
}
i{
position: absolute;
left:0;
top:7px;
color:@primary-color;
transition: @transition;
}
a{
display: block;
color:#ffffff;
font-family: @title-font;
font-size:14px;
font-weight:400;
transition:@transition;
}
}
}
}
.footer-header{
h3{
font-size:24px;
color:#ffffff;
margin-bottom:30px;
}
}
.featured-content{
ul{
margin:0;
padding:0;
list-style: none;
li{
display:block;
position:relative;
padding-left:30px;
&:hover{
i{
color:@hover-color;
}
a{
color:@hover-color;
margin-left:5px;
}
}
i{
position: absolute;
left:0;
top:7px;
color:@primary-color;
transition: @transition;
}
a{
display: block;
color:#ffffff;
font-family: @title-font;
font-size:14px;
font-weight:400;
transition:@transition;
}
}
}
}
.footer-form{
form{
.sing-input{
position:relative;
input{
width:100%;
padding:8px 40px;
margin-bottom:20px;
font-family: @title-font;
font-size:14px;
color:#ffffff;
&#footer-name{
background:#1b2329;
border:1px solid transparent;
&:focus{
background: transparent;
}
}
&#footer-email{
background:#1b2329;
border:1px solid transparent;
&:focus{
background: transparent;
}
}
}
i{
position: absolute;
top:17px;
left:10px;
color:#ffffff;
}
}
button{
border:0;
&.btn-icon{
text-transform: uppercase;
padding:10px 40px;
}
}
}
}
}
}
.footer-bottom{
background:#1b2329;
padding:30px 0;
border-bottom:5px solid @primary-color;
.footer-social{
padding-bottom:30px;
border-bottom:1px solid #60656a;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
margin:0 5px;
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#2d3337;
border-radius:50%;
background:#60656a;
transition:@transition;
font-size:16px;
&:hover{
color:#ffffff;
background:@primary-color;
}
}
}
}
}
.copyright-area{
margin-top:25px;
h6{
color:#60656a;
font-size:14px;
margin-bottom:0;
a{
text-transform:uppercase;
color:@primary-color;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
}
}
}
/*--------------------------
17. home-page tow start hear
----------------------------*/
/*---------------------------
17.1.slider area
-----------------------------*/
.slider-area.home-two-slider{
position: relative;
overflow: hidden;
.slider-1{
h1{
&.title1{
margin-bottom:16px;
text-transform: uppercase;
font-size:36px;
line-height:36px;
color: @primary-color;
font-family:@title-font;
font-weight:700;
}
}
div.title2 {
text-align: center;
color: #ffffff;
font-size:14px;
line-height:28px;
width:35%;
margin:auto;
margin-bottom:30px;
font-family:@title-font;
}
.slider-botton{
margin-right: 0px !important;
.btn-icon{
text-transform: uppercase;
}
}
}
.slider-2{
h1{
&.title1{
margin-bottom:16px;
text-transform: uppercase;
font-size:36px;
line-height:36px;
color: @primary-color;
font-family:@title-font;
font-weight:700;
}
}
div.title2 {
text-align: center;
color: #ffffff;
font-size:16px;
line-height:28px;
width:35%;
margin:auto;
margin-bottom:30px;
font-family:@title-font;
}
.slider-botton{
margin-right: 0px !important;
.btn-icon{
text-transform: uppercase;
padding:10px 40px;
}
}
}
}
/*---------------------------
17.2.service-area
----------------------------*/
.service-area{
padding-top:95px;
.single-service{
margin:30px 0;
text-align:center;
padding:25px 50px;
background:#f5f5f5;
transition:@transition;
&:hover{
-webkit-box-shadow: 0px 5px 25px -3px rgba(221,221,221,1);
-moz-box-shadow: 0px 5px 25px -3px rgba(221,221,221,1);
box-shadow: 0px 5px 25px -3px rgba(221,221,221,1);
background: #ffffff;
.service-icon{
a{
color:@hover-color;
}
}
}
.service-icon{
margin-bottom:10px;
a{
display: block;
color:@primary-color;
font-size:50px;
transition: @transition;
}
}
.service-content{
h4{
margin-bottom:10px;
a{
display: block;
font-size:18px;
color:#222222;
transition:@transition;
&:hover{
color:@primary-color;
}
}
}
p{
margin-bottom:0;
font-size:14px;
line-height:22px;
}
.btn-hr{
margin-top:20px;
text-transform:uppercase;
}
}
}
}
/*---------------------------
17.3.aboutus-area
-----------------------------*/
.aboutus-area{
padding:100px 0;
overflow: hidden;
.about-video{
width:100%;
height:300px;
a{
img{
width:100%;
height:100%;
}
}
}
.about-content{
padding:10px 0;
h3{
font-size:24px;
color:#222222;
margin-bottom:15px;
text-transform:uppercase;
font-weight: 500;
span{
color:@primary-color;
}
}
p{
font-size:14px;
color:#303030;
line-height:28px;
margin-bottom:23px;
}
.btn-icon{
text-transform: uppercase;
padding:10px 40px;
}
}
}
/*---------------------------
17.4.learning-area
-----------------------------*/
.learning-area{
overflow:hidden;
background: url(images/education/bg.jpg) no-repeat #666666;
background-size:cover;
padding:65px 0 75px 0;
background-position:center;
.learning-content{
h3{
font-size:40px;
color:#373737;
margin-bottom:30px;
span{
color:@primary-color;
}
}
p{
font-size:14px;
line-height:28px;
margin-bottom:40px;
}
}
}
/*---------------------------
17.5. our-courses
-----------------------------*/
.our-courses{
padding:100px 0;
overflow: hidden;
.chourses-list{
position:relative;
.single-courses{
overflow:hidden;
position: relative;
&:hover{
&:after{
opacity:1;
visibility: visible;
transform: scale(1);
}
.overlay{
opacity:1;
visibility: visible;
transform: scale(1);
}
.courch-content{
h3{
a{
color:@primary-color;
}
}
}
}
.courch-img{
margin-bottom:0;
a{
display: block;
overflow:hidden;
transition:@transition;
img{
width:100%;
height:100%;
overflow:hidden;
transition:@transition;
&:hover{
transform:scale(1.2);
}
}
}
}
.courch-content{
padding:30px;
background:#dddddd;
h3{
font-size:24px;
margin-bottom:15px;
a{
color:#222222;
transition: @transition;
&:hover{
color:@hover-color;
}
}
}
.amount{
margin-bottom:10px;
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-right:10px;
a{
font-size:24px;
font-family: @title-font;
font-weight:700;
color:@primary-color;
del{
font-size:18px;
color:#878787;
font-weight:500;
}
}
}
}
}
.revew-area{
margin-bottom:10px;
ul{
li{
display: inline-block;
i{
color:#fea400;
font-size:16px;
}
}
}
}
.social-media{
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-right:5px;
&:first-child{
margin-right:15px;
font-size:18px;
color:#222222;
}
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:16px;
background:#000000;
color:#ffffff;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
&:after{
position: absolute;
content: "";
width:100%;
height:100%;
background:url(images/our-courses/1.jpg);
left:0;
top:0;
visibility: hidden;
opacity:0;
transition: @transition;
transform: scale(2);
}
.overlay{
width:100%;
height:100%;
position:absolute;
background:rgba(0, 0, 0, .8);
background-size:cover;
background-position: center;
left:0;
top:0;
z-index: 1;
visibility: hidden;
opacity:0;
transition: @transition;
transform: scale(0);
.overlay-conent{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
padding:20px;
.overlay-img{
margin-bottom:15px;
}
.overlay-title{
h3{
font-size:18px;
color:#ffffff;
margin-bottom:10px;
a{
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
}
.overlay-detels{
h3{
font-size:18px;
color:#ffffff;
position: relative;
margin-bottom: 5px;
padding-bottom:15px;
&:after{
position:absolute;
content:"";
width:50px;
height:2px;
background:@primary-color;
left:0;
right:0;
margin:auto;
bottom:0;
}
}
p{
color:#ffffff;
text-align:center;
font-size:14px;
line-height:22px;
margin-bottom:15px;
}
}
}
}
}
.owl-controls{
.owl-buttons{
.owl-prev{
left:-50px;
position:absolute;
top:50%;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#e2e2e2;
border-radius: 0;
border:1px solid #e2e2e2;
font-size:30px;
margin:0;
padding:0;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
.owl-next{
position:absolute;
top:50%;
right:-50px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#e2e2e2;
border-radius: 0;
border:1px solid #e2e2e2;
font-size:30px;
margin:0;
padding:0;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
}
}
}
}
/*---------------------------
17.6. video-area
-----------------------------*/
.video-area{
background:url(images/video/bg.jpg);
background-size:cover;
background-position: center;
padding:100px 0;
overflow: hidden;
.video-icon{
a{
display: inline-block;
width:60px;
height:60px;
line-height: 50px;
text-align:center;
font-size:18px;
color:#ffffff;
border-radius: 50%;
border:6px solid #ffffff;
padding:0;
margin-left:15px;
background:@primary-color;
box-shadow: 0 0 30px @primary-color;
transition: @transition;
&:hover{
background:@hover-color;
box-shadow: none;
}
}
}
}
/*---------------------------
17.7. our-trainer
-----------------------------*/
.our-trainer{
padding:100px 0;
overflow: hidden;
.tainer-list{
.single-trainer{
position:relative;
z-index:1;
overflow: hidden;
&:hover{
.trainer-social{
opacity:1;
transform:scale(1);
}
.trainer-content{
width:100%;
background:@primary-color;
}
}
.tainer-img{
img{
width:100%;
height: 100%
}
}
.trainer-social{
position:absolute;
background: rgba(0, 0, 0, .8);
width:100%;
height:100%;
top:0;
left:0;
transition: @transition;
opacity:0;
transform:scale(2);
.social-icon{
position: absolute;
top:40%;
transform: translateY(-50%);
left:20px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
margin-bottom: 5px;
a{
display: block;
width:40px;
height:40px;
line-height: 40px;
text-align:center;
color: #ffffff;
background:#000000;
font-size:16px;
transition: @transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
.trainer-content{
width:80%;
position: absolute;
bottom:0;
margin:auto;
left:0;
right:0;
text-align:center;
background:#606060;
padding:20px;
transition: @transition;
h3{
font-size:18px;
margin:0;
color:#ffffff;
a{
color:#ffffff;
text-transform: uppercase;
transition: @transition;
&:hover{
color:#dddddd;
}
}
span{
font-size:80%;
display: block;
margin-top: 5px;
}
}
}
}
.owl-controls{
.owl-buttons{
.owl-prev{
left:-50px;
position:absolute;
top:50%;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#e2e2e2;
border-radius: 0;
border:1px solid #e2e2e2;
font-size:30px;
margin:0;
padding:0;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
.owl-next{
position:absolute;
top:50%;
right:-50px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#e2e2e2;
border-radius: 0;
border:1px solid #e2e2e2;
font-size:30px;
margin:0;
padding:0;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
}
}
}
}
/*---------------------------
17.8 countewr-area
-----------------------------*/
.countewr-area{
background: url(images/counter/bg.jpg) no-repeat #666666;
background-position: center;
background-size:cover;
padding:120px 0;
overflow: hidden;
.single-counter{
position: relative;
.counter-icon{
position: absolute;
left:0;
top:8px;
i{
font-size:50px;
color:@hover-color;
}
}
.counter-content{
padding-left:80px;
p{
font-size:18px;
color:#ffffff;
font-family: @title-font;
margin:0;
}
.counter{
font-size:30px;
color:#ffffff;
margin-top:10px;
font-family:@title-font;
font-weight:800;
}
}
}
}
/*---------------------------
17.9. our-shops
-----------------------------*/
.our-shops{
padding:100px 0 70px 0;
overflow: hidden;
.shop-list{
.single-product{
margin-bottom:30px;
&:hover{
.product-info{
-webkit-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
-moz-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
background:#ffffff;
.product-name{
h4{
a{
color:@primary-color;
}
}
}
}
.product-img{
.social-list{
opacity:1;
height:100%;
}
}
}
.product-img{
position:relative;
img{
width:100%;
height:100%;
}
.social-list{
position:absolute;
top:0;
left:0;
width:100%;
height:0;
background:rgba(17, 16, 16, .7);
text-align:center;
opacity:0;
transition:@transition;
.product-social{
position:absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:1px solid @primary-color;
font-size:16px;
color:#FFFFFF;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
}
}
}
}
.product-info{
padding:30px 20px;
background:#f8f8f8;
transition:@transition;
overflow: hidden;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
.product-name{
float:left;
h4{
margin-bottom:10px;
font-size:18px;
line-height:18px;
a{
color:#222222;
font-family: @title-font;
transition:@transition;
display: inline-block;
&:hover{
color:@hover-color;
}
}
}
span{
color:@primary-color;
display:block;
font-size:18px;
line-height:18px;
font-family: @title-font;
font-weight:500;
}
}
.product-reveow{
float: right;
margin-top: -49px;
margin-left: 10px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
&:last-child{
a{
color:#b1b1b1;
}
}
a{
color:#fea400;
display:block;
font-size:16px;
}
}
}
}
}
}
}
.product-discunt{
position: absolute;
top:10px;
right:20px;
.discunt-content{
width:120px;
position: relative;
.discunt{
position: absolute;
top:30%;
left:0;
right:0;
text-align:center;
h5{
font-size:16px;
font-family:@title-font;
color:#ffffff;
font-weight:700;
span{
font-size:12px;
font-weight: 400;
}
}
}
}
}
}
.owl-pagination{
.owl-page{
&.active{
span{
width:50px;
background:@primary-color;
}
}
span{
width:30px;
border-radius:0;
height:6px;
background:#000000;
transition:@transition;
}
}
}
}
}
/*---------------------------
17.10. clint-testomonial
-----------------------------*/
.clint-testomonial{
padding:100px 0 83px 0;
background:url(images/hometwo-testomonial/bg.jpg);
background-size:cover;
background-position: center;
overflow: hidden;
.clint-slide{
.single-clint{
.clent-content{
width:55%;
margin:auto;
.clint-img{
margin-bottom:20px;
}
h4{
a{
font-size:18px;
color:@primary-color;
transition: @transition;
&:hover{
color:@hover-color;
}
}
}
p{
font-size:14px;
line-height:28px;
color:#ffffff;
margin-bottom: 0;
}
}
}
.owl-controls{
.owl-buttons{
.owl-prev{
left:-50px;
position:absolute;
top:50%;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#ffffff;
border-radius: 0;
border:1px solid #ffffff;
font-size:30px;
margin:0;
padding:0;
background:transparent;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
.owl-next{
position:absolute;
top:50%;
right:-50px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#ffffff;
border-radius: 0;
border:1px solid #ffffff;
font-size:30px;
margin:0;
padding:0;
background:transparent;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
}
}
}
}
/*---------------------------
17. 11.gallery-img-area
-----------------------------*/
.gallery-img-area{
overflow: hidden;
padding:100px 0;
.gallary-manue{
margin-bottom:35px;
ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
li{
display: inline-block;
padding:10px 30px;
font-family:@title-font;
color:#222222;
font-size:18px;
text-transform: capitalize;
border:1px solid #dddddd;
margin:0 15px;
transition:@transition;
&:hover{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
cursor: pointer;
}
&.active{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
position:relative;
transition:@transition;
&:after{
position:absolute;
content:"";
width:0;
height:0;
border-top:8px solid @primary-color;
border-left:8px solid transparent;
border-right:8px solid transparent;
left:0;
right:0;
margin:auto;
top:100%;
}
}
}
}
}
.box-gallary{
.single-img{
width:33.34%;
overflow:hidden;
float: left;
position:relative;
&:hover{
.gallary-content{
opacity:1;
transform:scaleY(1);
}
}
.gallary-img{
background-size:cover;
background-position:center;
height:300px;
background:#666666;
&.gallary-img1{
background:url(images/gallery/11.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img2{
background:url(images/gallery/12.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img3{
background:url(images/gallery/13.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img4{
background:url(images/gallery/14.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img5{
background:url(images/gallery/15.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img6{
background:url(images/gallery/16.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img7{
background:url(images/gallery/17.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img8{
background:url(images/gallery/18.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img9{
background:url(images/gallery/19.jpg) no-repeat #666666;
background-size:cover;
}
}
.gallary-content{
position:absolute;
left:0;
right:0;
text-align:center;
bottom:0;
padding:20px 0;
background:rgba(0, 0, 0, .8);
opacity:0;
transform:scaleY(0);
transition:@transition;
h3{
margin:0;
a{
font-size:18px;
color:#ffffff;
margin:0;
transition: @transition;
&:hover{
color:@hover-color;
}
}
span{
margin-top:5px;
display: block;
font-size:70%;
color:@primary-color;
}
}
}
}
}
}
/*---------------------------
17.12 testomonial
-----------------------------*/
.testomonial{
padding:80px 0 70px 0;
background: url(images/testomonial/bg.jpg) no-repeat #666666;
background-size:cover;
background-position: center;
overflow:hidden;
.testominial-slide{
position:relative;
.single-testomonial{
.testomonial-img{
overflow: hidden;
position: relative;
padding:20px;
&:hover{
&:after{
opacity:1;
transform: scale(1);
}
&:before{
opacity:1;
transform: scale(1);
}
}
img{
width:80%;
height:100%;
}
&:after{
position: absolute;
content:"";
width:50%;
height:50%;
left:0;
top:0;
border-top:1px solid @primary-color;
border-left:1px solid @primary-color;
transition: @transition;
opacity: 0;
transform: scale(0);
}
&:before{
position: absolute;
content:"";
width:50%;
height:50%;
right:17%;
bottom:0;
border-bottom:1px solid @primary-color;
border-right:1px solid @primary-color;
transition: @transition;
opacity: 0;
transform: scale(0);
}
}
.testomonial-content{
padding:50px;
h3{
font-size:27px;
a{
color:@primary-color;
transition:@transition;
&:hover{
color:@hover-color;
}
}
span{
display:block;
font-size:65%;
color:#ffffff;
margin-top:10px;
}
}
p{
font-size:14px;
color:#ffffff;
}
}
}
.owl-pagination{
position: absolute;
top:35%;
right:30px;
.owl-page{
display:block;
&.active{
span{
height:50px;
background:@primary-color;
}
}
span{
height:30px;
border-radius:0;
width:6px;
background:#ffffff;
opacity:1;
transition:@transition;
}
}
}
}
}
/*---------------------------
17.13. price-area
-----------------------------*/
.price-area{
padding:100px 0;
overflow:hidden;
.single-price{
text-align:center;
background:#f3f3f3;
position: relative;
&:hover{
.price-content{
.price-btn{
.btn-hr{
background:#ffffff;
color:@primary-color;
border:1px solid @primary-color;
}
}
}
}
.price-title{
height:188px;
padding-top:35px;
h3{
font-size:30px;
color:#000000;
}
}
.price{
margin-bottom:45px;
.price-amount{
position:absolute;
width:160px;
height:160px;
line-height:160px;
text-align:center;
border:12px solid #ffffff;
border-radius: 50%;
margin:auto;
-webkit-box-shadow: inset 0px -1px 24px 7px rgba(227,227,227,1);
-moz-box-shadow: inset 0px -1px 24px 7px rgba(227,227,227,1);
box-shadow: inset 0px -1px 24px 7px rgba(227,227,227,1);
background:#ffffff;
top:100px;
z-index: 2;
left:0;
right:0;
span{
font-size:48px;
color:@primary-color;
font-family: @title-font;
font-weight:500;
line-height:48px;
}
}
}
.price-content{
position:relative;
padding:35px;
z-index: 1;
&:after{
position:absolute;
content:"";
width:100%;
height:1px;
background:@primary-color;
left:0;
right:0;
top:-45px;
}
ul{
margin:0;
padding:0;
list-style: none;
li{
display:block;
font-size:14px;
line-height:14px;
border-bottom:1px solid #dddddd;
padding:15px 0;
cursor:pointer;
}
}
.price-btn{
margin-top:30px;
.btn-hr{
background:transparent;
border:1px solid transparent;
text-transform: uppercase;
color:@primary-color;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
}
}
}
}
}
}
/*---------------------------
17.14.regester-area
-----------------------------*/
.regester-area{
padding:100px 0;
background:url(images/register/bg.jpg) no-repeat #666666;
background-size:cover;
background-position: center;
overflow: hidden;
.contract-info{
.form-heading{
.form-img{
position:relative;
.form-content{
position: absolute;
left:0;
right:0;
text-align :center;
top:20%;
width:70%;
margin:auto;
h4{
font-size:18px;
margin-bottom:5px;
color: #ffffff;
}
p{
font-size:14px;
color:#ffffff;
line-height: 22px;
margin:0;
}
}
}
}
.form-area{
background:rgba(60, 59, 59, .7);
padding:70px 30px;
form{
input{
width:100%;
padding:10px 20px;
border:1px solid #ffffff;
margin-bottom: 30px;
background:transparent;
color:#ffffff;
font-family:@title-font;
font-size:14px;
font-weight:700;
&:focus{
border:1px solid transparent;
}
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
background:transparent;
color:#666666;
background:transparent;
}
.form-btn{
text-align:center;
button{
margin-top:10px;
border:0;
&.btn-icon{
text-transform: uppercase;
font-family: @title-font;
font-weight: 500;
width:100%;
}
}
}
}
}
}
.scholarship{
padding:140px 50px;
.sclorship-title{
text-align: center;
h2{
font-size:30px;
color:#ffffff;
margin-bottom: 20px
}
}
/*couter time area*/
.counter-time-area{
h2{
font-size:36px;
color:@primary-color;
letter-spacing: 10px;
margin-bottom: 50px;
text-align: center;
}
#clockdiv{
font-family: sans-serif;
color: #fff;
display: inline-block;
text-align: center;
font-size: 30px;
.single-time{
padding: 10px;
border-radius:50%;
width:120px;
height: 120px;
line-height: 120px;
text-align:center;
display: inline-block;
border: 1px solid #ffffff;
overflow:hidden;
box-shadow:0 0 8px #9fa4a8;
.value{
display: inline-block;
position: absolute;
left: 0;
right: 0;
text-align: center;
top: -15px;
}
.smalltext{
font-size: 18px;
position: absolute;
top: 15px;
left: 0;
right: 0;
text-align: center;
text-transform: uppercase;
}
}
}
}
}
}
/*---------------------------
17.15.blogtwo-area
-----------------------------*/
.blogtwo-area{
overflow: hidden;
padding:100px 0;
.slide-blog{
.single-blog{
margin-bottom:50px;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:250px;
&.blogimg1{
background: url(images/blog/1.jpg) #666666;
}
&.blogimg2{
background: url(images/blog/2.jpg) #666666;
}
&.blogimg3{
background: url(images/blog/3.jpg) #666666;
}
.date{
position:absolute;
right:20px;
top:20px;
background:@primary-color;
padding:20px;
h4{
font-size:18px;
color:#ffffff;
line-height:18px;
margin-bottom:0;
span{
display: block;
margin-top:15px;
}
}
}
.blog-overlay{
position: absolute;
bottom:0;
background: @primary-color;
width:100%;
transition:@transition;
opacity:0;
transform: scale(0);
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
padding:15px 20px;
text-align:right;
&:last-child{
float:right;
border-left:1px solid #ffffff;
}
h3{
font-size:18px;
display: inline-block;
color:#ffffff;
margin-bottom: 0px;
margin-right:40px;
}
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:#582672;
}
i{
margin-right:5px;
}
}
}
}
}
}
.blog-content{
padding:30px 20px;
background: #f7f7f7;
transition:@transition;
h4{
font-size:18px;
line-height:18px;
border-bottom:1px solid #dddddd;
padding-bottom:15px;
margin-bottom:20px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.blog-btn{
}
}
&:hover{
.blog-content{
background:#ffffff;
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
h4{
border-bottom:1px solid @primary-color;
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
transform: scale(1);
}
}
}
}
}
.lordmor-btn{
text-align:center;
}
}
/*---------------------------
18. aboutus page start hear
-----------------------------*/
/*---------------------------
18.1.aboutus-video
-----------------------------*/
.aboutus-video{
padding:100px 0;
overflow: hidden;
.about-video{
width:100%;
height:300px;
a{
img{
width:100%;
height:100%;
}
}
}
.about-content{
padding:10px 0;
h3{
font-size:24px;
color:#222222;
margin-bottom:15px;
text-transform:uppercase;
span{
color:@primary-color;
}
}
p{
font-size:14px;
color:#303030;
line-height:28px;
margin-bottom:23px;
}
.about-btn{
.btn-icon{
text-transform: uppercase;
padding:10px 40px;
}
}
}
}
/*---------------------------
18.2 aboutus-countewr
-----------------------------*/
.aboutus-countewr{
background: url(images/counter/bg.jpg) no-repeat #666666;
background-position: center;
background-size:cover;
padding:120px 0;
overflow: hidden;
.single-counter{
position: relative;
.counter-icon{
position: absolute;
left:0;
top:8px;
i{
font-size:50px;
color:@hover-color;
}
}
.counter-content{
padding-left:80px;
p{
font-size:18px;
color:#ffffff;
font-family: @title-font;
margin:0;
}
.counter{
font-size:30px;
color:#ffffff;
font-family:@title-font;
font-weight:800;
margin-top:10px;
}
}
}
}
/*---------------------------
18.3 aboutus-trainer
-----------------------------*/
.aboutus-trainer{
padding:100px 0;
overflow: hidden;
.tainer-list{
.single-trainer{
position:relative;
z-index:1;
overflow: hidden;
&:hover{
.trainer-social{
opacity:1;
transform:scale(1);
}
.trainer-content{
width:100%;
background:@primary-color;
}
}
.tainer-img{
img{
width:100%;
height: 100%
}
}
.trainer-social{
position:absolute;
background: rgba(0, 0, 0, .7);
width:100%;
height:100%;
top:0;
left:0;
transition: @transition;
opacity:0;
transform:scale(2);
.social-icon{
position: absolute;
top:40%;
transform: translateY(-50%);
left:20px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
margin-bottom: 5px;
a{
display: block;
width:40px;
height:40px;
line-height: 40px;
text-align:center;
color: #ffffff;
background:#000000;
font-size:16px;
transition: @transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
.trainer-content{
width:80%;
position: absolute;
bottom:0;
margin:auto;
left:0;
right:0;
text-align:center;
background:#606060;
padding:20px;
transition: @transition;
h3{
font-size:18px;
margin:0;
color:#ffffff;
a{
color:#ffffff;
text-transform: uppercase;
transition: @transition;
&:hover{
color:#dddddd;
}
}
span{
font-size:80%;
display: block;
margin-top: 5px;
}
}
}
}
.owl-controls{
.owl-buttons{
.owl-prev{
left:-50px;
position:absolute;
top:50%;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#e2e2e2;
border-radius: 0;
border:1px solid #e2e2e2;
font-size:30px;
margin:0;
padding:0;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
.owl-next{
position:absolute;
top:50%;
right:-50px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#e2e2e2;
border-radius: 0;
border:1px solid #e2e2e2;
font-size:30px;
margin:0;
padding:0;
background:#ffffff;
transition:@transition;
&:hover{
color:#ffffff;
background:@primary-color;
border:1px solid @primary-color;
}
}
}
}
}
}
/*---------------------------
19.courseone-area
-----------------------------*/
.courseone-area{
padding:100px 0;
overflow:hidden;
.sidebar-widgect{
.singleside-widgect{
padding:40px 20px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.widgect-form{
form{
#name{
width:100%;
padding:10px 15px;
border:1px solid @primary-color;
background:#ffffff;
border-radius:0;
margin-bottom:15px;
font-size:14px;
color:#999999;
font-family: @title-font;
height:50px;
&:focus{
border:none;
}
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
}
.chack-area{
margin-bottom: 30px;
label{
font-size:16px;
color:#222222;
font-family:@title-font;
margin:0 15px;
}
}
button{
width:100%;
border:0;
text-transform:uppercase;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.price-widgect{
#slider-range{
border-radius:0;
background: #dedede;
border:1px solid #c2c2c2;
margin-bottom:25px;
height:10px;
.ui-state-default{
border: 1px solid @primary-color;
background: @primary-color;
font-weight: bold;
color: @primary-color;
width:10px;
border-radius:3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:@primary-color;
border-radius: 0;
}
}
p{
text-align:center;
border-radius: 6px;
padding:5px 0;
#amount{
text-align: center;
font-size:24px;
&:focus{
outline:none;
}
}
}
a{
text-transform: uppercase;
display:block;
}
}
}
.video-widgect{
margin-bottom:30px;
}
.apply-widgect{
background:url(images/courses/apply-bg.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background:@primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius: 10px;
}
}
}
}
}
.courseone-view{
.view-area{
padding:15px;
background:#f7f7f7;
margin-bottom:30px;
.view-title{
h4{
font-size:18px;
margin: 0;
color:#222222;
font-weight:400;
margin-top:3px;
}
}
/*view area start hear*/
.view-icon ul.nav-tabs {
margin: 0;
padding: 0;
list-style: none;
border: 0px;
}
.view-icon ul.nav-tabs li {
border: 0px;
}
.view-icon ul.nav-tabs li a{
padding: 0px 10px;
background:transparent;
}
.view-icon ul.nav-tabs li.active {
border: 0px;
}
.view-icon ul.nav-tabs li.active a i {
border: 0px;
color: @primary-color;
}
.view-icon ul.nav-tabs li.active a i:hover {
background: transparent;
color: @primary-color;
}
.view-icon ul.nav-tabs li a {
border: 0px;
}
.view-icon ul.nav-tabs li i {
font-size: 24px;
color: #777474;
}
.view-icon ul.nav-tabs li a:hover {
background: transparent;
color: @primary-color;
}
}
.single-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 30px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:100%;
height:250px;
position: relative;
overflow: hidden;
&.courses-img1{
background:url(images/courses/1.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/2.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/3.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img4{
background:url(images/courses/4.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img5{
background:url(images/courses/5.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img6{
background:url(images/courses/6.jpg) no-repeat #333333;
background-size:cover;
}
.overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:40px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
h4{
font-size:18px;
margin-bottom: 10px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: capitalize;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:25px;
}
}
}
}
}
/*---------------------------
20.coursetwo-area
-----------------------------*/
.coursetwo-area{
padding:100px 0;
overflow:hidden;
.single-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 30px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
.btn{
background:@hover-color;
border:1px solid @hover-color;
color:#ffffff;
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:30%;
height:250px;
position: relative;
overflow: hidden;
float:left;
&.courses-img1{
background:url(images/courses/7.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/8.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/9.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img4{
background:url(images/courses/10.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img5{
background:url(images/courses/11.jpg) no-repeat #333333;
background-size:cover;
}
.overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:22px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
width:70%;
float: left;
h4{
font-size:18px;
margin-bottom: 10px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: capitalize;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:26px;
}
}
}
.sidebar-widgect{
.singleside-widgect{
padding:40px 20px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.widgect-form{
form{
#name{
width:100%;
padding:10px 15px;
border:1px solid @primary-color;
background:#ffffff;
border-radius:0;
margin-bottom:15px;
font-size:14px;
color:#999999;
font-family: @title-font;
height:50px;
&:focus{
border:none;
}
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
}
.chack-area{
margin-bottom: 30px;
label{
font-size:16px;
color:#222222;
font-family:@title-font;
margin:0 15px;
}
}
button{
width:100%;
border:0;
text-transform:uppercase;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.price-widgect{
#slider-range{
border-radius:0;
background: #dedede;
border:1px solid #c2c2c2;
margin-bottom:25px;
height:10px;
.ui-state-default{
border: 1px solid @primary-color;
background: @primary-color;
font-weight: bold;
color: @primary-color;
width:10px;
border-radius:3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:@primary-color;
border-radius: 0;
}
}
p{
text-align:center;
border-radius: 6px;
padding:5px 0;
#amount{
text-align: center;
font-size:24px;
color:#ffffff;
}
}
a{
text-transform: uppercase;
display:block;
}
}
}
.video-widgect{
margin-bottom:30px;
}
.apply-widgect{
background:url(images/courses/apply-bg.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background: @primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius: 10px;
}
}
}
}
}
.courseone-view{
.view-area{
padding:15px;
background:#f7f7f7;
margin-bottom:30px;
.view-title{
h4{
font-size:18px;
margin: 0;
color:#222222;
font-weight:400;
margin-top: 3px;
}
}
/*view area start hear*/
.view-icon ul.nav-tabs {
margin: 0;
padding: 0;
list-style: none;
border: 0px;
}
.view-icon ul.nav-tabs li {
border: 0px;
}
.view-icon ul.nav-tabs li a{
padding: 0px 10px;
background:transparent;
}
.view-icon ul.nav-tabs li.active {
border: 0px;
}
.view-icon ul.nav-tabs li.active a i {
border: 0px;
color: @primary-color;
}
.view-icon ul.nav-tabs li.active a i:hover {
background: transparent;
color: @primary-color;
}
.view-icon ul.nav-tabs li a {
border: 0px;
}
.view-icon ul.nav-tabs li i {
font-size: 24px;
color: #777474;
}
.view-icon ul.nav-tabs li a:hover {
background: transparent;
color: @primary-color;
}
}
}
}
/*---------------------------
21.coursethree-area
-----------------------------*/
.coursethree-area{
padding:100px 0;
overflow:hidden;
.single-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 30px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:45%;
height:250px;
position: relative;
overflow: hidden;
float:left;
&.courses-img1{
background:url(images/courses/12.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/13.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/14.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img4{
background:url(images/courses/11.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img5{
background:url(images/courses/10.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img6{
background:url(images/courses/1.jpg) no-repeat #333333;
background-size:cover;
}
.overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:22px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
width:55%;
float: left;
h4{
font-size:18px;
margin-bottom: 10px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: capitalize;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:26px;
}
}
}
}
/*---------------------------
22.coursefour-area
-----------------------------*/
.coursefour-area{
padding:100px 0;
overflow:hidden;
.single-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 30px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:30%;
height:250px;
position: relative;
overflow: hidden;
float:left;
&.courses-img1{
background:url(images/courses/7.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/8.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/9.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img4{
background:url(images/courses/10.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img5{
background:url(images/courses/11.jpg) no-repeat #333333;
background-size:cover;
}
.overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:21px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
width:70%;
float: left;
h4{
font-size:18px;
margin-bottom: 11px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: capitalize;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:26px;
}
}
}
.sidebar-widgect{
.singleside-widgect{
padding:40px 20px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.widgect-form{
form{
#name{
width:100%;
padding:10px 15px;
border:1px solid @primary-color;
background:#ffffff;
border-radius:0;
margin-bottom:15px;
font-size:14px;
color:#999999;
font-family: @title-font;
height:50px;
&:focus{
border:none;
}
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
}
.chack-area{
margin-bottom: 30px;
label{
font-size:16px;
color:#222222;
font-family:@title-font;
margin:0 15px;
}
}
button{
width:100%;
border:0;
text-transform:uppercase;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.price-widgect{
#slider-range{
border-radius:0;
background: #dedede;
border:1px solid #c2c2c2;
margin-bottom:25px;
height:10px;
.ui-state-default{
border: 1px solid @primary-color;
background: @primary-color;
font-weight: bold;
color: @primary-color;
width:10px;
border-radius:3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:@primary-color;
border-radius: 0;
}
}
p{
text-align:center;
border-radius: 6px;
padding:5px 0;
#amount{
text-align: center;
font-size:24px;
color:#ffffff;
}
}
a{
text-transform: uppercase;
display:block;
}
}
}
.video-widgect{
margin-bottom:30px;
}
.apply-widgect{
background:url(images/courses/apply-bg.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background:@primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius: 10px;
}
}
}
}
}
.relatate-courses{
margin-top: 60px;
.reletatecourses-title{
h3{
background:#f7f7f7;
padding:15px;
font-size:24px;
color:#222222;
}
}
.reletate-list{
position: relative;
.reletate-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 20px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.reletate-overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:100%;
height:250px;
position: relative;
overflow: hidden;
&.courses-img1{
background:url(images/courses/1.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/2.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/3.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img4{
background:url(images/courses/4.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img5{
background:url(images/courses/5.jpg) no-repeat #333333;
background-size:cover;
}
.reletate-overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:40px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
h4{
font-size:18px;
margin-bottom: 10px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: capitalize;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:26px;
}
}
}
.owl-controls{
.owl-buttons{
position: absolute;
top:5px;
right:20px;
div{
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius: 0;
background:transparent;
border:1px solid #dddddd;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
i{
color:#ffffff;
}
}
i{
font-size:20px;
color:#000000;
}
}
}
}
}
}
}
/*---------------------------
23.coursefive-area
-----------------------------*/
.coursefive-area{
padding:100px 0;
overflow:hidden;
.single-box{
overflow:hidden;
position: relative;
margin-bottom:30px;
&:hover{
.courch-img{
border:1px solid @primary-color;
}
.courch-content{
background:#ffffff;
border:1px solid @primary-color;
h3{
a{
color:@primary-color;
}
}
}
}
.courch-img{
margin-bottom:0;
border:1px solid transparent;
transition:@transition;
height:225px;
a{
display: block;
overflow:hidden;
transition:@transition;
img{
width:100%;
height:225px;
overflow:hidden;
transition:@transition;
&:hover{
transform:scale(1.2);
}
}
}
}
.courch-content{
padding:30px;
background:#dddddd;
transition:@transition;
border:1px solid transparent;
h3{
font-size:24px;
margin-bottom:15px;
a{
color:#222222;
transition: @transition;
&:hover{
color:@hover-color;
}
}
}
.amount{
margin-bottom:10px;
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-right:10px;
a{
font-size:24px;
font-family: @title-font;
font-weight:700;
color:@primary-color;
del{
font-size:18px;
color:#878787;
font-weight:500;
}
}
}
}
}
.revew-area{
margin-bottom:10px;
ul{
li{
display: inline-block;
i{
color:#fea400;
font-size:16px;
}
}
}
}
.social-media{
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-right:5px;
&:first-child{
margin-right:15px;
font-size:18px;
color:#222222;
}
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:16px;
background:#000000;
color:#ffffff;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
.sidebar-widgect{
.singleside-widgect{
padding:40px 20px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.widgect-form{
form{
#name{
width:100%;
padding:10px 15px;
border:1px solid @primary-color;
background:#ffffff;
border-radius:0;
margin-bottom:15px;
font-size:14px;
color:#999999;
font-family: @title-font;
height:50px;
&:focus{
border:none;
}
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
}
.chack-area{
margin-bottom: 30px;
label{
font-size:16px;
color:#222222;
font-family:@title-font;
margin:0 15px;
}
}
button{
width:100%;
border:0;
text-transform:uppercase;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.price-widgect{
#slider-range{
border-radius:0;
background: #dedede;
border:1px solid #c2c2c2;
margin-bottom:25px;
height:10px;
.ui-state-default{
border: 1px solid @primary-color;
background: @primary-color;
font-weight: bold;
color: @primary-color;
width:10px;
border-radius:3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:@primary-color;
border-radius: 0;
}
}
p{
text-align:center;
border-radius: 6px;
padding:5px 0;
#amount{;
text-align: center;
font-size:24px;
color:#ffffff;
}
}
a{
text-transform: uppercase;
display:block;
}
}
}
.video-widgect{
margin-bottom:30px;
}
.apply-widgect{
background:url(images/courses/apply-bg.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background:@primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius: 10px;
}
}
}
}
}
.relatate-courses{
margin-top: 60px;
.reletatecourses-title{
h3{
background:#f7f7f7;
padding:15px;
font-size:24px;
color:#222222;
}
}
.chourses-lists{
position: relative;
.single-courses{
overflow:hidden;
position: relative;
&:hover{
.courch-content{
h3{
a{
color:@primary-color;
}
}
}
}
.courch-img{
margin-bottom:0;
a{
display: block;
overflow:hidden;
transition:@transition;
img{
width:100%;
height:100%;
overflow:hidden;
transition:@transition;
&:hover{
transform:scale(1.2);
}
}
}
}
.courch-content{
padding:30px;
background:#dddddd;
h3{
font-size:24px;
margin-bottom:15px;
a{
color:#222222;
transition: @transition;
&:hover{
color:@hover-color;
}
}
}
.amount{
margin-bottom:10px;
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-right:10px;
a{
font-size:24px;
font-family: @title-font;
font-weight:700;
color:@primary-color;
del{
font-size:18px;
color:#878787;
font-weight:500;
}
}
}
}
}
.revew-area{
margin-bottom:10px;
ul{
li{
display: inline-block;
i{
color:#fea400;
font-size:16px;
}
}
}
}
.social-media{
ul{
margin:0;
padding:0;
list-style:none;
li{
display: inline-block;
margin-right:5px;
&:first-child{
margin-right:15px;
font-size:18px;
color:#222222;
}
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:16px;
background:#000000;
color:#ffffff;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
.owl-controls{
.owl-buttons{
position: absolute;
top:5px;
right:20px;
div{
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius: 0;
background:transparent;
border:1px solid #dddddd;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
i{
color:#ffffff;
}
}
i{
font-size:20px;
color:#000000;
}
}
}
}
}
}
}
/*---------------------------
24.coursedetails-area
-----------------------------*/
.coursedetails-area{
padding:100px 0;
overflow:hidden;
.courses-detels{
.courses-img{
overflow:hidden;
margin-bottom:25px;
a{
display: block;
img{
width:100%;
height: 100%;
transition:@transition;
overflow: hidden;
&:hover{
transform:scale(1.2);
}
}
}
}
.courses-info{
h2{
margin-bottom:22px;
text-transform: capitalize;
a{
font-size:30px;
color:@primary-color;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
margin-bottom:22px;
}
}
.courses-content{
border:1px solid #dddddd;
padding:30px 20px;
overflow:hidden;
.single-content{
margin-bottom:30px;
h3{
font-size:24px;
color:#222222;
padding-bottom:20px;
margin-bottom:20px;
font-weight:500;
position: relative;
&:after{
position:absolute;
content:"";
width:40px;
height:3px;
background:@primary-color;
left:0;
bottom:0;
}
}
p{
margin:0;
}
.feauter{
ul{
margin:0;
padding:0;
list-style:none;
li{
display: block;
position:relative;
padding-left:40px;
font-size:16px;
line-height:22px;
font-family:@title-font;
margin-bottom:15px;
transition:@transition;
&:hover{
color:@primary-color;
cursor: pointer;
}
&:after{
position:absolute;
content:"\f061";
font-family: fontawesome;
left:0;
top:0px;
color:#ffffff;
background:@primary-color;
width:20px;
height:20px;
line-height:20px;
text-align:center;
border-radius:50%;
font-size:12px;
}
}
}
}
.review{
overflow:hidden;
position:relative;
padding:20px 0;
border-bottom:1px solid #dddddd;
&:last-child{
border-bottom:none;
padding-bottom:0
}
.review-img{
width:10%;
float:left;
img{
width:80px;
height: 80px;
}
}
.reveow-content{
width:90%;
float:left;
padding-left:20px;
h4{
margin-bottom:3px;
a{
font-size:18px;
color:@primary-color;
display: block;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
margin-bottom:0;
}
}
.reveiw-icon{
position: absolute;
top:20px;
right:20px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
color:#fea400;
font-size:16px;
cursor: pointer;
}
}
}
}
}
}
}
.sidebar-widgect{
.singleside-widgect{
padding:40px 20px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.widgect-form{
form{
#name{
width:100%;
padding:10px 15px;
border:1px solid @primary-color;
background:#ffffff;
border-radius:0;
margin-bottom:15px;
font-size:14px;
color:#999999;
font-family: @title-font;
height:50px;
&:focus{
border:none;
}
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
}
.chack-area{
margin-bottom: 30px;
label{
font-size:16px;
color:#222222;
font-family:@title-font;
margin:0 15px;
}
}
button{
width:100%;
border:0;
text-transform:uppercase;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.price-widgect{
#slider-range{
border-radius:0;
background: #dedede;
border:1px solid #c2c2c2;
margin-bottom:25px;
height:10px;
.ui-state-default{
border: 1px solid @primary-color;
background: @primary-color;
font-weight: bold;
color: @primary-color;
width:10px;
border-radius:3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:@primary-color;
border-radius: 0;
}
}
p{
text-align:center;
border-radius: 6px;
padding:5px 0;
#amount{
text-align: center;
font-size:24px;
}
}
a{
text-transform: uppercase;
display:block;
}
}
}
.video-widgect{
margin-bottom:30px;
}
.apply-widgect{
background:url(images/courses/apply-bg.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background:@primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius: 10px;
}
}
}
}
}
.relatate-courses{
margin-top: 60px;
.reletatecourses-title{
h3{
background:#f7f7f7;
padding:15px;
font-size:24px;
color:#222222;
}
}
.reletate-list{
position: relative;
.reletate-courses{
transition:@transition;
overflow:hidden;
margin-bottom: 20px;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.courses-img{
.reletate-overlay{
opacity:1;
transform:scale(1);
}
}
.courses-info{
background:#ffffff;
h4{
a{
color:@hover-color;
}
}
.btn{
background:@hover-color;
border:1px solid @hover-color;
color:#ffffff;
}
}
}
.courses-img{
background-position: center;
background-size:cover;
width:100%;
height:250px;
position: relative;
overflow: hidden;
&.courses-img1{
background:url(images/courses/1.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img2{
background:url(images/courses/2.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img3{
background:url(images/courses/3.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img4{
background:url(images/courses/4.jpg) no-repeat #333333;
background-size:cover;
}
&.courses-img5{
background:url(images/courses/5.jpg) no-repeat #333333;
background-size:cover;
}
.reletate-overlay{
position:absolute;
content:'';
width:100%;
height:100%;
top:0;
left:0;
background:rgba(26, 16, 14, .6);
transition: @transition;
opacity: 0;
transform: scale(1.5);
overflow:hidden;
.overlay-text{
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
text-align:center;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
position: relative;
margin-right:20px;
&:hover{
.tool {
visibility: visible;
opacity:1;
}
}
.tool{
width: 80px;
background-color: #f7f7f7;
color: #222222;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 130%;
left: 50%;
margin-left: -30px;
font-family:@title-font;
font-weight:500;
visibility: hidden;
&:after{
content:"";
position: absolute;
width:0;
height:0;
top: 100%;
left: 50%;
margin-left: -5px;
border-top:8px solid #ffffff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
}
a{
display: block;
font-family: @title-font;
font-size:16px;
color:#ffffff;
transition:@transition;
&:hover{
color:@hover-color;
i{
color:@hover-color;
}
}
i{
color:@primary-color;
font-size:20px;
margin-right:5px;
transition:@transition;
}
}
}
}
}
.price{
a{
position:absolute;
bottom:0;
right:0;
background:@primary-color;
padding:10px 20px;
color:#ffffff;
font-size:24px;
font-family: @title-font;
font-weight:500;
display:inline-block;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
.courses-info{
padding:40px 30px;
background:#f7f7f7;
transition:@transition;
overflow: hidden;
h4{
font-size:18px;
margin-bottom: 10px;
a{
color:#222222;
display: inline-block;
transition: @transition;
text-transform: capitalize;
&:hover{
color:@primary-color;
}
}
}
h5{
color:#222222;
font-size:14px;
margin-bottom:25px;
a{
color:#222222;
display: inline-block;
transition: @transition;
&:hover{
color:@hover-color;
span{
color:@hover-color;
}
}
span{
color:@primary-color;
transition: @transition;
}
}
}
p{
font-size:14px;
color:#555555;
line-height:22px;
margin-bottom:25px;
}
.btn{
background:transparent;
border:1px solid #dddddd;
background:#f7f7f7;
color:#969696;
transition:@transition;
&:hover{
background:@primary-color;
color:#ffffff;
border:1px solid @primary-color;
}
}
}
}
.owl-controls{
.owl-buttons{
position: absolute;
top:5px;
right:20px;
div{
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius: 0;
background:transparent;
border:1px solid #dddddd;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
i{
color:#ffffff;
}
}
i{
font-size:20px;
color:#000000;
}
}
}
}
}
}
}
/*---------------------------
25.educaremember-area
-----------------------------*/
.educaremember-area{
padding:100px 0;
overflow:hidden;
.singlemember-area{
margin-bottom:30px;
position:relative;
overflow: hidden;
&:hover{
.member-over{
opacity:1;
bottom:0;
}
}
.member-img{
img{
width:100%;
height:397px;
}
}
.member-title{
position:absolute;
bottom:0;
left:0;
img{
width:450px;
}
h4{
position:absolute;
bottom:-12px;
text-align:center;
left:0;
right:0;
font-size:18px;
color:#222222;
}
}
.member-over{
text-align:center;
background:#e1e1e1;
padding:20px;
position:absolute;
width:100%;
height:100%;
bottom:100%;
left:0;
opacity:0;
transition:@transition;
.hover-img{
width:180px;
height:180px;
overflow: hidden;
border-radius:50%;
border:2px dashed @primary-color;
position:relative;
margin:auto;
&:hover{
&:after{
opacity:1;
}
a{
opacity:1;
}
}
&:after{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .6);
border-radius: 50%;
border:10px solid #e1e1e1;
opacity:0;
transition:@transition
}
&:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
border-radius: 50%;
border:10px solid #e1e1e1;
}
a{
position: absolute;
display:inline-block;
left:0;
right:0;
text-align:center;
top:45%;
z-index: 1;
font-size:20px;
color:#ffffff;
transition:@transition;
opacity:0;
&:hover{
color:@hover-color;
}
}
}
.member-name{
margin-top:30px;
h4{
margin-bottom: 15px;
line-height:18px;
a{
font-size:18px;
color:#222222;
display:inline-block;
text-align:center;
font-family: @title-font;
font-weight:500;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
font-size:16px;
line-height:16px;
margin-bottom:20px;
}
}
.social-media{
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
a{
display:inline-block;
width:30px;
height:30px;
line-height:30px;
color:#ffffff;
background:#000000;
font-size:14px;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
.pagination-area{
margin-top:20px;
}
}
/*---------------------------
26.educaretwo-area
-----------------------------*/
.educaretwo-area{
padding:100px 0;
overflow:hidden;
.single-educare{
overflow: hidden;
margin-bottom:30px;
transition:@transition;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.educare-img{
&:after{
opacity:1;
transform: scale(1);
}
.overlay{
bottom:30px;
opacity:1;
}
}
.educare-content{
background:#ffffff;
}
}
.educare-img{
width:50%;
float:left;
position: relative;
z-index: 1;
img{
width: 100%;
height: 261px;
}
&:after{
position:absolute;
content:'';
width:100%;
height:100%;
background:rgba(0, 0, 0, .5);
left:0;
top:0;
transition:@transition;
transform:scale(0);
opacity: 0;
}
.overlay{
position: absolute;
bottom:-10px;
width:80%;
left:0;
right:0;
margin:auto;
z-index: 2;
opacity:0;
transition: @transition;
.educare-socialmedia{
text-align:center;
background:#000000;
padding:10px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
margin:0 5px;
a{
display: block;
width:35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius:50%;
background:#ffffff;
color:#222222;
font-size:14px;
transition:@transition;
&:hover{
color:#ffffff;
background:@hover-color;
}
}
}
}
}
}
}
.educare-content{
width:50%;
float:left;
padding:20px 25px;
background:#f7f7f7;
transition: @transition;
h4{
font-size:18px;
margin-bottom:20px;
text-transform: capitalize;
a{
display: block;
color:@primary-color;
}
span{
display: block;
font-size:70%;
font-weight: 400;
margin-top: 10px;
}
}
p{
font-size: 14px;
line-height:22px;
text-align: center;
margin-bottom:25px;
}
.edeucare-btn{
}
}
}
.pagination-area{
margin-top:20px;
}
}
/*---------------------------
27.single-educaremember
-----------------------------*/
.singleeducar-area{
padding:100px 0;
.single-educaremember{
.singleminber-img{
position: relative;
overflow: hidden;
z-index: 1;
&:hover{
.socialmeida-list{
opacity:1;
.social-icon{
opacity: 1;
right:0;
}
}
}
img{
width:100%;
height:100%;
}
.socialmeida-list{
position:absolute;
width:100%;
height:100%;
background:rgba(0, 0, 0, .2);
top:0;
right:0px;
transition:@transition;
opacity:0;
.social-icon{
position: absolute;
top:50%;
transform: translateY(-50%);
right:-30px;
background:#222222;
display: inline-block;
padding-bottom:55px;
border-radius:0 0 0 60px;
transition: @transition;
opacity:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display: block;
padding:5px 10px;
&:first-child{
padding-top:15px;
}
&:last-child{
border-bottom:1px solid #ffffff;
padding-bottom:15px;
}
a{
display: block;
width:35px;
height:35px;
line-height:35px;
text-align:center;
border-radius:50%;
font-size:14px;
color:#222222;
background:#ffffff;
transition: @transition;
&:hover{
color:#ffffff;
background:@hover-color;
}
}
}
}
}
}
}
.member-detels{
.member-name{
h3{
font-size:24px;
margin-bottom:16px;
a{
display: block;
color:#222222;
text-transform:uppercase;
font-weight:500;
transition: @transition;
font-family:@title-font;
&:hover{
color:@hover-color;
}
}
span{
display: block;
font-size:70%;
font-weight:400;
margin-top:6px;
}
}
}
p{
font-size:16px;
line-height:26px;
color:#505050;
margin-bottom:20px;
}
.address{
margin-bottom: 33px;
ul{
margin:0;
padding:0;
list-style:none;
li{
display: block;
font-size:14px;
color:#222222;
line-height:26px;
margin-bottom:10px;
font-family: @title-font;
a{
display: inline-block;
color:#222222;
transition:@transition;
&:hover{
color:@hover-color;
}
}
span{
color:@primary-color;
margin-right:5px;
}
}
}
}
.ask-question{
h3{
font-size:24px;
color:#222222;
position: relative;
font-weight:500;
padding-bottom:20px;
&:after{
position:absolute;
content:'';
width:60px;
height:3px;
background:@primary-color;
left:0;
bottom:0;
}
}
.contract-form{
form{
input{
width:100%;
font-family:@title-font;
font-size:16px;
color:#505050;
border:none;
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
background:#f9f9f9;
margin-bottom:20px;
padding:10px 20px;
}
.wide{
border-radius:0;
margin-bottom:15px;
height:50px;
padding-top:5px;
}
.form-control{
width:100%;
font-family:@title-font;
font-size:16px;
color:#505050;
border:none;
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
background:#f9f9f9;
margin-bottom:20px;
padding:10px 20px;
height:48px;
}
textarea{
width:100%;
font-family:@title-font;
font-size:16px;
color:#505050;
border:none;
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
background:#f9f9f9;
margin-bottom:20px;
padding:10px 20px;
resize: none;
height:200px;
}
.form-btn{
button{
border:0;
&.btn-hr{
padding:12px 40px;
font-size:18px;
text-transform:uppercase;
}
}
}
}
}
}
}
.related-member{
position: relative;
.releted-title{
margin-top:60px;
h3{
background:#f7f7f7;
padding:15px;
font-size:24px;
color:#222222;
}
}
.singlemember-slide{
.single-member{
margin-bottom:30px;
position:relative;
overflow: hidden;
&:hover{
.member-over{
opacity:1;
transform:scale(1);
}
}
.member-img{
img{
width:100%;
height:397px;
}
}
.member-title{
position:absolute;
bottom:0;
left:0;
img{
width:450px;
}
h4{
position:absolute;
bottom:-12px;
text-align:center;
left:0;
right:0;
font-size:18px;
color:#222222;
}
}
.member-over{
text-align:center;
background:#e1e1e1;
padding:20px;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
transition:@transition;
transform:scale(0);
.hover-img{
width:180px;
height:180px;
border-radius:50%;
border:2px dashed @primary-color;
position:relative;
margin:auto;
overflow: hidden;
&:hover{
&:after{
opacity:1;
}
a{
opacity:1;
}
}
&:after{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .6);
border-radius: 50%;
border:10px solid #e1e1e1;
opacity:0;
transition:@transition
}
&:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
border-radius: 50%;
border:10px solid #e1e1e1;
}
a{
position: absolute;
display:inline-block;
left:0;
right:0;
text-align:center;
top:45%;
z-index: 1;
font-size:20px;
color:#ffffff;
transition:@transition;
opacity:0;
&:hover{
color:@hover-color;
}
}
}
.member-name{
margin-top:30px;
h4{
margin-bottom: 15px;
line-height:18px;
a{
font-size:18px;
color:#222222;
display:inline-block;
text-align:center;
font-family: @title-font;
font-weight:500;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
font-size:16px;
line-height:16px;
margin-bottom:20px;
}
}
.social-media{
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
a{
display:inline-block;
width:30px;
height:30px;
line-height:30px;
color:#ffffff;
background:#000000;
font-size:14px;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
.owl-controls{
.owl-buttons{
position: absolute;
top:-19%;
right:20px;
div{
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius: 0;
border:1px solid #dddddd;
background: transparent;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
i{
color:#ffffff;
}
}
i{
font-size:20px;
color:#000000;
}
}
}
}
}
}
}
}
/*---------------------------
28.Portfolio-one-area
-----------------------------*/
.Portfolio-one-area{
overflow: hidden;
padding:100px 0;
.gallary-manue{
margin-bottom:35px;
ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
li{
display: inline-block;
padding:10px 30px;
font-family:@title-font;
color:#222222;
font-size:18px;
text-transform: capitalize;
border:1px solid #dddddd;
margin:0 15px;
transition:@transition;
&:hover{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
cursor: pointer;
}
&.active{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
position:relative;
transition:@transition;
&:after{
position:absolute;
content:"";
width:0;
height:0;
border-top:8px solid @primary-color;
border-left:8px solid transparent;
border-right:8px solid transparent;
left:0;
right:0;
margin:auto;
top:100%;
}
}
}
}
}
.filter-gallary{
margin-left:-2%;
overflow: hidden;
.single-gallary{
width:18%;
margin-left:2%;
margin-bottom:2%;
overflow:hidden;
float: left;
&:nth-child(2){
width:78%;
}
&:nth-child(3){
.gallary-img{
height:620px;
}
}
&:nth-child(5){
width:58%;
}
&:hover{
.gallary-img{
.gallary-overlay{
opacity:1;
transform: scale(.9);
}
}
}
.gallary-img{
background-size:cover;
background-position:center;
height:300px;
background:#666666;
position:relative;
&.gallary-img1{
background:url(images/gallery/2.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img2{
background:url(images/gallery/1.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img3{
background:url(images/gallery/3.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img4{
background:url(images/gallery/4.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img5{
background:url(images/gallery/5.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img6{
background:url(images/gallery/6.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img7{
background:url(images/gallery/7.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img8{
background:url(images/gallery/8.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img9{
background:url(images/gallery/9.jpg) no-repeat #666666;
background-size:cover;
}
.gallary-overlay{
position: absolute;
width:100%;
height:100%;
background:rgba(0, 0, 0, .8);
left:0;
top:0;
opacity:0;
transform:scale(0);
transition:@transition;
.overlay-content{
position: absolute;
top:50%;
transform:translateY(-50%);
left:0;
right:0;
text-align:center;
.gallary-title{
h3{
font-size:18px;
color:#ffffff;
margin-bottom:15px;
span{
display: block;
font-size:80%;
color:@primary-color;
margin-top:15px;
}
}
}
.galary-cosial{
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
margin-left:10px;
a{
display: block;
width:35px;
height:35px;
line-height:35px;
text-align:center;
color:#ffffff;
font-size:16px;
background:#989898;
border-radius:50%;
transition:@transition;
&:hover{
background:@hover-color;
}
}
}
}
}
}
}
}
}
}
}
/*---------------------------
29.Portfolio-two-area
-----------------------------*/
.Portfolio-two-area{
overflow: hidden;
padding:100px 0;
.gallary-manue{
margin-bottom:35px;
ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
li{
display: inline-block;
padding:10px 30px;
font-family:@title-font;
color:#222222;
font-size:18px;
text-transform: capitalize;
border:1px solid #dddddd;
margin:0 15px;
transition:@transition;
&:hover{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
cursor: pointer;
}
&.active{
background:@primary-color;
border:1px solid @primary-color;
color:#ffffff;
position:relative;
transition:@transition;
&:after{
position:absolute;
content:"";
width:0;
height:0;
border-top:8px solid @primary-color;
border-left:8px solid transparent;
border-right:8px solid transparent;
left:0;
right:0;
margin:auto;
top:100%;
}
}
}
}
}
.box-gallary{
.single-img{
width:33.34%;
overflow:hidden;
float: left;
position:relative;
&:hover{
.gallary-content{
opacity:1;
transform:scaleY(1);
}
}
.gallary-img{
background-size:cover;
background-position:center;
height:300px;
background:#666666;
&.gallary-img1{
background:url(images/gallery/11.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img2{
background:url(images/gallery/12.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img3{
background:url(images/gallery/13.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img4{
background:url(images/gallery/14.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img5{
background:url(images/gallery/15.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img6{
background:url(images/gallery/16.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img7{
background:url(images/gallery/17.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img8{
background:url(images/gallery/18.jpg) no-repeat #666666;
background-size:cover;
}
&.gallary-img9{
background:url(images/gallery/19.jpg) no-repeat #666666;
background-size:cover;
}
}
.gallary-content{
position:absolute;
left:0;
right:0;
text-align:center;
bottom:0;
padding:20px 0;
background:rgba(0, 0, 0, .8);
opacity:0;
transform:scaleY(0);
transition:@transition;
h3{
margin:0;
a{
font-size:18px;
color:#ffffff;
margin:0;
transition: @transition;
&:hover{
color:@hover-color;
}
}
span{
margin-top:5px;
display: block;
font-size:70%;
color:@primary-color;
}
}
}
}
}
}
/*---------------------------
30.ourshop-one-area
-----------------------------*/
.ourshopone-area{
padding:100px 0;
overflow:hidden;
.single-product{
margin-bottom:30px;
&:hover{
.product-info{
-webkit-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
-moz-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
background:#ffffff;
.product-name{
h4{
a{
color:@primary-color;
}
}
}
}
.product-img{
.social-list{
opacity:1;
width:100%;
}
}
}
.product-img{
position:relative;
img{
width:100%;
height:100%;
}
.social-list{
position:absolute;
top:0;
left:0;
width:0;
height:100%;
background:rgba(17, 16, 16, .7);
text-align:center;
opacity:0;
transition:@transition;
.product-social{
position:absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:1px solid @primary-color;
font-size:16px;
color:#FFFFFF;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
}
}
}
}
.product-info{
padding:30px 20px;
background:#f8f8f8;
transition:@transition;
overflow: hidden;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
.product-name{
float:left;
h4{
margin-bottom:10px;
font-size:18px;
line-height:18px;
a{
color:#222222;
font-family: @title-font;
transition:@transition;
display: inline-block;
&:hover{
color:@hover-color;
}
}
}
span{
color:@primary-color;
display:block;
font-size:18px;
line-height:18px;
font-family: @title-font;
font-weight:500;
}
}
.product-reveow{
float: right;
margin-top: -49px;
margin-left: 10px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
&:last-child{
a{
color:#b1b1b1;
}
}
a{
color:#fea400;
display:block;
font-size:16px;
}
}
}
}
}
}
}
.product-discunt{
position: absolute;
top:10px;
right:20px;
.discunt-content{
width:120px;
position: relative;
.discunt{
position: absolute;
top:30%;
left:0;
right:0;
text-align:center;
h5{
font-size:16px;
font-family:@title-font;
color:#ffffff;
font-weight:700;
span{
font-size:12px;
font-weight: 400;
}
}
}
}
}
}
.pagination-area{
margin-top:20px;
}
}
/*---------------------------
31.ourshoptwo-area
-----------------------------*/
.ourshoptwo-area{
padding:100px 0;
overflow: hidden;
.sidebar-widgect{
.singleside-widgect{
padding:40px 20px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.price-widgect{
#slider-range{
border-radius:0;
background: #dedede;
border:1px solid #c2c2c2;
margin-bottom:25px;
height:10px;
.ui-state-default{
border: 1px solid @primary-color;
background: @primary-color;
font-weight: bold;
color: @primary-color;
width:10px;
border-radius:3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
background:@primary-color;
border-radius: 0;
}
}
p{
text-align:center;
border-radius: 6px;
padding:5px 0;
input{
width:100%;
}
#amount{
text-align: center;
font-size:24px;
}
}
a{
text-transform: uppercase;
display:block;
}
}
.best-sellers{
overflow: hidden;
margin-bottom:20px;
.seller-img{
width:35%;
float: left;
img{
width:80px;
height:80px;
}
}
.seller-content{
width:65%;
float: left;
padding-left:20px;
h4{
font-size:16px;
margin-bottom:5px;
a{
display: block;
color:#222222;
transition:@transition;
text-transform: capitalize;
&:hover{
color:@hover-color;
}
}
}
.reveiw-icon{
margin-bottom:5px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
font-size:16px;
color:#fea400;
}
}
}
.price{
h4{
color:#222222;
font-size:18px;
}
}
}
}
}
}
.single-product{
margin-bottom:30px;
&:hover{
.product-info{
-webkit-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
-moz-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
background:#ffffff;
.product-name{
h4{
a{
color:@primary-color;
}
}
}
}
.product-img{
.social-list{
opacity:1;
transform: scale(1);
}
}
}
.product-img{
position:relative;
img{
width:100%;
height:100%;
}
.social-list{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(17, 16, 16, .7);
text-align:center;
opacity:0;
transform:scale(0);
transition:@transition;
z-index: 2;
.product-social{
position:absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:1px solid @primary-color;
font-size:16px;
color:#FFFFFF;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
}
}
}
}
.product-info{
padding:30px 20px;
background:#f8f8f8;
transition:@transition;
overflow: hidden;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
.product-name{
float:left;
h4{
margin-bottom:10px;
font-size:18px;
line-height:18px;
a{
color:#222222;
font-family: @title-font;
transition:@transition;
display: inline-block;
&:hover{
color:@hover-color;
}
}
}
span{
color:@primary-color;
display:block;
font-size:18px;
line-height:18px;
font-family: @title-font;
font-weight:500;
}
}
.product-reveow{
float: right;
margin-top: -49px;
margin-left: 10px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
&:last-child{
a{
color:#b1b1b1;
}
}
a{
color:#fea400;
display:block;
font-size:16px;
}
}
}
}
}
}
}
.product-discunt{
position: absolute;
top:10px;
right:20px;
.discunt-content{
width:120px;
position: relative;
.discunt{
position: absolute;
top:30%;
left:0;
right:0;
text-align:center;
h5{
font-size:16px;
font-family:@title-font;
color:#ffffff;
font-weight:700;
span{
font-size:12px;
font-weight: 400;
}
}
}
}
}
}
}
/*32.singleshope-area*/
.single-shope-area{
padding:100px 0 60px 0;
overflow: hidden;
.product-images{
.bx-wrapper{
margin: 0;
padding: 0;
overflow: hidden;
&:hover{
.bx-prev{
left:20px;
}
.bx-next{
right:20px;
}
}
.bx-prev{
height: 48px !important;
left:-40px;
width: 40px !important;
transition: @transition;
}
.bx-next{
height: 48px !important;
right: -40px;
width: 40px !important;
transition: @transition;
}
.bx-controls-direction{
top:50%;
a {
top: inherit;
}
}
}
.bxslider{
li{
position: relative;
overflow: hidden;
img{
width: 100%;
transform:scale(1);
transition:@transition;
&:hover{
transform:scale(1.3);
}
}
}
}
#bx-pager{
a{
img{
width: 24%;
}
}
}
}
.singpeshope-detels{
position: relative;
.singleshope-title{
margin-bottom: 20px;
h3{
font-size: 24px;
margin-bottom:5px;
a{
color:#222222;
&:hover{
color:@hover-color;
}
}
}
.product-price{
span{
font-size:24px;
color:@primary-color;
font-family: @title-font;
font-weight:500;
}
}
}
.reveow{
position: absolute;
top:0;
right:0;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
color:#fea400;
font-size:16px;
cursor: pointer;
}
}
}
.social-area{
margin-bottom: 25px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
h4{
font-size: 18px;
color:#222222;
display: inline-block;
margin-right: 15px;
margin-bottom:0;
}
a{
display: inline-block;
width:40px;
height:40px;
line-height: 40px;
text-align: center;
background:#000000;
font-size:16px;
color:#ffffff;
transition: @transition;
&:hover{
background:@primary-color;
transform: translateY(-2px);
}
}
}
}
}
.adto-card{
margin-bottom: 30px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
h3{
font-size:18px;
color:#222222;
margin-bottom:0;
}
a{
display: inline-block;
width:50px;
height:50px;
line-height:50px;
text-align: center;
color:#222222;
border:1px solid #222222;
font-size:16px;
margin-left:5px;
transition:@transition;
&:hover{
color:#ffffff;
background: @hover-color;
border-color:@hover-color;
}
}
}
}
}
.tab-area{
ul{
&.nav-tabs{
margin: 0;
padding:0;
list-style: none;
li{
&.active{
a{
background:@primary-color;
color:#ffffff;
}
}
a{
border-radius: 0;
border:0;
font-size:18px;
color:#222222;
transition: @transition;
&:hover{
background:@primary-color;
color:#ffffff;
}
}
}
}
}
.tab-content{
border: 1px solid @primary-color;
padding:35px 30px;
p{
margin-bottom: 0;
color:#434343;
font-size:14px;
line-height:22px;
}
}
}
}
/*input number increament*/
.input-number {
position: relative;
margin:0 10px;
}
.input-number input {
border:1px solid @primary-color;
font-size: 16px;
font-weight: 600;
padding: 10px;
text-align: center;
}
.input-number input[type="text"] {
width: 90px;
}
.input-number .inc.button,
.input-number .dec.button {
color: #7d7777;
cursor: pointer;
display: inline-block;
font-size: 18px;
height: 100%;
line-height: 32px;
padding: 10px;
position: absolute;
}
.input-number .inc.button {
right: 0px;
top:0px;
}
.input-number .dec.button {
left: 0;
top: 0;
}
.input-number .inc.button::before {
border-left: 1px solid @primary-color;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.input-number .dec.button::before {
border-right: 1px solid @primary-color;
content: "";
height: 100%;
right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.input-number .inc.button:hover {
color:#ffffff;
background: @primary-color;
}
.input-number .dec.button:hover {
color:#ffffff;
background: @primary-color;
}
/*input number increament end hear*/
.related-product{
.releted-title{
margin-top:60px;
h3{
background:#f7f7f7;
padding:15px;
font-size:24px;
color:#222222;
}
}
.productlist{
.single-product{
margin-bottom:30px;
&:hover{
.product-info{
-webkit-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
-moz-box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
box-shadow: 0px 4px 0px 3px rgba(248,248,248,1);
background:#ffffff;
.product-name{
h4{
a{
color:@primary-color;
}
}
}
}
.product-img{
.social-list{
opacity:1;
height:100%;
}
}
}
.product-img{
position:relative;
img{
width:100%;
height:100%;
}
.social-list{
position:absolute;
top:0;
left:0;
width:100%;
height:0;
background:rgba(17, 16, 16, .7);
text-align:center;
opacity:0;
transition:@transition;
.product-social{
position:absolute;
top:50%;
transform: translateY(-50%);
left:0;
right:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
a{
display: block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:1px solid @primary-color;
font-size:16px;
color:#FFFFFF;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
}
}
}
}
.product-info{
padding:30px 20px;
background:#f8f8f8;
transition:@transition;
overflow: hidden;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
.product-name{
float:left;
h4{
margin-bottom:10px;
font-size:18px;
line-height:18px;
a{
color:#222222;
font-family: @title-font;
transition:@transition;
display: inline-block;
&:hover{
color:@hover-color;
}
}
}
span{
color:@primary-color;
display:block;
font-size:18px;
line-height:18px;
font-family: @title-font;
font-weight:500;
}
}
.product-reveow{
float: right;
margin-top: -49px;
margin-left: 10px;
ul{
margin:0;
padding:0;
list-style: none;
li{
display:inline-block;
&:last-child{
a{
color:#b1b1b1;
}
}
a{
color:#fea400;
display:block;
font-size:16px;
}
}
}
}
}
}
}
.product-discunt{
position: absolute;
top:10px;
right:20px;
.discunt-content{
width:120px;
position: relative;
.discunt{
position: absolute;
top:30%;
left:0;
right:0;
text-align:center;
h5{
font-size:16px;
font-family:@title-font;
color:#ffffff;
font-weight:700;
span{
font-size:12px;
font-weight: 400;
}
}
}
}
}
}
}
.owl-controls{
.owl-buttons{
position: absolute;
top:-16.5%;
right:20px;
div{
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius: 0;
border:1px solid #dddddd;
background:transparent;
transition:@transition;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
i{
color:#ffffff;
}
}
i{
font-size:20px;
color:#000000;
}
}
}
}
}
}
/*---------------------------
33.registration-area
-----------------------------*/
.registration-area{
padding:100px 0;
overflow: hidden;
}
/*---------------------------
34.Researchone-area
-----------------------------*/
.researchone-area{
padding:100px 0;
overflow: hidden;
.resarches-single{
margin-bottom: 30px;
overflow: hidden;
transition: @transition;
&:hover{
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
.researchone-img{
img{
transform:scale(1.2);
}
&:after{
opacity:1;
transform:scaleY(1);
}
}
.researchone-info{
background: #ffffff;
h3{
a{
color:@primary-color;
}
}
}
}
.researchone-img{
overflow: hidden;
position: relative;
&:after{
width:100%;
height:100%;
position: absolute;
content:"";
left:0;
top:0;
background:rgba(0, 0, 0, .3);
transform:scaleY(0);
opacity:0;
transition: @transition;
}
a{
display: block;
img{
width:100%;
height:300px;
transition:@transition;
}
}
}
.researchone-info{
padding:35px 25px;
background:#f7f7f7;
transition:@transition;
h3{
font-size:24px;
margin-bottom:10px;
text-transform: capitalize;
position: relative;
padding-bottom:15px;
&:after{
position:absolute;
content: "";
width:60px;
height:3px;
background:@primary-color;
left:0;
bottom:0;
}
a{
color:#222222;
transition:@transition;
&:hover{
color:@hover-color;
}
}
}
p{
font-size:14px;
color:#2c2c2c;
line-height:28px;
margin-bottom:25px;
}
}
}
.sidebar-widgect{
.singleside-widgect{
padding:40px 15px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
text-transform: capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
font-size:14px;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.widgect-form{
form{
#name{
width:100%;
padding:10px 15px;
border:1px solid @primary-color;
background:#f5f5f5;
border-radius:0;
margin-bottom:15px;
font-size:14px;
color:#999999;
font-family: @title-font;
}
select{
width:100%;
height:50px;
background:#f5f5f5;
border-radius:0;
font-size:14px;
color:#999999;
font-family: @title-font;
margin-bottom: 25px;
}
.chack-area{
margin-bottom: 30px;
label{
font-size:16px;
color:#222222;
font-family:@title-font;
margin:0 15px;
}
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.latest-research{
.reserch-list{
overflow:hidden;
.single-reserch{
margin-bottom: 20px;
overflow:hidden;
&:last-child{
margin-bottom: 0;
}
.research-img{
width:30%;
float:left;
img{
width:80px;
height:70px;
}
}
.research-contetn{
width:70%;
float:left;
padding-left:20px;
.research-title{
h4{
margin-bottom:12px;
font-size:16px;
a{
color:#222222;
transition: @transition;
font-weight:500;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
}
}
}
}
}
}
}
.video-widgect{
margin-bottom:30px;
}
.apply-widgect{
background:url(images/research/apply-img.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background:@primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius:10px;
}
}
}
}
}
.pagination-area{
margin-top:20px;
}
}
/*---------------------------
35.research-details
-----------------------------*/
.research-details{
padding:100px 0;
overflow: hidden;
.singleresercg-detels{
overflow: hidden;
.singleresercg-img{
margin-bottom:36px;
a{
display: block;
overflow: hidden;
img{
width:100%;
height:400px;
transition:@transition;
&:hover{
transform:scale(1.1);
}
}
}
}
.singleresercg-detels{
h3{
font-size:24px;
margin-bottom:0;
padding-bottom:15px;
position: relative;
a{
color:@primary-color;
transition: @transition;
&:hover{
color:@hover-color;
}
}
}
p{
font-size:14px;
color:#494949;
line-height:28px;
}
.slide-fedback{
font-style: italic;
padding:50px 20px;
background:#f7f7f7;
position: relative;
margin-bottom:30px;
&:before{
position:absolute;
content:"\f10d";
font-family:fontawesome;
left:20px;
top:30px;
font-size:48px;
color:@primary-color;
}
.single-fedback{
padding-left:70px;
p{
font-size:14px;
color:#494949;
line-height:28px;
margin-bottom:5px;
text-align: justify;
}
.clint-name{
h5{
font-size:16px;
margin-bottom: 0;
a{
color:@primary-color;
transition: @transition;
&:hover{
color:@hover-color;
}
}
}
}
}
}
}
}
.sidebar-widgect{
.singleside-widgect{
padding:40px 15px;
border:1px solid #cccccc;
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
text-transform: capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
font-size:14px;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.widgect-category{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: block;
&:last-child{
a{
border-bottom:none;
}
}
a{
display: block;
color:#222222;
font-size:16px;
font-family:@title-font;
position: relative;
padding:15px 0;
border-bottom:1px solid #dddddd;
transition: @transition;
&:hover{
border-color:@primary-color;
color:@primary-color;
&:after{
opacity:1;
}
}
&:after{
position:absolute;
content:"\f105";
font-family:fontawesome;
right:0;
font-size:18px;
font-weight:700;
color:@primary-color;
opacity:0;
transition: @transition;
}
}
}
}
}
.latest-research{
.reserch-list{
overflow:hidden;
.single-reserch{
margin-bottom: 20px;
overflow:hidden;
&:last-child{
margin-bottom: 0;
}
.research-img{
width:30%;
float:left;
img{
width:80px;
height:70px;
}
}
.research-contetn{
width:70%;
float:left;
padding-left:20px;
.research-title{
h4{
margin-bottom:12px;
font-size:16px;
a{
color:#222222;
transition: @transition;
font-weight:500;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
}
}
}
}
}
}
}
.apply-widgect{
background:url(images/research/apply-img.jpg);
background-size:cover;
background-position:center;
padding:100px 0;
width:100%;
text-align: center;
.button-img{
display: inline-block;
background:@primary-color;
text-align:center;
border-radius: 10px;
a{
padding:10px 40px 15px;
display: inline-block;
font-size:18px;
color:#ffffff;
text-transform: capitalize;
transition: @transition;
&:hover{
background:@hover-color;
border-radius:10px;
}
}
}
}
}
}
/*---------------------------
36.Blogone-area
-----------------------------*/
.Blogone-area{
padding:100px 0;
overflow:hidden;
.single-blog{
margin-bottom:50px;
overflow: hidden;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:250px;
overflow: hidden;
&.blogimg1{
background: url(images/blog/1.jpg) #666666;
background-size: cover;
}
&.blogimg2{
background: url(images/blog/2.jpg) #666666;
background-size: cover;
}
&.blogimg3{
background: url(images/blog/4.jpg) #666666;
background-size: cover;
}
&.blogimg4{
background: url(images/blog/5.jpg) #666666;
background-size: cover;
}
&.blogimg5{
background: url(images/blog/6.jpg) #666666;
background-size: cover;
}
&.blogimg6{
background: url(images/blog/7.jpg) #666666;
background-size: cover;
}
.date{
position:absolute;
right:20px;
top:20px;
background:@primary-color;
padding:20px;
h4{
font-size:18px;
color:#ffffff;
line-height:18px;
margin-bottom:0;
span{
display: block;
margin-top:15px;
}
}
}
.blog-overlay{
position: absolute;
bottom:-30px;
background: @primary-color;
width:100%;
transition:@transition;
opacity:0;
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
padding:15px 20px;
text-align:right;
&:last-child{
float:right;
border-left:1px solid #ffffff;
}
h3{
font-size:18px;
display: inline-block;
color:#ffffff;
margin-bottom: 0px;
margin-right:40px;
}
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:#222222;
}
i{
margin-right:5px;
}
}
}
}
}
}
.blog-content{
padding:30px 20px;
background: #f7f7f7;
transition:@transition;
h4{
font-size:18px;
line-height:18px;
border-bottom:1px solid #dddddd;
padding-bottom:15px;
margin-bottom:20px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.blog-btn{
}
}
&:hover{
.blog-content{
background:#ffffff;
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
h4{
border-bottom:1px solid @primary-color;
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
bottom:0;
}
}
}
}
.sidebar-widgect{
.singleside-widgect{
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
text-transform: capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
font-size:14px;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.recentnews-widgect{
.recentnews-list{
overflow:hidden;
.single-recentnews{
margin-bottom: 20px;
overflow:hidden;
&:last-child{
margin-bottom: 0;
}
.recentnews-img{
width:30%;
float:left;
img{
width:80px;
height:70px;
}
}
.recentnews-contetn{
width:70%;
float:left;
padding-left:0px;
.recentnews-title{
h4{
margin-bottom:5px;
font-size:16px;
a{
color:#222222;
transition: @transition;
font-weight:500;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
color:#aaaaaa;
font-size:14px;
}
}
}
}
}
}
.tag-widgect{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
margin: 7px 0;
a{
display:inline-block;
padding:10px 20px;
text-transform: uppercase;
border:1px solid #dddddd;
font-family:@title-font;
font-size:16px;
font-weight: 500;
color:#222222;
transition:@transition;
&:hover{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
&.active{
a{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
}
}
}
.inastagram-widgect{
overflow: hidden;
ul{
margin:0;
padding:0;
list-style: none;
li{
float:left;
width:30%;
margin-left:2%;
margin-bottom:2%;
z-index: 2;
a{
display: block;
position: relative;
&:hover{
&:after{
transform: scale(1);
opacity: 1;
}
}
&:after{
position:absolute;
content:'';
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .5);
opacity: 0;
transform: scale(0);
transition:@transition;
z-index: 1;
}
img{
width:100%;
height:100%;
}
}
}
}
}
}
}
}
/*---------------------------
37.Blogtwo-area
-----------------------------*/
.Blogtwo-area{
padding:100px 0;
overflow:hidden;
.sidebar-widgect{
.singleside-widgect{
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
text-transform: capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
font-size:14px;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.recentnews-widgect{
.recentnews-list{
overflow:hidden;
.single-recentnews{
margin-bottom: 20px;
overflow:hidden;
&:last-child{
margin-bottom: 0;
}
.recentnews-img{
width:30%;
float:left;
img{
width:80px;
height:70px;
}
}
.recentnews-contetn{
width:70%;
float:left;
padding-left:0px;
.recentnews-title{
h4{
margin-bottom:5px;
font-size:16px;
a{
color:#222222;
transition: @transition;
font-weight:500;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
color:#aaaaaa;
font-size:14px;
}
}
}
}
}
}
.tag-widgect{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
margin: 7px 0;
a{
display:inline-block;
padding:10px 20px;
text-transform: uppercase;
border:1px solid #dddddd;
font-family:@title-font;
font-size:16px;
font-weight: 500;
color:#222222;
transition:@transition;
&:hover{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
&.active{
a{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
}
}
}
.inastagram-widgect{
overflow: hidden;
ul{
margin:0;
padding:0;
list-style: none;
li{
float:left;
width:30%;
margin-left:2%;
margin-bottom:2%;
z-index: 2;
a{
display: block;
position: relative;
&:hover{
&:after{
transform: scale(1);
opacity: 1;
}
}
&:after{
position:absolute;
content:'';
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .5);
opacity: 0;
transform: scale(0);
transition:@transition;
z-index: 1;
}
img{
width:100%;
height:100%;
}
}
}
}
}
}
}
.single-blog{
margin-bottom:50px;
overflow: hidden;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:250px;
overflow: hidden;
&.blogimg1{
background: url(images/blog/1.jpg) #666666;
background-size: cover;
}
&.blogimg2{
background: url(images/blog/2.jpg) #666666;
background-size: cover;
}
&.blogimg3{
background: url(images/blog/4.jpg) #666666;
background-size: cover;
}
&.blogimg4{
background: url(images/blog/5.jpg) #666666;
background-size: cover;
}
&.blogimg5{
background: url(images/blog/6.jpg) #666666;
background-size: cover;
}
&.blogimg6{
background: url(images/blog/7.jpg) #666666;
background-size: cover;
}
.date{
position:absolute;
right:20px;
top:20px;
background:@primary-color;
padding:20px;
h4{
font-size:18px;
color:#ffffff;
line-height:18px;
margin-bottom:0;
span{
display: block;
margin-top:15px;
}
}
}
.blog-overlay{
position: absolute;
bottom:0;
background: @primary-color;
width:100%;
transition:@transition;
opacity:0;
transform: scaleY(0);
ul{
margin:0;
padding:0;
list-style:none;
li{
display:inline-block;
padding:15px 20px;
text-align:right;
&:last-child{
float:right;
border-left:1px solid #ffffff;
}
h3{
font-size:18px;
display: inline-block;
color:#ffffff;
margin-bottom: 0px;
margin-right:40px;
}
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:@hover-color;
}
i{
margin-right:5px;
}
}
}
}
}
}
.blog-content{
padding:30px 20px;
background: #f7f7f7;
transition:@transition;
h4{
font-size:18px;
line-height:18px;
border-bottom:1px solid #dddddd;
padding-bottom:15px;
margin-bottom:20px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.blog-btn{
}
}
&:hover{
.blog-content{
background:#ffffff;
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
h4{
border-bottom:1px solid @primary-color;
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
transform: scaleY(1);
}
}
}
}
}
/*---------------------------
38.blogthree-area
-----------------------------*/
.blogthree-area{
padding:100px 0;
overflow:hidden;
.single-blog{
margin-bottom:50px;
overflow: hidden;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:400px;
overflow: hidden;
&.blogimg1{
background: url(images/blog/big1.jpg) #666666 no-repeat;
background-size: cover;
}
&.blogimg2{
background: url(images/blog/big2.jpg) #666666 no-repeat;
background-size: cover;
}
.blog-overlay{
position: absolute;
bottom:0;
background:rgba(0, 0, 0, .5);
width:100%;
transition:@transition;
transform: scaleX(0);
opacity:0;
ul{
margin:0;
padding:0;
list-style:none;
text-align: center;
li{
display:inline-block;
padding:15px 10px;
text-align:right;
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:@hover-color;
}
i{
margin-right:5px;
color:@primary-color;
}
}
}
}
}
}
.blog-content{
padding:30px 20px;
background: #f7f7f7;
transition:@transition;
h2{
font-size:36px;
line-height:18px;
margin-bottom:40px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.blog-btn{
}
}
&:hover{
.blog-content{
background:#ffffff;
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
h2{
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
transform: scaleX(1);
}
}
}
}
.sidebar-widgect{
.singleside-widgect{
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
text-transform: capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
font-size:14px;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.recentnews-widgect{
.recentnews-list{
overflow:hidden;
.single-recentnews{
margin-bottom: 20px;
overflow:hidden;
&:last-child{
margin-bottom: 0;
}
.recentnews-img{
width:30%;
float:left;
img{
width:80px;
height:70px;
}
}
.recentnews-contetn{
width:70%;
float:left;
padding-left:0px;
.recentnews-title{
h4{
margin-bottom:5px;
font-size:16px;
a{
color:#222222;
transition: @transition;
font-weight:500;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
color:#aaaaaa;
font-size:14px;
}
}
}
}
}
}
.tag-widgect{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
margin: 7px 0;
a{
display:inline-block;
padding:10px 20px;
text-transform: uppercase;
border:1px solid #dddddd;
font-family:@title-font;
font-size:16px;
font-weight: 500;
color:#222222;
transition:@transition;
&:hover{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
&.active{
a{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
}
}
}
.inastagram-widgect{
overflow: hidden;
ul{
margin:0;
padding:0;
list-style: none;
li{
float:left;
width:30%;
margin-left:2%;
margin-bottom:2%;
z-index: 2;
a{
display: block;
position: relative;
&:hover{
&:after{
transform: scale(1);
opacity: 1;
}
}
&:after{
position:absolute;
content:'';
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .5);
opacity: 0;
transform: scale(0);
transition:@transition;
z-index: 1;
}
img{
width:100%;
height:100%;
}
}
}
}
}
}
}
}
/*---------------------------
39.blogfour-area
-----------------------------*/
.blogfour-area{
padding:100px 0;
overflow:hidden;
.single-blog{
margin-bottom:50px;
overflow: hidden;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:350px;
overflow: hidden;
&.blogimg1{
background: url(images/blog/big1.jpg) #666666 no-repeat;
background-size: cover;
background-position: center;
}
&.blogimg2{
background: url(images/blog/8.jpg) #666666 no-repeat;
background-size: cover;
background-position: center;
}
&.blogimg3{
background: url(images/blog/6.jpg) #666666 no-repeat;
background-size: cover;
background-position: center;
}
&.blogimg4{
background: url(images/blog/9.jpg) #666666 no-repeat;
background-size: cover;
background-position: center;
}
.blog-overlay{
position: absolute;
bottom:30%;
background:rgba(0, 0, 0, .5);
width:100%;
transition:@transition;
transform: scaleX(0);
opacity:0;
ul{
margin:0;
padding:0;
list-style:none;
text-align: center;
li{
display:inline-block;
padding:15px 10px;
text-align:right;
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:@hover-color;
}
i{
margin-right:5px;
color:@primary-color;
}
}
}
}
}
}
.blog-content{
padding:30px 20px;
background: #f7f7f7;
transition:@transition;
h2{
font-size:28px;
line-height:18px;
margin-bottom:35px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.blog-btn{
}
}
&:hover{
.blog-content{
background:#ffffff;
-webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
h2{
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
transform: scaleX(1);
bottom:0;
}
}
}
}
}
/*---------------------------
40.blogdetels-area
-----------------------------*/
.blogdetels-area{
padding:100px 0;
overflow:hidden;
.sidebar-widgect{
.singleside-widgect{
margin-bottom: 30px;
.widgect-title{
h3{
font-size:24px;
color:#222222;
padding-bottom:10px;
margin-bottom:20px;
position:relative;
margin-left:0;
text-transform: capitalize;
&:after{
position:absolute;
content:"";
width:50px;
height: 3px;
background:@primary-color;
left:0;
bottom:0;
}
}
}
.serch-widgect{
overflow: hidden;
input{
font-family: @title-font;
border:1px solid @primary-color;
font-size:14px;
color:#222222;
padding:10px;
background:#f8f8f8;
width:65%;
float:left;
}
.submit{
width:35%;
text-transform: uppercase;
color:#ffffff;
background: @primary-color;
transition:@transition;
font-size:14px;
&:hover{
background:@hover-color;
border:1px solid @hover-color;
}
}
}
.recentnews-widgect{
.recentnews-list{
overflow:hidden;
.single-recentnews{
margin-bottom: 20px;
overflow:hidden;
&:last-child{
margin-bottom: 0;
}
.recentnews-img{
width:30%;
float:left;
img{
width:80px;
height:70px;
}
}
.recentnews-contetn{
width:70%;
float:left;
padding-left:0px;
.recentnews-title{
h4{
margin-bottom:5px;
font-size:16px;
a{
color:#222222;
transition: @transition;
font-weight:500;
&:hover{
color:@hover-color;
}
}
}
p{
margin:0;
color:#aaaaaa;
font-size:14px;
}
}
}
}
}
}
.tag-widgect{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
margin: 7px 0;
a{
display:inline-block;
padding:10px 20px;
text-transform: uppercase;
border:1px solid #dddddd;
font-family:@title-font;
font-size:16px;
font-weight: 500;
color:#222222;
transition:@transition;
&:hover{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
&.active{
a{
color:#ffffff;
border-color:@hover-color;
background: @hover-color;
}
}
}
}
}
.inastagram-widgect{
overflow: hidden;
ul{
margin:0;
padding:0;
list-style: none;
li{
float:left;
width:30%;
margin-left:2%;
margin-bottom:2%;
z-index: 2;
a{
display: block;
position: relative;
&:hover{
&:after{
transform: scale(1);
opacity: 1;
}
}
&:after{
position:absolute;
content:'';
width:100%;
height:100%;
left:0;
top:0;
background:rgba(0, 0, 0, .5);
opacity: 0;
transform: scale(0);
transition:@transition;
z-index: 1;
}
img{
width:100%;
height:100%;
}
}
}
}
}
}
}
.single-blog{
margin-bottom:50px;
overflow: hidden;
.blog-img{
position:relative;
background: url(images/blog/1.jpg) #666666;
background-position: center;
background-size: cover;
background-repeat:no-repeat;
height:400px;
overflow: hidden;
&.blogimg1{
background: url(images/blog/big1.jpg) #666666 no-repeat;
background-size: cover;
}
&.blogimg2{
background: url(images/blog/big2.jpg) #666666 no-repeat;
background-size: cover;
}
.blog-overlay{
position: absolute;
bottom:0;
background:rgba(0, 0, 0, .5);
width:100%;
transition:@transition;
transform: scaleY(0);
opacity:0;
ul{
margin:0;
padding:0;
list-style:none;
text-align: center;
li{
display:inline-block;
padding:15px 10px;
text-align:right;
a{
display: inline-block;
font-size:18px;
color:#ffffff;
font-family:@title-font;
font-weight:500;
&:hover{
color:@hover-color;
}
i{
margin-right:5px;
color:@primary-color;
}
}
}
}
}
}
.blog-content{
padding:30px 0;
h2{
font-size:36px;
line-height:18px;
margin-bottom:40px;
transition:@transition;
a{
color:#222222;
transition:@transition;
}
}
p{
font-size:14px;
line-height:22px;
margin-bottom:30px;
}
.fedback-slide{
margin:20px 0;
.fedback{
position: relative;
overflow: hidden;
padding:30px 0;
&:before{
position:absolute;
content:"\f10d";
font-family:fontawesome;
left:0;
top:35%;
font-size:48px;
color:@primary-color;
}
&:after{
position:absolute;
content:"";
left:80px;
top:0;
width:10px;
height:100%;
background:@primary-color;
}
p{
font-size:14px;
padding-left:110px;
color:#000000;
font-style: italic;
margin:0;
}
}
}
.social-media{
margin-bottom: 100px;
.socialmedia-list{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
a{
display: block;
width:30px;
height:30px;
line-height:30px;
background:#000000;
color:#ffffff;
font-size:14px;
text-align: center;
transition:@transition;
&:hover{
background:@primary-color;
}
}
}
}
}
}
.comments{
h3{
font-size:24px;
color:#222222;
margin-bottom:30px;
font-weight:500;
}
.single-comment{
overflow: hidden;
margin-bottom:40px;
&:nth-child(3){
padding-left:100px;
}
&:nth-child(5){
padding-left:100px;
}
.comment-img{
width:15%;
float: left;
a{
display: block;
img{
width:80px;
height:80px;
}
}
}
.comment-content{
width:85%;
float: left;
padding-left:10px;
h4{
font-size:18px;
margin-bottom:6px;
text-transform: capitalize;
a{
color:#222222;
transition: @transition;
&:hover{
color:@primary-color;
}
}
}
p{
margin:0;
font-size:14px;
color:#666666;
}
}
}
}
}
.blog-form{
margin-top:10px;
h3{
font-size:24px;
color:#222222;
margin-bottom:25px;
}
form{
input{
width:100%;
background: #f9f9f9;
border:none;
font-family: @title-font;
font-weight:500;
font-size:14px;
padding:10px;
margin-bottom: 30px;
height:50px;
}
textarea{
width:100%;
background: #f9f9f9;
border:none;
font-family: @title-font;
font-weight:500;
font-size:14px;
padding:10px;
height:125px;
margin-bottom: 30px;
resize: none;
}
button{
border:0;
padding:12px 50px;
text-transform: uppercase;
}
}
}
.fedback-slide{
margin:20px 0;
.fedback{
position: relative;
overflow: hidden;
padding:30px 0;
&:before{
position:absolute;
content:"\f10d";
font-family:fontawesome;
left:0;
top:35%;
font-size:48px;
color:@primary-color;
}
&:after{
position:absolute;
content:"";
left:80px;
top:0;
width:10px;
height:100%;
background:@primary-color;
}
p{
font-size:14px;
padding-left:110px;
color:#000000;
font-style: italic;
margin:0;
}
}
}
.social-media{
margin-bottom: 100px;
.socialmedia-list{
ul{
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
a{
display: block;
width:30px;
height:30px;
line-height:30px;
background:#000000;
color:#ffffff;
font-size:14px;
text-align: center;
transition:@transition;
&:hover{
background:@primary-color;
}
}
}
}
}
}
.comments{
h3{
font-size:24px;
color:#222222;
margin-bottom:30px;
font-weight:500;
}
.single-comment{
overflow: hidden;
margin-bottom:40px;
&:nth-child(3){
padding-left:100px;
}
&:nth-child(5){
padding-left:100px;
}
.comment-img{
width:10%;
float: left;
a{
display: block;
img{
width:70px;
height:70px;
}
}
}
.comment-content{
width:90%;
float: left;
padding-left:30px;
h4{
font-size:18px;
margin-bottom:10px;
text-transform: capitalize;
a{
color:#222222;
transition: @transition;
&:hover{
color:@primary-color;
}
}
}
p{
margin:0;
font-size:14px;
color:#666666;
}
}
}
}
&:hover{
.blog-content{
h2{
a{
color:@primary-color;
&:hover{
color:@hover-color;
}
}
}
}
.blog-img{
.blog-overlay{
opacity:1;
transform: scaleY(1);
}
}
}
}
}
/*---------------------------
41.contactus-area
-----------------------------*/
.contactus-area{
padding:100px 0;
overflow: hidden;
.address-area{
background:#f6f6f6;
margin-bottom:40px;
padding:30px 0 30px 100px;
.singpe-address{
overflow: hidden;
&:hover{
.hotline-icon{
a{
border:1px solid @hover-color;
background:@hover-color;
color:#ffffff;
}
}
}
.hotline-icon{
width:30%;
float:left;
a{
display: block;
width: 60px;
height:60px;
line-height: 60px;
text-align: center;
border:1px solid #dddddd;
font-size: 30px;
color:@primary-color;
transition: @transition;
}
}
.hotline-content{
width:70%;
float: left;
margin-top:10px;
h4{
font-size:18px;
color:#222222;
margin-bottom:0;
}
p{
margin:0;
}
a{
color:#222222;
font-family: @title-font;
font-size:14px;
font-weight:500;
transition: @transition;
&:hover{
color:@primary-color;
}
}
}
}
}
.form-title{
h3{
font-size:24px;
color:#222222;
margin-bottom: 45px;
}
}
.contractus-form{
input{
width:100%;
border:1px solid #dddddd;
font-family: @title-font;
font-size:14px;
color:#ababab;
padding:10px 20px;
margin-bottom:30px;
}
textarea{
width:100%;
resize: none;
height:140px;
border:1px solid #dddddd;
font-family: @title-font;
font-size:14px;
color:#ababab;
padding:10px 20px;
}
button{
text-align: center;
&.btn{
font-size:24px;
padding:34px 15px;
transition: @transition;
span{
display: block;
line-height: 25px;
}
}
}
}
.map-area{
width:100%;
height:100%;
}
}
/*---------------------------
42.error-area
-----------------------------*/
.error-area{
padding:100px 0;
.error-page{
text-align: center;
.error-img{
margin-bottom:30px;
}
.error-content{
h2{
font-size:30px;
display: inline-block;
position: relative;
padding-bottom:15px;
margin-bottom: 20px;
color:#222222;
&:after{
position:absolute;
content:"";
width:80%;
height:1px;
background:#dddddd;
bottom:0;
left:0;
right:0;
margin:auto;
}
}
h4{
font-size:18px;
color:#686868;
margin-bottom: 25px;
}
p{
font-size: 16px;
color:#686868;
margin-bottom:5px;
}
.error-btn{
margin-top: 23px;
}
}
}
}
/*---------------------------
43.check-out-page
-----------------------------*/
.checkout-page-area{
padding: 100px 0 80px 0;
}
.checkout {
display: block;
}
.total-area{
border:none;
}
.panel.panel-default {
border: medium none;
margin-bottom: 15px;
}
.panel-heading {
padding: 0px !important;
}
span.number {
background: @primary-color none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
float: left;
height: 30px;
line-height: 30px;
margin: 10px 0 0 10px;
text-align: center;
width: 30px;
}
.tab-number h4{
border: none;
text-align: left;
background: #f5f5f5;
}
.panel-heading.tab-number.active h4 a{
background:rgb(138, 191, 0) none repeat scroll 0 0;
color:#ffffff;
}
.tab-number a {
display: block;
text-decoration:none;
padding: 15px 0 15px 50px;
color: #555;
}
.tab-number a {
display: block;
text-decoration:none;
padding: 15px 0 15px 50px;
color: #555;
}
.left-checkout{float:left;width:48%;margin-right:1%;}
.left-checkout h3,
.right-checkout h3{
color: #555;
font-size: 18px;
font-weight: 600;
margin: 0 0 10px;
text-transform: uppercase;
}
.left-checkout p{
font-size: 1.08em;
margin: 0 0 10px 0;
}
.right-checkout h4 {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}
em {
color: red !important;
margin-right: 15px !important;
}
.left-checkout ul.form-list li.control label{
font-weight:normal;
margin: 0px 0 0 0;
}
.left-checkout h4{
color: #555;
margin: 10px 0 0px 0;
font-weight:normal;
}
.left-checkout ul.features{
padding-left: 18px;
}
.left-checkout .button-area{
padding-top: 15px;
margin-top: 20px;
}
.left-checkout .button-area button{
border:none;
&.btn-hr{
display: block;
}
}
.right-checkout{float:right;width:48%;margin-left:1%;}
.right-checkout ul.form-list .input-box .input-text.required-entry {
width: 100%;
height: 38px;
border-radius: 0px;
border: 1px solid #eeeeee;
padding-left: 10px;
text-align:left;
background:#f0f0f0;
}
.right-checkout ul.form-list li label.required {
font-weight:normal;
margin: 0px 0 5px 0;
}
.right-checkout .button-area{
padding-top: 15px;
border: 1px solid #eee;
margin-top: 20px;
}
.right-checkout .button-area button{
clear: both;
text-align: left;
text-transform:uppercase;
margin:10px;
border: none;
}
.right-checkout a.f-left {
margin-left: 10px;
color:#222222;
&:hover{;
color:@primary-color;
}
}
.billing-information ul.form-list li label.required{
font-weight:normal;
margin: 0px 0 0 0;
margin-top:10px;
}
.checkout-progress{
margin-bottom: 30px;
}
.checkout-progress > h2 {
color: inherit;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.checkout-progress li.not-completed:after {
content: "";
}
.checkout-progress li:after {
color: @primary-color;
content: "\f00c";
display: block;
font-family: FontAwesome;
font-size: 20px;
position: absolute;
top: 40px;
margin-left: -10px;
}
.checkout-progress li {
border-bottom: 2px solid @primary-color;
color: @primary-color;
display: inline-block;
font-size: 1.08em;
font-weight: normal;
margin: 0 25px;
text-transform: capitalize;
}
.checkout-progress li:last-child {
border-bottom: none;
}
.checkout-progress li:last-child a{
color: #777777;
}
.checkout-progress li a {
color: #071041;
display: block;
padding: 15px;
}
.checkout-progress li a:hover {
color:@primary-color;
}
.checkout-progress li i{
color: #666;
padding: 0 10px 0 0;
}
.billing-information ul.form-list li .input-box .input-text.required-entry {
width: 100%;
height: 38px;
border-radius: 0px;
padding-left: 10px;
text-align:left;
background:#f0f0f0;
margin-top:10px;
border:none;
}
.billing-information ul.form-list .input-box select {
width: 100%;
height: 38px;
border-radius: 0;
border: 1px solid #eeeeee;
padding-left: 10px;
text-align:left;
background:#f0f0f0;
margin-top:10px;
}
.billing-information ul.form-list li.control label {
font-weight: normal;
margin: 0px 0 0 0;
}
.billing-information .button-area button {
clear: both;
text-align: left;
text-transform: uppercase;
margin: 10px;
border: none;
}
.order-view-left{
float:left;
}
.order-view-left li {
line-height: 30px;
}
.order-view-right{
float:right;
}
.order-view-right li {
line-height: 30px;
}
li.grand-total{
font-weight:bold;
}
.credit-card-form{
display: none;
}
.order-review, .order-review-total-price {
background: #f3f3f3 none repeat scroll 0 0 !important;
display: block;
overflow: hidden;
padding: 5px;
}
.button-area button {
clear: both;
text-align: left;
text-transform: uppercase;
margin: 12px;
border: none;
}
p.f-left {
display: inline;
padding: 0 0 0 10px;
}
/* ------------------------------------
44.Cart Page Area Start
---------------------------------------*/
.cart-page-area{
padding: 100px 0px;
}
.table-button-area {
clear: both;
margin: 0px 0 30px;
overflow: hidden;
}
.cart-page tbody tr td img.shop-image {
height: auto;
padding: 0 60px;
width: 100%;
}
td.t-center .fa.fa-trash {
color: rgb(255, 0, 0);
cursor: pointer;
display: block;
text-align: center;
margin: 20px 0;
}
.cart-page .t-center{
text-align: center;
}
.t-center > a {
display: block;
text-align: center;
color:#222222;
&:hover{
color:@primary-color;
}
}
.a-center .input-text.qty {
background: #f0f0f0 none repeat scroll 0 0;
border: 1px solid #e5e5e5;
height: 40px;
text-align: center;
}
.cart-page table.table tr:last-child {
background: #fcfcfc none repeat scroll 0 0;
}
.cart-page table.table .big-td {
max-width: 100%;
width: 190px;
}
.table-button-left{
width:48%;
margin-right: 1%;
float: left;
}
.table-button-right{
margin-left: 1%;
float: right;
}
.table-button-right ul li {
display: inline-block;
margin: 0;
padding: 0;
}
.table-button-right .button-area button{
margin:0;
border:none;
}
.min-area{
margin-left: -15px;
margin-right: -15px;
}
.single-cart-form-button .button-area button{
margin: 20px;
border:none;
}
.single-cart-form{
border: 1px solid #dddddd;
}
.single-cart-form-title {
padding: 20px 20px 0;
h4{
margin-bottom: 10px;
}
p{
margin-bottom: 0;
}
}
.single-cart-form .form-list {
padding: 0 15px 0 15px;
}
.single-cart-form .form-list > p {
color: #000000;
font-weight: bold;
margin: 0;
padding: 15px 0 0;
}
.single-cart-form ul.form-list li .input-box .input-text.required-entry {
width: 100%;
height: 40px;
}
.single-cart-form ul.form-list li .input-box select {
width: 100%;
height: 40px;
}
.single-cart-form .table > tbody > tr > td{
border-top: 0px solid #fff;
font-weight: bold;
}
.single-cart-form .table > tbody > tr > td.left {
font-family:@body-font;
font-size: 14px;
font-weight: 300;
text-align: left;
}
.single-cart-form .table > tbody > tr > td.right{
text-align: right;
font-family:@body-font;
font-size: 14px;
font-weight: 300;
}
.single-cart-form-last {
padding: 20px 10px 0 15px;
background: #fafafa none repeat scroll 0 0;
}
.single-cart-form .table .total-money {
font-size: 20px !important;
font-weight: bold !important;
}
.single-cart-coupon-button .button-area button{
float: right;
margin: 20px 0 0;
display: block;
border:none;
}
.multiple-access-checkout {
margin: 10px 0 0;
text-align: right;
}
ul.form-list .form-group input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
display: block;
float: left !important;
padding: 3px;
margin: 6px 10px 0 0;
}
.form-group .input-box .validate-select{
height:38px;
margin-top:11px;
background:#f0f0f0;
color:#000000;
}
.multiple-access-checkout > a {
transition: @transition;
color: #444444;
&:hover{
color: @primary-color;
}
}
.t-center.name{
padding-top: 30px;
}