@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#page{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.loading {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.9;
background: rgba(0, 0, 0, 20);
z-index: 99;
}
.loading-image{
width: 150px !important;
z-index: 100;
}
.height-120px{
height:120px !important;
}
.wd-80{
width:80px !important;
}
.margin-top-15{
margin-top: -15px !important;
}
.margin-top-21{
margin-top: 21px !important;
}
.margin-top-20{
margin-top: -20px !important;
}
.proccess{
margin-right:3px !important;
}
.font-size-11{
font-size:11px !important;
}
.font-size-12{
font-size:12px !important;
}
.margin-left-5{
margin-left:5px !important;
}
.margin-right-5{
margin-right:5px !important;
}
.m-font-size{
font-size:13px !important;
}
.font-size-15{
font-size:15px !important;
}
.icofont-moon{font-size:12px !important;}
.margin-to-minus-20{margin-top:-20px !important;}
.margin-bottom-plus-20{margin-bottom:20px !important;}
.w-500{width: 920px !important;}
.product-desciption-height{height:570px; overflow: auto;}
.margin-top-minus-5{margin-top: -5px !important;}
.margin-top-minus-10{margin-top: -14px !important;margin-bottom:10px !important;}
.customizo-color{color:#493d96 !important;}
.customizo-btn-01{background:#ffffff !important;color:#575656 !important;border:1px solid #cbcbcb;border-radius:2px !important;}
.customizo-btn-02{background:#ffffff !important;color:#575656 !important;border:1px solid #cbcbcb;border-radius:2px !important;}
.padding-10-10{padding:10px 10px !important;}
.margin-top-10{margin-top:10px !important;}
.header-height-80{height: 80px !important;}
.mobilenav{display: none;}
.height-240{height: 240px;}
.height-550{height:550px;}
.margin-15{margin-top:-15px;}
.margin-minus-25{margin-top:-25px !important;}
.padding-0{padding: 0px;}
.margin-bottom-20{margin-bottom: 30px !important;margin-top: -20px !important;}
@media screen and (max-width: 620px){
.height-550{height:auto !important;}
.price{font-size:11px !important;}
.product-desciption-height{height:100% !important;}
.height-240{height: 200px !important;}
.m-font-size-12{font-size:12px !important;}
.mbile-size-5{margin-top:5px !important;width: 80% !important;}
.mfont-size-11{font-size:10px !important;}
.mobile-padding-10{margin-top:5px !important;margin-bottom: 5px !important;}
.top-bar{
display: none;
}
.container{margin-bottom:60px !important;}
.mobilenav {
background: #F1F1F1;
position: fixed;
bottom: 0;
height: 65px;
width: 100%;
display: flex;
justify-content: space-around;
}
.mobilenav li{
margin-top:16px !important;
list-style: none !important;
text-align: left !important;
background:#fff !important;
height:40px !important;
padding:10px 10px !important;
border-radius: 90% !important;
display: flex;
justify-content: center;
align-items: center;
}
.bloc-icon i {
font-size: 20px !important;
}
#ordermyform{
padding:5px 5px !important;
}
.m-text{font-size:12px !important;}
.c-it img{
height: 40px !important;
}
.m-font-size{
font-size:11px !important;
}
.m-remove{
display: none !important;
}
.osahan-categories{
padding:8px !important;
}
.loading-image{
width: 55px !important;
z-index: 100;
}
.margin-top-20{margin-top:20px !important; padding:0 !important;}
}
.wrapper {
margin: 0 auto;
max-width: 960px;
width: 100%;
}
.master {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
}

h1 {
font-size: 20px;
}

h2 {
line-height: 160%;
text-align: center;
font-size:22px;
}
.rating-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rating-component .status-msg {
margin-bottom: 10px;
text-align: center;
}
.rating-component .status-msg strong {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.rating-component .stars-box {
-ms-flex-item-align: center;
align-self: center;
}
.rating-component .stars-box .star {
color: #ccc;
cursor: pointer;
}
.rating-component .stars-box .star.hover {
color: #ff5a49;
}
.rating-component .stars-box .star.selected {
color: #ff5a49;
}
.feedback-tags {
min-height: 119px;
}
.feedback-tags .tags-container {
display: none;
}
.feedback-tags .tags-container .question-tag {
text-align: center;
margin-bottom: 20px;
}
.feedback-tags .tags-box {
display: -webkit-box;
display: -ms-flexbox;
text-align: center;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feedback-tags .tags-container .make-compliment {
padding-bottom: 2px;
}
.feedback-tags .tags-container .make-compliment .compliment-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.feedback-tags
.tags-container
.make-compliment
.compliment-container
.fa-smile-wink {
color: #ff5a49;
cursor: pointer;
font-size: 40px;
margin-top: 15px;
-webkit-animation-name: compliment;
animation-name: compliment;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.feedback-tags
.tags-container
.make-compliment
.compliment-container
.list-of-compliment {
display: none;
margin-top: 15px;
}
.feedback-tags .tag {
border: 1px solid #ff5a49;
border-radius: 0px;
color: #ff5a49;
cursor: pointer;
margin-left: 10px;
padding: 10px;
}
.feedback-tags .tag.choosed {
background-color: #ff5a49;
color: #fff;
}
.list-of-compliment ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-of-compliment ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
margin-left: 20px;
min-width: 90px;
}
.list-of-compliment ul li:first-child {
margin-left: 0;
}
.list-of-compliment ul li .icon-compliment {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #ff5a49;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 50px;
margin-bottom: 15px;
overflow: hidden;
padding: 0 10px;
-webkit-transition: 0.5s;
transition: 0.5s;
width: 70px;
}
.list-of-compliment ul li .icon-compliment i {
color: #ff5a49;
font-size: 30px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.list-of-compliment ul li.actived .icon-compliment {
background-color: #ff5a49;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.list-of-compliment ul li.actived .icon-compliment i {
color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.button-box .done {
background-color: #ff5a49;
border: 1px solid #ff5a49;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: none;
min-width: 100px;
padding: 10px;
margin-bottom: 25px;
margin-top: -25px;
}
.button-box .done:disabled,
.button-box .done[disabled] {
border: 1px solid #ff9b95;
background-color: #ff9b95;
color: #fff;
cursor: initial;
margin-bottom: 25px;
margin-top: -25px;
}
.submited-box {
display: none;
padding: 20px;
}
.submited-box .loader,
.submited-box .success-message {
display: none;
}
.submited-box .loader {
border: 3px solid transparent;
border-top: 5px solid #4dc7b7;
border-bottom: 5px solid #ff5a49;
border-radius: 50%;
width: 40px;
height: 40px;
-webkit-animation: spin 0.8s linear infinite;
animation: spin 0.8s linear infinite;
}

@-webkit-keyframes compliment {
1% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

50% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

75% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@keyframes compliment {
1% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

50% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

75% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*{
outline:none;
}
/* spacer */
.spacer{
height:150px;
width:100%;
}
.spacer2{
height:20px;
width:100%;
}
/* spacer ends */

/* slider styles */
.sd_master_wrapper{
position: relative;
max-width:900px;
margin:0 auto;
padding:0;
border-radius:10px;
z-index:9999;
}
.sdtestBg3{
height: 100%;
width: 80%;
background: #fff;
position: absolute;
bottom: -40px;
left: 10%;
border-radius: 20px;
box-shadow: 0px 18px 52.8537px rgb(215 228 249 / 50%);
z-index:1;
}
.sdtestBg2{
height: 100%;
width: 90%;
background: #fff;
position: absolute;
bottom: -22px;
left: 5%;
border-radius: 20px;
box-shadow: 0px 18px 52.8537px rgb(215 228 249 / 50%);
z-index:2;
}
.sd_scroll {
height: auto;
max-height: 180px;
overflow: auto;
}
.slideshow {
position: relative;
min-height: 300px;
height: auto;
background: #fff;
box-shadow: 0px 18px 52.8537px rgba(215, 228, 249, 0.5);
border-radius: 20px;
background-image: url(https://farsighttechnologies.com/wp-content/uploads/2021/03/quote1.png), url(https://farsighttechnologies.com/wp-content/uploads/2021/03/quote.png);
background-position: top 15px left 15px, bottom 40% right 15px;
background-repeat: no-repeat;
background-size: 180px, 180px;
z-index:3;
}
.pagingInfo {
position: absolute;
bottom: 0;
z-index: 999;
}
.sdCustomSliderHeadig {
color: #94A2B3;
font-family: "Poppins", Sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6em;
text-align: center;
}
.sdCustomSliderBtn{
display: inline-block;
text-decoration: none;
font-family: montserrat;
background: #E31C3A;
color: #fff;
padding: 12px 25px;
margin-top: 30px;
border-radius: 4px;
outline: none;
font-size: 14px;
font-weight: 500;
}
.sdAllContent{
width:75%;
margin:auto;
}
.thumbnail img {
height: 55px;
width: 55px;
border-radius: 50%;
margin: auto;
margin-top: 15px;
}
.content{
display:block !important;
padding: 5px;
}
.SdClientName {
text-align: center;
color: #272D4E;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.4em;
margin-top: 15px;
}
.SdClientDesc {
text-align: center;
color: #7854F7;
font-family: "Poppins", Sans-serif;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 10px;
}


/* style for moblile */
@media (max-width:576px){
.sd_scroll {
height: auto;
overflow: auto;
max-height:240px;
}

.thumbnail, .btnNtxt{
width: 100% !important;
display: block !important;
}

}
/* scroll bar */
/* total width */
.sd_scroll::-webkit-scrollbar {
background-color:transparent;
width:6px;
}

/* background of the scrollbar except button or resizer */
.sd_scroll::-webkit-scrollbar-track {
background-color:transparent;
}
.sd_scroll::-webkit-scrollbar-track:hover {
background-color:transparent;
}

/* scrollbar itself */
.sd_scroll::-webkit-scrollbar-thumb {
background-color:#babac0;
border-radius:16px;

}
.sd_scroll::-webkit-scrollbar-thumb:hover {
background-color:#a0a0a5;
}