/*!
Theme Name: My soft it
Theme URI: http://my-sofit.com/
Author: my-sofit.com/
Author URI: http://my-sofit.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: glossix
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

glossix is based on Underscores https://my-sofit.com/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


*{
	padding: 0;
	margin: 0;
	list-style: none;
}
body{
	font-family: 'Montserrat', sans-serif;
}
ul{
	padding: 0;
	margin: 0;
}

.header-top-area {
    padding: 10px 0px;
    background: #006f45;
    border-top: 2px solid #ffffff;
    /* border-bottom: 2px solid #ffffff; */
}

.header-area{
	background: #006f45;
	width: 100%;
	/* border-bottom: 2px solid #10bfea; */
}
.navbar-brand img {
    position: absolute;
    height: 100px;
    top: -44px;
    z-index: 999;
    background: #fff;
    border-radius: 0 0 20px 20px;
}
.navbar-toggler i{
	color: #000;
}
.menu ul li{
	display: inline-block;
	padding: 12px 20px;
	position: relative;
	border-right: 1px solid #fff;
}
.menu ul li:last-child{
	padding-right: 0px;
	border-right: 0px solid #ddd;
}
.menu ul li a{
	color: #fcfcfc;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	font-family: 'Sintony', sans-serif;
}
.menu ul li a:hover{
	color: red;
	transition: .5s;
}
.menu ul li > ul{
    position: absolute;
    width: 199px;
    top: 100%;
    background: #006f45;
    text-align: left;
    transform: scale(0);
    transition: .3s;
    transform-origin: center top;
    z-index: 9999;
    left: 0px;
}
.navbar{
    padding: 0px;
}
.menu ul li > ul > li{
    display: block;
    padding:  8px 10px;
    transition: .3s;
    border-right: 0px solid;
    border-bottom: 1px solid #fff;
}

.menu ul li > ul > li:hover a{
    color: #222;
	display: block;
}
.menu ul li > ul > li > a{
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
}
.menu ul li:hover > ul{
    
    transform: scale(1);
}
.header-social ul,
.social-profiless ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-profiless ul li{
	display: inline !important;
    color: #fff;
    font-size: 15px;
    padding: 3px 0px;
    margin-right: 10px;
}
.header-social ul li{
	display: inline-block;
	color: #fff;
	font-size: 15px;
}
.header-social ul li span{
	font-weight: 600;
}
.header-social ul li i{
	margin-right: 10px;
}
.social-profiless ul li{
	display: inline-block;
	padding: 0px 0px 0px 10px;
}
.social-profiless ul li a{
	text-decoration: none;

}
.social-profiless ul li a i{
	color: #d8651a;
}




.social-sidebar {
    position: fixed;
    right: 0px;
    top: 50%;
    z-index: 999;
}
.social-sidebar ul{
    margin:0;
    padding: 0;
    list-style: none;
}
.social-sidebar ul li{
    display: block;
}
.social-sidebar ul li a{
    text-decoration: none;
}
.social-sidebar ul li a i {
    height: 60px;
    width: 50px;
    color: #fff;
    background: #4BC75A;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    box-shadow: 0px 1px 4px 0px #222;
}
.social-sidebar ul li:nth-child(2) a i{
    background: #7D3DAF;
}

.home-about-area{
	background-color: #fff;
	padding: 40px 0px;
}
.about-content h2{
	color: #000;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 15px;
}
.about-content p{
	color: #000;
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
	text-align: justify;
}
.about-content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.about-content ul li{
	width: 50%;
	float: left;
	overflow: hidden;
	color: #777;
	font-size: 15px;
	padding: 5px 0px;
	font-weight: 500;
}
.about-content ul li i{
	background: #d8651a;
	color: #fff;
	height: 25px;
	width: 25px;
	line-height: 25px;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
}
.readmore{
	width: 100%;
	overflow: hidden;
}
.readmore a{
	text-decoration: none;
	display: inline-block;
	border-radius: 30px;
	border: 2px solid #d8651a;
	color: #d8651a;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 20px;
	padding: 10px 15px;
}
.about-img img{
	width: 100%;
}
.about-site{
	background-size: cover;
	background-position: center;
	height: 240px;
}
.contant-file{
	background: #F2F2F2;
	padding-bottom: 50px;
	padding-top: 80px;
}
.contant-imges img{
	width: 100%;
	height: 350px;
}
.contant-title p{
	text-align: justify;
}
.contant-title{
	/*position: absolute;*/
	right: 20%;
	left: 5%;
}
.contant-title h2{
	font-size: 48px;
	font-weight: 400;
	color: #000;
	letter-spacing: 2px;
}
.contant-title a{
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	color: #2B3E69;
}
.contant-title a i{
	font-size: 13px;
	padding-left: 15px;
}


