@font-face {



  font-family: 'montserratblack';



  src: url('fonts/montserrat-black-webfont.eot');



  src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),



       url('fonts/montserrat-black-webfont.woff2') format('woff2'),



       url('fonts/montserrat-black-webfont.woff') format('woff'),



       url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');



  font-weight: normal;



  font-style: normal;







}



















@font-face {



  font-family: 'montserratextrabold';



  src: url('fonts/montserrat-extrabold-webfont.eot');



  src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),



       url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),



       url('fonts/montserrat-extrabold-webfont.woff') format('woff'),



       url('fonts/montserrat-extrabold-webfont.svg#montserratextrabold') format('svg');



  font-weight: normal;



  font-style: normal;







}



















@font-face {



  font-family: 'montserratlight';



  src: url('fonts/montserrat-light-webfont.eot');



  src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),



       url('fonts/montserrat-light-webfont.woff2') format('woff2'),



       url('fonts/montserrat-light-webfont.woff') format('woff'),



       url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');



  font-weight: normal;



  font-style: normal;







}



















@font-face {



  font-family: 'montserratmedium';



  src: url('fonts/montserrat-medium-webfont.eot');



  src: url('fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),



       url('fonts/montserrat-medium-webfont.woff2') format('woff2'),



       url('fonts/montserrat-medium-webfont.woff') format('woff'),



       url('fonts/montserrat-medium-webfont.svg#montserratmedium') format('svg');



  font-weight: normal;



  font-style: normal;







}



















@font-face {



  font-family: 'montserratregular';



  src: url('fonts/montserrat-regular-webfont.eot');



  src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),



       url('fonts/montserrat-regular-webfont.woff2') format('woff2'),



       url('fonts/montserrat-regular-webfont.woff') format('woff'),



       url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');



  font-weight: normal;



  font-style: normal;







}



















@font-face {



  font-family: 'montserratsemibold';



  src: url('fonts/montserrat-semibold-webfont.eot');



  src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),



       url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),



       url('fonts/montserrat-semibold-webfont.woff') format('woff'),



       url('fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');



  font-weight: normal;



  font-style: normal;







}







@font-face {



  font-family: 'Montserrat Bold';



  src: url('fonts/Montserrat-Bold.eot');



  src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),



      url('fonts/Montserrat-Bold.woff2') format('woff2'),



      url('fonts/Montserrat-Bold.woff') format('woff'),



      url('fonts/Montserrat-Bold.ttf') format('truetype'),



      url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');



  font-weight: bold;



  font-style: normal;



  font-display: swap;



}

















@font-face {

    font-family: 'oxygenregular';

    src: url('fonts/oxygen-webfont.eot');

    src: url('fonts/oxygen-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oxygen-webfont.woff2') format('woff2'),

         url('fonts/oxygen-webfont.woff') format('woff'),

         url('fonts/oxygen-webfont.svg#oxygenregular') format('svg');

    font-weight: normal;

    font-style: normal;



}











@font-face {

    font-family: 'oxygenlight';

    src: url('fonts/oxygen-light-webfont.eot');

    src: url('fonts/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oxygen-light-webfont.woff2') format('woff2'),

         url('fonts/oxygen-light-webfont.woff') format('woff'),

         url('fonts/oxygen-light-webfont.svg#oxygenlight') format('svg');

    font-weight: normal;

    font-style: normal;



}







@font-face {

    font-family: 'oxygenbold';

    src: url('fonts/oxygen-bold-webfont.eot');

    src: url('fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oxygen-bold-webfont.woff2') format('woff2'),

         url('fonts/oxygen-bold-webfont.woff') format('woff'),

         url('fonts/oxygen-bold-webfont.svg#oxygenbold') format('svg');

    font-weight: normal;

    font-style: normal;



}













