/************************************** FONTS STYLE STARTS ***********************************/
@font-face {
 font-family: 'RobotoBold';  font-weight: bold;  font-style: normal;
 src: url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff');
}
@font-face {
 font-family: 'RobotoRegular';  font-weight: normal; font-style: normal;
 src: url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
 font-family: 'RobotoMedium';  font-weight: 500; font-style: normal;
 src: url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
 font-family: 'RobotoLight';  font-weight: 300; font-style: normal;
 src: url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff');
}
@font-face {
 font-family: 'RobotoThin';  font-weight: 300; font-style: normal;
 src: url('fonts/Roboto-Thin.woff2') format('woff2'), url('fonts/Roboto-Thin.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsBold';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-bold-webfont.woff2') format('woff2'), url('fonts/poppins-bold-webfont.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsLight';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-light-webfont.woff2') format('woff2'), url('fonts/poppins-light-webfont.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsRegular';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-regular-webfont.woff2') format('woff2'), url('fonts/poppins-regular-webfont.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsMedium';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-medium-webfont.woff2') format('woff2'), url('fonts/poppins-medium-webfont.woff') format('woff');
}
/************************************** FONTS STYLE ENDS *************************************/

/************************************** COMMON STYLE CLASSES STARTS **************************/
html { scroll-behavior: smooth;}
body { font-family: 'RobotoRegular'; font-size: 17px; color: #57595B; font-weight: normal; background-color: #FFFFFF;}
a:hover,a:focus,a:visited { text-decoration: none;}
a:focus {  outline: none; }
button:focus {outline:0;}
.fluid0 { padding: 0; margin: 0; }
.navbar-expand-lg .navbar-nav .nav-item{ padding: 0px 0px 0px 25px!important; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }
.boxpadding {padding-bottom:30px;}
/************************************** OVERRIDING THE PADDING FROM 15PX TO 8PX  ENDS **************************/

.bgwhite { background-color : #ffffff; }
.bgblack {background-color: #000000;}
.profilebg {background-color: #6A2110;}
/************************************** header starts **************************/
.bgtopcall {background-color: #E9E3D7;}
.ttopcontacts{
 font-family: 'PoppinsMedium';
 font-size: 14px;
 color: #000000;
 font-weight: normal;
 letter-spacing:1px;
 padding-top:5px;
}

/************************************** header ends **************************/

/************************************** index page classes starts **************************/
/************************************** home welcome starts **************************/
.welcomebg{
 background-image: url("webimg/welcomebg.jpg");
 background-repeat:  no-repeat;
 background-size: cover;
}
.welcomeimage{
 background-image:url(webimg/welcomeimage.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
}
.twelcomehead{
 font-family: 'PoppinsMedium';
 font-size: 48px;
 color: #7B250B;
 text-transform: uppercase;
 line-height: 35px;
}
.twelcomesubhead{
 font-family: 'PoppinsMedium';
 font-size: 48px;
 color: #000000;
 text-transform: uppercase;
 line-height: 65px;
}
.twelcometext{
 font-family: 'RobotoRegular';
 font-size: 17px;
 color: #000000;
 font-weight: normal;
 line-height: 32px;
}
.moreaboutus{
 font-family: 'PoppinsLight';
 font-size: 16px;
 color: #7B250C;
}
/************************************** home welcome ends **************************/



/************************************* services starts *************************/

.imgtxt {
  font-family: 'PoppinsMedium';
  font-size: 34px;
  color: #FFFFFF;
  text-align:left;
  line-height:45px;
  bottom: 100px;
  padding-left: 50px;
  position:absolute;
}

.imgtxt2 {
  font-family: 'PoppinsLight';  
  font-size: 16px; 
  color: #FFFFFF;
  text-align:left;
  line-height:35px;
  bottom: 70px;
  padding-left: 50px;
  position:absolute;
}

#itemset{

 position:relative;

 margin-left:0px!important; margin-right:0px!important;	

}

.centered {

  font-family: 'RobotoBold';

  font-size: 20px;

  color: #FFFFFF;

  text-align:center;

  line-height:30px;

  position: absolute;

  top: 45%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.projectszoom img {

 width: 100%;

 transition: 0.5s all ease-in-out;

 }

.projectszoom:hover img {

 transform: scale(1.2);

}


/************************************* services ends *************************/
/************************************* Scope starts *************************************/


#parallexbg{
 background-image:url('webimg/parallexbg.jpg');
 background-position: center;
 background-size:cover;
 background-attachment:fixed;
 background-repeat:no-repeat;	
}

.tscopehead{
 font-family: 'PoppinsMedium';
 font-size: 40px;
 color: #FFFFFF;
 text-transform: uppercase;
 line-height: 45px;
}
.tscopetext{
 font-family: 'PoppinsMedium';
 font-size: 16px;
 color: #FFFFFF;
 line-height: 28px;
 text-align:center;
}
/***************** Scope Table starts *****************/

.scopetable{width:50%;}
.table-border{ border: 1px solid #ffffff!important;
border-right:0px!important;}
.borderbottom{ border-bottom: 1px solid #ffffff!important;}
.tablehead {background-color:#6A2110; font-family: 'PoppinsMedium'; font-size: 14px; color: #ffffff; padding: 10px 0px 10px 30px; 
border-right: 1px solid #ffffff!important; border-right: 1px solid #ffffff!important;
width=30%;
}
.td {background-color:#6A2110;  font-family: 'RobotoRegular'; font-size: 14px; color: #ffffff; padding: 10px 0px 10px 30px; 
border-right: 1px solid #ffffff!important;border-bottom:1px solid #ffffff!important;}
.td2 {background-color:#6A2110; font-family: 'RobotoRegular'; font-size: 14px; color: #ffffff; padding: 10px 0px 10px 30px; 
border-right: 1px solid #ffffff!important;}
/***************** Scope Table ends *****************/
/************************************* Scope ends *************************************/
/************************************** Clients starts **************************/
.clientsbg{
background-color: #E9E3D7;
}
.tclientshead{
 font-family: 'PoppinsMedium';
 font-size: 40px;
 color: #69210F;
 text-transform: uppercase;
 line-height: 35px;
}
/************************************** Clients ends **************************/
/************************************** index page classes ends **************************/


/************************************** inner pages classes starts **************************/
/************************************** profile classes starts **************************/
.theading{
 font-family: 'PoppinsMedium';
 font-size: 32px;
 color: #FFFFFF;
 text-transform: uppercase;
 line-height:normal;
}
.profilebg2 {
background-image: url("webimg/profilebg2.jpg");
background-repeat:  no-repeat;
background-size: cover;	
}

.profilebg3 {
background-image: url("webimg/profilebg2.jpg");
background-repeat: repeat-y;
}
.ttext{
 font-family: 'PoppinsRegular';
 font-size: 16px;
 color: #000000;
 font-weight: normal;
 text-align: justify;
 line-height:30px;
}
.ttextblack{
 font-family: 'PoppinsBold';
 font-size: 16px;
 color: #000000;
 font-weight: normal;
}
.borderdashed{
 border-bottom:1px dashed #F36F24;
}
.ourvision {
background-image: url("webimg/ourvisionbg.jpg");
background-repeat:  no-repeat;
background-size: cover;	
}
.ourmission {
background-image: url("webimg/ourvisionbg.jpg");
background-repeat:  no-repeat;
background-size: cover;	
}
.ourvalues {
background-image: url("webimg/ourvisionbg.jpg");
background-repeat:  no-repeat;
background-size: cover;	
}
/************************************** product card starts **************************/
.card { 
 border-radius: 0px!important;  
 height: 100%!important;
}
.card:hover {
 border-color: #FFFFFF; 
}
.card-img-top{
 height:520px;
 }	
.card-header { 
 padding: 10px 0px 5px 15px;
 background-color: transparent;
 border-bottom: 1px solid transparent;
}
.card-body {
 padding: 10px 0px 0px 15px;
}
.card-title {
 font-family: 'PoppinsBold';
 font-size: 22px;
 color: #FFFFFF;
 font-weight: normal;
}
.tcardtext {
 font-family: 'PoppinsRegular';
 font-size: 16px;
 color: #FFFFFF;
 font-weight: normal;
}
.tcardbullects {
 font-family: 'PoppinsRegular';
 font-size: 16px;
 color: #FFFFFF;
 font-weight: normal;
 padding-bottom:8px;
 margin-left: 5px;
}
.tcardbullects:before {
 content: '\2022';
 font-size: 16px;
 font-family: 'PoppinsRegular';
 float: left;
 margin-left: -1.5em;
 color: #FFFFFF;
}
/************************************** product card ends **************************/
/************************************** profile classes ends **************************/
/************************************** services classes starts **************************/
.borderdashed{
 border-bottom:1px dashed #656565;
}
.thead{
 font-family: 'PoppinsMedium';
 font-size: 30px;
 color: #656565;
 text-transform: uppercase;
 line-height: normal;
}
.thead1{
 font-family: 'PoppinsMedium';
 font-size: 30px;
 color: #656565;
 text-transform: uppercase;
 line-height: normal;
}
.thead1:hover{
 color: #C61E26;
}
.tsubhead{
 font-family: 'PoppinsRegular';
 font-size: 25px;
 color: #6A2110;
 line-height: normal;
}
#iservices{
 background-image:url('webimg/parallexbg.jpg');
 background-position: center;
 background-size:cover;
 background-attachment:fixed;
 background-repeat:no-repeat;	
}
.tservicebullects {
 font-family: 'PoppinsRegular';
 font-size: 16px;
 color: #000000;
 font-weight: normal;
 padding-bottom:8px;
 margin-left: 5px;
}
.tservicebullects:before {
 content: '\2022';
 font-size: 16px;
 font-family: 'PoppinsRegular';
 float: left;
 margin-left: -1.5em;
 color: #000000;
}
.tclientstext{
 font-family: 'PoppinsMedium';
 font-size: 15px;
 color: #656565;
 line-height: 23px;
 padding-top:20px;
 text-align:center;
}
/************************************** services classes ends **************************/
/************************************** Partners classes ends **************************/
.tpatnerssubhead{
 font-family: 'PoppinsRegular';
 font-size: 16px;
 color: #C61E26;
 line-height: normal;
 text-align:center;
}
/************************************** Partners classes ends **************************/
/************************************** inner pages classes ends **************************/



/*************************************** QUANTITY BUTTON STYLE CLASSES ENDS *******************************/
.number-input.number-input {
 border: 0px solid #ced4da;
 width: 9.8rem;
 border-radius: 0;
}
.number-input button:before,  .number-input button:after {
 display: inline-block;
 position: absolute;
 content: '';
 height: 2px;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}
.number-input.number-input button:before,  .number-input.number-input button:after {
 width: .7rem;
 background-color: #495057;
}
 .number-input button.plus:after {
 -webkit-transform: translate(-50%,-50%) rotate(90deg);
 transform: translate(-50%,-50%) rotate(90deg);
}
 .number-input button:before,  .number-input button:after {
 display: inline-block;
 position: absolute;
 content: '';
 height: 2px;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}
.number-input button {
 color:#656565;
 -webkit-appearance: none;
 background-color: transparent;
 border: 0;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 cursor: pointer;
 margin: 0;
 position: relative;
}
.number-input.number-input button {
 width: 2.5rem;
 height: .7rem;
}
.number-input.number-input input[type=number] {
 max-width: 4rem;
 padding: .5rem;
 border: 0px solid #ced4da;
 border-width: 0 1px;
 font-size: 1rem;
 height: 2rem;
 color: #495057;
}



/************************************** Bottom portions starts **************************/

.quote-icon {
 position: fixed;
 right: 3%;
 bottom: 5%;
 z-index: 20;
}
.bottombg {
background-image: url("webimg/bottombg.jpg");
background-repeat:  no-repeat;
background-size: cover;	
}
.bottombg2 {background-color: #0F0F0F;}
.tbottomhead{
 font-family: 'PoppinsMedium';
 font-size: 18px;
 color: #FFFFFF;
 font-weight: normal;
}
.tbottomtext{
 font-family: 'PoppinsLight';
 font-size: 14px;
 color: #E9E3D7;
 font-weight: normal;
}

.tbottominfo{
 font-family: 'PoppinsMedium';
 font-size: 22px;
 color: #ffffff;
 font-weight: normal;
}

.tbottomtext2:hover{
 color: #ffffff;
}

.tbottomlinks{
 list-style-image: url('webimg/servicesdot.png');
 padding-left:2px;
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #ffffff;
 font-weight: normal;
}
.tbottomlinks:hover{
 color: #ffffff;
}
.tbottomlinksline{
 font-family: 'RobotoThin';
 font-size: 14px;
 color: #ffffff;
 font-weight: normal;
}
.hrline {
 margin-top: 0rem;
 margin-bottom: 0rem;
 border: 0;
 border-top: 1px solid #966357;
 width:102%;
}
.ulpadding {padding-left: 20px;}
ul {list-style-image: none;}
ul {list-style: none;}

.icopyright { font-family: 'RobotoRegular'; font-size: 14px; font-weight: normal; color:#FFFFFF; text-align: left;}
.icopyright1 { font-family: 'RobotoRegular'; font-size: 14px; font-weight: normal; color:#FFFFFF; text-align: left;}
.ciberimg{ margin-left:9px; margin-top: 6px; }
.idesign { font-family: 'RobotoRegular'; font-size: 12px; font-weight: normal; color:#FFFFFF; line-height:19px; }
.idesign1 { font-family: 'RobotoRegular'; font-size: 12px; font-weight: normal; color:#FFFFFF; line-height:19px; }

/**********vertical line********/
.outer {
 width: 1px;
 height: 100%;
 margin: auto;
 position: relative;
 overflow: hidden;
}
.inner {
 position: absolute;
 width: 100%;
 height: 58%;
 background: #D0474D;
 top: 20%;
 box-shadow: 0px 0px 30px 20px #D0474D;
}
/**********vertical line********/
.about {
   padding: 1em;
}

.about:after { /* this is the border */
    content:"";
    display:block;
    width: 7em;
    max-width:30%;
    border-bottom: 4px solid #F36F24;
    margin: 0 0 auto;
}
.ulpaddingarrow{list-style-image: url(webimg/bottomarrow.png)!important;}
.tservicestext { 

 list-style-image: url('webimg/servicesdot.png'); 

 font-family: 'MontserratRegular';

 font-size: 16px;

 color: #ffffff;

 font-weight: normal;

 line-height: 40px;

}
/************************************** Bottom portions ends **************************/


/*************************************** my social media icons starts ***************************/
#socialicons ul{ display: flex; position: relative; padding-left: 0px; margin-bottom: 0px;}
#socialicons ul li{ list-style: none; }
#socialicons ul li a:hover{ color:#D5AB4F!important; }
#socialicons ul li a {
 width: 40px;
 height: 40px;
 text-align: center;
 line-height: 39px;
 font-size: 18px;
 margin: 0 10px;
 display: block;
 border-radius: 25%;
 position: relative;
 overflow: hidden;
 z-index: 1;
 align-items: center; 
 justify-content: center;
}

#socialicons ul li a .icon {
 position: relative;
 color: #E9E3D7;
 transition: .5s;
 z-index: 3;
 padding: 0px;
 line-height: 39px;
}

#socialicons ul li a:hover .icon { color: #fff; transform: rotateY(360deg); }

#socialicons ul li a:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 background: #f00;
 transition: .5s;
 z-index: 2;
}

#socialicons ul li a:hover:before { top: 0; }
#socialicons ul li:nth-child(1) a:before{ background:#711071; }
#socialicons ul li:nth-child(2) a:before{ background:#ff0000; }
#socialicons ul li:nth-child(3) a:before { background:#3b5999; }
#socialicons ul li:nth-child(4) a:before { background: #0077b5; }
#socialicons ul li:nth-child(5) a:before { background: #95238e; }
/*************************************** my social media icons ends ***************************/

/************************************** breadcrumb starts **************************/
.breadcrumb { background:transparent!important; }
.breadcrumb-item, .breadcrumb-item a { font-family: 'RobotoRegular'; font-size: 13px; color:#656565;}
.breadcrumb .active{ color:#0C5EA8!important; }
/************************************** breadcrumb starts **************************/


/************************************* form starts *************************************/
input::placeholder { color: #312D2F; font-size: 18px;}
/************************************* form ends *************************************/


/************************* my media query classes starts *************************/

@media (min-width: 1500px){ .container{ max-width:1440px!important;} }

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {.container { max-width: 100%; }}

@media (min-width: 576px) {.container { max-width: 100%; }}

@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {	
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px; }

 .boxpadding {padding-bottom:16px;}
 .twelcomehead{ font-size: 25px; line-height: 0px;}
 .twelcomesubhead{ font-size: 25px; line-height: 35px;}
 .twelcometext { font-size: 14px; line-height: 21px;}
 .welcomebg2{background-color:#E9E3D7;}
 .welcomeimage{ height:476px; } 
 .welcomebg{
  background-image: none;
  background-repeat:  no-repeat;
  background-position: right;
 }
 .tproducthead { font-size: 25px;}
 .tproductsubhead { font-size: 15px; }
 .ticonhead { font-size: 13px; }
 .ulpadding {padding-left: 0px;}
 ul { list-style-image:none;}
 ul { list-style:none;}
.btn-block { display: block; width: 93%; }
.addcartbutton{ padding: 5px; margin-left:7px; }
.addcartbutton:before{
 font-family: FontAwesome;
 vertical-align: middle;
 content: "\f07a";
}
.viewbutton{ padding: 5px; margin-right:7px; }
.viewbutton:before{
 font-family: FontAwesome;
 vertical-align: middle;
 content: "\f06e";
}
.tiproducthead { font-size: 20px; }
.card {  }
.card-img-top{height:500px;}
.card-header { padding: 5px 0px 5px 5px; }
.card-title { font-size: 16px; }
.card-body { padding: 5px 0px 5px 5px; }
.tcardtext { font-size: 14px; }
.tcardbullects {
 font-size: 14px;
 padding-bottom:8px;
 margin-left: 5px;
}
.tcardbullects:before {
 font-size: 16px;
 margin-left: -1.5em;
}
.tbrand { font-size: 13px; }
.tbrandname { font-size: 13px; }
.tprice { font-size: 18px; }
.tproducttabhead { font-size: 14px; }
.tprobullects { font-size: 14px; }
.tproducttabtext { font-size: 14px;}
.tquantity { font-size: 15px; }
.instockbutton { width: 95%; margin-left:5px; margin-right:5px;}
.fa { font-size: 11px; width: 40px; height: 40px; padding-top:12px; text-align: center; text-decoration: none; border-radius: 25%; } 
.my-float { margin-top: 4px; }
.fatogglemenu { width: 0px; height: 0px; padding-top: 12px; text-align: center; }
.fa:hover { opacity: 0.7; }
.fa-facebook { background: #3B5998; color: white!important; }
.fa-twitter { background: #55ACEE; color: white; }
.fa-pinterest { background:#ff0000; color: white; }
.fa-instagram { background: #711071; color: white; }
.tbottomlinks {font-size: 11px;}

.tscopehead {font-size: 25px;}
.tscopesubhead {font-size: 25px;}
.tgeneraltradingsubhead {font-size: 14px; line-height: 24px;}
.tbullets {font-size: 14px; line-height: 16px;}
.imgtxt {  font-size: 15px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 14px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}

.theading{font-size: 18px;}
.ttext{font-size: 14px; text-align: left; line-height:22px;}
.tservicebullects{font-size: 14px; text-align: left; line-height:22px; margin-left: 22px;}
.ttextred{font-size: 14px;}
.thead{font-size: 20px;}
.thead1{font-size: 20px;}
.tsubhead{font-size: 18px;}
.tbullectsgrey{font-size: 18px; margin-left: 2em;}
.tpatnerssubhead{font-size: 14px; line-height: 18px;}
.tscopehead{font-size: 25px; line-height: 20px;}
.tscopetext{font-size: 14px;}
.scopetable{width:100%;}
.tablehead{font-size: 13px; padding-left:10px; width:50%;}
.td{font-size: 13px; padding-left:10px;}
.td2{font-size: 13px; padding-left:10px;}
.tclientshead{font-size: 25px; line-height: 20px;}
.tclientstext{
 font-size: 12px;
 color: #656565;
 line-height: 15px;
 padding-top:10px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 425px) {
.tpatnerssubhead{font-size: 13px;}
.tscopehead{font-size: 20px; line-height: 20px;}
.tclientshead{font-size: 20px; line-height: 20px;}
.imgtxt {  font-size: 12px;  line-height:20px;  bottom: 50px;  padding-left: 20px;}
.imgtxt2 {font-size: 12px;  line-height:20px;  bottom: 30px;  padding-left: 20px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 371px) {
.tpatnerssubhead{font-size: 11px;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 425px) {
.card-img-top{height:520px;}
}
@media only screen and (min-device-width : 426px) and (max-device-width : 767px) {
.card-img-top{height:425px;}
}
@media only screen and (min-device-width : 545px) and (max-device-width : 593px) {
	.twelcomesubhead {font-size: 22px;}
	.twelcomehead {font-size: 22px;}
}
@media only screen and (min-device-width : 768px)and (max-device-width : 768px){	
.tbottominfo {font-size: 13px;}
.tbottomtext {font-size: 13px;}	
.imgtxt {  font-size: 20px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 14px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}
.tbottomlinks{line-height:24px;}
.card-img-top{height:680px;}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 991px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px; }
 .twelcomesubhead{ font-size: 28px; line-height: 35px;}
 .twelcomehead{ font-size: 28px; line-height: 35px;}
 .twelcometext { font-size: 15px; line-height: 21px;}
 .tscopehead {font-size: 28px;line-height: 35px;}
 .tscopesubhead {font-size: 28px;line-height: 35px;}
 .tgeneraltradingsubhead {font-size: 15px; line-height: 21px;}
 .tproducthead { font-size: 28px;}
 .tproductsubhead { font-size: 15px; }
 .boxpadding {padding-bottom:16px;}
.btn-block { display: block; width: 93%; }
.addcartbutton{ padding: 5px; margin-left:7px;}
.addcartbutton:before{
 font-family: FontAwesome;
 vertical-align: middle;
 content: "\f07a";
}
.viewbutton{ padding: 5px; }
.viewbutton:before{
 font-family: FontAwesome;
 vertical-align: middle;
 content: "\f06e";
}
.card { padding:0px; }
.card-img-top{height:680px;}
.tcardtext { font-size: 14px; }
.tcardbullects {font-size: 14px; padding-bottom:8px;
 margin-left: 5px;}
 .card-body {padding: 10px 0px 0px 0px;}
.card-title { font-size: 14px; }
.tbrand { font-size: 13px; }
.tbrandname { font-size: 13px; }
.tprice { font-size: 18px; }
.fa { font-size: 11px; width: 40px; height: 40px; padding-top:12px; text-align: center; text-decoration: none; border-radius: 25%; } 
.my-float { margin-top: 4px; }
.fatogglemenu { width: 0px; height: 0px; padding-top: 12px; text-align: center; }
.fa:hover { opacity: 0.7; }
.fa-facebook { background: #3B5998; color: white; }
.fa-twitter { background: #55ACEE; color: white; }
.fa-pinterest { background:#ff0000; color: white; }
.fa-instagram { background: #711071; color: white; }
.welcomebg2{ background-color:#E9E3D7;}
.welcomeimage{ height:476px; }
.imgtxt {  font-size: 20px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 14px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}
.tbottominfo {font-size: 13px;}	
.tbottomtext {font-size: 13px;}	
.tbottomlinks{font-size: 12px; line-height:24px;}

.theading{font-size: 28px;}
.ttext{font-size: 14px; text-align: justify; line-height:22px;}
.ttextred{font-size: 14px;}
.thead{font-size: 23px;}
.thead1{font-size: 23px;}
.tsubhead{font-size: 20px;}
.tbullectsgrey{font-size: 20px;}
.tpatnerssubhead{font-size: 16px;}
.tscopehead{font-size: 28px; line-height: 24px;}
.tscopetext{font-size: 15px;}
.tablehead{font-size: 14px; padding-left:10px;}
.td{font-size: 14px; padding-left:10px;}
.td2{font-size: 14px; padding-left:10px;}
.tclientshead{font-size: 28px; line-height: 24px;}
.tclientstext{
 font-size: 14px;
 line-height: 18px;
 padding-top:10px;
}
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {	
 .navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 73px!important; }
 .twelcomehead{ font-size: 27px; line-height: 8px;}
 .twelcomesubhead{ font-size: 27px; line-height: 35px;}
 .twelcometext { font-size: 17px; line-height: 28px;}
 .tscopehead {font-size: 27px;line-height: 35px;}
 .tscopesubhead {font-size: 27px;line-height: 35px;}
 .tgeneraltradingsubhead {font-size: 17px; line-height: 28px;}
 .welcomebg2{ background-size:cover; }
 .welcomeimage{ height:568px; }	
 .tproducthead { font-size: 27px;}
 .tproductsubhead { font-size: 15px; }
 .card-img-top{height:555px;}
 .tcardtext { font-size: 14px; }
.tcardbullects {font-size: 14px; padding-bottom:8px;
 margin-left: 5px;}
 .card-title { font-size: 16px; }
 .tprice { font-size: 20px; }
.imgtxt {  font-size: 20px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 14px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}
 .tbottominfo {font-size: 18px;}
 
.theading{font-size: 32px;}
.ttext{font-size: 14px; text-align: justify; line-height:23px;}
.ttextred{font-size: 14px;}
.thead{font-size: 25px;}
.thead1{font-size: 25px;}
.tsubhead{font-size: 22px;}
.tbullectsgrey{font-size: 22px;}
.tpatnerssubhead{font-size: 16px;}
.tscopehead{font-size: 30px; line-height: 28px;}
.tscopetext{font-size: 15px;}
.tablehead{font-size: 14px; padding-left:10px;}
.td{font-size: 14px; padding-left:10px;}
.td2{font-size: 14px; padding-left:10px;}
.tclientshead{font-size: 30px; line-height: 28px;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1060px) {
.tpatnerssubhead{font-size: 16px;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1025px) {
.tbottomlinks{font-size: 13px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1290px) {
	.tbottominfo {font-size: 19px;}
	.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 12px!important; }
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1324px) {
	.tbottominfo {font-size: 19px;}
}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1499px) {	
 .navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 35px!important; }
 .twelcomehead{ font-size: 31px;}
 .twelcomesubhead{ font-size: 31px;}
 .tscopehead {font-size: 31px;}
 .tscopesubhead {font-size: 31px;}
 .tproducthead { font-size: 31px;}
 .tproductsubhead { font-size: 15px; }
.imgtxt {  font-size: 20px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 14px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}

.theading{font-size: 34px; line-height: 45px;}
.ttext{font-size: 16px; text-align: justify; line-height:23px;}
.ttextred{font-size: 16px;}
.thead{font-size: 25px;}
.thead1{font-size: 25px;}
.tsubhead{font-size: 22px;}
.tbullectsgrey{font-size: 22px;}
.tpatnerssubhead{font-size: 16px;}
.tscopehead{font-size: 30px; line-height: 28px;}
.tscopetext{font-size: 15px;}
.tablehead{font-size: 14px; padding-left:10px;}
.td{font-size: 14px; padding-left:10px;}
.td2{font-size: 14px; padding-left:10px;}
.tclientshead{font-size: 30px; line-height: 28px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1510px) {
.navbar-expand-lg .navbar-nav .nav-item{ padding: 0px 0px 0px 80px!important; }
 .twelcomehead{ font-size: 31px;line-height: 10px;}
 .twelcomesubhead{ font-size: 31px;line-height: 35px;}
.imgtxt {  font-size: 20px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 14px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}
.tpatnerssubhead{font-size: 16px;}
.tablehead{font-size: 14px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1430px) {
 .tpatnerssubhead {font-size: 13px;}
 .card-img-top{height:565px;}
}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1731px) {
 .ttopcontacts {font-size: 12px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1324px) {
.theading{font-size: 34px;}
.ttext{font-size: 16px; text-align: justify; line-height:25px;}
.ttextred{font-size: 16px;}
}
	

@media only screen and (min-device-width : 1500px) and (max-device-width : 1604px) {
	.twelcomesubhead {font-size: 43px;line-height: 50px;}
	.twelcomehead {font-size: 43px;line-height: 50px;}
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1680px) {
.imgtxt {  font-size: 24px;  line-height:25px;  bottom: 50px;  padding-left: 30px;}
.imgtxt2 {font-size: 16px;  line-height:25px;  bottom: 30px;  padding-left: 30px;}
}
@media only screen and (min-device-width : 1511px) and (max-device-width : 1611px) {
 .navbar-expand-lg .navbar-nav .nav-item {
    padding: 0px 0px 0px 23px!important;
}
}
@media only screen and (min-device-width : 1612px) and (max-device-width : 1620px) {
 .navbar-expand-lg .navbar-nav .nav-item {
    padding: 0px 0px 0px 23px!important;
}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1247px) {
 .tbottomlinks {font-size: 13px; line-height:25px;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1510px) {
.navbar .dropdown-menu { width:60%; left:0; right:0; top:35px; display:block; visibility: hidden; opacity: 0; color:  #810000 !important; transition: visibility 0s, opacity 0.3s linear; }
}
/************************* my media query classes ends *************************/

/************************************** top sticky starts **************************/
.nav .nav-item .nav-link{
 color: #ffffff;   
 font-size: 16px;
 font-family: 'RobotoBold';
 text-decoration: none;
 text-transform: uppercase;
 padding-left:100px!important;
 padding-right:100px!important;
 padding-top:12px;
 padding-bottom:12px;
 text-shadow:none!important;
}

.nav .nav-item .nav-link:focus,
.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link.active {
    background-position: bottom center;
    bgproperties: fixed;
    background-repeat: repeat-x;
    color:#ffffff;
    background-color: transparent;
}
.mega-dropdown{
	background-color:#ffffff;
	color:#810000;
    font-size: 17px;
    font-family: 'RobotoMedium';
	width:280px;
}

/**********************new drop down menu******************/
.dropdown:hover>.dropdown-menu {
 display: block;
}

.dropdown>.dropdown-toggle:active {
 /*Without this, clicking will make it sticky*/
 pointer-events: none;
}

.dropdown-item.active, .dropdown-item:active {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item:hover, .dropdown-item:hover {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item2.active, .dropdown-item2:active {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item2:hover, .dropdown-item2:hover {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item {
 display: block;
 width: 100%;
 padding: 0!important;
 clear: both;
 font-size: 18px;
 font-family: 'RobotoRegular'; 
 color: #810000!important;
 text-align: inherit;
 white-space: nowrap;
 background-color: #ffffff ;
 border: 0; 
 margin :  5px 10px 5px 10px;
}

/************************************** top sticky ends **************************/

/*************************************** SLIDER STYLE CLASSES STARTS ***************************/
.carousel-indicators { position: absolute; display:inline; top: 40%; left: 98%; z-index: 15; padding-left: 0; margin-left: 0%; text-align: center; list-style: none;} 

.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 2px; text-indent: -999px; cursor: pointer; background-color: #231F20; background-color: hsla(0, 18%, 95%, 0); border: 1px solid #231F20; border-radius: 10px; background-color: #231F20;}

.carousel-indicators .active { display: inline-block; width: 10px; height: 10px; margin: 2px; text-indent: -999px; 
cursor: pointer; background-color: #6A2110; background-color: hsla(0, 18%, 95%, 0); border: 1px solid #6A2110; border-radius: 10px; background-color: #6A2110;} 
.btn.focus, .btn:focus { outline: 0; box-shadow:none;}
/*************************************** SLIDER STYLE CLASSES ENDS **********************************/

/*************************  my LARGE SCREEN DROPDOWN MENU CLASSES STARTS *************************/
/*************************  copy this part for mega menu *************************/
/**********************new drop down menu******************/
	/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] { margin-bottom:1rem; }
.navbar .dropdown-menu {
 border:border: 5px solid #dddddd;
 border-radius: 0px;
 background-color:#ffffff!important;
 font-size: 14px;
 font-family: 'RobotoRegular'; 
 color: #212529;
}
.navtext {
 color: #000000!important;   
 font-size: 14px;
 font-family: 'PoppinsMedium';
 text-decoration: none;
 text-shadow:none!important;
 background-color:transparent!important;
 letter-spacing:1px;
}
.navtext.focus, .navtext:focus, .navtext.hover, .navtext:hover, .navtext.active, .navtext:active  {
 color: #6A2110!important;
}	
.navbottomborder {border-width:1px; border-bottom-style:dashed; border-bottom-color: #5B0000;}
@media screen and (min-width: 992px) {  
 .navbar { padding-top:0px; padding-bottom:0px; }
 .navbar .dropdown {position:static;}
 .navbar .dropdown-menu { width:90%; left:0; right:0; top:35px; display:block; visibility: hidden; opacity: 0; color:  #810000 !important; transition: visibility 0s, opacity 0.3s linear; }
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
 display:block;
 visibility: visible;
 opacity: 1;
 transition: visibility 0s, opacity 0.3s linear;
}
.navbar .dropdown-menu {
 border-width: 1px 1px 4px 1px;
 border-color: #5B0000;
 background-color: #F5F5F5;
 }
}
/**********************new drop down menu******************/

/*************************  copy this part for mega menu *************************/
/*************************  my LARGE SCREEN DROPDOWN MENU CLASSES ENDS *************************/

/*************************************  SMALL SCREEN SIDE MENU CLASSES STARTS *******************************/
.mh-head .hamburger {}
.mh-head { background: #E9E3D7!important; color: #C51E26!important; }
.mh-text{ font-size: 16px; font-weight: bold;}
.mh-head .hamburger-inner,.mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before{ background: #6A2110 ; }
.mm-navbar__title { color:#ffffff!important;/*****<!-- header menu text color------>***/ }
.mm-menu {
 background: #6A2110!important;
 font-family: 'RobotoRegular';
 font-size: 14px;    
 text-transform: uppercase;
 color: #ffffff!important;
}
.mm-menu .mm-listview .mm-btn_next:after { border-color: #ffffff!important;/****LEFT ARW****/}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: #ffffff!important;/****RIGHT ARW****/} 
/*************************************** SMALL SCREEN SIDE MENU CLASSES ENDS ********************/


/*************************************** slick starts ********************/
.slick-slide { margin: 0px 0px 0px 0px;}
.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
}
.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
.slick-track:before,.slick-track:after { content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide{ display: none; float: left;}
[dir='rtl'] .slick-slide
{ float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: 100%!important; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none; }
/*************************************** slick ends ********************/

/************************************* button starts *************************************/


.submitbutton{


 font-family: 'RobotoRegular';


 font-size: 18px;


 color: #ffffff;	


 background-color: #6A2110;


 border-radius: 0px;	


 text-transform: uppercase;


 border-radius: 0px;


 padding : 10px 20px 10px 20px;
border:0px;

}


.submitbutton.hover{


 background-color: #C61E26;


}





/************************************* button ends *************************************/
@media (min-width: 1600px){ .hideelementsmobile { display:none !important;} }



@media only screen and (min-device-width : 320px) and (max-device-width : 1599px) {.hideelementsdesktop { display:none !important;}}

.partnersimg:hover{border:1px solid #db233b!important;}
@media only screen and (min-device-width : 992px) and (max-device-width : 1510px) {
.navbar .dropdown-menu { width:60%; left:200px; right:0; top:35px; display:block; visibility: hidden; opacity: 0; color:  #810000 !important; transition: visibility 0s, opacity 0.3s linear; }
}

/*************************************** MEGA DROPDOWN STYLE CLASSES STARTS *****************************/

.mbrdr{

	border-bottom:1px dashed #0667B7;

}

.tbrdr{

	border-top:1px dashed #0667B7;

}

.rbrdr{

	border-right:1px dashed #0667B7;

}

.lbrdr{

	border-left:1px dashed #0667B7;
    height: 250px;
}

.mega-dropdown {

  position: static !important;

}

.mega-dropdown-menu2 {

    width: 100%;

    box-shadow: none;

    -webkit-box-shadow: none;

	background-color:#fff;

}

.mega-dropdown-menu2 > li > ul {

  padding: 0;

  margin: 0;

}

.mega-dropdown-menu2 > li > ul > li {

  list-style: none;

}

.mega-dropdown-menu2 > li > ul > li > a {

  display: block;

  padding: 3px 5px;

}

.mega-dropdown-menu2 > li ul > li > a:hover,

.mega-dropdown-menu2 > li ul > li > a:focus {

  text-decoration: none;

}

.mega-dropdown-menu2 .dropdown-header {

  padding: 5px 60px 5px 5px;

  line-height: 30px;

}

.navbar-nav>li>.dropdown-menu {

    margin-top: -10px;

}

.megahead{

	font-family:'PoppinsMedium';

	font-size:17px;

	color:#000000;

}

.megatxt{

	font-family:'RobotoRegular';

	font-size:14px;

	color:#333333;

}

.megatxt:hover{

	color:#6A2110;

}
.megahead:hover{

	color:#6A2110;

}
/*************************************** MEGA DROPDOWN STYLE CLASSES ENDS *****************************/

/*************************************** SMALL SCREEN DROPDOWN STARTS ********************/

.dropdown-item2mob {

 display: block;

 width: 100%;

 padding: 0!important;

 clear: both;

 font-size: 14px!important;

 font-family: 'RobotoRegular'; 

 color: #FFFFFF!important;

 text-align: inherit;

 background-color: transparent  ;

 border: 0; 

 margin :  5px 10px 5px 0px;



}
/*************************************** SMALL SCREEN DROPDOWN CLASSES ENDS ********************/