/* product-area-start */

.product-siter-area{
	background: #EAEAEA;

}
.contant-color{
	background: #fff;
	padding:0px 15px 50px 15px;
	width: 100%;
}
.product-area{
	background-image: url(images/images.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.product-title h2{
	margin-top: 30px;
	text-transform: capitalize;
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	padding-bottom: 30px;
}
.product-title h2 span{
	color: #FA8072;
}
.single-profile{
	margin-top: 20px;
}
.mens{
	background-color: #006f45;
	padding: 5px;
	margin: 15px 0px;
}
.mens img{
	width: 100%;
	/* height: 282px; */
}
.all-product-area {
    background-color: #fff;
    padding: 50px 0px 35px 0px;
}
.all-product-area {
    background-image: url(images/slide10.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.all-product-area:before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.78);
}
.hm-product-title h2 {
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    text-transform: capitalize;
}
.inform{
	border: 1px solid #ddd;
	padding: 20px 20px 0px 20px;
}
.mens-title a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding-top: 5px;
    display: inline-block;
}
.choose-section-area{
	padding: 30px 0px;
}
.fee-queat-content h4{
	color: #006f45;
	font-size: 16px;
}

.fee-queat-content h3{
	color: #000;
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 600;
}

.fee-queat-content p{
	color: #777;
	font-size: 14px;
	line-height: 24px;

}

.fee-queat-content input[type="text"],
.fee-queat-content input[type="email"]{
	height: 40px;
	border-radius: 10px;
	border: 2px solid #006f45;
	font-size: 15px;
	/* margin-bottom: 15px; */
}
.fee-queat-content select{
	height: 40px !important;
	font-size: 15px;
	margin-bottom: 15px;
	border-radius: 0px;
	border: 2px solid #d8651a;
}
.fee-queat-content textarea{
	height: 130px;
	border: 2px solid #006f45;
	font-size: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
}
.fee-queat-content img {
    width: 100%;
    /* height: 470px; */
    /* border: 2px solid #d8651a; */
    /* border-radius: 10px; */
    margin-top: 30px;
}
.choose-section h3{
	color: #4B514D;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin-bottom: 20px;
}
.choose-section ul{
	margin: 0;
	padding: 0;
}
.choose-section ul li{
	display: flex;
	padding: 5px 0px;
}

.choose-section ul li span{
	color: #d8651a;
	font-size: 45px;
	font-weight: 900;
	margin-right: 15px;
}
.choose-section ul li p{
	color: #777;
	font-size: 14px;
	line-height: 24px;
}

/*gallery-section-area-css-end*/


/* our-partner-area-css-start */

.our-partner-area{
	background-image: url(images/business-hand-shake_1200x400.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;	
	position: relative;
    opacity: 1;
    padding: 50px 0px 35px 0px;
}
.partner-title h2{
	font-size: 35px;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.partner-title h2 span{
	color: #D36969;
}

.our-partner-area:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.7);
    opacity: 1;
    transition: .3s;
}
.single-client{
	margin: 15px 0px;
}
.single-client img{
	width: 100%;
	height: 100px;
}

.overfooter-area{
	background-color: #006f45;
	padding: 40px 0px;
}
.overfooter-left h3{
	color: #fdfd00;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 15px;
}
.overfooter-left ul{
	margin: 0;
	padding: 0;
}
.overfooter-left ul li{
	display: block;
	color: #fff;
	font-size: 15px;
	padding: 3px 0px;
	margin-right: 10px;
}
.overfooter-left ul li a{
	text-decoration: none;
	display: inline-block;
	color: #fff;
	font-size: 15px;
}
.overfooter-left a{
	text-decoration: none;
}
.overfooter-left img {
    width: 120px;
}
.overfooter-left p{
	color: #777;
	font-size: 15px;
	margin-bottom: 0px;
	line-height: 24px;
}
.footer-content{
	/* margin-top: 40px; */
	/* border-top: 1px solid #ddd; */
}
.footer-content p{
	color: #b5b5b5;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 0px;
	padding: 13px 0;
}
.footer-content p a{
	text-decoration: none;
	color: #ff0000;
	font-weight: 700;
}

/* our-partner-area-css-start */

/* footer-area-start */

.footer-area{
	background: #272826;
	padding: 100px 0px;
}
.footer-head h3 {
    color: #ed1c24;
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: serif;
}
.footer-head li{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 5px 0; 
}
.footer-head li span{
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 500;
}
.our-servies a{
	padding: 5px 0;
}
.our-servies a{
	text-decoration: none;
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 500;
	color: #7e7e7e;
	display: block;
}
.copy-right{
	background: #000;
}
.copy-tipe p{
	padding-top: 10px;
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 500;
}
.copy-tipe p a{
	text-decoration: none;
	color: #007bff;
}

/*index-css-start */


/* about-us-css-start */

.smart-site{
	background: #fff;
	padding-bottom: 30px;
}
.about-site {
    position: relative;
}
.about-site img{
	width: 100%;
    height: 200px;
}
.about-overley {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.about-servies h4{
	font-size: 30px;
	font-weight: 500;
	color: #ef0d0d;
	text-transform: capitalize;
}
.about-servies li a{
	text-decoration: none;
	text-transform: capitalize;
	color: #FFFFE0;
	font-weight: 400;
	font-size: 16px;
}
.about-servies li i{
	font-size: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}

.smart-title h4{
	color: #000;
	font-size: 30px;
	font-weight: 500;
	text-transform: capitalize;
}
.smart-title p{
	font-size: 16px;
	color: #7e7e7e;
	padding-bottom: 10px;
	padding-top: 10px;
}
.smart-images img{
	width: 100%;
	height: 260px;
	/* border: 3px solid #006f45; */
	/* border-radius: 67%; */
}
.profile-toper{
	margin-top: 30px;
}
.single-profile img{
	width: 100%;
	height: 356px;
	padding: 20px;
	border-radius: 5px;
}
.single-profile a{
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	text-transform: capitalize;
}
.single-profile p{
	font-weight: 400;
	font-size: 17px;
	color: #7e7e7e;
	padding-top: 10px;
}

/* about-us-css-start */


/* product-area-css-start */

.product-area{
	background: #fff;
	padding-bottom: 50px;
}
.product-title h4{
	text-transform: capitalize;
	font-size: 26px;
	font-weight: 500;
	color: #000;
	margin-top: 40px;
}
.single-product{
	margin-top: 30px;
	box-shadow: 0 0 10px #6a6a6a;
}
.single-product-img{
    height: 250px;
    overflow: hidden;
}
.single-product-img img{
	width: 100%;
	height: 250px;
}
.single-product{
	cursor: pointer;
	z-index: -10;
	overflow: hidden;
	background: #006f45;
	padding-bottom: 6px;
}
.single-product img:hover{
	transform: scale(1.3);
	transition-duration: 500ms;	
}
.prod-tipe{
	padding-top: 15px;
	padding-bottom: 7px;
	border: 0px solid #ddd;
}
.prod-tipe a{
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 15px;
	color: #000;
}
.thari{
	position: relative;
	right: 10px;

}
.thari,
.prod-tipe a .abstarch{
	color: #ed1c24;
	font-size: 15px;
	font-weight: 400;
	right: -20px;
}
.win {
    padding: 0px 20px;
    height: 40px;
    margin-bottom: 5px;
}
/* product-area-css-end */


/* contact-us-area-css-start */

.contact-us{
	background: #fff;
	padding: 40px 0px;
}
.contact-forms h2{
	color: #000;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 15px;
}
.contact-forms p{
	color: #777;
	font-size: 14px;

}
.csubmit{
	border-radius: 30px;
	border: 2px solid #d8651a;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 25px;
	display: inline-block;
	color: #d8651a;
	text-decoration: none;
	transition: .3s;
	background: transparent;
	cursor: pointer;
}
.csubmit:hover{
	background: #10BFEA;
	border: 2px solid #10BFEA;
	color: #fff;
}
.contact-forms .input-group-prepend .input-group-text{
    background: transparent !important;
    color: #10BFEA !important;
    border-right: 0px solid !important;
    border-radius: 3px 0px 0px 3px;
}
.input {
    width: 100%;
}
.contact-forms .input-group{
	flex-wrap: nowrap;
}
.contact-forms .input-group-prepend .input-group-text.base{
	align-items: baseline;
}
.contact-forms input[type="text"],
.contact-forms input[type="email"]{
    /* height: 50px; */
    border-left: 1px solid !important;
    /* border-radius: 0px 3px 3px 0px; */
    color: #777;
    font-size: 15px;
}
.contact-forms textarea{
	height: 130px;
	border-left: 1px solid;
	border-radius: 3px;
	color: #777;
	font-size: 15px;
}
.contact-forms input[type="text"]:focus,
.contact-forms input[type="email"]:focus,
.contact-forms textarea:focus{
	outline: none;
	box-shadow: 0 0 0 0;
}
.sidebarcontact ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebarcontact ul li{
	display: flex;
	padding: 0px 0px 15px 0px;
}
.addressinfo h3{
	color: #000;
	font-size: 26px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 10px;
}
.addressinfo p{
	color: #777;
	font-size: 15px;
	margin-bottom: 0px;
	line-height: 26px;
}
.icons i{
	color: #10BFEA;
	font-size: 18px;
	margin-right: 15px;
}

/* contact-us-area-css-end */


/* scool-start */


.scroll a {
    text-decoration: none;
}
.scroll i {
    height: 40px;
    width: 50px;
    color: #fff;
    font-size: 18px;
    background-color: #ef0d0d;
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 99;
    line-height: 40px;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}
.fa-chevron-up:before {
    content: "\f077";
}

/* scool-start */


/* zoom-area-start-css-start */

/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
  display: block;
  max-width: none;
  max-height: none;
}
/* --------------- */

/* xZoom Styles below */
.xzoom-container { 
  display: inline-block; 
}

.xzoom-thumbs {
  text-align: center;
  margin-bottom: 10px;
}

.xzoom { 
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  
  margin-bottom: 15px; 
}
.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  
  margin-bottom: 15px;  
}

