/************************************************* Header ********************************************************************/
#Header + main {margin-top:121px;} 

 
/********** *********************Main Banner ****************************************************************************/
/*.MainBanner .carousel-caption {z-index:9;display:flex;justify-content:center;align-items:center;margin:auto;top:40%;left:0;bottom:0;right:0;}*/
.MainBanner .topform  {z-index:9; left:0;bottom:0px;right:0;padding-bottom:0px !important; position: absolute;top: 40%;} 
.MainBanner .topform .BnrBox {width:380px; background:rgba(255,131,79,0.9); padding:30px;} 
.MainBanner .topform .form-control{min-height:45px !important; border-radius:0px !important; border:none; font-size:13px;}
.MainBanner .topform .form-group{margin-bottom:10px;}
.MainBanner .topform .form-control::-moz-placeholder {color:#6d6d6d;}
input.form-control, input.form-control:focus {height:45px;}
.MainBanner a:hover{color:#fff !important;}

.solform .BnrBox {width:380px; background:rgba(255,131,79,0.9); padding:30px;} 
.solform .form-control{min-height:45px !important; border-radius:0px !important; border:none; font-size:13px;}
.solform .form-group{margin-bottom:10px;}
.solform .form-control::-moz-placeholder {color:#6d6d6d;}
input.form-control, input.form-control:focus {height:45px;}
.solform a:hover{color:#fff !important;}
 
/********** *********************Check Box ****************************************************************************/ 
  /* Customize the label (the check) */
.check {display: inline-block;position: relative;padding-left: 25px;margin-bottom: 20px;cursor: pointer;font-size: 13px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;}
/* Hide the browser's default checkbox */
.check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #fff;}
/* On mouse-over, add a grey background color */
/*.check:hover input ~ .checkmark {background-color: #4d4d4d;}
/* When the checkbox is checked, add a grey background */
.check input:checked ~ .checkmark {background-color: #4d4d4d;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.check .checkmark:after {left: 6px;top: 3px;width: 5px;height: 9px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);transform: rotate(45deg);} 

/********** ********************* Welcome ****************************************************************************/
#Welcome{position:relative;display:block; min-height:405px; z-index:1;display:flex; justify-content:center; align-items:center;}
#Welcome:after {content:''; background:url(../images/bg-color.jpg) no-repeat top center; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0; background-size:cover;}
#Welcome .wel-wid{width:60%;}

.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** ********************* About ****************************************************************************/
#About .about-wid{width:65%;}


/********** ********************* Newsfeed ****************************************************************************/
#Newsfeed a:hover{color:#4d4d4d !important;}

/********** ContactForm **************************************************************************************************/
#ContactForm {margin-right:35px;}
#ContactForm .form-group{margin-bottom:20px;}
#ContactForm .form-control{font-size:14px; border-color:#fff; border-radius:6px;height:50px;color:#6e6e6e; background:#fff;padding-left: 15px; font-family: 'Montserrat', sans-serif; font-weight:400;}
#ContactForm .form-control::placeholder{color:#6e6e6e;}
#ContactForm textarea.form-control{height:150px;resize:none;padding: 15px;color:#6e6e6e;}

textarea:focus ,textarea.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


/********** Footer ***************************************************************************************************/

#Footer a{color:#a7a7a7;} #Footer{font-size:13px; color:#a7a7a7; line-height:1.7;} #Footer a:hover{color:#ff834f;} #Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline a{font-size:15px; margin:0px; color:#ff834f;}
#Footer .list-inline-item:not(:last-child) {margin-right:10px;}
#Footer hr{border-color:#6d6d6d;} .Copytext{ font-size:13px; line-height:1.8;}

/*************************************************************************************************************/



@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,.95); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:10;}
/*.Logo img {max-height:104px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .Logo img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}*/
#Header .Logo {padding-top:7px; padding-bottom:10px;} .shrink #Header .Logo {padding-top:5px; padding-bottom:5px;}

.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:7; background:url(../images/bnr-shadow.png) repeat-x top; min-height:100%;}
.MainBanner1 .mask{position:absolute; top:0px; right:0%; left:0%; z-index:7; background:url(../images/bnr-shadow.png) repeat-x top; min-height:100%;}
.MainBanner2 .mask{position:absolute; top:0px; right:0%; left:0%; z-index:7; background:url(../images/bnr-shadow.png) repeat-x top; min-height:100%;}
.MainBanner3 .mask{position:absolute; top:0px; right:0%; left:0%; z-index:7; background:url(../images/bnr-shadow.png) repeat-x top; min-height:100%;}
.MainBanner .carousel-item  img {height:650px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;
}
.MainBanner1 .carousel-item  img{height:350px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;
}
.MainBanner2 .carousel-item  img{height:350px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;
}
.MainBanner3 .carousel-item  img{height:350px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;
}
}
.btn-warning {color: #fff!important; background-color: #FF834F!important;  border-color: #FF834F!important;}
.container{max-width:1200px;}
.container-new{max-width:1920px;padding-right:15px; padding-left:15px; margin:auto;}
.container-fluid{max-width:1750px;} 
.carousel-caption span{font-size: 9px;  padding: 6px; background: #FF834F;}
@media (min-width: 767.98px) {
.shrink {background:rgba(255,255,255,.95); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:10;}
.carousel-caption{bottom: 40%; z-index: 1;}
.carousel-caption span{font-size: 26px; background: #FF834F; padding: 10px; border-radius: 20px;"}
}

@media (min-width: 1920px) {
.gutter-lg {margin-left:-18px!important;margin-right:-18px!important;}
.gutter-lg div[class^="col"]{padding-left:18px!important;padding-right:18px!important;}

}

@media (min-width: 1600px) {

}

@media (min-width: 1259.98px) and (max-width: 1459.98px) {}	
@media (min-width: 1359.98px) and (max-width: 1459.98px) {
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
#About .about-wid {width: 55%;} #Solution .Head{height: 102px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.shrink {background:rgba(255,255,255,.95); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:10;}
.MainBanner .topform {position:static;  margin:35px 0px;} .MainBanner .topform .BnrBox{width:100%;}
#Header .Logo {padding-top: 22px;padding-bottom: 30px;}  #Welcome .wel-wid {width: 100%;} #Welcome {min-height: 270px;}
.check {padding-left: 25px;padding-right: 99px;}  #About .about-wid {width: 100%;} .solform .BnrBox{width:100%; margin:25px 0px;}
}
@media (max-width: 767.98px) {	
#Header{padding:10px 0px 10px 0px; text-align:center; position:static !important;} 
#Header .Logo{padding-bottom:10px;} 
#Header .Logo {padding-top: 0px;}
#Header + main {margin-top:0px;} 
.MainBanner .topform {position:static; margin:35px 0px;} 
.MainBanner .topform .BnrBox{width:100%;}
#Welcome .wel-wid {width: 100%;} 
#Welcome {min-height: 270px;} 
.check {padding-left: 22px;} 
#About .about-wid {width: 100%;}
.solform .BnrBox{width:100%; margin:15px 0px;} 
.MainBanner1 .carousel-item  img{height:122px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.MainBanner2 .carousel-item  img{height:122px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.MainBanner3 .carousel-item  img{height:122px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.btn-warning {color: #fff!important; background-color: #FF834F!important;  border-color: #FF834F!important;}
}
@media (max-width: 680.98px) {	
 #Solution .Head{height:108px;} #About .about-wid {width: 100%;}
}
@media (max-width: 576px){
#Header{padding:10px 0px 20px 0; text-align:center; position:static !important;} #Header .Logo{padding-bottom:20px;} 
 #Solution .Head{height:auto;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}


.vs img {box-shadow: 5px 5px 14px rgb(0 0 0 / 30%); padding: 10px; margin: 0 10px 15px 10px;}

.bgblue12{background: #4472C4; padding: 20px; color: #fff;}

#About .btn-secondary{border-radius:30px;}

.Bor:after {
    border-bottom: 2px solid #ff834f;
    content: "";
    display: block;
    margin: 0 0px 0px 0px;
    padding-bottom: 0px;
    width: 220px;
}

.widgettitle{font-size:25px;}
.widget {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;}
.widget ul {list-style: none; padding: 0px;}
.widget ul li {border-bottom: 1px solid #ccc; padding: 5px;}
.widget ul li a{color:#000!important;}
.widget ul li:last-child {border-bottom: 0px solid #fff;}

ul.bycategories {margin: 0; padding: 0; }
ul.bycategories li {list-style: none; list-style-type: none; margin: 0; padding: 0;}
ul.bycategories li a {list-style: none; list-style-type: none; margin: 0 20px 15px 0; float: left;  background: #eee; color: #464646; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul.bycategories li a:hover{text-decoration: none; background: #ff6200; color: #fff;}
.clear{clear: both;}