@font-face {

    font-family: 'bignoodletitlingregular';

    src: url('fonts/big_noodle_titling-webfont.eot');

    src: url('fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/big_noodle_titling-webfont.woff2') format('woff2'),

         url('fonts/big_noodle_titling-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'bignoodletitlingoblique';

    src: url('fonts/big_noodle_titling_oblique-webfont.eot');

    src: url('fonts/big_noodle_titling_oblique-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/big_noodle_titling_oblique-webfont.woff2') format('woff2'),

         url('fonts/big_noodle_titling_oblique-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}











@font-face {

    font-family: congress-heavy;

    src: url(fonts/congress-heavy-webfont.woff);

    src: url(fonts/congress-heavy-webfont.woff2);

    src: url(fonts/congress-heavy-webfont.eot lite);

}





.animatable {

  

	/* initially hide animatable objects */

	visibility: hidden;

	

	/* initially pause animatable objects their animations */

	-webkit-animation-play-state: paused;   

	-moz-animation-play-state: paused;     

	-ms-animation-play-state: paused;

	-o-animation-play-state: paused;   

	animation-play-state: paused; 

  }

  

  /* show objects being animated */

  .animated {

	visibility: visible;

	

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-ms-animation-fill-mode: both;

	-o-animation-fill-mode: both;

	animation-fill-mode: both;

	

	-webkit-animation-duration: 1s;

	-moz-animation-duration: 1s;

	-ms-animation-duration: 1s;

	-o-animation-duration: 1s;

	animation-duration: 1s;

  

	-webkit-animation-play-state: running;

	-moz-animation-play-state: running;

	-ms-animation-play-state: running;

	-o-animation-play-state: running;

	animation-play-state: running;

  }

  

  /* CSS Animations (extracted from http://glifo.uiparade.com/) */

  @-webkit-keyframes fadeInDown {

	  0% {

		  opacity: 0;

		  -webkit-transform: translateY(-20px);

	  }	100% {

		  opacity: 1;

		  -webkit-transform: translateY(0);

	  }

  }

  

  @-moz-keyframes fadeInDown {

	  0% {

		  opacity: 0;

		  -moz-transform: translateY(-20px);

	  }

  

	  100% {

		  opacity: 1;

		  -moz-transform: translateY(0);

	  }

  }

  

  @-o-keyframes fadeInDown {

	  0% {

		  opacity: 0;

		  -o-transform: translateY(-20px);

	  }

  

	  100% {

		  opacity: 1;

		  -o-transform: translateY(0);

	  }

  }

  

  @keyframes fadeInDown {

	  0% {

		  opacity: 0;

		  transform: translateY(-20px);

	  }

	  100% {

		  opacity: 1;

		  transform: translateY(0);

	  }

  }

  

  

  

  @-webkit-keyframes fadeIn {

	  0% {

		  opacity: 0;

	  }

	  20% {

		  opacity: 0;

	  }

	  100% {

		  opacity: 1;

	  }

  }

  

  @-moz-keyframes fadeIn {

	  0% {

		  opacity: 0;

	  }

	  20% {

		  opacity: 0;

	  }

	  100% {

		  opacity: 1;

	  }

  }

  

  @-o-keyframes fadeIn {

	  0% {

		  opacity: 0;

	  }

	  20% {

		  opacity: 0;

	  }

	  100% {

		  opacity: 1;

	  }

  }

  

  @keyframes fadeIn {

	  0% {

		  opacity: 0;

	  }

	  60% {

		  opacity: 0;

	  }

	  20% {

		  opacity: 0;

	  }

	  100% {

		  opacity: 1;

	  }

  }

  @-webkit-keyframes bounceInLeft {

	  0% {

		  opacity: 0;

		  -webkit-transform: translateX(-2000px);

	  }

	  60% {

		  -webkit-transform: translateX(20px);

	  }

  

	  80% {

		  -webkit-transform: translateX(-5px);

	  }

  

	  100% {

		  opacity: 1;

		  -webkit-transform: translateX(0);

	  }

  }

  

  @-moz-keyframes bounceInLeft {

	  0% {

		  opacity: 0;

		  -moz-transform: translateX(-2000px);

	  }

  

	  60% {

		  -moz-transform: translateX(20px);

	  }

  

	  80% {

		  -moz-transform: translateX(-5px);

	  }

  

	  100% {

		  opacity: 1;

		  -moz-transform: translateX(0);

	  }

  }

  

  @-o-keyframes bounceInLeft {

	  0% {

		  opacity: 0;

		  -o-transform: translateX(-2000px);

	  }

  

	  60% {

		  opacity: 1;

		  -o-transform: translateX(20px);

	  }

  

	  80% {

		  -o-transform: translateX(-5px);

	  }

  

	  100% {

		  opacity: 1;

		  -o-transform: translateX(0);

	  }

  }

  

  @keyframes bounceInLeft {

	  0% {

		  opacity: 0;

		  transform: translateX(-2000px);

	  }

  

	  60% {

		  transform: translateX(20px);

	  }

  

	  80% {

		  transform: translateX(-5px);

	  }

  

	  100% {

		  opacity: 1;

		  transform: translateX(0);

	  }

  }

  @-webkit-keyframes bounceInRight {

	  0% {

		  opacity: 0;

		  -webkit-transform: translateX(2000px);

	  }

  

	  60% {

		  -webkit-transform: translateX(-20px);

	  }

  

	  80% {

		  -webkit-transform: translateX(5px);

	  }

  

	  100% {

		  opacity: 1;

		  -webkit-transform: translateX(0);

	  }

  }

  

  @-moz-keyframes bounceInRight {

	  0% {

		  opacity: 0;

		  -moz-transform: translateX(2000px);

	  }

  

	  60% {

		  -moz-transform: translateX(-20px);

	  }

  

	  80% {

		  -moz-transform: translateX(5px);

	  }

  

	  100% {

		  opacity: 1;

		  -moz-transform: translateX(0);

	  }

  }

  

  @-o-keyframes bounceInRight {

	  0% {

		  opacity: 0;

		  -o-transform: translateX(2000px);

	  }

  

	  60% {

		  -o-transform: translateX(-20px);

	  }

  

	  80% {

		  -o-transform: translateX(5px);

	  }

  

	  100% {

		  opacity: 1;

		  -o-transform: translateX(0);

	  }

  }

  

  @keyframes bounceInRight {

	  0% {

		  opacity: 0;

		  transform: translateX(2000px);

	  }

  

	  60% {

		  transform: translateX(-20px);

	  }

  

	  80% {

		  transform: translateX(5px);

	  }

  

	  100% {

		  opacity: 1;

		  transform: translateX(0);

	  }

  }

  @-webkit-keyframes fadeInUp {

	  0% {

		  opacity: 0;

		  -webkit-transform: translateY(20px);

	  }	100% {

		  opacity: 1;

		  -webkit-transform: translateY(0);

	  }

  }

  

  @-moz-keyframes fadeInUp {

	  0% {

		  opacity: 0;

		  -moz-transform: translateY(20px);

	  }

  

	  100% {

		  opacity: 1;

		  -moz-transform: translateY(0);

	  }

  }

  

  @-o-keyframes fadeInUp {

	  0% {

		  opacity: 0;

		  -o-transform: translateY(20px);

	  }

  

	  100% {

		  opacity: 1;

		  -o-transform: translateY(0);

	  }

  }

  

  @keyframes fadeInUp {

	  0% {

		  opacity: 0;

		  transform: translateY(20px);

	  }

  

	  100% {

		  opacity: 1;

		  transform: translateY(0);

	  }

  }

  @-webkit-keyframes bounceIn {

	  0% {

		  opacity: 0;

		  -webkit-transform: scale(.3);

	  }

	  50% {

		  -webkit-transform: scale(1.05);

	  }

  

	  70% {

		  -webkit-transform: scale(.9);

	  }

  

	  100% {

		  opacity: 1;

		  -webkit-transform: scale(1);

	  }

  }

  

  @-moz-keyframes bounceIn {

	  0% {

		  opacity: 0;

		  -moz-transform: scale(.3);

	  }

  

	  50% {

		  -moz-transform: scale(1.05);

	  }

  

	  70% {

		  -moz-transform: scale(.9);

	  }

  

	  100% {

		  opacity: 1;

		  -moz-transform: scale(1);

	  }

  }

  

  @-o-keyframes bounceIn {

	  0% {

		  opacity: 0;

		  -o-transform: scale(.3);

	  }

  

	  50% {

		  -o-transform: scale(1.05);

	  }

  

	  70% {

		  -o-transform: scale(.9);

	  }

  

	  100% {

		  opacity: 1;

		  -o-transform: scale(1);

	  }

  }

  

  @keyframes bounceIn {

	  0% {

		  opacity: 0;

		  transform: scale(.3);

	  }

  

	  50% {

		  transform: scale(1.05);

	  }

  

	  70% {

		  transform: scale(.9);

	  }

  

	  100% {

		  opacity: 1;

		  transform: scale(1);

	  }

  }

  @-webkit-keyframes moveUp {

	  0% {

		  opacity: 1;

		  -webkit-transform: translateY(40px);

	  }	100% {

		  opacity: 1;

		  -webkit-transform: translateY(0);

	  }

  }

  

  @-moz-keyframes moveUp {

	  0% {

		  opacity: 1;

		  -moz-transform: translateY(40px);

	  }

  

	  100% {

		  opacity: 1;

		  -moz-transform: translateY(0);

	  }

  }

  

  @-o-keyframes moveUp {

	  0% {

		  opacity: 1;

		  -o-transform: translateY(40px);

	  }

  

	  100% {

		  opacity: 1;

		  -o-transform: translateY(0);

	  }

  }

  

  @keyframes moveUp {

	  0% {

		  opacity: 1;

		  transform: translateY(40px);

	  }

  

	  100% {

		  opacity: 1;

		  transform: translateY(0);

	  }

  }

  

  @-webkit-keyframes fadeBgColor {

	  0%{

		  background:none;

	  }

	70%{

		  background:none;

	  }

	  100%{

		  background:#464646;

	  }

  }

  @-o-keyframes fadeBgColor {

	  0%{

		  background:none;

	  }

	70%{

		  background:none;

	  }

	  100%{

		  background:#464646;

	  }

  }

  @keyframes fadeBgColor {

	  0%{

		  background:none;

	  }

	70%{

		  background:none;

	  }

	  100%{

		  background:#464646;

	  }

  }

  

  .animated.animationDelay{

	  animation-delay:.4s;

	  -webkit-animation-delay:.4s;

  }

  .animated.animationDelayMed{

	  animation-delay:1.2s;

	  -webkit-animation-delay:1.2s;

  }

  .animated.animationDelayLong{

	  animation-delay:1.6s;

	  -webkit-animation-delay:1.6s;

  }

  .animated.fadeBgColor {

	  -webkit-animation-name: fadeBgColor;

	  -moz-animation-name: fadeBgColor;

	  -o-animation-name: fadeBgColor;

	  animation-name: fadeBgColor;

  }

  .animated.bounceIn {

	  -webkit-animation-name: bounceIn;

	  -moz-animation-name: bounceIn;

	  -o-animation-name: bounceIn;

	  animation-name: bounceIn;

  }

  .animated.bounceInRight {

	  -webkit-animation-name: bounceInRight;

	  -moz-animation-name: bounceInRight;

	  -o-animation-name: bounceInRight;

	  animation-name: bounceInRight;

  }

  .animated.bounceInLeft {

	  -webkit-animation-name: bounceInLeft;

	  -moz-animation-name: bounceInLeft;

	  -o-animation-name: bounceInLeft;

	  animation-name: bounceInLeft;

  }

  .animated.fadeIn {

	  -webkit-animation-name: fadeIn;

	  -moz-animation-name: fadeIn;

	  -o-animation-name: fadeIn;

	  animation-name: fadeIn;

  }

  .animated.fadeInDown {

	  -webkit-animation-name: fadeInDown;

	  -moz-animation-name: fadeInDown;

	  -o-animation-name: fadeInDown;

	  animation-name: fadeInDown;

  }

  .animated.fadeInUp {

	  -webkit-animation-name: fadeInUp;

	  -moz-animation-name: fadeInUp;

	  -o-animation-name: fadeInUp;

	  animation-name: fadeInUp;

  }

  .animated.moveUp {

	  -webkit-animation-name: moveUp;

	  -moz-animation-name: moveUp;

	  -o-animation-name: moveUp;

	  animation-name: moveUp;

  }





* p, h1, h3, h4, h5, h5, ul{

  padding: 0;

  margin: 0;

}





body{



	overflow-x: hidden;

}





/*my coddind*/



.navbar-nav{

	justify-content: center!important;

	padding-top: 10px;

}

.icon-alls{

	display: flex;

	justify-content: flex-end;

}

.icon-alls form{

	padding-top: 46px;

}

nav.scroll .icon-alls form{

	padding-top: 36px;

}

.icon-alls input{

	background-color: transparent;

    border: 0;

    color: #9d9d9d;

    background-image: url(im/Search.png);

	background-repeat: no-repeat;

	background-position: 75%;



}



/*codding end*/

.msg-top{

	background-image: url(im/envelp.png);

background-repeat: no-repeat;

}

.msg-top p{

padding-left: 30px;

color: #fff;

}

.carousel-inner {

    position: relative;

    width: 100%;

    overflow: clip;

}



.top-f-main{

	background-color: #000000;

	padding: 4px 15px;

}

.top-main{

	text-align: right;

}

.top-main ul{

	display: inline-block;

	list-style: none;

}

.top-main ul li{

	display: inline-block;

}

.top-main ul li a{

	display: block;

	color: #ffffff;

	padding: 0 15px;

}

.top-main .flag{

	float: right;

}

nav.scroll .flag{

	padding-top: 27px !important;

}

/*------------------- Header Start ----------------------*/

.header-fluid{

position: unset;

z-index: 999;

padding: 0 60px;

}

.logo{

padding-top: 11px;

}

.logo img {

    max-width: 300px;

    width: 100%;

	z-index: 9999;

}

.navbar-brand{

	display: none;

}

.icon-alls li{

	display: inline-block;

	display: flex;

justify-content: flex-end;

padding-top: 8px;

}

.bg-dark {

    background-color: transparent !important;

    padding: 0;

}

.navbar-dark .navbar-nav .nav-link {

    color: #878787;

    padding: 35px 25px;

    text-transform: uppercase;

    font-family: 'Montserrat Bold';

    font-size: 15px;

    border: 0 !important;

}

.nav-link div:after{

	content: "";

	position: absolute;

	height: 3px;

	width: 19px;

	background-color: #fff;

	bottom: -8px;

	right: 0;

	transition: all 0.5s ease;

	z-index: 99;

}

.nav-link div:before{

	content: "";

	position: absolute;

	bottom: -18px;

	height: 3px;

	width: 10px;

	background-color: #fff;

	right: 0;

	transition: all 0.5s ease;

	z-index: 99;

}

.nav-link:hover div:after{

	width: 28px;

}

.nav-link:hover div:before{

	width: 28px;

}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {

    color: #fff;

}

/*.collapse:not(.show){*/

/*	display: inline-block !important;*/

/*}*/

.navbar-expand-sm .navbar-nav{

	float: right !important;

}

/*.navbar-expand-md .navbar-nav{

	float: right;

}*/

.social-icon{

	text-align: right;

}

.social-icon ul{

    display: block;

    list-style: none;

}

.social-icon li{

    display: inline-block;

}

.social-icon a{

    display: block;

    font-size: 18px;

    color: #ffffff;

    padding: 50px 15px;

    line-height: 0;

}

.social-icon a:hover{

	color: #ffffff;

}

.navbar-dark .navbar-nav .nav-link:hover{

	color: #EC2B33 !important;

}

.nav-link{

	position: relative;

}

.icon-ico{

	padding: 35px 25px !important;

}

.icon-ico:after{

	display: none !important;

}

.nav-link:after{

	content: "";

	position: absolute;

	left: 26px;

    bottom: 27%;

	width: 0px;

	height: 4px;

	background-color: #EC2B33;

	transition: all 0.5s ease;

}

.nav-link:hover:after{

	width: 15px;

}

.menu-button{

	position: absolute;

	left: 0;

	top: 0;

	background-color: #f36823;

	width: 63px;

	height: 100px;

	display: none;

}

.nav-link div{

	width: 28px;

	height: 5px;

	background-color: #fff;

	position: relative;

	margin-top: 3px;

}

.nav-link div:after{

	content: "";

	position: absolute;

	height: 5px;

	

	background-color: #fff;

	bottom: -9px;

	right: 0;

	transition: all 0.5s ease;

	z-index: 99;

}

.nav-link div:before{

	content: "";

	position: absolute;

	bottom: -18px;

	height: 5px;

	

	background-color: #fff;

	right: 0;

	transition: all 0.5s ease;

	z-index: 99;

}

.nav-link:hover div:after{

	width: 28px;

}

.nav-link:hover div:before{

	width: 28px;

}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {

    color: #fff;

}

.navbar-expand-sm .navbar-nav{

	float: right;

}

/*.navbar-expand-md .navbar-nav{

	float: right;

}*/

.social-icon{

	text-align: right;

}



.social-icon ul{

    display: block;

    list-style: none;

}

.social-icon li{

    display: inline-block;

}

.social-icon a{

    display: block;

    font-size: 18px;

    color: #ffffff;

    padding: 50px 15px;

    line-height: 0;

}

.social-icon a:hover{

	color: #ffffff;

}

.slider-fluid{

	padding-top: 0px;

}

.search-show{

	display: none;

	position: absolute;

	bottom: 0;left: 0;

	right: 0;

	background-color: #323232;

	z-index: 99;

	margin-bottom: -158px;

	z-index: 999;

}

.search-show input{

	background-color: transparent;

	border: 0;

	padding: 0;

	height: 158px;

	color: #fff;

	width: 100%;

	font-size: 50px;

	padding-left: 13%;

	font-family: oxygenbold;

}

#sidebar ul li a{

	font-family: oxygenregular !important;

}

.list-unstyled li a{

	font-size: 15px !important;

}

.main-text span{

color: #f36823;

}

/* Mobile Menu */

.mobile-menu-main{

		display: flex;

		align-items: center;

		height: 63px;

	}

	.mobile-menu-main img{

		padding-left: 15px;

		max-width: 206px;

        width: 100%;

	}

	.mobile-menu-main button{

		position: absolute;

        right: 15px;

        border: 0;

        padding: 0;

        background-color: transparent;

        color: #fff;

        font-size: 25px;

	}

	#mobile-menu-show{

		position: fixed;

		top: 0;

		right: 0;

		height: 100%;

		width: 320px;

		margin-right: -320px;

		background-color: #000;

		z-index: 999999999;

		overflow-y: scroll;

		box-shadow: 0px 2px 8px #000;



	}

	.mobile-show{

		margin-right: 0px !important;

		-webkit-transform-origin: 0 50% !important;

        -moz-transform-origin: 0 50% !important;

        -o-transform-origin: 0 50% !important;

        transform-origin: 0 0% !important;

        -webkit-transform: perspective( 600px ) rotateY(20deg) scale(0.5) !important;

        -moz-transform: perspective( 600px ) rotateY(20deg) scale(0.5) !important;

        -o-transform: perspective( 600px ) rotateY(20deg) scale(0.5) !important;

        transform: perspective( 0px ) rotateY(0deg) scale(1) !important;

	}

	#mobile-menu-close{

		position: absolute;

        right: 15px;

        top: 3px;

        padding: 0;

        margin: 0;

        background-color: transparent;

        border: 0;

        font-size: 30px;

        color: #fff;

	}

	#mobile-menu-show ul{

		display: block;

		list-style: none;

		padding-top: 40px;

	}

	#mobile-menu-show ul li{

		display: block;

	}

	#mobile-menu-show ul li a{

		display: block;

	    color: #fff;

	    font-size: 21px !important;

	    text-transform: uppercase;

	    font-family: bignoodletitlingregular;

	    padding: 20px 34px;

	}

