﻿*{margin:0px;padding:0px;list-style:none;text-decoration:none;font-family: 'PT Sans', sans-serif;text-rendering:optimizeLegibility!important;outline:none!important;}
p,a,h1,h2,h3,h4,h5,h6,strong,u,b,i{font-weight:inherit;font-style:inherit;font-size:inherit;margin:0px;outline:0px!important;}
div,span,section,header,footer,nav,aside,input[type=text]{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;outline:0px!important;}
header,aside,footer,article,section,figure,details,nav{display:block;}
 html,body{height:100%;}
 a,input[type=text]:focus,a,input[type=text]:hover,a,input[type=text]:active{outline:0px!important;}
 
 /*-----Desktop grid,tablet-----*/
 .col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}
 .col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}
.col-25{width:20%}
[class*=col-]{float:left;}

.container,.row::after,container,.row::before{clear:both;content:"";display:table;}
.container,.row{margin:0px auto;}

.container-fluid{width:100%;clear:both;content:"";display:table;margin:0px auto;}

@media only screen and (min-width:1200px) {.container{width:1200px;}}
@media only screen and (min-width:1024px) and (max-width:1199px) {.container{width:1024px;}}
@media only screen and (min-width:991px) and (max-width:1023px) {.container{width:768px;}}
@media only screen and (max-width:319px) {.container{width:319px;}}




/*---animatation*/

.move-top-bottom{animation-direction: normal;animation-name: move-top-bottom;animation-duration: 0.8s;animation-iteration-count: 1;animation-fill-mode: backwards;animation-timing-function: ease-in-out;animation-delay: 3s;}

@keyframes move-top-bottom {
    0% {transform: translateY(-180px);-moz-transform: translateY(-180px);-ms-transform: translateY(-180px);-o-transform: translateY(-180px);-webkit-transform: translateY(-180px);opacity: 0; }
    100% {transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1; } }

.move-left-right{animation-name: move-left-right;animation-direction: normal;animation-duration: 0.8s;animation-iteration-count: 1;animation-fill-mode: backwards;animation-timing-function: ease-in-out;animation-delay: 3s;}
@keyframes move-left-right {
    0% {opacity: 0;-moz-transform: translateX(-180px);-o-transform: translateX(-180px);-webkit-transform: translateX(-180px);-ms-transform: translateX(-180px);transform: translateX(-180px); }
    100% {opacity: 1;transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);-webkit-transform: translateX(0px); } }


.move-right-left{animation-name: move-right-left;animation-direction: normal;animation-duration: 0.8s;animation-iteration-count: 1;animation-fill-mode: backwards;animation-timing-function: ease-in-out;animation-delay: 3s;}
@keyframes move-right-left {
    0% {opacity: 0;-moz-transform: translateX(180px);-o-transform: translateX(180px);-webkit-transform: translateX(180px);-ms-transform: translateX(180px);transform: translateX(180px);
    }
    100% {opacity: 1;transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);-webkit-transform: translateX(0px);} }

/*medium version*/
@media only screen and (min-width:767px)  and (max-width:990px) {
 
  .container{width:768px;}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}
.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%;}.col-md-25{width:20%;}

}


/*mobile verion*/
@media only screen and (max-width:767px) {
    .letter-spacing-5{letter-spacing:1px;}
 .container{width:100%;padding:0px 10px}
 [class*=col-]{/*clear:both;*/width:100%;content:"";/*display:table;*/ }
.mb-12{width:100%}.mb-11{width:91.66666667%}.mb-10{width:83.33333333%}.mb-9{width:75%}.mb-8{width:66.66666667%}.mb-7{width:58.33333333%}
.mb-6{width:50%}.mb-5{width:41.66666667%}.mb-4{width:33.33333333%}.mb-3{width:25%}.mb-2{width:16.66666667%}.mb-1{width:8.33333333%;}.mb-25{width:20%;}
[class*=mb-]{float:left;}

.mobile-hide{display:none;}
.mob-menu-icon{display:block;padding:28px 15px;}
.header-title-1{font-size:19px!important;    line-height: 35px!important;}

.header-title-2{font-size:15px!important;letter-spacing: 0.8px;line-height: 30px;}
.header-title-3{font-size:12px;letter-spacing: 0.8px;line-height: 30px;text-transform:uppercase;}
.data-content-box{padding:10px;}
.data-content-1{font-size:12px!important;line-height:24px;letter-spacing:0.7px;font-weight:300;}
.team-content{font-size:15px;line-height:26px;letter-spacing:0.7px;font-weight:300;word-spacing:2px;}

.section-header .header-title-1::before {left: -13px!important;}
.section-header .header-title-1::before, .section-header .header-title-1::after {content: "";display: block;idth: 4px;height: 4px;background-color: #000;position: absolute;top: 50%;margin-top: -2px;}
.section-header .header-title-1::after {right: -13px!important;}
.fixed-banner-margin{margin-top:80px!important;}

}

.fixed-banner-margin{margin-top:80px;}
/*hide*/

.desktop-hide{display:none;}

.all-hide{display:none}

/*padding*/
.padding-tb{padding:10px 0px;}
.padding-lr{padding:0px 10px;}
.padding-tblr{padding:10px;}
.padding-tblr-30{padding:30px;}
.padding-tb-30{padding:30px 0px;}
.padding-lr-30{padding:0px 30px;}
.padding-lr-100{padding:0px 30px;}
section{padding:50px 0px}

.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-10{margin-bottom:10px;}

/*text-align*/
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}

