/* USING BOOTSTRAP 3.0.3 */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800,400italic);
/*
  font-family: 'Montserrat', sans-serif;
  font-family: 'Open Sans', sans-serif;
*/

*{
  -webkit-appearance: none;
  -moz-appearance: none;
}
*::-moz-placeholder{
	color: #333;
}
a{color:#f47c2e;}
a:hover,
a:focus{color:#474747;}
a:hover,
a:focus,
a:visited,
a:active {
  outline: none !important;
  outline: inherit !important;
}
body {
  position: relative;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  color: #464646;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
strong {font-weight: 700;}
.select-wrapper{color: #999;}
.select-wrapper span.caret {font-size: 0px; top: 26px;}
.input-field label {left: 0; font-weight: 500; font-size: 16px;}
.marg_t_28 label {color: #464646;}
.btnOrg {
  background-color: #f47b2d;
}
.btnOrg:hover,.btnOrg:active,.btnOrg:focus {
  outline: none;
  background-color: #474747;
  color: #FFF;
}

.btnErrOrg {
  background-color: #f47b2d;
  color: #FFF;
}
.btnErrOrg:hover,.btnErrOrg:active,.btnErrOrg:focus {
  outline: none;
  color: #FFF;
  background-color: #474747;
}
.btnGray {
  background-color: #474747;
  color: #FFF;
}
.btnGray:hover,.btnGray:active,.btnGray:focus {
  outline: none;
  background-color: #f47b2d;
  color: #FFF;
}
.textOrg {
  color: #f47c2e;
}
.textOrg:hover {
  color: #dc5c09;
}

/*-------------- G L O B A L area -----------*/
.marg_t_100{margin-top:100px;}
.marg_t_28 {margin-top: 28px;}
.marg_t_10 {margin-top: 10px;}
.marg_b_50{margin-bottom:50px;}
.marg_b_20{margin-bottom:20px !important;}
.dividerGlob-50 {height: 50px; clear: both;}
.dividerGlob-30 {height: 30px; clear: both;}
.dividerGlob-20 {height: 20px; clear: both;}
.marr-40 {margin-top: 40px;} /*// change in 767px Media*/
.marr-0 {margin-top: 0px !important;}
/*------------------------------------------*/
.background-blktransBlack {
  background: url(../png/blk-bg.png) repeat left top;
}

.btn-cust-orange {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #FFF;
  font-size: 22px;
  text-transform: none;
  background: #f47d2e;
  width: 210px;
  text-align: center;
  height: 52px;
  line-height: 52px;
  margin-top: 40px;
  display: inline-block;
}
.btn-cust-orange:hover,.btn-cust-orange:focus,.btn-cust-orange:active {
  background: #f2f2f2;
  color: #000;
  outline: none;
}
.btn-cust-orange-getQuote {font-size: 18px; width:180px; height:48px; line-height: 48px;}
.btn-cust-orange-sml {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  color: #FFF;
  font-size: 20px;
  background: #f47d2e;
  width: 210px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin-top: 40px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
}
.btn-cust-orange-sml:hover {
  background: #333;
  color: #FFF;
  outline: none;
}

.btn-cust-orange-square {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #FFF;
  font-size: 20px;
  background: #f47d2e;
  width: 300px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin-top: 40px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.btn-cust-orange-square:hover,.btn-cust-orange-square:focus,.btn-cust-orange-square:active {
  background: #333;
  color: #FFF;
  outline: none !important;
  border: none;
}
.send_btn{margin-top:0px;}
.btn-cust-white-sml {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  color: #f47d2e;
  font-size: 20px;
  background: #fff;
  width: 210px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin-top: 40px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  box-shadow:none;
}
.btn-cust-white-sml:hover {
  background: #333;
  color: #FFF;
  box-shadow:none;
  outline: none;
}
.btn-cust-white-big {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  color: #f47d2e;
  font-size: 20px;
  background: #fff;
  width: auto;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin-top: 40px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  box-shadow:none;
}
.btn-cust-white-big:hover {
  background: #333;
  color: #FFF;
  box-shadow:none;
  outline: none;
}
video#bgvid {
    /*background: rgba(0, 0, 0, 0) url("../images/cover-bg.jpg") no-repeat scroll 0 0 / cover ;
    background: #000;
    height: auto;
    left: 50%;
    min-height: 800px;
    min-width: 100%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 1s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 1s ease 0s;
    -ms-transform: translateX(-50%) translateY(-50%);
    -ms-transition: opacity 1s ease 0s;
    width: auto;
    z-index: -100;*/

    /*background: #000 url("../images/cover-bg.jpg") no-repeat scroll 0 0;
    background-size: cover;
    height: auto;
    left: 0;
    min-width: 100%;
    position: fixed;
    top: 0;
    right: 0px;
    bottom: 0px;
    z-index: -100;*/

    /*background: #000 url("../images/cover-bg.jpg") no-repeat scroll 0 0 / cover;*/
    /*background: #000;*/
    height: auto;
    left: 0;
    width: 100%;
    position: fixed;
    top: 0;
    /*right: 0px;
    bottom: 0px;*/
    z-index: -100;
    object-fit: cover;
}

#bgvid {
  background: #000 url("../jpg/cover-bg.jpg") no-repeat scroll 0 0;
  background-size: cover;
  height: auto;
  left: 0;
  width: 100%;
  position: fixed;
  top: 0;
  /*right: 0px;
  bottom: 0px;*/
  z-index: -100;
  object-fit: cover;
}


video#solutionbgvid {
    /*background: #000 url("../images/cover-bg.jpg") no-repeat scroll 0 0 / cover;*/
    width: 100%;
    height: auto;
    object-fit: cover;
}

/*---- NAVIGATION ----*/

nav .navbar-brand {
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
  transition: all ease 0.62s;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
nav.navbar.navbar-custom .navbar-nav a {
  font-size: 16px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.62s ease;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
}
nav.navbar.shrink {
  min-height: 35px;
  transition: all ease 0.62s;
}
nav.navbar.shrink .navbar-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

nav.navbar.navbar-custom.shrink .navbar-nav a {
  font-size: 15px;
  padding-bottom: 13px !important;
  padding-top: 10px !important;
}

nav.navbar.shrink .navbar-toggle {
  margin: 8px 15px 8px 0;
  padding: 7px 5px;

}
.logo {
  background: url(../png/logo.png) no-repeat left top;
  background-size: cover;
  width: 182px;
  height: 93px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.62s ease;
}
.logo:hover,.logo:active,.logo:focus {
  outline: none;
}

/*----- shrink Logo -----*/
nav.navbar.shrink .logo {
  background: url(../png/logoscroll.png) no-repeat left bottom;
  background-size: cover;
  width: 140px;
  height: 32px;
}

nav.navbar.shrink .logo:hover,
nav.navbar.shrink .logo:active,
nav.navbar.shrink .logo:focus {
  outline: none;
}
.navbar-custom {
  background: transparent; border: none;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
  font-family: 'Open Sans', sans-serif;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.62s ease;
}
/*----- shrink Navbar Custom -----*/
nav.navbar.navbar-custom.shrink {
  background: #FFF;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.navbar-default .navbar-nav > li > a {color: #FFF;}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #f47c2e;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: transparent;
  color: #f47c2e;
}

nav.navbar.navbar-custom.shrink .continfo-nav {/*top: 15px; color: #000;*/ display: none;}
nav.navbar .continfo-nav i{color: #f47c2e;}
nav.navbar.navbar-custom.shrink .continfo-nav a {color: #000;}
.navbar-nav {margin-top: 80px;}
nav.navbar.navbar-custom.shrink .navbar-nav {margin-top: 9px;}
.navbar-custom.shrink .navbar-nav > li > a {color: #000;}
nav.navbar.navbar-custom.shrink .continfo-nav span { color: #000;}
/*nav.navbar.navbar-custom.shrink .navbar-nav a,
nav.navbar.navbar-custom.shrink .continfo-nav span {
  color: #000;
}*/

.navbar-custom.shrink .navbar-nav > li > a:focus,
.navbar-custom.shrink .navbar-nav > li > a:hover,
.navbar-custom.shrink .navbar-nav > .active > a,
.navbar-custom.shrink .navbar-nav > .active > a:focus,
.navbar-custom.shrink .navbar-nav > .active > a:hover {
  color: #f47c2e;
}

.navbar-custom.shrink .navbar-nav > .open > a,
.navbar-custom.shrink .navbar-nav > .open > a:focus,
.navbar-custom.shrink .navbar-nav > .open > a:hover {
  background: transparent;
  color: #f47c2e;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {margin-left: 0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
.navbar-default .navbar-toggle {background-color: #f47c2e; top: 1px; border-color:#f47c2e; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
  background-color: #474747; border-color:#474747;
}
/*---- CONTACT MENU ---*/
.continfo-nav {position: absolute; right: 0px; top: 36px;}
.continfo-nav span {
  font-size: 13px;
  color: #FFF;
  display: inline-block;
  padding: 0 14px;

}
.continfo-nav span a {color: #FFF;}
.dropdown-content li > a, .dropdown-content li > span {color:#f47c2e; }

@media (max-width: 992px) {
  .navbar-header {float: none;}
  .navbar-left,.navbar-right {float: none !important;}
  .navbar-toggle {display: block;}
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in{display:block !important;}
  .continfo-nav {top: 80px;}
  nav.navbar.navbar-custom.shrink .continfo-nav {top: 50px;}
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 15px;}

  nav.navbar.navbar-custom.shrink .navbar-nav {margin-top: 0px; background: #FFF;}
  .navbar-collapse {background: #000 !important; border-color:#666 !important;}
}
@media(max-width: 767px){
  /*.background-blktransBlack{background: #000;}*/
}
@media(max-width: 600px){
  .continfo-nav {top: 75px; text-align: right;}
  .continfo-nav span {display: block; font-size: 12px;}
}
@media(max-width: 480px){
  .continfo-nav {top: 75px; text-align: right;}
  .continfo-nav span {display: block; font-size: 12px;}

  .logo {height: 71px; width: 140px;}
  .continfo-nav {top: 60px;}
  nav.navbar.shrink .logo { height: 28px; width: 120px;}
}


/*---- NAVIGATION END ----*/

/* BANNER */
.jumbotron {
  border-radius: 0px;
  background: #000;
  background-color: transparent;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  position: relative;

}
.jumbotron .container {
  background: transparent;
  background-repeat: no-repeat;
  background-position:center 0px;
  height: 100%;
  padding-bottom: 0px;
  background-size: contain;
  position:relative;
}

.jumbotron .container.banBg1 { background-image: url(../png/banimg01.png); }
.jumbotron .container.banBg2 { background-image: url(../png/banimg02.png); }
.jumbotron .container.banBg3 { background-image: url(../png/banimg03.png); }
.jumbotron .container.banBg4 { background-image: url(../png/banimg04.png); }
.jumbotron h3 {
  font-family: Georgia, serif;
  /*font-style: italic;*/
  font-weight: 500;
  font-size: 32px;
  line-height: 45px;
  margin: 0px;
  color: #fff;
}
.jumbotron h2 {
  font-weight: 600;
  font-size: 62px;
  line-height: 68px;
  margin-top: 0px;
  color: #f5792b;
}

.jumbotron .slider .slides {
  background-color: transparent;
}

.jumbotron .caption {
  left: 15px; top: 28%;
}

.jumbotron .caption{ width:53%;}

.captionDiv{width:100%; position: absolute; bottom:0px; line-height: 36px; color: #fff; text-align: center; font-size: 18px; font-weight: 300;}
.captionDiv:before{content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background:#000;
  opacity: .6;
  }
  .captionDiv p{margin-top: 10px; margin-bottom: 10px;}
@media(max-width:767px){
  .jumbotron .container {
    background: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position:right top;
    height: 100%;
    padding-top: 150px;
    padding-bottom: 0px;
    background-size: contain;
    text-align: center;
  }
  .jumbotron .container.banBg1,
  .jumbotron .container.banBg2,
  .jumbotron .container.banBg3,
  .jumbotron .container.banBg4 {
    background-image: none;
  }
  .jumbotron h2 {font-size: 50px; line-height: 48px;}
  .jumbotron h3 {margin-bottom: 20px; font-size: 30px;}

  .captionDiv{font-size: 16px;}
}

@media(max-width:480px){
  .jumbotron h2 {font-size: 40px; line-height: 38px;}
  .jumbotron h3 {margin-bottom: 15px; font-size: 24px;}
}
.wrapCont {background: #FFF;}

/*.carousel {height: 600px;}
.carousel .carousel-item {
  width: 100%; max-width: 1170px;  top:50%; height: 600px;
}*/

/*.carousel {height: 260px;}
.carousel .carousel-item {
  width: 100%; max-width: 880px; top:84%; height: 315px;
}*/
.carousel{height: 260px; background: #fff; color: #464646; border-radius: 8px;}
.commentBlock {
  position: absolute;
  left: 0px; top: 0px;
  bottom: 0px; right: 0px;
  font-size: 18px;
  border: 10px solid transparent;
}
.commentContent {
  width: 100%;
  /*margin: 0px auto;*/
  padding: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  display: flex;
  align-items:center;
  height: 260px;
}
.comentDoc {padding-left: 50px; font-size: 14px; line-height: 26px; font-weight: 400;}
.carousel .carousel-item .commentContent img {width: auto; height: auto;}
.commentPicBox {padding: 20px 0; float: right;}
.commentPicBox div {display: inline-block; vertical-align: middle;}
.commentName {display: block; color: #f47d2e;}
.carousel-caption{position:static; width:85%; padding-top:0px; color: #333; text-shadow:none; margin: 0 auto; vertical-align: middle; padding-bottom:0px; text-align: center; overflow: hidden;}

.carousel-control.left, .carousel-control.right{background: none;}
.carousel-inner{margin: 0 auto; overflow: visible;}
.carousel-control{width: 10%; color: #666; text-shadow:none;}
.carousel-control:focus, .carousel-control:hover{color: #333;}


@media(max-width: 992px){
 /*.carousel {height: 700px;}*/
 .carousel{height: 370px;}
 .commentContent {
    font-size: 146px;
    padding:30px 25px;
    height: 370px;
 }
 .carousel .carousel-item .quoteRight img {width: 30px;}
 .carousel .carousel-item .quoteleft img {width: 30px;}

 .carousel .carousel-item .commentPicBox img {width: 75px;}
 .comentDoc {padding-left: 35px;}
  .jumbotron .container.banBg1,
  .jumbotron .container.banBg2,
  .jumbotron .container.banBg3,
  .jumbotron .container.banBg4 {
  background-image: none;
}
}


@media(max-width: 768px){
 /*.carousel {height: 700px;}*/
 .commentContent {
    font-size: 14px;
    padding:30px 25px;
 }
 .carousel .carousel-item .quoteRight img {width: 30px;}
 .carousel .carousel-item .quoteleft img {width: 30px;}
 .carousel .carousel-item .commentPicBox img {width: 75px;}
 .comentDoc {padding-left: 35px;}
}
@media (max-width: 640px) {
  /*.carousel {height: 420px;}*/
  .carousel {height: 450px;}
 .commentContent {
    font-size: 14px;
    padding:30px 25px;
    height: 450px;
 }
/*  .carousel .carousel-item {width: 100%; max-width: 100%; top: 27%;}*/
  .commentBlock {font-size: 16px; line-height: 22px; left: 10px; right: 10px; top: 10px;}
  .comentDoc {font-size: 16px; line-height: 24px;}
}
@media(max-width: 600px){
/* .carousel {height: 550px;}*/
.commentContent {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 0 10px #999;
    font-size: 16px;
    padding:30px 25px;
 } 
 .carousel .carousel-item .quoteRight img {width: 30px;}
 .carousel .carousel-item .quoteleft img {width: 30px;}
 .carousel .carousel-item .commentPicBox img {width: 75px;}
 .comentDoc {padding-left: 35px;}
}

@media(max-width: 480px){
 /*.carousel {height: 470px;}*/
 .carousel {height: 590px;}
 .commentContent {
    font-size: 14px;
    padding: 25px 15px;
    height: 590px;
 }
 .carousel .carousel-item .quoteRight img {width: 24px;}
 .carousel .carousel-item .quoteleft img {width: 24px;}
 .carousel .carousel-item .commentPicBox img {width: 60px;}
 .comentDoc {padding-left: 30px; font-size: 12px; line-height: 18px;}
}

/*----- After BaNNER ------*/
/*----- First Section (About)-----*/
.sectionWhite {
  width:100%;
  padding: 50px 0 60px;
  background: #FFF;
  font-size: 18px; line-height: 30px;
}
.sectionGrey{
  width:100%;
  padding: 50px 0 60px;
  background: #f2f2f2;
  font-size: 18px; line-height: 30px;
}
.sectionWhite .headdark, .sectionGrey .headdark {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}

.sectionWhite .headdark span, .sectionGrey .headdark span{
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #f5792b;
  font-size: 35px;
  line-height: 46px;
  margin-top: 0px;
}

@media(max-width: 992px){
  .sectionWhite .headdark {font-size: 40px;}
  .sectionWhite .headdark span {font-size: 25px; line-height: 38px;}
}

.sectionultralightGray{
  width:100%;
  padding: 50px 0 60px;
  background: #f7fbfe;
}
.sectionultralightGray .headdark {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}

.sectionultralightGray .headdark span {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #f5792b;
  font-size: 35px;
  line-height: 46px;
  margin-top: 0px;
}

@media(max-width: 992px){
  .sectionWhite .headdark {font-size: 40px;}
  .sectionWhite .headdark span {font-size: 25px; line-height: 38px;}
}


/*----- Section Section (SLIDER)-----*/
#prevSlide {position: absolute; left: 0%; top: 50%; margin-top: -31px; z-index: 9; color: #FFF;}
#nextSlide {position: absolute; right: 0%; top: 50%; margin-top: -31px; z-index: 9; color: #FFF;}

#prevSlide:hover, #prevSlide:focus, #prevSlide:active {color: #f47c2e; outline: none;}
#nextSlide:hover, #nextSlide:focus, #nextSlide:active {color: #f47c2e; outline: none;}

@media (min-width: 1024px){
  #prevSlide {left: 10%;}
  #nextSlide {right: 10%;}
}

.sectionBg {
  background: url(../jpg/section-bg.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  padding: 50px 0 60px;
}
.sectionBg .headdark {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
  margin-bottom: 40px;
  margin-top: 0px;
}
.sectionBg .headdark span {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #FFF;
  line-height: 46px;
  font-size: 35px;
}
@media(max-width: 992px){
  .sectionBg .headdark {font-size: 38px;}
  .sectionBg .headdark span {font-size: 25px; line-height: 38px;}
}
.bannerslider .slides {background-color: transparent;}
.bannerslider .slides li img {
  background-repeat: no-repeat;
  background-size: auto;
}
@media (max-width: 768px){
  .bannerslider .slides li img {background-size: contain;}
}
.viewmorelink {
  color: #f47c2e; font-size: 20px; line-height: 36px; padding-bottom: 7px;
  border-bottom: 2px solid #f47c2e; margin-top: 60px; display: inline-block;
  font-family: 'Montserrat', sans-serif; font-weight: 700;
}
.viewmorelink i {font-size: 12px;}
.viewmorelink:hover{color: #FFF; text-decoration: none;}

@media(max-width: 768px){
  .viewmorelink {margin-top: 30px;}
}
.sectionWhite .headmulti, .sectionGrey .headmulti {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}
.sectionWhite .headmulti small, .sectionGrey .headmulti small {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #333;
  font-size: 35px;
  margin-bottom: 10px;
}
.sectionWhite .headmulti span , .sectionGrey .headmulti span{color: #f47d2e;}

.sectionultralightGray .headmulti {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}
.sectionultralightGray .headmulti small {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #333;
  font-size: 35px;
  margin-bottom: 10px;
}
.sectionultralightGray .headmulti span, .carusolWrap .headmulti span, .statsWrap .headmulti span {color: #f47d2e;}

@media(max-width: 992px){
  .sectionWhite .headmulti {font-size: 40px;}
  .sectionWhite .headmulti small {font-size: 25px;}

  .sectionultralightGray .headmulti {font-size: 40px;}
  .sectionultralightGray .headmulti small {font-size: 25px;}
}
/*-- Package Section(Orange) start--*/
.packageDiv{
  background:url("../jpg/packagebg.jpg") left top no-repeat;
  background-size: cover;
  padding: 50px 0 60px;
  color: #fff;
  position: relative;
  font-size: 18px; line-height: 30px;
}
.headWhite{
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 0px;
}
.headWhite span {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
  display: block;
  color: #fff;
  font-size: 35px;
  line-height: 46px;
  margin-top: 0px;
}
.sub_headWhiteTxt{
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 500;
}
.packageImg_div{
  width: 440px;
  height: 100%;
  position: relative;
  left:0;
  top: 70px;
}
.packageImg_div img{width:100%;}
@media (max-width: 1199px){
  .packageImg_div{width: 370px;}
}
@media (max-width: 991px){
  .packageImg_div{width: 290px;}
  .headWhite{font-size: 44px; margin-bottom: 10px;}
  .headWhite span {font-size: 25px; line-height: 38px;}
  .sub_headWhiteTxt{font-size: 18px;}
}
@media (max-width: 767px){
  .packageImg_div{display: none;}
}
/*-- Package Section(Orange) end--*/
/*-- Video Section start--*/

.videoDiv{
  /*background: url(../images/video_div_bg.jpg) no-repeat center top;*/
  background: #FFF;
  background-size: cover;
  width: 100%;
  padding: 50px 0 60px;
  text-align: center;
}
.videoDiv .headmulti {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}

.videoDiv .headmulti small {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #333;
  font-size: 35px;
  margin-bottom: 10px;
}

@media(max-width: 992px){
  .videoDiv .headmulti {font-size: 40px;}
  .videoDiv .headmulti small {font-size: 25px;}
}
.videoDiv .headmulti span {color: #f47d2e;}
.videoHolder{width: 75%; margin: 0px auto; position: relative;}
#vidBtn {
  position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px;
  width: 80px; height: 80px; border-radius: 50%;
  background: #F3F3F3; z-index: 99; text-align: center; border:2px solid #f3f3f3; display: none;
}
#vidBtn i {font-size: 60px; line-height: 79px; position: relative;}
.videoHolder:hover #vidBtn {display: block;}

@media(max-width: 768px) {
  #vidBtn {
    position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px;
    width: 80px; height: 80px; border-radius: 50%;
    background: #f47c2e; z-index: 99; text-align: center; border:2px solid #f3f3f3; display: block;
  }
}

/*-- Video Section end---*/

/*-- Service Section start--*/
.serviceDiv{
  /*background: url(../images/service_div_bg.png) no-repeat center top;*/
  background: #333;
  /*color: #FFF;*/
  width: 100%;
  padding: 50px 0 60px;
}
.serviceDiv a{color:#f47c2e;}
.serviceDiv a:hover{color:#FFF; text-decoration: none;}
.serviceDiv .headdark {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
  margin-bottom: 40px;
  margin-top: 0px;
}

.serviceDiv .headdark span {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #f5792b;
  font-size: 35px;
  line-height: 46px;
  margin-top: 0px;
}
.serviceDiv .imgDiv{width: 350px;}
.serviceDiv .imgDiv img, .serviceDiv ul li .service_iconDiv img {
  max-width: 100%; position: relative; top: -1px;
}
.serviceDiv ul{margin-top: 20px;}
.serviceDiv ul li{
  border-left:1px solid #e6e6e6; margin-left:30px;
  margin-bottom: 0px; position: relative; padding-left: 80px;
  padding-bottom: 35px; min-height: 170px;
}

.serviceDiv ul li:last-child {
  /*padding-bottom: 0px;*/
}

.serviceDiv ul li:last-child{border-left:0px solid #e6e6e6;}
.serviceDiv ul li .service_iconDiv{
  width: 73px;
  float: left;
  margin-right: 15px;
  position: absolute;
  top: 0;
  left: -37px;
}
.serviceDiv ul li .sec_Cont{font-size: 18px; line-height: 26px;}
.serviceDiv ul li .sec_Heading{font-size: 24px; text-transform: uppercase; font-weight: 700;}
.bannerTxt {font-size: 24px; line-height: 36px; font-weight: 500;}
@media (max-width: 1199px){
  .serviceDiv ul{margin-top: 20px;}
}
@media (max-width: 991px){
  .serviceDiv .imgDiv{width: 280px;}
  .serviceDiv ul li .service_iconDiv{width: 66px;}
  .serviceDiv ul li{
    padding-left: 50px;
    padding-bottom: 15px;
    margin-left:20px;
  }
  .serviceDiv .headdark {font-size: 40px;}
  .serviceDiv .headdark span {font-size: 25px;}
}
@media (max-width: 767px){
  .serviceDiv .imgDiv{
    display: none;
  }
  .serviceDiv ul{margin-top: 0px;}
}

/*InnerServices Block*/
.inner_serviceDiv {
  background: none;
  padding-bottom: 0px;
}
.headsml {
  font-family: 'Montserrat', sans-serif;
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
}
.headsml span {
  color: #f47c2e;
  font-size: 20px;
  display: block;
  font-weight: 400;
  text-transform: none;
  line-height: 30px;
  margin-top: 12px;
}
/*-- Service Section end--*/

.iconBox {
  width: 174px; height: 174px; margin:0px auto; background: #f47d2e; color: #FFF;
  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
  position: relative; line-height: 174px;
  text-align: center; overflow: hidden; margin-bottom: 20px;
}
.boxInfo {font-size: 18px;line-height: 30px;}
.boxInfo h3{
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  color: #333; font-weight: 700;
}

.boxInfo h3 a {
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  color: #333; font-weight: 700;
}
.boxInfo h3 a:hover {
  text-decoration: none;
}

.carusolWrap {
  background: url(../jpg/section-bg2.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  padding: 50px 0 60px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.carusolWrap .headdark, .carusolWrap .headmulti {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}

.carusolWrap .headdark span {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #f5792b;
  font-size: 35px;
  line-height: 46px;
  margin-top: 0px;
}

@media(max-width: 992px){
  .carusolWrap .headdark {font-size: 40px;}
  .carusolWrap .headdark span {font-size: 25px; line-height: 38px;}
}

/*Section Stats*/
.statsWrap {
  background: url(../jpg/section-bg3.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  padding: 50px 0 60px;
}
.statsWrap .headdark, .statsWrap .headmulti {
  font-size: 58px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
}

.statsWrap .headdark span {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  display: block;
  color: #f5792b;
  font-size: 35px;
  line-height: 46px;
  margin-top: 0px;
}
@media(max-width: 992px){
  .statsWrap .headdark {font-size: 40px;}
  .statsWrap .headdark span {font-size: 25px; line-height: 38px;}
}
.leftConstats {width: 100%; float: none; text-align: center;}
.rightConstats {width: 100%; float: none; text-align: center;}
.centerConstats {width: 100%; float: none; text-align: center;}

.statBox {
  padding: 25px 0px;
  transition:all ease 0.4s;
  -moz-transition:all ease 0.4s;
  -webkit-transition:all ease 0.4s;
  position: relative;
  font-size: 22px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
}
.statBox h4 {
  font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight: 700;
  color: #333333;
}
.statBox i {color: #FFF;}
.statBox i + i{font-size: 50px;}
.statBox i.fa-circle {color: #f5792b;}

.addiconBox {width: 20%; float: left;}
.statBox span {font-weight: 600;}

.addiconBox img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 0.45
}

/* Disable grayscale on hover */
.addiconBox img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1
}

@media(max-width: 767px){
  .addiconBox {width: 50%; text-align: center;}
  .addiconBox img {display: inline-block;}
}

  /*Media section*/
@media(min-width: 767px){
  .leftConstats {width: 35%; float: left; text-align: right;}
  .rightConstats {width: 35%; float: left; text-align: left;}
  .centerConstats {width: 30%; float: left; text-align: center;}
}
@media(min-width: 768px) and (max-width: 991px){
  .statBox {
    /*font-size: 12px;*/
    padding: 20px 30px;
  }

  .statBox h4 {
    /*font-size: 20px;*/
  }
}
/*FOOTER*/

.footerTop {background: #333; padding: 65px 0; font-size: 18px; color: #9a9a9a;}
.footerTop h4 {
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #FFF;
}

.footerTop h5 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #FFF;
}

.foomenuList {padding: 0px; margin: 0px; list-style: none;}
.foomenuList > li {display: block;}
.foomenuList > li > a {
  color: #9a9a9a;
  text-decoration: none;
  transition:all ease 0.2s;
  -moz-transition:all ease 0.2s;
  -webkit-transition:all ease 0.2s;
  line-height: 40px;
  font-weight: 700;
}
.foomenuList > li > a:hover,
.foomenuList > li > a:focus,
.foomenuList > li > a:active {
  color: #f2f2f2;
  outline: none;
}
.foomenuList > li > a i {
  color: #feffff;
  transition:all ease 0.4s;
  -moz-transition:all ease 0.4s;
  -webkit-transition:all ease 0.4s;
}

.foomenuList > li > a i.fa-inverse {
  color: #F69354;
  transition:all ease 0.4s;
  -moz-transition:all ease 0.4s;
  -webkit-transition:all ease 0.4s;
  outline: none;
}
.foomenuList > li > a:hover i,
.foomenuList > li > a:active i,
.foomenuList > li > a:focus i {
  color: #F47C2E;
  outline: none;
}
.foomenuList > li > a:hover i.fa-inverse,
.foomenuList > li > a:focus i.fa-inverse,
.foomenuList > li > a:active i.fa-inverse{
  color: #FFF;
}
.footLogo {padding-top: 50px;}
.footerbottom {color: #9a9a9a; background: #000; font-size: 14px; padding: 30px 0;}
.footerbottom a {color: #FFF;}
.socialList>li {
    display: inline-block!important
}

/*----Inner Pages----*/
.padd-top-100 {padding-top: 50px;}
.grayLight {background: #f5f8fa; padding:100px 0;}
.grayLight h1.headdark {
  font-size: 54px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  margin-bottom: 40px;
  margin-top: 0px;
  text-transform: uppercase;
}
.whiteInnerSection {background: #FFF;}

/* ---- isotope ---- */

.grid {}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.filters-button-group {
  text-align: center;
  margin-bottom: 55px;
  background: transparent;
}
/*.filters-button-group > a {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px; font-weight: 600;
  display: inline-block; line-height: 34px; color: #333; padding: 0 30px;
  border:1px solid #f47c2e;
  text-transform: capitalize;
}
.filters-button-group > a + a {
  border-left: 0px solid #f47c2e; text-decoration: none;
  margin-left: -4px;
}
.filters-button-group > li > a:hover,
.filters-button-group > li > a:focus,
.filters-button-group > li > a:active,
.filters-button-group > li > a.is-checked {
  color: #333; outline: none; text-decoration: none;
}
}*/




.catTags span {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  background: #fff3eb; color: #f47c2e; line-height: 24px; margin: 2px;
  font-size: 12px; font-weight:600; padding:0 10px; vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

 .element-item .card {
    max-width: 360px; margin: 0px auto 25px; overflow: hidden;
  }

.element-item .card .card-content {height: 175px;}
.element-item .card .card-action {padding: 15px;}

.element-item .card .card-action-folio {padding: 15px; position: absolute; bottom: 0px; width: 100%;}
.element-item .card .card-content .card-title {
  font-size: 18px; font-weight: 700; line-height: 20px;
}
.gap80 {height: 80px; clear: both; display: block;}
.card .card-reveal {top: 99%;}
.element-item .card .card-reveal .card-title {
  font-size: 18px; font-weight: 700; line-height: 28px;
}
.element-item .card .card-content a:hover {text-decoration: none;}
.caseHead {
  font-size: 18px; font-weight:700; display: block; margin-bottom: 12px; padding-top: 5px;
}
.btn-readmore {
  font-size: 14px; color: #f47c2e; text-decoration: none;
  font-weight: 700;
}
.btn-readmore:hover, .btn-readmore:focus, .btn-readmore:active {
  text-decoration: none; outline: none;
  color: #474747;
}
.careerName {
  font-size: 16px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #e4ebef;
}

.careerName strong {font-size: 18px; font-weight:700;}
.careerName span {display: inline-block;}
.careerName span:before {
  content: " | "; padding-left:20px;
  position: relative;
  padding-right: 20px;
}
.careerName span i {color: #f47c2e; padding-right: 8px;}
.careerInfo p + p {padding-top:10px;}
.careerInfo ul li {
  padding-left: 24px;
  display: block;
  list-style: circle !important;
  list-style-type: circle !important;

  list-style-position: inside !important;
}
.careerInfo ul li:before {
  content: " ";
  width:8px;
  height: 8px;
  background:#f47b2d;
  border-radius: 50%;
  position: relative;
  display: block;
  top: 16px;
  right: 14px;
}
.strBld {font-weight: 700;}
.pozCat h3 {
  font-size: 20px; font-weight: 600; margin-bottom: 15px; border-bottom: 1px solid #e4ebef;
  padding-bottom: 15px; margin-top: 2px; text-transform: uppercase;
}

.pozCatList {list-style: none; padding: 0px; margin: 0px;}
.pozCatList li a {
  display: block; color: #f47c2e; font-size: 16px; line-height: 36px;
  transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
}
.pozCatList li a:hover,
.pozCatList li a:focus,
.pozCatList li a:active,
.catList li a:hover,
.catList li a:focus,
.catList li a:active,
.catList li.active a {
  text-decoration: none; outline: none;
  color: #474747;
}

.companylist {
  list-style: none; padding: 0px; margin: 0px;
  width: 100%;
}
.companylist li {display: inline-block; width: 33%;}
.spacer40 {height: 40px; clear: both;}
.imgAlign {
    /*
    background: transparent;
    height: auto;
    left: 50%;
    min-height: 280px;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 1s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 1s ease 0s;
    -ms-transform: translateX(-50%) translateY(-50%);
    -ms-transition: opacity 1s ease 0s;
    width: auto;
    */
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.blogEventBox {
  margin-bottom: 56px;
  background: #FFF;
  border: 1px solid #EEE;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 6px #CCC;
  -webkit-box-shadow: 0 0 6px #CCC;
  -moz-box-shadow: 0 0 6px #CCC;
  height: 550px;
}
.blogImgWrap {
  margin-bottom: 10px;
  position: relative;
  height: 280px;
}
.blogEventImgCont {
  position: relative;
  border-radius: 3px 3px 0 0;
  height: 280px;
  overflow: hidden;
}
.blogEventInfo {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  border-bottom: 1px solid #e4ebef;
  margin-bottom: 15px;
  padding:0px 15px 0px;
  height: 192px; overflow: hidden;
}
.blogEventInfo strong{
  font-size: 18px;
  color: #474747;
  display: block;
  font-weight: 700;
}
.blogEventInfoFoot {
  font-size: 12px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  color: #f47c2e;
  padding: 0 15px 15px;
}
.blogEventInfoFoot i {color: #474747;}
.datePlate {
  position: absolute; left: -16px; top: -16px; width: 62px;
  height: 62px; background: url(../png/dateplate.png) no-repeat center top;
  color: #FFF; text-align: center; line-height: 20px; padding-top: 13px;
  z-index: 9;
}
.datePlate strong {font-weight: 700; font-size: 24px; display: block;}
.datePlate span {font-weight: 700; font-size: 14px; display: block;}

.blogCatList .collapsible-header {
  background: transparent; padding: 0px; border-bottom: 1px solid #e4ebef;
  font-size: 20px; font-weight: 700; text-transform: uppercase;
}
.catList {list-style: none; padding: 0px; margin: 0px;}
.catList li {color: #f47c2e;}
.catList li a {/*display: inline-block;*/ width:100%; color: #f47c2e; font-size: 16px; line-height: 36px;}
.catList li a:hover,.catList li a:focus,.catList li a:active {text-decoration: none;}
.blogCatList .collapsible {margin: 0px; margin-bottom: 45px; border: 0px;}
.blogCatList .collapsible-body {border: 0px;}
.blockDetaiInfo {font-size: 16px;}
.blockDetaiInfo h4 {
  font-size: 24px; font-weight: 800; margin-bottom: 15px; border-bottom: 1px solid #e4ebef;
  padding-bottom: 15px; margin-top: 30px;
}
.blockDetaiInfo h3 {font-size: 24px; margin: 0px; font-weight: 700;}
.blockDetaiInfo h3 a {
  font-size: 18px;
}
.blockDetaiInfo strong.dtHead {
  font-weight: 700;
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
}
.blockDetaiInfo .blogEventInfoFoot {margin-bottom: 25px;}
.blockDetaiInfo img {max-width: 100%; height: auto; display: block;}
.aligncenter{margin: 0px auto;}
.card-platforms {
  display: block; margin: 15px 0;
}
.blockDetaiInfo ul li {
  display: block;
  padding-left: 25px;
}
.blockDetaiInfo ul li:before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 15px;
  display: block;
  left: -16px;
  position: relative;
  background: #474747;
}
.blockDetaiInfo ul ul {
  padding-left: 20px;
}
.blockDetaiInfo iframe {width: 100%; height: 400px;}
.card-platforms > strong {font-weight: 700;}
.boxMainTab {
  width: 100%; color: #6a6a6a; background: #f5f8fa; display: table;
  vertical-align: middle;
  border-top: 1px solid #e4ebef;
}
.boxLeftInfo {
  width: 100%; max-width: 470px; margin: 0px auto; text-align: center; font-size: 24px;
}
.boxLeftInfo span {display: block;}
.boxLeftInfo h3 {font-family: 'Montserrat', sans-serif; font-size: 30px; color: #333; }
.boxLeftInfo img{border:1px solid #999; padding:1px;}
.boxLeft {width: 50%; display: table-cell; vertical-align: middle;}
.boxRight {width: 50%; display: table-cell; vertical-align: middle;}

@media(max-width: 900px) {
  .boxLeft {width: 100%; display: block;}
  .boxLeft .boxLeftInfo{padding: 50px 0;}
  .boxRight {width: 100%; display: block; clear: both; float: none;}
  .boxRight iframe {
    width: 90%; margin: 0px auto; float: none; margin-left: 5%;
    height: 300px;
  }
}

/*Services layout (Inner Page)*/
.serviceslistCont {
  width: 100%;
  padding: 15px 0;
}
.serviceslistCont > ul {
  padding: 0px; margin: 0px;
}
.serviceslistCont > ul > li > a {
  background: #CCC;
  padding: 30px;
  display: block;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  color: #FFF;
  text-decoration: none;
  margin: 15px 0;
}
@media(max-width: 1199px){
  .serviceslistCont > ul > li > a {
    font-size: 20px;
  }
}


.serviceslistCont > ul > li > a > p {margin: 5px 0 10px;}

.serviceslistCont > ul > li:nth-child(1) > a {
  background: #a1bd45;
}
.serviceslistCont > ul > li:nth-child(2) > a {
  background: #eec316;
}
.serviceslistCont > ul > li:nth-child(3) > a {
  background: #f47e5a;
}
.serviceslistCont > ul > li:nth-child(4) > a {
  background: #e04f82;
}
.serviceslistCont > ul > li:nth-child(5) > a {
  background: #66cdbb;
}
.serviceslistCont > ul > li:nth-child(6) > a {
  background: #7a75b4;
}
.serviceslistCont > ul > li:nth-child(7) > a {
  background: #000;
}

.gray-deep {
  background: #2f3537 none repeat scroll 0 0;
  color: #FFF;
  font-size: 24px;
  padding: 65px 0 0;
  font-family: 'Open Sans', sans-serif;
}
.deviceImgCont {position: relative; top: 40px;}
.headWhite {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
}
.grayExtraLight {
  background: #f5f8fa none repeat scroll 0 0;
  font-size: 24px;
  padding: 36px 0 0;
  font-family: 'Open Sans', sans-serif;
}

.grayExtraLight .headDark {
  font-family: 'Montserrat', sans-serif;
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
}

.secWhite {
  background: #FFF none repeat scroll 0 0;
  color: #474747;
  font-size: 18px;
  line-height: 32px;
  padding: 36px 0;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
}

.secWhite .headDark {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin-bottom: 35px;
  font-weight: 700;
  text-transform: uppercase;
}

.secOrange {
  background: #f47c2e none repeat scroll 0 0;
  color: #FFF;
  font-size: 18px;
  line-height: 32px;
  padding: 50px 0;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
}

.secOrange .headwhite {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin-bottom: 35px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}


.secBg {
  padding: 36px 0;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  background: url(../jpg/ourimg.jpg) no-repeat center top;
  background-size: cover;
}

.secBg .headwhite {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin-bottom: 50px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}
.conInfo {padding-top: 10px; /*font-size: 14px;*/}
.conInfo span {font-size: 14px;}
.orangeTxt {color: #f47c2e; display: block; font-weight:700; padding-bottom: 3px; line-height: normal;}
.orangeTxt-bull {color: #f47c2e; position: relative; top: 9px; font-size: 14px;}
.orangeTxt-norm {color: #f47c2e;}

.slider .slides li .large-caption {width: 90%; left: 5%;}
.gameSectionWrap {
  padding: 80px 0;
  /*font-family: 'Montserrat', sans-serif;*/
  width: 100%;
  background: url(../jpg/sarv-gamebanner-bg.jpg) no-repeat center top;
  background-size: cover;
  font-size: 24px;
  line-height: 34px;
  color: #FFF;
}
.gameSectionWrap .headwhite {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
  margin-top: 60px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}

.servBox-info {padding-left: 35px;}
.servHead {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
  /*margin-top: 30px;*/
  margin-top: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}

.innerBannerWrap {
  width: 100%; height: 480px; position: relative;
  color: #FFF; line-height: 34px; font-size: 26px;
  font-family: 'Open Sans', sans-serif;
}
.innerBannerWrap .headwhite {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
  margin-top: 60px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}

.innerBannerImg {
    background: url(../jpg/innerbannerservices.jpg) no-repeat center top;
    height: auto;
    left: 50%;
    min-height: 480px;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 1s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 1s ease 0s;
    -ms-transform: translateX(-50%) translateY(-50%);
    -ms-transition: opacity 1s ease 0s;
    width: auto;
}
.bannerImg {margin-top: 115px;}
.innerBanInfo {padding-top: 115px; padding-left: 70px;}
.tabWrapMenu {width: 100%; max-width: 480px; margin: 0px auto 30px;}


/*Contact Tab Nivigation*/
.wresTab {width:100%; max-width: 420px; margin: 0px auto 20px;}
.wresTab .tabs {background: #f2f2f2;}
.wresTab .tabs .indicator {background: #f47c2e; margin-left: 3px;}
.wresTab .tabs .tab a {color: #a1a1a1; text-decoration: none; outline: none; font-size: 18px;
  margin: 0 3px;
  border-bottom: 2px solid #a1a1a1;
}
.wresTab .tabs .tab a.is-checked,
.wresTab .tabs .tab a.active {color: #f47c2e;}
.wresTab .tabs .tab a:hover,
.wresTab .tabs .tab a:focus,
.wresTab .tabs .tab a:active {color: #f47c2e; text-decoration: none; outline: none; border-bottom: 2px solid #f47c2e;}


/*--form div --*/
.formDiv input, .formDiv textarea, .select-wrapper input.select-dropdown{border:1px solid #d9d9d9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 2%; width:96%; background: #fff;}
.formDiv select, .select-wrapper{background: #fff;}
.formDiv textarea{border:1px solid #d9d9d9; border-radius:3px; padding:0 1%; width:98%}
.formDiv input:hover, .formDiv input[type="text"]:focus:not([readonly]), .formDiv textarea:hover, .formDiv textarea.materialize-textarea:focus:not([readonly]){border:1px solid #f47d2e; box-shadow: none;}
/*.custField .file-path-wrapper{float: left; padding-right:10px; padding-left: 0px; overflow: visible;}
.custField .btnGray{float:right;}*/


/*Sub Inner Wrap*/
.subInnerWrap {
  width:100%;
  padding: 50px 0 60px;
  font-size: 18px; line-height: 30px;
}
.extraLightGrayWrap {
  background: #f5f8fa;
}
.custImg {margin: 0px 10px 10px 10px;}
.blueContWrap {
  background: #4275aa;
  color:#fff;
}
.whiteContWrap {
  background: #FFF;
}
.servCustBox span {display: block; line-height: 28px; margin-bottom: 4px; padding-left: 24px;}
.servCustBox i {
  color: #f47c2e; font-size: 12px; position: relative; top: 9px;
}
.subInnerWrap h1 {
  text-transform: uppercase;
  font-size: 42px; font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.subInnerWrap h3 {
  text-transform: uppercase;
  font-size: 42px; font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.servBoxInfo > strong {
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
}

.backgroundPic img {width:100%;}

.btnResume {
  background:#474747; text-align: center;
  color: #FFF; border-radius: 4px; font-size: 16px;
  display: block; padding: 20px 10px;
  margin-top: 15px; margin-bottom: 15px;
  transition: all ease 0.5s;
}

.btnResume span {
  float: left;
  font-size: 34px;
  display: block;
}
.btnResume:hover,.btnResume:focus,.btnResume:active {
  color: #474747; background:#f47c2e;  text-decoration: none;
  outline: noen;
}
textarea.materialize-textarea {min-height: 6rem;}
input:focus:not([type]):not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #f47c2e;
  box-shadow: 0 1px 0 0 #f47c2e;
}

[type="checkbox"]:checked + label::before { border-color: transparent #f47c2e #f47c2e transparent;}
.input-field label.active {
  color: #f47c2e !important;
  font-weight: 600;
  font-size: 14px;
}

.fixHovBtn i {
  line-height: 36px;
}

#conslBtn {
  width: 40px; height: 40px;
  -webkit-transition: width 0.6s; /* For Safari 3.1 to 6.0 */
    transition: width 0.6s;
}

#conslBtn:hover {
  width: 140px;
}

/*Global Responsive Solution 992px*/
/*Home*/
@media(max-width: 992px){
  .innerBannerWrap {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    line-height: 28px;
}
.innerBanInfo {
    padding-left: 0px;
    padding-top: 80px;
}
.headwhite {
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
    text-transform: uppercase;
}
.serviceslistCont > ul > li > a {font-size: 18px; padding:30px 0px;}
.gameSectionWrap .headwhite {}
.grayExtraLight .headDark,.servHead,.headWhite,.headsml {font-size: 40px;}
.gameSectionWrap .headwhite {margin-top: 0px;}
.gameSectionWrap {
    font-size: 18px;
    line-height: 24px;
  }

  /*.carousel {height: 460px;}
  .carousel .carousel-item {
    width: 100%; max-width: 880px;  top:50%; height: 430px;
  }*/
}
/*Global Responsive Solution 991px*/
@media(max-width: 991px) {
  /*.carousel {height: 410px;}
  .carousel .carousel-item {
    width: 100%; max-width: 760px;  top:38%; height: 400px;
  }*/
  .commentBlock {
    font-size: 16px;
    line-height: 28px;
    left: 10px;
    right: 10px;
    top: 10px;
  }
  .comentDoc {
    font-size: 16px;
    line-height: 28px;
  }

  .videoHolder{width: 90%; margin: 0px auto;}

  .servHead {
    margin-top: 0px;
  }
}
/*Global Responsive Solution 768px*/
@media(max-width: 768px){
  .commentBlock {
    font-size: 16px;
    line-height: 26px;
    left: 10px;
    right: 10px;
    top: 10px;
  }
  .comentDoc {
    font-size: 16px;
    line-height: 26px;
  }
  .carusolWrap .headdark, .carusolWrap .headmulti {font-size: 40px;}
  .statsWrap .headdark, .statsWrap .headmulti {font-size: 40px;}
  /*.carousel {height: 424px;}
  .carousel .carousel-item {
    width: 100%; max-width: 768px;  /*top:25%; height: 440px;*/
  /*}*/

  .boxRight iframe {
    width: 90%; margin: 0px auto; float: none; margin-left: 5%;
    height: 280px;
  }
}
/*Global Responsive Solution 767px*/
@media(max-width: 767px){
  .blogEventBox {max-width: 300px; margin: 0px auto 50px;}
  .headWhite {font-size:40px;}

  .btn-cust-orange-square {
    margin-top: 20px;
    width: 260px;
    height: 44px;
    line-height: 44px;
  }
  .gameSectionWrap .headwhite {margin-top: 20px; font-size: 30px;}
  .grayLight h1.headdark {
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 0px;
  }
  .grayLight {padding:50px 0;}
  .innerBannerWrap .headwhite {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .innerBanInfo{
    padding-left: 0px;
    padding-top: 100px;
  }
  .innerBannerWrap {
    font-size: 20px;
    line-height: 28px;
  }
  .servHead {
    font-size: 40px; margin-top: 0px; margin-bottom: 20px;
  }
  .bannerTxt {
    font-size: 20px; line-height: 28px;
  }
  .servBox-info {padding-left: 0px;}
  .gameSectionWrap .imgDiv {text-align: center;}
  .gameSectionWrap .imgDiv img {display: inline-block;}
  .gameSectionWrap .servBox-info {text-align: center; margin-top: 25px;}
  .btn-cust-white-big {
    color: #000;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    padding: 0 15px;
    text-align: center;
  }
  .carusolWrap .headdark, .carusolWrap .headmulti {font-size: 40px;}
  .statsWrap .headdark, .statsWrap .headmulti {font-size: 40px;}
  /*.carousel {height: 400px;}
  .carousel .carousel-item {
    width: 100%; max-width: 100%; top:42%;
  }*/

  .commentBlock {
    font-size: 16px;
    line-height: 26px;
    left: 10px;
    right: 10px;
    top: 10px;
  }
  .comentDoc {
    font-size: 16px;
    line-height: 26px;
  }
  /*.select-wrapper {margin-bottom: 30px;}*/
  .servBoxInfo  .right {width: 100%; float: none; display: block; margin-bottom: 20px;}
  .servBoxInfo  .col-sm-3.left {width: 100%; float: none; display: block; margin-bottom: 20px;}
  .grayExtraLight .headDark,.servHead,.headWhite,.headsml,.subInnerWrap h3,.secWhite .headDark {font-size: 30px;}
  .marr-40 {margin-top: 0px;}
  .subInnerWrap h1 {font-size: 30px;}
}


/*Global Responsive Solution 628px*/
/*@media (max-width: 628px) {
  .carousel {height: 420px;}
  .carousel .carousel-item {width: 100%; max-width: 100%; top:22%;}
  .commentBlock {font-size: 16px; line-height: 22px; left: 10px; right: 10px; top: 10px;}
  .comentDoc {font-size: 16px;line-height:22px;}
}*/

/*Global Responsive Solution 480px*/
@media (max-width: 480px) {
  .btn-cust-white-big {
    color: #000;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    padding: 0 10px;
    text-align: center;
  }

  .iconBox {width: 120px; height: 120px; line-height: 120px;}
  .iconBox img {width: 100%;}

  .serviceDiv ul li {
    margin-left: 10px;
    padding-bottom: 25px;
    padding-left: 40px;
  }

  .serviceDiv ul li .service_iconDiv {
    width: 50px;
    left: -25px;
    margin-right: 0px;
  }
/*  .carousel {height: 600px;}
   .commentContent {
    height: 600px;
 }*/
  /*.carousel .carousel-item {width: 100%; max-width: 100%; top:5%;}*/
  .commentBlock {font-size: 14px; line-height: 20px; left: 10px; right: 10px; top: 10px;}
  .comentDoc {font-size: 14px;line-height: 20px;}

  .careerName, .careerName strong {font-size: 14px;}
  .careerName span::before {
    padding-left: 8px;
    padding-right: 8px;
  }
  .wresTab .tabs .tab a {
    font-size: 13px;
    background: #f2f2f2;
  }
  .input-field label {font-size: 15px; font-weight: 500;}
  .tabWrap .marg_t_28 label {font-size: 14px;}

  .servHead {font-size: 35px; margin-bottom: 15px;}
  .bannerTxt {font-size: 20px;line-height: 26px;}
  .slider .slides li .caption {left: 5%; width: 90%; top:8%;}

  .boxRight iframe {
    width: 90%; margin: 0px auto 30px; float: none; margin-left: 5%;
    height: 240px;
  }
}

/*Global Responsive Solution 414px*/
/*@media (max-width: 414px) {
  .carousel {height: 410px;}
  .carousel .carousel-item {width: 100%; max-width: 100%; top:-3%;}
  .commentBlock {font-size: 12px; line-height: 16px; left: 10px; right: 10px; top: 10px;}
  .comentDoc {font-size: 13px;line-height: 15px;}
}*/


/*Global Responsive Solution 360px*/
@media (max-width: 360px) {
  .btn-cust-white-big {
    color: #000;
    font-size: 11px;
    height: 36px;
    line-height: 36px;
    margin-top: 40px;
    padding: 0 5px;
    text-align: center;
  }

/*  .carousel {height: 410px;}
  .carousel .carousel-item {width: 100%; max-width: 100%; top:-10%;}*/
  .commentBlock {font-size: 12px; line-height: 16px; left: 10px; right: 10px; top: 10px;}
  .comentDoc {font-size: 13px;line-height: 15px;}
}
@media (max-width: 320px) {
/*  .carousel {height: 410px;}
  .carousel .carousel-item {width: 100%; max-width: 100%; top:-13%;}*/
  .commentBlock {font-size: 12px; line-height: 14px; left: 10px; right: 10px; top: 10px;}
  .comentDoc {font-size: 12px;line-height: 14px;}
}

/*E-R-R-O-R Page*/
.errorBody {
  font-size: 18px !important; line-height: 26px !important;
  font-family: 'Open Sans', sans-serif !important;
  color: #474747 !important;
  padding: 50px 0;
}
.errorBody h2 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 40px; font-weight: 600;
  text-transform: uppercase; color: #474747;
}
.errorBody p {
  font-size: 18px !important; line-height: 26px !important;
  font-family: 'Open Sans', sans-serif !important;
  color: #474747 !important;
}

.btn-err-190 {
  width: 100%; max-width: 190px; height: 42px; line-height: 42px;
  text-align: center; text-transform: none; font-size: 20px; font-weight: 600;
}
.thumbBox {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #FFF; margin-bottom: 30px;
  padding:25px 15px;
}
.thumbBox span {display: block;}
.thumbBox span i {font-size: 8px; margin-right: 5px; position: relative; top: -3px;}
.thumbBox h5 {margin-top: 0px; font-weight: 700; font-weight: 32px;}