#show li a{

	padding: 7px 50px !important;

}

.menu-col-8{

	padding: 84px 84px 84px 0;

}

.menu-col-4{

	padding-top: 84px;

}

.visiable-xs{

	display: none !important;

}

.laptop-menu{

	text-align: right !important;

	padding-right: 50px;

	padding-top: 40px;

}

.laptop-menu h3{

	font-size: 19px;

	color: #fff;

	font-family: oxygenbold;

}

.laptop-menu ul{

	display: block;

	list-style: none;

}

.laptop-menu ul li{

	display: block;

}

.laptop-menu ul li a{

	color: #fff;

	font-family: oxygenbold !important;

	padding: 20px 0px 0 20px !important;

	text-transform: capitalize !important;

}

.laptop-menu ul p{

    color: #fff;

    font-size: 18px;

    font-family: oxygenregular;

    padding: 5px;

}



.text-ct img {

    width: 100%;

    margin: 10px 0;

}

.text-ct h1{



color: #fff;

font-family: bignoodletitlingregular;

padding: 10px;

background-color: #f36823;

display: inline-block;



}

.bg-all{

position: absolute;

bottom: 10px;

left: 0;

right: 0;

background-position: top right;

background-size: cover;



text-align: right;

}

.text-ct img{

	

	width: 100%;



}

.text-ct{

	position: relative;

}







.Bbrnd-1 {

    background-image: url(im/bg1.png);

    padding: 80px 15px 50px;

    background-repeat: no-repeat;

    background-size: cover;

}





.icon-all p{

    color: #fff;

    padding-top: 20px;

    font-family: 'bignoodletitlingregular';

    font-size: 21px;

}

.icon-all{

padding: 25px 10px;

border: solid 1px#fff;

text-align: center;

position: relative;

transition: all 0.5s ease;

}

.icon-all:hover img:nth-child(2) {

    opacity: 1;

}

.icon-all img:nth-child(2) {

    position: absolute;

    right: 0;

    left: 0;

    margin: 0 auto;

    opacity: 0;

}

.icon-all:hover p {

    color: #f36823;

}

.icon-all:hover {

    border-color: #f36823;

background-color:#000;

color: #f36823;

}

.icon-all:hover .icon-all-img-hover {

    opacity: 1;

}

.icon-all img {

    transition: all 0.5s ease;

}





/* Mobile Menu */

.mobile-menu-main1{

		display: flex;

		align-items: center;

		height: 63px;

	}

	.mobile-menu-main1 img{

		padding-left: 15px;

		max-width: 206px;

        width: 100%;

	}

	.mobile-menu-main1 button{

		position: absolute;

        right: 15px;

        border: 0;

        padding: 0;

        background-color: transparent;

        color: #fff;

        font-size: 25px;

	}

	#mobile-menu-show1{

		position: fixed;

		top: 0;

		left: unset;

		right: 0;

		height: 100%;

		width: 0px;

		background-color: #0f0f0f;

		z-index: 9999999;

		overflow: hidden;

		box-shadow: 0px 2px 8px #000;

	}

	.mobile-show1{

		width: 320px !important;

	}

	.mobile-show12{

		display: block !important;

	}

	#mobile-menu-close1{

		position: absolute;

        right: 15px;

        top: 3px;

        padding: 0;

        margin: 0;

        background-color: transparent;

        border: 0;

        font-size: 30px;

        color: #fff;

	}

	#mobile-menu-show1 ul{

		display: block;

		list-style: none;

		padding-top: 40px;

	}

	#mobile-menu-show1 ul li{

		display: block;

	}

	#mobile-menu-show1 ul li a{

		display: block;

	    color: #fff;

	    font-size: 21px !important;

	    text-transform: uppercase;

	    font-family: bignoodletitlingregular;

	    padding: 20px 34px;

	}

#show li a{

	padding: 7px 50px !important;

}

.menu-col-8{

	padding: 84px 84px 84px 0;

}

.menu-col-4{

	padding-top: 84px;

}

.visiable-xs{

	display: none !important;

}

.laptop-menu{

	text-align: left !important;

	padding-left: 50px;

	padding-top: 40px;

}

.laptop-menu h3{

	font-size: 19px;

	color: #fff;

	font-family: oxygenbold;

}

.laptop-menu ul{

	display: block;

	list-style: none;

}

.laptop-menu ul li{

	display: block;

}

.laptop-menu ul li a{

	color: #fff;

	font-family: oxygenbold !important;

	padding: 20px 0px 0 20px !important;

	text-transform: capitalize !important;

}

.laptop-menu ul p{

    color: #fff;

    font-size: 18px;

    font-family: oxygenregular;

    padding: 5px;

}

nav {

    box-sizing: border-box;

    transition: background-color 0.4s ease-out;

    transition: all 0.5s ease;

}

nav.scroll {

	position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background-color: #fff;

    box-shadow: 0px 2px 8px #000;

    z-index: 99999999;

   

}

nav.scroll .icon-alls {

  display: flex;

  justify-content: flex-end;

  padding-right: 31px;

}

nav.scroll .menu-button{

	height: 80px;

}

nav.scroll .logo{

	top: -9px;

}

nav.scroll .logo img{



padding-left: 36px;

}

nav.scroll .navbar-dark .navbar-nav .nav-link{

	padding: 25px 25px;

}

nav.scroll .icon-ico {

	padding: 25px 15px !important;

}

nav.scroll .navbar .dropdown-menu{

	top: 87px;

}



.explore-sec svg{

  width: 20px !important;

  height: auto;

  margin-left: 15px;

}

.explore-sec h1{

color: #000;

position: relative;

font-family: 'montserrat Bold';

padding: 10px 0px 20px;

line-height: 50px;

}



.cat-h1{

	font-size: 62.91px;

	font-family: bignoodletitlingregular;

	text-align: center;

	padding: 60px;

}

.cat-h1 span{

	color: #fd0000;

}

.cat-h1-my h1{

 font-size:50px !important;

 padding-top:40px !important;

 color: #fff;

}

.number{

  display: inline-block;

 

}

.hov-1 {

  padding: 75% 0 40%;

}

.left-number {

  padding-left: 40px;

}









@media screen and (max-width: 1450px){

   .int-text-main a:nth-child(2) {

  padding: 10px 20px;

  position: absolute;

  bottom: 5% !important;

  left: -2% !important;

  color: #fff;

  font-size: 30px;

  text-transform: uppercase;

  font-weight: bold;

  font-family: 'montserrat Bold';

} 

.int-text-main-2 a:nth-child(2) {

  padding: 10px 20px;

  position: absolute;

  top: 23%;

  right: -5% !important;

    

}

}





@media screen and (min-width: 1850px){

nav.scroll .icon-alls form {

    padding-top: 30px;

}

.insta-hover img {

    max-width: 500px !important;

}



.about-bg-text {

    position: absolute;

    top: 243px !important;

}



}



@media screen and (max-width: 1433px){

	.social-icon a{

		padding: 50px 10px;

	}

}













@media screen and (max-width: 1199px){

	.social-icon a {

        padding: 49px 5px;

    }

    .navbar-dark .navbar-nav .nav-link{

    	padding: 35px 15px;

    }

    .nav-link::after {

    	left: 17px;

		bottom: 30%;

    }

}











@media screen and (max-width: 991px){

	.search-show{

		margin-bottom: -100px;

	}

	.search-show input{

		height: 100px;

	}

	.navbar-dark .navbar-nav .nav-link {

        padding: 35px 8px;

    }

    .social-icon a{

    	font-size: 15px;

    }

    .social-icon a {

        padding: 51px 4px;

    }

    .wellcome-img {

        border-right: solid 0px #000000 !important;

    }

    .search-show{

    	z-index: 999;

    }

    .search-show input{

    	padding-left: 30px;

    }

    .logo img {

        max-width: 200px;

    }

}













@media screen and (max-width: 798px){

	.social-icon a {

        padding: 51px 3px;

    }

    .navbar-dark .navbar-nav .nav-link {

        padding: 35px 7px;

    }

}















@media screen and (max-width: 767px){

	.collapse:not(.show){

		display: none !important;

	}

	.icon-alls {

    display: none;

}

	.top-hidden-social{

		display: none;

	}

	.search-visiable{

		display: block !important;

	}

	.header-fluid{

		position: unset;

		

	}

	.search-show{

		position: unset;

		background-color: transparent;

	}

	.search-show input{

		height: 50px;

		background-color: #fff;

		font-size: 20px;

		color: #000;

		margin-top: 50px;

		margin-bottom: 50px;

	}

	.header-fluid{

		height: 70px;

	}

	.icon-ico {

        padding: 16px 0px !important;

        position: absolute;

        right: 20px;

        top: 4px;

        display:none!important;

    }

    .contact-a {

  display: none;

}

    .logo{

    	top: 22px;

    	left: 15px;

    }

    .logo img{

       max-width: 135px;

   

}

    nav.scroll{

    	height: 70px;

    }

    nav.scroll .icon-ico {

        padding: 16px 15px !important;

    }

    .laptop-menu{

    	display: none;

    }

    .visiable-xs{

    	display: block !important;

    }

    .menu-button{

    	display: none;

    }

    .header-fluid{

    	width: 100%;

    	position: unset !important;

    }

    .nav-link div{

    	background-color: #fe6c24;

    }

    .nav-link div::before{

    	background-color: #fe6c24;

    }

    .nav-link div::after{

    	background-color: #fe6c24;

    }

    nav.scroll .logo img{

    	max-width: 200px;

    	padding-top: 0px;

    }

    .carousel-caption {

  top: 17%;

  display: none;

}

    nav.scroll .logo{

        top: 22px;

		left: 30px;

	}

	.top-main .flag{

		display: none;

	}

	.top-main ul li a{

		padding: 0 7px;

	}

}















