body{ /* font-family: 'Poppins', sans-serif;*/ font-family: 'Ubuntu', sans-serif; }
.u-font{font-family: 'Ubuntu', sans-serif; }
*{margin: 0px; padding: 0px;}
small{font-size: 16px; margin-bottom: 15px;color: #e9212e;}
h2{font-size: 40px; margin-top: 1px; font-weight:bold;font-family: 'Poppins', sans-serif; text-transform: uppercase;}
.Ecomerc{padding-top: 70px; padding-bottom: 70px;}
.textBolder{font-weight: bold; font-family: 'Poppins', sans-serif; font-size: 26px;color: #2c2c2c; line-height: 0px;}
.paragraphs{padding-top: 30px;}
.paragraphs p{font-size: 16px; color:#2c2c2c; text-align: justify; margin-bottom: 40px;}
.btnRed{ background-color: #007744; color: #fff; border-radius: 200px; border: none; text-transform: uppercase; font-size: 16px; padding:12px 40px; }
.iphon-adj{margin-left: -30px;}
.our-service{background-color:#e9202e; padding-top: 50px; padding-bottom: 5px;}
.thambcustom{text-align: center; padding-top: 43px; padding-bottom: 0px;}
.thambcustom img{width:70px;}
.ThumbHead{font-size: 29px; color: #fff; font-weight:500; margin-top: 18px; margin-bottom: 8px; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.thumbPra{font-size: 16px; color: #fff; text-align:justify;}
.graphics-portfolio{padding-top: 45px; padding-bottom: 70px;}
.graphics-portfolio h2{ color:#000;}
.graphics-portfolio small{color: #e9212e;}
.pad-tops{padding-top: 40px;}
.port-View{width: 100%;}

#outer-box { overflow: hidden; width: 100%; height:230px; display: block;position: relative; overflow: hidden; border-radius: 0px; border: 1px solid #f1f1f1; box-shadow: 0 7px 21px 0 rgba(0,0,0,.1); }
#outer-box img {width: 100%; height: auto;}
#outer-box #inner-box { background-color: rgba(233, 32, 46, 0.8); height: 100%;width: 100%; opacity: 0; top: 0; left: 0; position: absolute; padding: 0;transition: opacity .5s; text-align: center;}
#outer-box #inner-box a { color: #fff; font-family: 'arial'; text-align: center; font-size: 13px;  margin-top:100px;}
#outer-box:hover #inner-box { opacity: 1; transition: opacity .5s;}
#outer-box #inner-box p .hovBtn {  border-radius: 100px; background-color: transparent; color: #fff; border: 1px solid #fff; padding: 10px 15px; transition: 0.9s all ease-in-out;}


.Grfowth-with{background-color: #e9202e; padding-top: 30px; padding-bottom: 30px;}
.Grfowth-with h3 {color: #fff;font-family: 'Poppins', sans-serif; font-size: 25px; text-transform: uppercase; margin-bottom: 0px;}
.Grfowth-with h2 {color: #fff;font-family: 'Poppins', sans-serif;font-size: 50px;text-transform: uppercase; margin-top: 3px;}
.growth-btn{padding-top: 34px; padding-bottom: 12px;}
.growth-btns{border: none; padding: 18px 29px;border-radius: 5px;font-size: 18px; font-weight: 600; text-transform: uppercase; color: #e9202e;}
.packages{ padding-top: 70px; padding-bottom: 70px; overflow: hidden;}
.priceTab{width: 100%; padding: 35px 15px;border:1px solid #ccc; color: #969696;}
.priceTab .topText{text-align: center; font-size: 20px;font-family: 'Poppins', sans-serif;}
.priceI{font-size: 75px; font-family: 'Poppins', sans-serif; font-weight: 600; text-align: center; margin-bottom: 0px;}
.priceI i{font-size: 20px;}
.mont{font-size: 20px;}
.mont sup{top: -51px;}
.priceWater{font-size: 18px; text-transform: uppercase; text-align: center; font-weight: 500;}
.infos{padding-left: 65px; padding-right: 30px;}
.infos p{font-size: 18px; font-family: 'Ubuntu', sans-serif;}
.priceNum{font-family: 'Poppins', sans-serif;}
.infos i{font-size: 20px; margin-right: 8px;}
.price-btn{border-radius: 100px;font-family: 'Poppins', sans-serif;padding: 13px 38px;background-color: #f0f0f0;border: none;font-size: 16px;}
.price-btn:hover{background-color: #e9202e; color:#fff; }
.priceTab:hover{ color: #e9202e; transition: 0.3s ease-in-out;}
.priceTab:hover{border: 1px solid #f8f8f8; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px);transform: translateY(-11px);box-shadow: 0 33px 43px rgba(0, 0, 0, 0.15); border: none;}
.padB{padding-bottom: 22px;}
.testimonials{background-color: #e9202e; padding-top: 70px; padding-bottom: 30px;}
.quote{text-align: center;padding: 40px; }
.quote i{color: #fff; background-color:#e9202e; border: 2px solid #fff;padding: 25px; border-radius: 100px; font-size: 20px;}
.item p{font-size: 20px; color: #fff; font-weight: lighter; text-align: center;}
.names{text-align: center; color: #fff; font-size: 22px; font-weight:500; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.wheres{font-size: 20px !important; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: lighter !important;}
.hedfones img{margin-top: -230px;width: 24%;}
$bg-color: #d9d8c6;
$primary-color: #5b5a5c;
$secondary-color: darken($primary-color, 15%);
body {background: $bg-color;}
li {list-style: none;}
.suga-slider-wrap {overflow: hidden;margin: 1em;}
.suga-slider-group {&:before,&:after {content: " ";display: table;} &:after { clear: both;}}
.suga-slide {float: left;position: relative;margin-left: 0; padding-right: 8px;}
.paralax{background-image: url(../img/paralex.jpg); background-size: cover; background-position:center; background-repeat: no-repeat; background-attachment: fixed; }
.contacts{padding-top: 70px; padding-bottom: 70px;}
.cont-form .form-control{border-radius: 20px;height: 55px;font-size: 16px; margin-bottom: 15px;}
.cont-form label{font-size: 25px; color:#e9202e; margin-left: 10px; }
.contactPad{padding-bottom: 40px;}
.marg-b {margin-bottom: 20px;}
.contBtn{border-radius: 90px; border: none; background-color:#e9202e; color: #fff;padding: 10px 41px; font-size: 18px; margin-top: 16px;font-family: 'Poppins', sans-serif; font-weight: normal;}
.footers{ background-color:#e9202e; padding-top: 70px; padding-bottom: 70px; border-bottom: 2px solid #fff;}
.foot-head{font-size: 30px; font-family: 'Poppins', sans-serif; color: #fff; font-weight:600;text-transform: capitalize;}
.foot-about{color: #fff; line-height: 25px; font-size: 14px; text-align: justify; padding-right: 15px;}
.foot-Nav ul li a{color: #fff; text-decoration: none; line-height: 25px; font-size: 14px;}
.foot-Nav ul li{color: #fff; text-decoration: none; line-height: 25px; font-size: 14px;}
.foot-Nav ul li i{margin-right: 10px;}
.foot-2{background-color: #000;}
.foot-2 p{line-height: 60px;color: #fff; font-size: 14px; font-weight: lighter;font-family: 'Poppins', sans-serif; margin-bottom: 0px;}
.overlays{background-color:rgba(242, 41, 54, 0.9); width: 100%; position: absolute; z-index: 1; padding-top: 15px; padding-bottom: 15px;}
.boxs{width: 120px; height: 120px; border-radius: 20px; background-color: #fff;}
.map-Text{color: #fff;}
.map-Text h3{font-family: 'Poppins', sans-serif; font-size: 23px; font-weight: 500; margin-bottom: 0px; margin-top: 2px; text-transform: uppercase;}
.map-Text p{font-weight: normal; font-size: 15px;}
.map-Social i{margin-right: 8px;}
@media screen and (max-width: 768px){
    .overlays{background-color:rgba(242, 41, 54, 1); width: 100%; position:sticky;  padding-top: 15px; padding-bottom: 15px;}
    .mobile-v{text-align: center;}
    .mob-view{width: 100%;}
    .boxs{margin: 0 auto;}
    .padBot-Mob{padding-bottom: 20px;}
    .cont-form label{text-align: center;}
    .desktops{text-align: center;}
    .desk-Text{text-align: center;}
}
@media screen and (min-width: 768px){
    .desktops{width: 8%;}
    .desk-Text{width:5%;}   
}
 .modal-header .close {padding: 5px; color:#fff; opacity: 1;}
.modal-header { padding: 5px; border-bottom: 1px solid #e5e5e5; background-color: #007744;}
.modal-footer{text-align: center;}
.dilg{margin-top: 60px;}
.modalForms{ width: 78%; margin: 0 auto; margin-bottom: 20px; margin-top: 15px;}
.inptHeights{ height: 40px;}
.button_sliding_bg-left-o { letter-spacing: 1px; display: inline-block; text-align: center; cursor: pointer; box-shadow: inset 0 0 0 0 #C14800; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.button_sliding_bg-left-o:hover { box-shadow: inset 217px 0 0 0 #000;  color: #fff;}
/*----------------navpills-----------------*/
.nav-tabs{ width: 100%; margin-bottom: 50px; text-align: center; border: none;}
.padLR{padding-left: 0px; padding-right: 0px;}
.nav-tabs > li{ margin-right: 5px;}
.nav-tabs > li:last-child{ margin-right: 0px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{background-color: #e9202e; border-radius: 35px; color: #fff; border: none;}
.nav-tabs > li.active > a:hover {  background-color: #e9202e; border-radius: 35px; border: none; transition: 0.3s ease-in-out;}
.nav-tabs > li > a{  border-radius: 35px; background-color: #f0f0f0; color: #000; border: none; padding: 10px 25px;}
.nav-tabs > li > a:focus{ background-color: #e9202e; border: none;}
.nav-tabs > li > a:hover{ background-color: #e9202e; border: none;}
.navsSets { margin: 0 auto;}
.portImg img{width: 100%;}
.padB2{padding-bottom: 26px;}
























.hader
{
	position: relative;
	width: 100%;
}

/* Shutter Out Horizontal */
.navbar-default .navbar-nav > li > a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-bottom: 1px solid transparent;
}
.navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    border-bottom: 2px solid #000 ;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #000;
  transition: ease 0.5s;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  color: #000;
    transition: ease 0.5s;
}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
    transition: ease 0.5s;
}
.video-part
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	height: 574px;
}
.video-part video
{
	margin-top:0px;
	width: 100%;


}

.affix
{
	width: 100%;
	transition: ease 0.5s;
	background: #fff !important;
    box-shadow: 0 6px 6px 0 rgba(0,0,0,.3);
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-default.affix .navbar-nav > li > a {
  color: #333;
}

.full-width
{
	width: 100%;
	float: left;
}

.navbar-default {
    background-color: transparent;
    border:none;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a {
    padding-bottom: 6px;
    padding-top: 15px;
}

.affix-top{
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-header .navbar-brand img{width: 180px;}
.affix .navbar-header .navbar-brand img{width: 167px !important;}
.navbar-header .navbar-brand {padding: 0px 15px;}
@media screen and (max-width: 768px){
    .navbar-header .navbar-brand img{width: 138px;}
}