/* Thumbs */
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
  border: 1px solid #cecece;
  margin-left: 5px;
  width: 97px;
  margin-bottom: 10px;
  height: 79px;
}

.xzoom-source, .xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
}

/* Everything out of border is hidden */
.xzoom-hidden {
  overflow: hidden;
}

/* Preview */
.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}

/* Lens */
.xzoom-lens {
  border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  cursor: crosshair;
}

/* Loading */
.xzoom-loading {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  opacity: .7;
  background: url(../images/xloading.gif);
  width: 48px;
  height: 48px;
}

/* Additional class that applied to thumb when it is active */
.xactive {  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); 
  border: 1px solid #4aaad2;
}

/* Caption */
.xzoom-caption {
  position: absolute;
  bottom: -43px;
  left: 0;
  background: #000;
  width: 100%;
  text-align: left;
}

.xzoom-caption span {
  color: #fff;
  font-family: Arial, sans-serif;
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  padding: 10px;
}

.product-code h4{
	font-size: 17px;
	font-weight: 700;
	color: #000;
}
.product-code h4 .font-sit{
	font-weight: 500;
	font-size: 18px;
}
.product-code h4 .ware-botom{
	display: block;
}
.padding-top0{
	background: #F1F1EF;
}
.zoom-back-color{
	background: #fff;
	padding: 0px 15px 50px 15px;
}
.coom-title h3{
	font-weight: 500;
	font-size: 35px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.product-code p{
	font-weight: 500;
	font-size: 16px;
	color: #000000;
}
/* zoom-area-start-css-start */





.box-site label{
	font-weight: 500;
	font-size: 13px;
}
.chack-box a{
	text-transform: capitalize;
	text-decoration: none;
	background: #037afa;
	padding: 15px 50px 15px 50px;
	font-weight: 400;
	font-size: 17px;
	color: #fff;
}
.chack-box{
	padding-bottom: 40px;
}
.submit-button{
	margin-top: 28px;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
span.wpcf7-list-item{
    margin: 0px 10px 0px 0px;
}
.chack-box label{
	position: relative;
	font-weight: 500;
	font-size: 15px;
}
.inquery-images img{
	width: 100%;
	height: 100%;
}
.side-top{
	margin-top: 20px;
}
.menu ul li > ul li > ul {
    position: absolute;
    width: 160px;
    top: 100%;
    background: #fff;
    text-align: left;
    transform: scale(0);
    transition: .3s;
    transform-origin: center top;
    z-index: 9999;
    left: 160px;
}
.footerbg{
	background: #212529;
}
.overfooter-left i{
	color: red;
	font-size: 18px;
	/* border: 1px solid #ccc; */
	/* border-radius: 10px; */
	/* padding: 6px; */
}
.slidebg{
	margin-top: -10px;
	border-bottom: 2px solid #006f45;
	background: #006f45;
}
.social-profiless{
	width: 300px;
}
.about-content span{
	color: #006f45;
	font-weight: 700;
}
.single-product a{
	color: #f6f3f3;
	text-align: center;
	/* padding: 10px; */
	font-size: 16px;
	font-weight: 500;
	list-style: none;
	text-decoration: none;
}
.single-product p{
	margin-bottom: 0;
}
.single-product img{
	width: 100%;
	height: 200px;
}
.fee-queat-content input[type="tel"]{
	height: 40px;
	border-radius: 10px;
	border: 2px solid #006f45;
	font-size: 15px;
	/* margin-bottom: 15px; */
}
.menu-main-menu-container ul li{
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-weight: 500;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}