@media screen and (max-width: 550px){

	.slider-fluid {

    }

    .header-fluid {

  position: unset;

  z-index: 999;

  padding: 0 28px;

}

.foot-icon1 {

  padding-top: 25px;

  text-align: center;

}

.foot-icon1 a {

  font-size: 16px;

  color: #fff;

  padding: 0 10px;

}

.footer-end p {

  font-size: 16px;

  color: #9d9d9d;

  font-family: oxygenlight;

  line-height: 33px;

  text-align: center !important;

}

.footer-2 {

  padding-top: 25px;

}

.ftr-2 {

  padding-bottom: 25px;

}

    .logo img {

        max-width: 230px;

    }

    .carousel-caption h3 {



    padding-bottom: 8px !important;

}

.carousel-caption a {

    line-height: unset !important;

      padding: 2px 12px !important;

    margin-left: 79px !important;

}



.feature-tab ul span {



    padding-bottom: 0 !important;

}

.insta-sec {



    padding: 50px 0 40px !important;

}

.insta-sec h1 {



    font-size: 30px;

}

  

.logo {

    top: 4px;

}

.btm-logo {

    padding-top: 10px;

    text-align: center;

}

.btm-icon ul {

    display: block;

    list-style: none;

    text-align: center !important;

}

    .logo{

    	left: 15px;

    }

    nav.scroll .logo img{

    	max-width: 230px;

    }

    nav.scroll .logo{

	}

	 .logo img{

        max-width: 193px!important;

    }

    #catagoury .owl-nav {

  position: absolute;

  top: -30% !important;

  right: 12% !important;

}

.int-text-main p {

  padding: 45px 0;

  color: #6d6d6d;

  font-family: 'montserratmedium';

  font-size: 13px !important;

}

.foot-icon4 {

  text-align: center;

  padding: 20px 0;

}

.ftr-2 {

  padding-left: 0px !important;

}

.int-text-main {

  padding-top: 18px !important;

  padding-left: 1px !important;

}

    .icon-alls form{

        display: none!important;

    }

    .carousel-caption h2{

        font-size: 22px!important;

        padding-left: 12px!important;

    }

    .carousel-caption h1{

        font-size: 40px!important;

    }

    .carousel-caption h3{

        font-size: 22px!important;

        padding-left: 45px!important;

    }

    .carousel-control-prev, .carousel-control-next{

        border:0!important;

        right:3px!important;

        bottom: 41%!important;

    }

    .carousel-control-prev{

        left:3px!important;    

    }

    .award-text{

        padding: 25px 0 25px 5px!important;

    }

    .instagram-fluid{

        padding-bottom: 50px!important;

        padding-top: 0px!important;

    }

    .about-bg-text{

        top: 15px!important;

        left: 15px!important;

    }

    .award-text h1{

        font-size: 35px!important;

        height: 104px!important;

        margin-top: 15px!important;

    }

    .about-bg-text h3{

        font-size: 10px!important;

        height: 16px!important;

    }

    .about-bg-text h1{

        font-size: 15px!important;

        height: 25px!important;

    }

    .about-bg-text p{

        font-size: 7px!important;

    }

    .about-bg-text button{

padding: 7px 9px!important;

margin-top: 12px!important;

font-size: 10px!important;

border-radius: 17px!important;

    }

    .nav-tabs .nav-item{

        margin-bottom: 29px!important;

    }

    .pro-logo{

        right: 19px!important;

        max-width:300px!important;

    }

    .clients-text img{

        width: 60%!important;

    }

    .clients-text p{

        padding: 50px 0px 0!important;

        font-size: 10px!important;

    }

    .btm-icon{

        padding-top: 36px!important;

    }

    .btm-logo img{

        max-width: 169px!important;

    }

    .footer-main h3{

        padding-bottom: 0px!important;

    }

}







@media screen and (max-width: 350px){

	.logo img {

        max-width: 230px;

    }

}





.bg-color {

  background-color: #F36823;

  height: 550px;

  margin-top: -14%;

}

/*------------------- Header End ----------------------*/



.owl-theme .owl-nav [class*="owl-"]:hover {

  border-radius: 50%;

  transition: all 0.5s ease;

  background-color: #f70 !important;

  border: 0;

}

#catagoury .owl-nav.disabled {

  display: unset;

  position: absolute;

  top: -23%;

  right: 30px;

}



.award-text span{

  color: transparent;

  -webkit-text-stroke: 1px #fff;

}





.cat__mian {

  padding: 0 35px 0 15px;

}



.cat__text h1{

  color: #fff;

  position: relative;

  text-transform: uppercase;

  font-family: 'montserrat Bold';

  padding-top: 20px;

  background-image: url(im/arrow.png);

  background-repeat: no-repeat;

  background-position-y: 80%;

  padding-left: 35px;

  font-size: 25px;

}



.intro-fluid {

 padding: 50px 0;

 background-image: url(im/bg-frame.png);

background-repeat: no-repeat;

background-position-y: 75%;

background-size: 100%;

}

.int-pic-main {

  position: relative;

}

.int-pic-main img {

  width: 100%;

}

.intro-button {

  position: absolute;

  top: 58px;

  bottom: 0;

  right: 6%;

}

.intro-button p {

  font-size: 18px;

  padding: 10px 20px;

  font-family: 'montserratmedium';

  color: #fff;

  background-color: #EC2B33;

}

.int-text-main {

text-align: right;

overflow: hidden;



}

.int-text-main h1 {

font-family: 'montserrat Bold';

  font-size: 33px;

  color: #fff;

}

.int-text-main span {

  color: transparent;

  -webkit-text-stroke: 1px #fff;

}

.int-text-main p {

  padding: 45px 0;

  color: #6d6d6d;

font-family: 'montserratmedium';

  font-size: 16px;

}

.int-text-main a:nth-child(2) {

padding: 10px 20px;

position: absolute;

bottom: 14%;

left: 0%;

color: #fff;

font-size: 30px;

text-transform: uppercase;

font-weight: bold;

font-family: 'montserrat Bold';

}

.int-text-main a svg{

width: 25px !important;

padding-top: 52px;

margin-left: 7px;

}

.int-text-main-2 {

 padding-top: 10%;

  overflow: hidden;

}

.int-text-main-2 a:nth-child(2) {

padding: 10px 20px;

position: absolute;

top: 23%;

right: 0;

color: #fff;

font-size: 30px;

text-transform: uppercase;

font-weight: bold;

font-family: 'montserrat Bold';

}

.int-text-main-2 a svg{

width: 25px !important;

padding-top: 52px;

margin-left: 7px;

}

.ab-main-img:hover img{

    transform: scale(1.1) rotate(0deg);

}





.ab-main-img img{

  transition: all 0.8s ease;

}

.int-text-main:hover img{

    transform: scale(1.1) rotate(0deg);

}

.int-text-main-2:hover img{

    transform: scale(1.1) rotate(0deg);

}

.int-text-main img{

  max-width: 600px;

  transition: all 0.8s ease;

}

.int-text-main-2 img {

  max-width: 600px;

    transition: all 0.8s ease;

}

.footer-fluid {

  background-color: #000;

  padding: 70px 15px 0px;

  border-bottom: solid 1px #181818;

}

.achievement1-container {

  padding-bottom: 60px;

}

.footer-main2 h3 {

  font-size: 30px;

  color: #fff;

   font-family: 'montserrat Bold';

  padding-bottom: 10px;

  text-align: left;

}

.footer-main2 ul p {

  font-size: 15px;

  color: #9d9d9d;

  font-family: oxygenlight;

  line-height: 33px;

}



.footer-main4 p {

  font-size: 15px;

  color: #9d9d9d;

  font-family: oxygenlight;

  line-height: 25px;

  text-align: left;

  padding-bottom: 18px;

}

.footer-end {

  padding: 18px 0;

}

.footer-end p {

  font-size: 16px;

  color: #9d9d9d;

  font-family: oxygenlight;

  line-height: 33px;

}

.foot-icon-fluid {

  padding: 26px 0px;

  background-color: #0d0d0d;

}

.foot-icon1 {

  padding-top: 25px;

}

.foot-icon1 a {

  font-size: 16px;

  color: #fff;

}

.foot-icon1 a span {

  padding: 5px 10px;

  background-color: #fff;

  color: #000;

  border-radius: 25px;

}

.foot-icon2 a span {

  padding: 5px 10px;

  background-color: #fff;

  color: #000;

  border-radius: 25px;

}

.foot-icon4 a span {

  padding: 5px 10px;

  background-color: #fff;

  color: #000;

  border-radius: 25px;

}

.foot-icon2 a {

  font-size: 16px;

  color: #fff;

}

.foot-icon4 a {

  font-size: 16px;

  color: #fff;

}

.clients-text-custom {

  text-align: left;

  padding: 3px 15px 29px 16px;

  background-image: url(im/review1.png);

  background-repeat: no-repeat;

  background-size: cover;

  margin: 0 20px 39px 20px;

}

.clients-text img {

  max-width: 33px;

  padding-top: 32px;

}

.our-test h1 {

  font-size: 40px;

  color: #fff;

  font-family: 'montserrat Bold';

}

.our-test h1 span {

  color: transparent;

  -webkit-text-stroke: 1px #fff;

}

.our-test {

  text-align: left;

  background-color: transparent;

  padding: 15px 0 40px;

  color: #fff;

}