/*div-center*/
.div-center{margin:15px auto;}

/* text transform*/
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize!important;}
.lower{text-transform:lowercase!important;}

.extra-padding{padding:50px 0px;}

/*---letter spacing--*/

/*------color pattren*/

.font-color-white{color:#fff!important;}
.font-grey-dark1{color:#777!important;}
.font-orange{color: #E67E22;}
.font-grey-dark3{color:#3F4E62;}
.font-royal-red{color: rgb(200, 22, 22);}

.font-weight-100{font-weight:100;}
.font-weight-300{font-weight:300;}
.font-weight-400x   {font-weight:400;}
.font-weight-500{font-weight:500!important;}
.font-weight-700{font-weight:700!important;}

.background-color-white{background-color:#fff;}
.background-color-dark-black{background-color:#232328;}
.background-color-black1{background-color:#333;}
.background-color-grey{background-color:#777;}
.background-color-orange{background-color:#E67E22;}
.background-color-lightning-yellow{background-color:#F5AB35;}
.background-color-royal-green{background-color:#1C8CEC;}
.grey-background{border-bottom: 1px solid rgb(236, 236, 236);border-top: 1px solid rgb(236, 236, 236); background-color: rgb(252, 252, 252);}
.background-light-grey{background-color:rgb(248, 248, 248);}
.background-light-grey1{background-color:rgb(243, 243, 243);}

/*  mobile menu icon*/
.icon-bar{width:28px;height:2px;background-color:#333;display:block;margin-top:6px;border-radius:1px; -webkit-transform: rotate(0deg);cursor:pointer;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;margin-left:auto;margin-right:0px;}
.icon-bar.open:nth-child(1) {margin-top:8px;transform:rotate(135deg);height:1px;-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.icon-bar.open:nth-child(2) {display:none;}
.icon-bar.open:nth-child(3) {margin-top:-1px;transform:rotate(-135deg);height:1px;-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);}

.slide-icon-menu-color{background-color:#fff}

/*--------Button*/
[class*=button-]{cursor:pointer;}
.button-sm{width: 100px;padding: 10px 10px;text-align: center;box-sizing: border-box;border:0px;}
.button-md{width: 140px;padding: 10px 12px;text-align: center;box-sizing: border-box;border:0px;}
.button-lg{width: 180px;padding: 12px 12px;text-align: center;box-sizing: border-box;border:0px;}
.button-x-lg{width: 220px;padding: 10px 12px;text-align: center;box-sizing: border-box;border:0px;}

.button-border{border:1px solid #fff;color:#fff;transition:all 0.4s ease-in-out;}
.button-border:hover{background-color:#fff;color:#333;transition:all 0.4s ease-in-out;}

.button-border-white{border:1px solid #fff;color:#fff;transition:all 0.4s ease-in-out;}
.button-border-white:hover{background-color:#fff;color:#333;transition:all 0.4s ease-in-out;border:0px!important;}



.button-black{background-color:#333;color:#fff;}
.button-white{background-color:#fff;color:#333;}capi
.button-blue{background-color:#EA231E;color:#fff;}

.image-circled{border-radius:300px;}

.cursor{cursor:pointer;}

/*----font sizes*/

.icon-size-1 i{font-size:28px;   }
.f{font-size:16px;}

.header-title-1{font-size:30px;    line-height: 60px;letter-spacing:0.6px;}

.section-header .header-title-1::before {
    left: -51px;
}
.section-header .header-title-1::before, .section-header .header-title-1::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #000;
    position: absolute;
    top: 50%;
    margin-top: -2px;
}
.section-header .header-title-1::after {
    right: -37px;
}

.header-title-2{font-size:16px;letter-spacing: 0.8px;line-height: 30px;}
.header-title-3{font-size:12px;letter-spacing: 0.8px;line-height: 30px;}

.data-content-box{padding:10px;}
.data-content-1{font-size:14px;line-height:30px;letter-spacing:0.5px;}
.team-content{font-size:15px;line-height:26px;letter-spacing:0.7px;font-weight:300;word-spacing:2px;}

/*background properties*/
.black-pattern{background-color: rgba(78, 78, 78, 0.5);}

.background-prop{background-position:0px 0px;background-size:cover;position:relative;background-repeat:no-repeat;}
.background-prop-fixed{background-position:0px 0px;background-size:cover;position:relative;background-repeat:no-repeat;background-attachment:fixed;}

.overlay{position:absolute;height:100%;width:100%;left:0px;top:0px;background-color:rgba(149, 149, 149, 0.25);overflow:hidden;}

.product-box:hover .toggle-overlay{display:block;}
.toggle-overlay{position:absolute;height:100%;width:100%;left:0px;top:0px;overflow:hidden;display:none;}

.line{width: 90px;border-bottom: 3px solid #29b6f6;text-align: center;display: block;margin: 0px auto;}
.line-height-30 i{line-height:30px;}
.line-height-40{line-height:40px!important;}

.line-design{color: rgb(255, 255, 255);padding: 2px 8px 0px;}