.clients-text {

  text-align: left;

  padding: 3px 15px 29px 16px;

  background-image: url(im/review1.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.clients-text p {

  font-size: 14px;

  color: #8d8e90;

  font-family: 'montserratmedium';

  padding: 25px 0;

}

/*-------------------- Start Banner --------------------*/

.skyblue {

	background-color: transparent;

}

.carousel-indicators li{

	width: 12px;

	height: 12px;

	border-radius: 50%;

	opacity: 1;

}

.carousel-indicators .active{

	background-color: #f36823;

}

.carousel-control.right,

.carousel-control.left {

	background-image: none;

}

.carousel-caption{

	position: absolute;

    top: 32%;

    left: 0;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: left;

    width: 100%;

    padding-left: 10%;

}

.carousel-caption h3,

.carousel .icon-container,

.carousel-caption button {

	background-color: transparent;

}

.carousel-caption img{

	position: absolute;

	top: -20%;

    right: 6%;

    max-width: 550px;

	width: 100%;

}

.carousel-caption h3{

	font-size: 34px;

	color: #fff;

	font-family: bignoodletitlingregular;

	font-style: italic;

	line-height: 20px;

	padding-left: 115px;

	padding-bottom: 25px;

}

.carousel-caption a{

  padding: 18px 52px;

  line-height: 115px;

  background: #EC2B33;

  color: #EEEEEE;

  font-size: 18px;

}

.carousel-caption h2{

	font-size: 24px;

	color: #fff;

	font-family: 'montserratmedium';

	text-transform: uppercase;

	line-height: 40px;

}

.carousel-caption h1{

	font-size: 66px;

	color: #EC2B33;

	font-family: 'Montserrat Bold';

	text-transform: uppercase;

}

.carousel-caption h1 span{

   background-size: contain;

   background-repeat: no-repeat;

   background-position: center;

   color: #fff;

}



.pro-logo{

    position: absolute;

    top: 36%;

    right: 24px;

    max-width: 225px;

    width: 100%;

}

.carousel .icon-container {

	display: inline-block;

	font-size: 25px;

	line-height: 25px;

	text-align: center;

	border-radius: 50%;

}

.carousel-caption button {

	border-color: #00bfff;

	margin-top: 1em; 

}



/* Animation delays */

.carousel-caption h3 {

	animation-delay: 1s;

}

.carousel-caption h2 {

	animation-delay: 1s;

}

.carousel-caption button {

	animation-delay: 3s;

}

.carousel-control-prev, .carousel-control-next{

	z-index: 20 !important;

	right: 45px;

}

.carousel-indicators{

	margin-right: 0;

    margin-left: 0;

    left: unset;

	right: 3.6%;

	bottom: 21%;

	display: unset;

}

.carousel-indicators li{

	background-color: #ffffff;

}

.carousel-control-prev, .carousel-control-next{

	top: unset;

	bottom: 50%;

	width: 4%;

	opacity: 1;

	color: #fff;

	font-size: 25px;

	padding: 10px;

    border-radius: 54px;

    border: 2px solid #EC2B33;

}

.carousel-control-prev {

    left: 45px;



}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {

    color: #EC2B33;

}

.btm-icon{

	padding-top: 50px;

}

.btm-icon ul{

	display: block;

list-style: none;

text-align: right;

}

.btm-icon li{

	display: inline-block;

}

.btm-icon a{

border: 1px solid #2c2c2c;

padding: 5px 10px;

border-radius: 30px;

color: #fff;

}

.btm-logo{

	padding-top: 10px;

}



.about-bg {

    background: url(im/about-bg.png) no-repeat center;

        background-size: auto;

    padding: 80px 0;

    background-size: cover;

}

.heading h1 {

    font-family: 'bignoodletitlingregular';

    font-size: 48px;

    color: #e0171f;

    display: block;

    max-width: 408px;

    text-align: center;

    margin: 0 auto;

    padding: 0px 0 50px 0;

}

.heading span {

    color: #fff;

}

.about-text {

    text-align: left;

    padding-top: 50px;

    max-width: 400px;

    width: 100%;

    float: right;

    background-color: #fff;

    padding-bottom: 30px;

    margin-top: 60px;

}

.text-ctg {

    position: absolute;

    bottom: 0px;

    left: 0;

    right: 0;

    color: #fff;

    text-align: center;

}

.text-ctg h1{

text-transform: uppercase;

  font-family: 'Montserrat Bold';

  font-size: 28px;

  background-color: rgba(225, 38, 40, 0.7);

padding: 17px 0;

}

.insta-hover:hover .text-ctg {

 

    bottom: 22px;

}

.about-text h2 {

    font-size: 40px;

    color: #000;

    font-family: 'bignoodletitlingregular';

    margin: 0;

    padding-top: 10px;

    padding-bottom: 28px;

    text-transform: uppercase;

    display: block;

    padding-left: 20px;

}

.award-text{

padding-top: 50px;

}

.max-container{

	max-width: 1400px;

}

.top-ctg{

	padding-top: 30px;

}

.award-text h1 {

color: #000;

position: relative;

font-family: 'montserrat Bold';

padding: 10px 0px 70px;

text-align: center;

}

.award-text p{

	padding-top: 35px;

	color: #fff;

}

.insta-hover{

	overflow: hidden;

}

.insta-hover:hover {

    z-index: 99;

    -webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1.1);

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1.1);

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1.1);

    transition: all 200ms ease-in;

    transform: scale(1.1);

}

.award-text h3 {

    color: #EC2B33;

    text-transform: uppercase;

    font-size: 18px;

    font-family: 'montserratmedium';

        letter-spacing: 8px;



}

#instagram .owl-nav {

    position: absolute;

    bottom: -2%;

    left: -255%;

    right: 0;

}

.about-text h2 span{

	color: #e0171f;

}

.about-text p {

    font-size: 16px;

    color: #000;

    font-family: 'oxygenregular';

    line-height: 27px;

    letter-spacing: 1px;

    padding-right: 20px;

    padding-left: 20px;

}















@media screen and (max-width: 1460px){

	.carousel-caption img{

		max-width: 429px;

		top: 0%;

	}



}







@media screen and (max-width: 1330px){

	.carousel-caption img {

    }

}









@media screen and (max-width: 1150px){

	.carousel-caption img {

        max-width: 331px;

        top: -7%;

        right: 8%;

    }

    .carousel-caption h1 {

        font-size: 70px;

    }

    .carousel-caption h3 {

        font-size: 35px;

    }

    .carousel-item {

    }

}







@media screen and (max-width: 1000px){

	.carousel-caption img {

		top: 1%;

    }

    .carousel-item {

    }

}









@media screen and (max-width: 896px){

	.carousel-caption img {

        max-width: 261px;

    }

}







@media screen and (max-width: 767px){

	

	.carousel-caption h1 {

        font-size: 65px;

        padding-top: 0px;

    }

    .carousel-caption img {

        max-width: 216px;

    }

    .pp-section.pp-table {

        padding-top: 80px;

    }

    .carousel-item {

    }

    .carousel-caption h3 {

       font-size: 30px;

    }

    .carousel-control-prev, .carousel-control-next {

    	bottom: 6%;

    }

    .carousel-indicators{

    	bottom: 12%;

    }

}







@media screen and (max-width: 675px){

    .carousel-caption img {

        max-width: 193px;

    }

}







@media screen and (max-width: 600px){

	.carousel-caption img {

        max-width: 300px;

        position: unset;

        padding-top: 60px;

        margin-left: 127px;

    }

    .carousel-caption {

        top: 8%;

    }

}







@media screen and (max-width: 515px){

	

}







@media screen and (max-width: 460px){

	.carousel-caption img {

        max-width: 280px;

        position: unset;

        padding-top: 55px;

        margin-left: 25px;

    }

	.carousel-caption {

        top: 17%;

    }

}







@media screen and (max-width: 415px){

	.carousel-control-prev {

        right: 7%;

    }

}







@media screen and (max-width: 363px){

	.carousel-caption h1 {

        font-size: 60px;

    }

}







@media screen and (min-width: 1650px){

	.carousel-caption img{

		max-width: 565px;

	}

	.carousel-control-prev, .carousel-control-next{

	    bottom: 23%;

	}

	.carousel-indicators{

		bottom: 24%;

	}

}

/*-------------------------- End Banner ------------------------*/





.owl-theme .owl-nav.disabled + .owl-dots{

	display: none!important;

}









.owl-nav button div {

    width: 70px;

    height: 70px;

    color: #c8c8c8;

    border: solid 2px #c8c8c8;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.5s ease;

    font-size: 24px;

}



.owl-nav button div {

    width: 50px;

    height: 50px;

    color: #c8c8c8;

    border: solid 2px #c8c8c8;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.5s ease;

    font-size: 24px;

}















/*------------------- Catagoury Start ----------------------*/

.swiper-container {

      width: 100%;

      height: 100%;

    }

    .swiper-slide {

      text-align: center;

      font-size: 18px;

      background: #fff;

      width: 78% !important;



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

      overflow: hidden;

    }

    .swiper-slide:nth-child(2n) {

      width: 78% !important;

    }

.swiper-button-next, .swiper-button-prev{

	background-size: 12px 39px !important;

}

.swiper-button-next{

	right: 19% !important;

	background-color: #fff;

	color: #000; 

	height: 55px !important;

	width: 85px !important;

	margin-top: -103px !important;

	background-image: none !important;

	text-align: right;

	padding: 16px 23px 16px 0px;

	transition: all 0.4s ease;

	top: 216px !important;

}

.swiper-button-next::after{

	background-color: #000;

	width: 0%;

	height: 100%;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	-webkit-transition: all .3s cubic-bezier(.19,1,.22,1) 0s;

    transition: all .3s cubic-bezier(.19,1,.22,1) 0s;

}

.swiper-button-next:hover{

    color: #fff; 

}

.swiper-button-next:hover::after{

    width: 100%;

    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1) .2s;

    transition: all .3s cubic-bezier(.19,1,.22,1) .2s;

}

.swiper-button-prev{

	right: 19% !important;

	top: 46% !important;

	background-color: #fff;

	color: #000; 

	height: 55px !important;

	width: 85px !important;

	background-image: none !important;

	padding: 16px 0px 16px 23px;

	transition: all 0.4s ease;

	top: 80px !important;

	left: unset !important;

}

.swiper-button-prev::before{

	background-color: #000;

	width: 0%;

	height: 100%;

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	z-index: -1;

	-webkit-transition: all .3s cubic-bezier(.19,1,.22,1) 0s;

    transition: all .3s cubic-bezier(.19,1,.22,1) 0s;

}

.swiper-button-prev:hover{

    color: #fff; 

}

.swiper-button-prev:hover::before{

    width: 100%;

    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1) .2s;

    transition: all .3s cubic-bezier(.19,1,.22,1) .2s;

}

.cat-text{

	position: absolute;

	bottom: 40px;

	left: 60px;

	text-align: left;

}

.cat-text h1{

	font-size: 50px;

	color: #fff;

	font-family: bignoodletitlingregular;

	text-transform: uppercase;

}

.cat-text p{

	font-size: 18px;

	color: #fff;

	font-family: oxygenregular;

	text-transform: capitalize;

}

.learn{

	color: #fff;

	font-size: 18px;

	position: absolute;

	bottom: 50px;

	right: 150px;

	font-family: oxygenregular;

	text-transform: uppercase;

	opacity: 0;

	transition: all 0.5s ease;

}

.learn i{

	padding-left: 10px;

}

.swiper-slide:hover .learn{

	opacity: 1;

	right: 100px;

	text-decoration: none;

	color: #fff;

}

.catagoury-main{

	position: relative;

	padding-top: 3px;

}

.catagoury-main h1{

	position: absolute;

	left: 0;

	bottom: 13px;

	color: #f00;

	font-family: bignoodletitlingregular;

	font-size: 38.49px;

	right: 0;

	margin: 0 auto;

	text-align: center;

}















@media screen and (max-width: 991px){

	.cat-text {

        bottom: 50px;

        left: 50px;

    }

    .swiper-button-next{

    	right: 16% !important;

    }

    .swiper-button-prev{

    	right: 16% !important;

    }

}















@media screen and (max-width: 767px){

	.cat-text p{

		font-size: 14px;

	}

	.cat-text h1{

		font-size: 30px;

	}

	.cat-text {

        bottom: 30px;

        left: 30px;

    }

}

















@media screen and (max-width: 550px){

	.swiper-button-prev{

		height: 30px !important;

		width: 50px !important;

        padding: 2px 0px 16px 23px;

        top: 37px !important;

	}

	.swiper-button-next{

		height: 30px !important;

		width: 50px !important;

        padding: 2px 23px 16px 0px;

        top: 148px !important;

	}

	.cat-text {

        bottom: 10px;

        left: 15px;

    }

    .cat-text h1 {

        font-size: 25px;

    }

    .cat-text p {

        font-size: 12px;

        display: none;

    }

}







.footer-2 li{

display: inline-block !important;

}











@media screen and (min-width: 1715px){

	.swiper-slide{

		width: 69% !important;

	}

	.swiper-slide:nth-child(2n) {

      width: 69% !important;

    }

    .swiper-slide:nth-child(3n) {

      width: 69% !important;

    }

    .swiper-button-prev {

        right: 28.5% !important;

    }

    .swiper-button-next {

        right: 28.5% !important;

    }

}

/*------------------- Catagoury End ----------------------*/



.about-bg-main{

	position: relative; 

}





.about-bg-text{

    position: absolute;

    top: 156px;

    left: 135px;

    color: #fff;

}

.about-bg-text h3{

	text-transform: uppercase;

	font-size: 18px;

	 font-family: 'montserratmedium';

	 letter-spacing: 8px;

	 height: 37px;

}

.about-bg-text h1{

	text-transform: uppercase;

	font-size: 40px;

	font-family: 'montserrat Bold';

	height: 80px;

}

.about-bg-text p{

    font-family: 'montserratlight';

}

.about-bg-text button{

	background: transparent;

    padding: 12px 26px;

    border-radius: 13px;

    color: #fff;

    margin-top: 25px;

    font-size: 20px;

    font-family: 'montserrat Bold';

}



/*------------------- Achievements Start ----------------------*/

.achievements-fluid{

	padding: 80px 0 80px;

}

.achievements-main-text{

	text-align: center;

	padding: 0px 15px 50px;

	width: 100%;

}

.achievements-main-text h1{

	font-size: 50px;

	color: #000;

	font-family: bignoodletitlingregular;

}

.counters {

  display: inline-block;

}

.counters img {

  display: block;

  margin: 0px auto 39px;

}

.counters span {

  font-family: 'oxygenbold';

  color: #222222;

  font-size: 30px;

  margin-top: 15px;

}

.counters span {

font-family: 'oxygenbold';

color: #131313;

font-size: 43px;

margin-top: 15px;

}

.counters samp {

display: block;

font-family: 'oxygenlight';

color: #131313;

font-size: 32px;

}

.image-hover{

  position: relative;



}

.image-hover img:nth-child(1){

  opacity: 1;

  transition: all 0.5s ease;

}

.image-hover img:nth-child(2){

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  transition: all 0.5s ease;

}

.image-hover:hover img:nth-child(1){

  opacity: 0;

}

.image-hover:hover img:nth-child(2){

  opacity: 1;

}

.number{

  display: inline-block;



}









@media screen and (max-width: 1199px){

  .number {

    padding: 0 40px;

  }

}





@media screen and (max-width: 991px){

  .achievements-main-text {

    padding: 25px 15px;

  }

  .achievements-main-text h1 {

    font-size: 25px;

  }

  .number {

    padding: 0px 18px;

  }

  .counters img {

    margin: 0px auto 15px;

  }

  .counters span {

    font-size: 18px;

  }

  .counters samp{

    font-size: 15px;

  }

}











@media screen and (max-width: 767px){

  

  .achievements-fluid {



    padding: 0px 0 0px;



}

}











@media screen and (max-width: 480px){

 .intro-fluid {

  padding: 10px 0;

  background-image: url(im/bg-frame.png);

  background-repeat: no-repeat;

  background-position-y: 0;

  background-size: 100%;

}

.explore-sec h1 {

  color: #fff;

}

.int-text-main-2 a:nth-child(2) {

  padding: 10px 20px;

  position: absolute;

  bottom: 23% !important;

  top: unset;

  left: 0;

  color: #fff;

  font-size: 30px;

  text-transform: uppercase;

  font-weight: bold;

  font-family: 'montserrat Bold';

}

.feature-tab {

  width: 100%;

  text-align: center;

  color: #fff;

  font-size: 20px;

  padding: 10px 0 !important;

}

.nav-tabs p {

  color: #131313;

  font-size: 30px !important;

}

.our-work {

  color: #131313;

  font-size: 22px !important;

  text-transform: uppercase;

  font-weight: bold;

  font-family: 'montserrat Bold';

  text-align: center;

  padding-bottom: 40px !important;

}

.production-fluid {

  border-bottom: solid 1px #B5B5B5;

  padding: 50px 0 !important;

}

.int-text-main a:nth-child(2) {

  padding: 10px 20px;

  position: absolute;

  bottom: 25% !important;

  left: 3% !important;

    

}

}







@media screen and (max-width: 382px){

  .number {

    padding: 0 15px 33px;

  }

}

/*------------------- Achievements End ----------------------*/





.clients-text img{

    width:25%;

}













/*------------------- Featured Start ----------------------*/

.feature-main-text {

    padding-bottom: 0px;

    text-align: center;

    padding-top: 50px;

}

.nav-tabs li{

font-family: 'montserrat Bold';

}

.feature-main-text h1{

   

    color: #000;

    font-size: 60px;

}

.feature-container{

	max-width: 1450px;

}

.feature-tab {

	width: 100%;

	text-align: center;

	color: #fff;

	font-size: 20px;

	padding: 60px 0;

}

.feature-tab ul{

	padding-bottom: 30px;

padding-top: 30px;

color: #000;



}

.nav-tabs p{

  color: #131313;

  font-size: 45px;

  text-transform: uppercase;

  font-weight: bold;

  font-family: 'montserrat Bold';

}

.feature-tab ul span{



-webkit-text-stroke: 1px #fff;

}

.feature-tab ul li{

	display: inline-block;

	color: #000;

}

.feature-tab ul li a{

	font-size: 18px;

	color: #000;

	font-family: 'montserrat Bold';

	text-transform: uppercase;

}

.location-text{

	padding: 106px 0;

	padding-left: 50px;

	color: #fff;

}

.location-text p{

    padding: 15px 0;

}

.insta-sec{

	text-align: center;

	color: #fff;

	padding: 110px 0 40px;

}

.insta-sec a{

   background-color: red;

    padding: 12px 23px;



    border-radius: 10px;

}

.insta-sec h1{

    text-transform: uppercase;

    padding-top: 30px;

    font-family: 'Montserrat Bold';

}

.insta-main{

	padding-bottom: 40px;

}

.footer-p2 p{

    line-height: 40px;

}

.footer-p2 span{

    padding-right: 15px;

}

.feature-tab .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

    color: #f36823;

    background-color: transparent;

    border-color: transparent;

}

.feature-tab .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{

	border-color: transparent;

}

.feature-tab .nav-link::after{

	display: none;

}

.feature-main{

	background-color: #fff;

	border: solid 2px #c1c1c1;

	padding: 25px 0 18px;

	transition: all 0.5s ease;

	border-radius: 10px;

}

.feature-main:hover{

	border: solid 2px #EC2B33;

}

.feature-main img{

	width: 100%;

}

.feature-text{

	text-align: left !important;

	padding-top: 10px;

	padding-left: 15px;

}

.feature-text p{

	color: #000;

	font-size: 15px;

	font-family: oxygenregular;

	text-align: center;

}

.feature-tab .owl-theme .owl-dots .owl-dot{

	display: inline-block;

	margin-top: 5px;

}

.owl-theme .owl-dots .owl-dot span{

    background-color: #fff !important;

    height: 12px !important;

    width: 12px !important;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{

	background-color: #f36823 !important;

}

@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(1, 1);

  }

  to {

    -webkit-transform: scale(1.5, 1.5);

  }

}



@keyframes zoom {

  from {

    transform: scale(1, 1);

  }

  to {

    transform: scale(1.5, 1.5);

  }

}



.carousel-inner .item > img {

  -webkit-animation: zoom 20s;

  animation: zoom 20s;

}















@media screen and (max-width: 767px){

	.feature-tab ul {

        padding-bottom: 10px;

    }

}

/*------------------- Featured End ----------------------*/

.production-box:hover .production-text {

  background-color: #fff;

  box-shadow: 0px 2px 51px -27px;

  padding: 37px 0;

  margin-top: -30px;

}

.production-text{

  padding: 37px 0;

  margin-top: -30px;

}

.production-text a{

  color: #F36823;

  font-size: 18px;

  opacity: 0;

}

.production-box:hover .production-text a{

	opacity: 1;

}

.production-text a svg{

  width: 20px !important;

  height: auto;

  margin-left: 15px;

}

.production-fluid {

  border-bottom: solid 1px #B5B5B5;

  padding: 100px 0;

}

.production-container {

  max-width: 1300px;

  width: 100%;

  margin: 0 auto;

}

.production-box {

  text-align: center;

  /*border-right: solid 1px #B5B5B5;*/

}

.production-box:hover .production-image img:nth-child(2) {

  opacity: 1;

}

.production-box .production-image img:nth-child(2) {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  opacity: 0;

  transition: all .5s ease;

  margin: 0 auto;

}

.production-text h1 {

  font-family: 'Montserrat Bold';

  padding: 20px 0;

}

.production-text p {

 padding: 0 10px 30px;

}

.our-work {

  color: #131313;

  font-size: 45px;

  text-transform: uppercase;

  font-weight: bold;

  font-family: 'montserrat Bold';

  text-align: center;

  padding-bottom: 90px;

}



.scrol-arrow {

  position: absolute;

  top: -31px;

  left: 0;

  right: 0;

  margin: 0 auto;

}





/*------------------- Instagram Start ----------------------*/

.instagram-fluid{

	position: relative;

	    padding-top: 50px;

    padding-bottom: 50px;

}

.instagram-fluid .owl-nav{

	margin-top: 0 !important;

}

/*.instagram-fluid #instagram .owl-next{

    position: absolute;

    right: 0;

    top: 0;

    width: 10%;

    height: 100%;

	margin: 0;

	background-color: #000;

	border-radius: 0 !important;

}*/

.instagram-fluid #instagram .owl-next .right-nav1{

	font-size: 35px;

	color: #fff;

}

/*.instagram-fluid #instagram .owl-prev{

    position: absolute;

    left: 0;

    top: 0;

    width: 10%;

    height: 100%;

	margin: 0;

	background-color: #000;

	border-radius: 0 !important;

}*/

.instagram-fluid #instagram .owl-prev .left-nav1{

	font-size: 35px;

	color: #fff;

}

.main-text{

	text-align: center;

	padding: 20px 0;

}

.main-text h1{

	font-family: bignoodletitlingregular;

	color: #fff;

	font-size: 55px;

}

.insta-hover{

	position: relative;

}

.insta-icon{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: rgb(0,0,0,0.9);

	opacity: 0;

	transition: all 0.5s ease;

}

.insta-icon svg{

	color: #f36823;

	font-size: 30px;

}

.insta-hover:hover .insta-icon{

	opacity: 1;

}

/*------------------- Instagram End ----------------------*/





















/*--------- Newsletter Start --------*/

.newsletter-fluid{

	

	padding: 70px 0 70px;

	margin-top: 15px;

	background-image: url(im/news-bg.png);

background-repeat: no-repeat;

background-size: cover;

text-align: center;

}

.newsletter-main{

	width: 100%;

	

}

.newsletter-main h1{

    font-size: 45px;

    color: #00abcf;

    font-family: 'oxygenbold';

}

.newsletter-main p{

    font-size: 17px;

    color: #fff;

    font-family: oxygenregular;

    margin-top: 20px;

    margin-bottom: 46px;

}

.newsletter-main input{

    max-width: 420px;

    width: 100%;

    height: 55px;

    border: 0;

    border: solid 1px #fff;

    color: #000;

    background-color: #fff;

    font-family: oxygenregular;

    

    font-size: 17px;

    padding-left: 25px;

    padding-bottom: 0px;

    display: inline-block;



}

.newsletter-main button{

    max-width: 168px;

    width: 100%;

    height: 55px;

    border: 0;

    color: #fff;

    font-family: 'bignoodletitlingregular';

    background-color: #f36823;

    font-size: 25px;

    display: inline-block;

    margin-left: -5px;

    border: solid 1px #fff;

    vertical-align: top;

}





.contact-a  a{

	font-family: 'montserratmedium';

	font-size: 18px;

	color: #131313;

  padding: 20px 15px;

  border: 1px solid #131313;

  margin-top: 25px;

}

.contact-a {

  background-color: transparent;

  border: 0;

}

.icon-ico {

  font-size: 20px;

}

.contact-a a svg {

  width: 20px !important;

  height: auto;

  margin-left: 15px;

}

/*------------------- Instagram Start ----------------------*/

.instagram-fluid{

  position: relative;

}

.instagram-fluid .owl-nav{

  margin-top: 0 !important;

}

/*.instagram-fluid #instagram .owl-next{

    position: absolute;

    right: 0;

    top: 0;

    width: 10%;

    height: 100%;

  margin: 0;

  background-color: #000;

  border-radius: 0 !important;

}*/

.instagram-fluid #instagram .owl-next .right-nav1{

  font-size: 35px;

  color: #fff;

  display: none;

}

/*.instagram-fluid #instagram .owl-prev{

    position: absolute;

    left: 0;

    top: 0;

    width: 10%;

    height: 100%;

  margin: 0;

  background-color: #000;

  border-radius: 0 !important;

}*/

.instagram-fluid #instagram .owl-prev .left-nav1{

  font-size: 35px;

  color: #fff;

  display: none;

}

.main-text{

  padding-left: 650px;

  padding: 50px 0 30px;

}

.main-text h1{

  font-family: 'oxygenregular';

  color: #fff;

  font-size: 22px;

  text-transform: uppercase;

}

.insta-hover{

  position: relative;

}

.insta-icon{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgb(0,0,0,0.9);

  opacity: 0;

  transition: all 0.5s ease;

}

.insta-icon svg{

  color: #00a1c0;

  font-size: 30px;

}

.insta-hover:hover .insta-icon{

  opacity: 1;

}

.insta-1 h1{

	text-align: center;

		font-size: 44px;

	color: #fff;

	font-family: 'oxygenbold';

	text-transform: uppercase;

	padding: 40px 0;

}

.insta-1 span{

	color: #00a1c0;

}

/*------------------- Instagram End ----------------------*/







@media screen and (max-width: 767px){

  .newsletter-fluid {

    margin-top: 0;

  }

}











@media screen and (max-width: 550px){

  .newsletter-fluid p {

    font-size: 11px;

  }

  .newsletter-fluid h1 {

    font-size: 30px;

  }

  .newsletter-fluid button {

    margin-top: 20px;

  }

}

/*--------- Newsletter  End --------*/







.btm-logo img{

    max-width: 215px;

}













/*------------------- Video Start ----------------------*/

.video-fluid{

	padding: 100px 15px;

	background-image: url(im/video-bg.jpg);

	background-repeat: no-repeat;

	background-size: 100%;

	background-position: center;

}

.video-container{

	max-width: 1350px;

}

.video-col{

	margin-right: -120px;

	z-index: 99;

}

.video-main{

	background-color: #fff;

	max-width: 530px;

	width: 100%;

	padding: 60px 64px;

}

.video-main h1{

	font-size: 60px;

	color: #000;

	font-family: bignoodletitlingregular;

	position: relative;

}

.video-main h1:after{

	content: "";

	position: absolute;

	bottom: -15px;

	left: 0;

	width: 45px;

	height: 6px;

	background-color: #f36823;

}

.video-main p{

	font-size: 15px;

	color: #000;

	font-family: oxygenregular;

	padding-top: 40px;

}

.video-main a{

	font-size: 20px;

	color: #fff;

	font-family: bignoodletitlingregular;

	background-color: #000;

	padding: 22px 65px;

	display: inline-block;

	margin-top: 30px;

}

.video-main a:hover{

	color: #fff;

}

.pinkBg {

    background-color: #434343 !important;

    transition: all 0.5s ease;

}

.intro-banner-vdo-play-btn{

    height:120px;

    width:120px;

    position:absolute;

    top:50%;

    left: 48.7%;

    text-align:center;

    margin:-65px 0 0 -30px;

    border-radius:50%;

    z-index:1;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

}

.fa-play{

    line-height:56px;

    font-size:40px;

    color: #fff;

}

.pinkBg:hover {

    background-color: #f36823 !important;

}

.intro-banner-vdo-play-btn .ripple{

    position:absolute;

    width:220px;

    height:220px;

    z-index:-1;

    left: 25%;

    top: 25%;

    opacity:0;

    margin:-80px 0 0 -80px;

    border-radius:50%;

    -webkit-animation:ripple 1.8s infinite;

    animation:ripple 1.8s infinite

}



@-webkit-keyframes ripple{

    0%{

        opacity:1;

        -webkit-transform:scale(0);

        transform:scale(0)

    }

    100%{

        opacity:0;

        -webkit-transform:scale(1);

        transform:scale(1)

    }

}

@keyframes ripple{

    0%{

        opacity:1;

        -webkit-transform:scale(0);

        transform:scale(0)

    }

    100%{

        opacity:0;

        -webkit-transform:scale(1);

        transform:scale(1)

    }

}

.intro-banner-vdo-play-btn .ripple:nth-child(2){

    animation-delay:.3s;

    -webkit-animation-delay:.3s

}

.intro-banner-vdo-play-btn .ripple:nth-child(3){

    animation-delay:.6s;

    -webkit-animation-delay:.6s

}













@media screen and (max-width: 1275px){

	.video-main{

		padding: 47px 64px;

	}

	.video-main h1 {

        font-size: 44px;

    }

}









@media screen and (max-width: 1045px){

    .video-main h1 {

        font-size: 35px;

    }

    .video-main a{

    	padding: 14px 45px;

    }

}







@media screen and (max-width: 991px){

	.video-col {

        margin-right: 0;

        z-index: 99;

    }

    .video-main{

    	margin: 0 auto;

    	margin-bottom: 20px;

    }

    .video-main h1 {

        font-size: 49px;

    }

}











@media screen and (max-width: 767px){

	.video-fluid {

        padding: 50px 15px;

    }

    .viseo-bg-bg{

    	background-size: cover !important;

    }

}









@media screen and (max-width: 474px){

	.video-main h1 {

        font-size: 35px;

    }

    .intro-banner-vdo-play-btn{

    	left: 42.7%;

    }

}

/*------------------- Video End ----------------------*/





.clients-text h4 {

  font-size: 14px;

  color: #d0d0d0;

  font-family: 'montserratmedium';

}



.clients-text-custom h4 {

  font-size: 14px;

  color: #d0d0d0;

  font-family: 'montserratmedium';

  margin-top: 40px;

}





.carousel-indicators li {

    box-sizing: content-box;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    width: 30px;

    height: 3px;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #000;

    display: none;

  }

#catagoury  .owl-nav  {

  position: absolute;

  top: -20%;

  right: 2%;

}

.ftr-2{

  padding-left: 80px;

}

/*--------- Footer Start --------*/

.achievement1-container {

    padding-bottom: 60px;

}

/*--------- Footer Start --------*/

.footer-fluid{

	background-color: #191919;

	padding: 70px 15px 0px;

	border-bottom: solid 1px #181818;

}

.footer-main{

	text-align: center;

}

.footer-main h3{

	font-size: 24px;

	color: #fff;

	font-family: 'montserrat Bold';

	padding-bottom: 33px;

	text-align: left;

}

.footer-main h3 span{

	color: #00a0c1;

}

.footer-main ul{

	display: block;

	list-style: none;

	text-align: left;

}

.footer-main ul li{

	display: block;

	padding: 10px 0;

    padding: 10px 0;

    transition: all 0.5s ease;

}

.btm-form form{

	display: flex!important;

}

.btm-form input{

	margin-top: 1px;

margin-bottom: 1px

}

.btm-form button{

	border: 0;

background: transparent;

margin-left: -9px;

}

.footer-main h4{

	text-align: left;

padding-top: 35px;

font-size: 24px;

color: #fff;

}





.foot-insta img{

	width: 23%!important;

}



.foot-insta a{

    padding-right: 15px;

}



.foot-insta {

    text-align: left;

    padding-top: 25px;

}













.footer-main ul li a{

	font-size: 16px;

	color: #9d9d9d;

	font-family: oxygenbold;

	transition: all 0.5s ease;

	text-transform: capitalize;

}

.footer-main ul li a span{

	height: 25px;

	width: 25px;

	background-color: #c6c6c6;

	border-radius: 50%;

	text-align: center;

	display: inline-block;

	padding-top: 2px;

	margin-right: 15px;

	transition: all 0.5s ease;

}

.footer-main ul li a span svg{

	color: #fff;

	transition: all 0.5s ease;

}

.footer-main ul li a span .fa-play{

	font-size: 16px;

	color: #000;

}

.footer-main ul li:hover a{

	color: #EC2B33;

}

.footer-main ul li:hover{

	border-color: #00a0c1;

}

.footer-main ul li a:hover span{

	background-color: #f36823;

}

.footer-main ul li a:hover span svg{

	color: #fff;

}

.footer-main ul p{

	font-size: 15px;

	color: #9d9d9d;

	font-family: oxygenlight;

	line-height: 33px;

}

.footer-end img{

	padding-left: 27%;

padding-top: 60px;



}

.footer-end p{

	

	text-align: right;

	color: #a1a8b0;

}

.footr-li li{

    color: #a1a8b0;

    display: inline-block;

    list-style: none;

    padding-top: 22px;

    padding-left: 20px;

    text-align: center;

}



.footer-end p{

	font-size: 16px;

	color: #9d9d9d;

	font-family: oxygenlight;

	line-height: 33px;

	   



}

.footer-end-right{

	text-align: right;

	padding: 25px 0;

}





.pay-text{

	text-align: right;

	padding-top: 17px;

}

.footer-end {

    padding: 18px 0;

}







@media screen and (max-width: 767px){

	.footer-end {

        text-align: left;

        padding: 20px 0 0;

    }

	.footer-end-right {

        text-align: right;

        padding: 0px 0 20px;

    }

    .fotter-main-{

    	position: unset;

    }

}

/*--------- Footer End --------*/









.navbar .dropdown-menu div[class*="col"] {

   margin-bottom:0rem;

}



.navbar .dropdown-menu {

  border:none;

  background-color: #e9e9e9 !important;

  border: 0;

}



/* breakpoint and up - mega dropdown styles */

  

  /* remove the padding from the navbar so the dropdown hover state is not broken */

.navbar {

  padding-top:0px;

  padding-bottom:0px;

}



/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */





/* makes the dropdown full width  */

.navbar .dropdown {position:static;}



.navbar .dropdown-menu {

  width: 20%;



left: 48%;

  right: 0px;

/*  height of nav-item  */

  top: 114px;

  border-radius: 0;

}

  

  /* shows the dropdown menu on hover */



  

  .navbar .dropdown-menu {

    border: 1px solid rgba(0,0,0,.15);

    background-color: #fff;

  }

.menu-after:after{

	display: none !important;

}



.nav{

	display: block;

}

.dropdown-menu{

	padding: 0px 0px 0px 0px;

}

.dropdown-toggle::after{

	display: none !important;

}

.navtab-item .nav-link{

	border: 0;

	padding: 25px 0 25px 0px !important;

	border-bottom: solid 1px #000;

	font-family: oxygenbold !important;

	font-size: 15px !important;

	margin: 0 0px 0 200px;

	color: #000 !important;

}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{

	color: #f36823 !important;

	background-color: transparent !important;

	border: 0;

	border-bottom: solid 1px #fff;

	background-image: url(im/menu-ero.png);

	background-repeat: no-repeat;

    background-position: right center;

}

.navbar-dark .navbar-nav .navtab-item .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{

	border-bottom: solid 1px #000;

}

.nav-tabs {

    border-bottom: 0px solid #dee2e6;

    padding-bottom: 20px;

}

.navbar .dropdown-menu div[class*="col"]{

	margin-bottom: 0 !important;

}

.megamenu-tab-nav a{

    font-family: oxygenregular;

    font-size: 15px;

    color: #000;

    padding: 21px 0;

    display: block;

    text-transform: capitalize;

    padding-left: 50px;

}

.megamenu-tab-nav a:hover{

	color: #f36823;

}

.mmnn{

	padding: 10px 15px;

}

.mmnn .li-nv-l{

	padding: 10px 0;

}

/* Search */

.search-ser{

  padding-right: 10px;

}

.searchTerm{

  background-color: transparent;

  border: 0;

  border-bottom: solid 7px #f36823;

  color: #f36823;

  height: 100px;

  padding-left: 15px;

  width: 100%;

  font-family: Myriad Pro Regular;

  font-size: 25px;

  max-width: 800px;

  margin-top: 43vh;

}

.searchButton{

  border: solid 2px #e5e5e5;

  border-left:   0;

  height: 26px;

  width: 26px;

  margin-left: -10px;

  background-color: #eeeeee;

  color: #999999;

}

.search-main{

  background-color: #f5f5f5;

  padding-top: 25px;

  padding-bottom: 25px;

  text-align: center;

}

.search-text{

  text-align: center;

}

.search-text p{

  color: #666666;

  font-size: 14px;

  font-family: helvetica;

  padding-bottom: 20px;

  letter-spacing: 4px;

}

#panel{

  width: 0%;

  position: fixed;

  right: 0;

  top: 0;

  height: 100%;

  background-color: rgb(0,0,0,0.9);

  transition: all 0.5s ease;

  transition-timing-function: ease-out;

  transition-duration: 2s;

  z-index: 99999;

  overflow: hidden;

}

.slow{

  width: 100% !important;

  transition: all 0.5s ease;

    transition-timing-function: ease-in;

    transition-duration: 2s;

  z-index: 999;

}



















/*--------- Products Page ------------*/



.sub-banner{

	background-color: #d2d2d2;

	width: 100%;

	padding-top: 30px;

    padding-left: 75px;

    padding-bottom: 30px;

}

.sub-banner h1{

	font-family: oxygenbold;

	color: #d71920;

	font-size: 34.33px;

	padding-bottom: 50px;

	text-transform: uppercase;

}

.sub-banner ul{

	display: block;

	list-style: none;

}

.sub-banner li{

	display: inline-block;

}

.sub-banner a{

	display: block;

	font-family: oxygenregular;

	color: #000;

	font-size: 15px;

	padding: 20px 0;

	text-transform: capitalize;

}

.sub-banner a:hover{

	color: #000;

}

.sub-banner a:focus{

	color: #000;

}

.sub-hadding h1{

	text-align: center;

	font-family: oxygenbold;

	color: #000;

	font-size: 30px;

	text-transform: uppercase;

	padding-top: 48px;

	padding-bottom: 20px;

}

.sub-breadcrumb{

	text-align: center;

	padding-bottom: 50px;

}

.sub-breadcrumb ul{

	display: block;

	list-style: none;

	color: #000;

}

.sub-breadcrumb li{

	display: inline-block;

	font-family: oxygenregular;

	color: #000;

	font-size: 15px;

	text-transform: capitalize;

}

.sub-breadcrumb a{

	display: inline-block;

	font-family: oxygenregular;

	color: #000;

	font-size: 15px;

	display: block;

	padding-left: 10px;

	padding-right: 10px;

	text-transform: capitalize;

}

.sub-li{

	padding-left: 10px;

}

.subss a{

    color:#000!important;

}

.sub-container{

	max-width: 1450px !important;

	width: 100% !important;

}

.products-main{

	padding: 0px;

	margin-bottom: 30px;

	text-align: center;

	overflow: hidden;

	position: relative;

	transition: all 0.5s ease;

	background-color: #ffffff;

	padding-bottom: 20px;

	border: solid 4px #c1c1c1;

}

.products-main:hover{

	border: 0;

}

.products-main::after{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 0%;

    height: 4px;

    background-color: #f36823;

    content: "";

    transition: all 0.5s ease;

}

.products-main:hover::after{

	width: 100%;

}

.products-main::before{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 0%;

    height: 4px;

    background-color: #f36823;

    content: "";

    transition: all 0.5s ease;

    overflow: hidden;

}

.products-main:hover::before{

	width: 100%;

}

.products-main h5{

    position: absolute;

    top: 0;

    right: 0;

    background-color: #f36823;

    transition: all 0.5s ease;

    width: 4px;

    height: 0%;

}

.products-main:hover h5{

	height: 100%;

}

.products-main h6{

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: #f36823;

    transition: all 0.5s ease;

    width: 4px;

    height: 0%;

    margin: 0;

}

.products-main:hover h6{

	height: 100%;

}

.products-main img{

	max-width: 327px;

	width: 100%;

}

.products-main-text{

	text-align: center;

	padding-top: 25px;

	padding-bottom: 20px;

}

.products-main-text h4{

	font-size: 17px;

	color: #000000;

	font-family: oxygenregular;

	padding-bottom: 10px;

}

.products-main-text p{

	font-size: 17px;

	color: #000000;

	font-family: oxygenregular;

}



















@media screen and (max-width: 1480px){

	.sub-banner h1{

		padding-bottom: 25px;

	}

	.sub-banner a{

		padding: 10px 0;

	}

	.sub-banner{

		padding-top: 50px;

        padding-left: 45px;

	}

}











@media screen and (max-width: 1285px){

	.navtab-item .nav-link{

		margin: 0 0px 0 100px;

	}

	.megamenu-tab-nav a{

		padding-left: 0;

	}

}















@media screen and (max-width: 1250px){

	.sub-banner {

        padding-top: 35px;

        padding-left: 30px;

    }

}







@media screen and (max-width: 1200px){

	.sub-container{

	    max-width: unset !important;

	    width: unset !important;

    }

}







@media screen and (max-width: 1199px){

	.sub-banner {

        padding-bottom: 30px;

    }

}















@media screen and (max-width: 991px){

	.hidden-lg{

		display: none;

	}

	.navtab-item .nav-link {

        margin: 0 0px 0 15px;

    }

    .megamenu-tab-nav a {

    	padding: 19px 0;

        padding-left: 100px;

    }

    .dropdown-menu {

        padding: 0;

    }

}















@media screen and (max-width: 450px){

	.sub-banner h1{

		font-size: 23.33px;

	}

	.sub-hadding h1{

		font-size: 25px;

	}

}









@media screen and (min-width: 1700px){

	.sub-banner {

        padding-top: 60px;

        padding-left: 130px;

    }

}

/*--------- Products Page ------------*/



























/*--------- Details Page ------------*/

.detail-form{

	padding: 15px 0px;

}

.detail_box h1{

    font-family: oxygenbold;

	color: #EC2B33;

	font-size: 25px;

	text-transform: capitalize;

}

.detail_box h2{

    font-family: oxygenregular;

	color: #000;

	font-size: 18px;

	text-transform: capitalize;

	margin: 0;

	padding: 10px 0;

}

.detail_box h3{

    font-family: oxygenbold;

	color: #000;

	font-size: 22px;

	text-transform: capitalize;

}

.detail_box h5{

    font-family: oxygenbold;

	color: #000;

	font-size: 22px;

	text-transform: capitalize;

	padding-bottom: 10px;

}

.detail_box p{

    font-family: oxygenregular;

	color: #000;

	font-size: 18px;

	text-transform: capitalize;

	padding-top: 5px;

}

.Add-to-Basket input{

    border: solid 1px #000;

    padding: 9px;

    margin-left: 15px;

    background-color: #EC2B33;

    color: #ffffff;

}

.Add-to-Basket input:hover{

	color: #ffffff;

}

.sub_heading2{

	font-family: oxygenbold;

	color: #000;

	font-size: 25px;

	padding: 30px 15px;

}

.navbar-collapse{

	justify-content: center;

}















@media screen and (max-width: 1200px){

	.pro-main-left-image{

		height: 300px;

	}

}













@media screen and (max-width: 767px){

	.detail-form{

		margin-top: 20px;

	}

	.main-text h1 {

	    font-size: 32px;

		padding-bottom: 20px;

    }

    .main-text {

	    padding: 30px 0 0px;

	}

	.catagoury-main h1 {

        font-size: 23.49px;

    }

}













@media screen and (max-width: 523px){

	.Add-to-Basket input{

		margin-left: 0;

	}

	.detail_box h1{

	    font-size: 20px;

    }

    .detail_box h3{

	    font-size: 20px;

    }

    .detail_box h5{

	    font-size: 20px;

    }

}

/*--------- Details Page ------------*/



























/*--------- Quote Page ------------*/

.form-horizontal input{

	width: 100%;

	height: 50px;

	border: solid 1px #c5c5c5;

	border-radius: 0;

	margin: 15px 0;

}

.form-horizontal select{

	width: 100%;

	height: 50px;

	border: solid 1px #c5c5c5;

	border-radius: 0;

	margin: 15px 0;

}

.form-horizontal h3{

	width: 100%;

	height: 50px;

	border: solid 1px #c5c5c5;

	border-radius: 0;

	margin: 15px 0;

	background-color: #fff;

}

.form-horizontal textarea{

	width: 100%;

	height: 200px;

	border: solid 1px #c5c5c5;

	border-radius: 0;

	margin: 15px 0;

}

.form-control:focus{

	border: solid 1px #000000;

	box-shadow: unset;

}

.cate-heading{

  font-size: 20px;

  padding: 15px 15px;

  color: #fff;

  background-color: #EC2B33;

  font-family: oxygenbold;

}

.panel-default{

  padding: 15px;

}

.panel-title{

  font-size: 20px;

  font-family: oxygenbold;

  color: #000;

}

.subss{

  padding: 10px 10px;

  border-bottom: solid 1px #D2D2D2;

}

.subss a{

  color: #222;

  font-family: oxygenregular;

  font-size: 16px;

}

.panel-group{

  border: solid 1px #D2D2D2;

  margin-bottom: 30px;

}

.pagination li a{

  display: inline-block;

  border: solid 1px #dadada;

  padding: 10px;

}

.pagination .active a{

  background-color: #EC2B33;

  color: #fff;

}

/*--------- Quote Page ------------*/



.alibaba img{

    width: 100%;

max-width: 240px;

}





@media screen and (min-width: 1700px){

	.navbar .dropdown-menu {

        left: 55%;

	}

}