/*



Theme Name: BVS

Theme URI: http://microlinks.com.pk

Author: Sohail Ahmed Hashmie

Author URI: http://microlinks.com.pk

Description: The 2018 theme for WordPress.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: bvs



*/



/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



@font-face {

  font-family: "Montserrat-Regular";

  src: url("fonts/Montserrat-Regular.eot"); /* IE9 Compat Modes */

  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */

    url("fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */

    url("fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */

    url("fonts/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-SemiBold";

  src: url("fonts/Montserrat-SemiBold.eot"); /* IE9 Compat Modes */

  src: url("fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/Montserrat-SemiBold.otf") format("opentype"), /* Open Type Font */

    url("fonts/Montserrat-SemiBold.svg") format("svg"), /* Legacy iOS */

    url("fonts/Montserrat-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/Montserrat-SemiBold.woff") format("woff"), /* Modern Browsers */

    url("fonts/Montserrat-SemiBold.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-Medium";

  src: url("fonts/Montserrat-Medium.eot"); /* IE9 Compat Modes */

  src: url("fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/Montserrat-Medium.otf") format("opentype"), /* Open Type Font */

    url("fonts/Montserrat-Medium.svg") format("svg"), /* Legacy iOS */

    url("fonts/Montserrat-Medium.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/Montserrat-Medium.woff") format("woff"), /* Modern Browsers */

    url("fonts/Montserrat-Medium.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-Thin";

  src: url("fonts/Montserrat-Thin.eot"); /* IE9 Compat Modes */

  src: url("fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/Montserrat-Thin.otf") format("opentype"), /* Open Type Font */

    url("fonts/Montserrat-Thin.svg") format("svg"), /* Legacy iOS */

    url("fonts/Montserrat-Thin.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/Montserrat-Thin.woff") format("woff"), /* Modern Browsers */

    url("fonts/Montserrat-Thin.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}







@font-face {

  font-family: "OpenSans";

  src: url("fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */

  src: url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/OpenSans-Regular.otf") format("opentype"), /* Open Type Font */

    url("fonts/OpenSans-Regular.svg") format("svg"), /* Legacy iOS */

    url("fonts/OpenSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */

    url("fonts/OpenSans-Regular.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "LuckiestGuy";

  src: url("fonts/LuckiestGuy.eot"); /* IE9 Compat Modes */

  src: url("fonts/LuckiestGuy.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/LuckiestGuy.otf") format("opentype"), /* Open Type Font */

    url("fonts/LuckiestGuy.svg") format("svg"), /* Legacy iOS */

    url("fonts/LuckiestGuy.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/LuckiestGuy.woff") format("woff"), /* Modern Browsers */

    url("fonts/LuckiestGuy.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

    font-family: 'ModernPictogramsNormal';

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

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

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

         url('fonts/modernpics-webfont.ttf') format('truetype'),

         url('fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');

    font-weight: normal;

    font-style: normal;

}





body {

	margin: 0 auto;

    max-width:1600px;	

	background-image: url("images/big-pattern.png");



    background-repeat: no-repeat;

    background-position: center center;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



h1,h2,h3,h4,h5 {

	margin:0px;

	padding:0px;

}







.first-head {

	font-family: 'Montserrat-Medium';

	color: #ff0000;

	font-size: 38px;

	text-align: center;

	

}



.first-heading {

	font-family: 'Montserrat-Medium';

	color: #ff0000;

	font-size: 22px;

}





.last-head {

	font-family: 'Montserrat-Thin';

	text-transform: unset;

	color: #ee001c;

	font-size: 38px;

	text-align: center;

}



.date {

	font-family: 'Montserrat-SemiBold';

        height: 50%;

        background-color: #ff0000;

        float:left;

        padding:5px;

        color:#fff;

        margin-top:35px;



}



.post-title h3 a {

	  font-family: 'Montserrat-Medium';

	  text-decoration: none;

	  color: #444;

	  line-height: 1.2;

	  font-size: 15px;

}





.post-content {

	font-family: 'OpenSans';

        color:#555674;

	font-size:14px !important;

	margin-top:-30px;

}



.post-content2 {

	font-family: 'OpenSans';

        color:#555674;

	font-size:14px !important;

	margin-top:10px;

}







a {

    color: red;

    text-decoration: none;

}





.mission {

	background-image: url("images/homepage-mission-image.jpg");

	height:650px;

}





.mission p {

	

        color:#f1f1f1;;

	font-size:14px !important;

	margin-top:15px;

}



.dropcap-red {

	font-family: 'Montserrat-Thin';

	color: #fff;

	font-size: 38px;

	padding:0px 5px;



	background-image:url("images/red-box.png");

	background-repeat:no-repeat;

}



.dropcap-white {

	font-family: 'Montserrat-Thin';

	color: #ff0000;

	font-size: 38px;

	padding:0px 5px;



	background-image:url("images/white-box.png");

	background-repeat:no-repeat;

}



.img-responsive2 {

	float:left;

	margin-right:15px;

}







.loadmore {

	float:right;

	margin-top:-20px;

	padding:5px;

	width:30px;

        background-color:#ff0000;     

        color:#fff;

}



.loadmore:hover { 

        background-color:#ff1111;

        color:White;

        cursor: pointer;

        

}



#main {margin-top:50px;}









/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

}

.navbar-wrapper .navbar .container {

  width: auto;

}







/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper2 {

  position: relative;

  top: 50px;

  right: 0;

  left: 0;

}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper2 > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .container {
	width:82%;
	padding-right: 15px;
	padding-left: 15px;

}

.navbar-wrapper2 .navbar .container {

  width: auto;

}







/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  height: 680px;

  margin-bottom: 60px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel .item {

  height: 680px;

  background-color: none;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 680px;

}





.carousel-caption h3 {

  font-family: 'LuckiestGuy', arial, sans-serif; 

  margin-top: -44%;

  margin-left: -120px;



}



.carousel-control {z-index: 2;}







/* Featurettes

------------------------- */



.featurette-divider {

  margin: 30px 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}





/* RESPONSIVE CSS

-------------------------------------------------- */



/* Mobile  */

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





	/* RESPONSIVE NAVBAR

	-------------------------------------------------- */

	 #main {margin-top:100px;}


	.navbar-wrapper .container {
	    width: 100% !important;
	    padding-right: 0px;
	    padding-left: 0px;
	}


	.navbar-inverse

	{

		background-color: rgba(0,0,50,0.8); !important;

		border-color: none !important;

    		padding: 0!important;

	}

	.navbar-brand {

		position: relative;

		top:-20px;

		left:0;

	}





	.navbar-inverse .navbar-toggle {

		border-color: none;

	}

	.collapse.in {

		display: block;

		background-color: rgba(0,0,50,0.8); !important;

		border-color: none !important;

		overflow-y: auto;

		height: 100vh;

	}



	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

		color: #fff;

		background-color: red !important;

	}





	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

		background-color: rgba(0,0,50,0.8); !important;

	}

	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

		color: #fff;

		background-color: red; !important;

	}



	.navbar-default

	{

		background-color: rgba(0,0,50,0.8); !important;

		border-color: none !important;

    		padding: 0!important;

    		margin-top:-50px;

	}

	.navbar-default .navbar-brand {

		position: relative;

		top:-14px;

		left:0;

	}



	.navbar-default .navbar-toggle {

		border-color: transparent;

	}

	.collapse.in {

		display: block;

		background-color: rgba(0,0,50,0.8); !important;

		border-color: none !important;

		overflow-y: auto;

		height: 100vh;

	}



	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		color: #fff;

		background-color: red !important;

	}





	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

		background-color: rgba(0,0,0); !important;

	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

		color: #fff;

		background-color: red; !important;

	}



	/* RESPONSIVE AFFIX

	-------------------------------------------------- */

	.affix {

		width: 100%!important;

		top: 0!important;

	}

	.affix .img-responsive {

		margin: 0!important;

		width: 65px!important;

	}



	/* RESPONSIVE CAROUSEL

	-------------------------------------------------- */

	/* Carousel base class */

	.carousel {

	  height: 200px;

	  margin-bottom: -80px;

	}

	/* Since positioning the image, we need to help out the caption */

	.carousel-caption {

	  z-index: 10;

	}



	/* Declare heights because of positioning of img element */

	.carousel .item {

	  height: 200px;

	  background-color: none;

	}

	.carousel-inner > .item > img {

	  position: absolute;

	  top: 0;

	  left: 0;

	  min-width: 100%;

	  height: 200px;

	}



	/* Since positioning the image, we need to help out the caption */

	.carousel-caption {

	  z-index: 10;



	}



	.carousel-caption h3 {
	  font-family: 'LuckiestGuy';
	  font-size: 1.1em;
	  margin-top: -85px !important;
	  margin-left: -10px !important;
	}



	.carousel-title1 {

		color:#f80000;

		letter-spacing: 3.3px;

	}

	.carousel-title2 {

		color:#0121ee;

		letter-spacing: 3.6px;

	}

	.carousel-title3 {

		color:#fff;

		letter-spacing: 0px;

	}





	/* RESPONSIVE MISSION

	-------------------------------------------------- */



	.mission {

		background-image: url("images/homepage-mission-image.jpg");

		height:200px;

		/* Center and scale the image nicely */

		background-position: center;

		background-repeat: no-repeat;

		background-size: cover;

	}



	.mission p {



		color:#f1f1f1;;

		font-size:10px !important;

		margin-top:-8px;

	}



	.first-head {

		font-family: 'Montserrat-Medium';

		color: #ff0000;

		font-size: 28px;

		text-align: center;



	}



	.last-head {

		font-family: 'Montserrat-Thin';

		text-transform: unset;

		color: #ee001c;

		font-size: 28px;

		text-align: center;

	}



	.dropcap-white {

		font-family: 'Montserrat-Thin';

		color: #ff0000;

		font-size: 28px;

		padding:0px 5px;



		background-image:url("images/white-box.png");

		background-repeat:no-repeat;

	}

	h3 {

		font-family: 'Montserrat-Medium';

		font-size: 16px;

		margin: 5px 0px;

	}
	.pum-container{
		width: 84% !important;
		height: auto !important;
		top: -66px;
		left: 480px;
		opacity: 1;
		text-align:center;
	}

	html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
	    padding-right: 0px !important;
	}

	.pum-container img {
	    margin-left: auto !important;
	    margin-right: auto !important;
	    height: 50%;	
	    width: 50%;	
	}

	



}







/* Small Devices, Tablets */

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



	.navbar-wrapper {

		margin-top: 50px;

	}

	.navbar-wrapper .container {

		padding-right: 15px;

		padding-left: 15px;

	}

	.navbar-wrapper .navbar {

		padding-right: 0;

		padding-left: 0;



	}



	.featurette-heading {

	   font-size: 50px;

	}



	.navbar-inverse, .navbar-default {

	   background-color: transparent;

	   border: transparent;

	}



	.navbar-inverse .navbar-nav > li > a {

	   color : #f0f0f0 !important;

	}



	.navbar-brand {

	   position: absolute;

	   transform: translateX(-50%);

	   top:-50px;

	   left:650px;

	}



	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {

	   color: #fff;

	   background-color: red !important;

	}



	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

	   color: #000;

	   background-color: red !important;

	}





	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

	   color: #fff;

	   background-color: red; !important;

	}



	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

	   color: #000;

	   background-color: red; !important;

	}







	#cssmenu {

	   background-color: rgba(0,0,50,0.7) !important;

	   height:150px;

	   z-index: 70;

	}



	#cssmenu ul {

		list-style-type: none;

		padding: 0;

		margin: 0;

		text-align: right;	  

		margin-top: 1.5%;

		line-height: 1.5;

		display: block;

		zoom: 1;

	}



	#cssmenu ul li {

	  display: inline-block;

	  padding: 0;

	  margin: 0;

	  width:175px;

	}



	#cssmenu .align-right ul li {

		float: right;

	}



	#cssmenu.align-center ul {

		text-align: center;

	}



	#cssmenu ul li a {

		color: #fff;

		text-decoration: none;

		display: block;

		height:5%;

		/*top:-11px;*/

		padding: 12px 25px;

		position: relative;

	}



	#cssmenu ul li:nth-of-type(1) a:after,

	#cssmenu ul li:nth-of-type(2) a:after,

	#cssmenu ul li:nth-of-type(3) a:after{

		content: "";

		display: block;

		position: absolute;

		right: -3px;

		top: 0px;

		height: 122px;

		width: 2px;

		background: #fff;

		opacity: .5;

	}



	#cssmenu ul li a:last-child {

	  

	  background: none;

	}





	#cssmenu ul li.active a {

	  color: #fff;

	  background-color: rgba(0,0,50,0.8); !important;

	}



	#cssmenu ul li.active a:before {

	  width: 100%;

	}

	

	#cssmenu ul li:hover {

	  background-color: rgba(0,0,50,0.8); !important;

	 

	}



	.carousel-caption h3 {
	  position: absolute;
	  top: 50%;
	  left:0;	
	  font-family: 'LuckiestGuy';
	  font-size: 0.9em;
	}



	.carousel-title1 {

		font-size:80px;

		color:#f80000;

		letter-spacing: 3px;

	}

	.carousel-title2 {

		font-size:80px;

		color:#0121ee;

		letter-spacing: 3px;

	}

	.carousel-title3 {

		font-size:50px;

		color:#fff;

		letter-spacing: 4px;

	}





	.carousel-indicators {

	    position: absolute;

	    left: 80%;

	    bottom: 80px !important;

	    z-index: 15;

	    width: 50%;

	    padding-left: 0;

	    text-align: center;

	    list-style: none;

	}





	.affix .img-responsive {

		margin-top: 34px !important;

		width: 75px!important;

	}







}







.mb {

	position: absolute;

	bottom: 0;

	padding: 0;

}

.mb-2 {

    background: red;

    height: 150px;

    position: absolute;

    right: 0;

    width: 75%;

    bottom: -77px;

    z-index:50;



}



.ovr-hdn {

	overflow: hidden;

}





/* CUSTOMIZE THE FOOTER

-------------------------------------------------- */

.site-footer {

	margin:0 auto;

	padding: 50px 0;

	color: #fff;

	background: #1d1d25;

	

	

}



.site-footer a {

	color: #fff;

}

.footer-widget ul {

	list-style: none;

	margin-bottom: 15px;

	padding: 0;

}



.site-info {

	width: 100%;

	clear: both;

}



ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



#sidebar h2 {

	font-size:18px;

	font-weight: 900;

	margin:5px 0px;

}







.entry-content .my-posts {

	margin-top:50px;

}





.entry-content p {

	margin-top:10px;

}





header h1 {

	font-size: 1.5em;	;

	margin-bottom:10px;

}





/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.updated:not(.published) {

	display: none;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



.site-main {

	margin-top: 100px;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

	/* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/* Make sure logo link wraps around logo image. */

.custom-logo-link {

	display: inline-block;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}







.entry-content h2 {

    font-family: "Montserrat-Medium";

	font-size:28px !important;

    color:#ff0000;!important;

}





/*--------------------------------------------------------------

## NAVBAR  DROPDOWN--------------------------------------------------------------*/



.dropdown-menu {

    min-width: 100px !important;

    font-size: 12px;

}



.navbar.navbar-inverse .dropdown-menu, .navbar.navbar-default .dropdown-menu {

  /*background-color: #3e968a;*/

  background-color: rgba(0,0,0,0.6); !important;

}

.navbar.navbar-inverse .dropdown-menu > li > a, .navbar.navbar-default .dropdown-menu > li > a {

  color: #eef9fa;



}

.navbar.navbar-inverse .dropdown-menu > li > a:hover,

.navbar.navbar-inverse .dropdown-menu>li>a:focus,

.navbar.navbar-default .dropdown-menu > li > a:hover,

.navbar.navbar-default .dropdown-menu>li>a:focus{

  background-color: red;

  color: #a5a5a5;

}

.navbar.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle,

.navbar.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle,

.navbar.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle,

.navbar.navbar-default .navbar-nav li.dropdown.open > .dropdown-toggle,

.navbar.navbar-default .navbar-nav li.dropdown.active > .dropdown-toggle,

.navbar.navbar-default .navbar-nav li.dropdown.open.active > .dropdown-toggle{

  background: red;

  color: #eef9fa;

}

.navbar.navbar-inverse .navbar-nav>.dropdown>a:hover .caret,

.navbar.navbar-default .navbar-nav>.dropdown>a:hover .caret{

  border-bottom-color: #486972;

}





.stitched {

   padding: 2px;

   margin: 3px;

   background: none;

   color: #fff !important;

   /*font-size: 12px;*/

   font-weight: bold;

   line-height: 1.2em;

   border: 2px dashed #fff;

   border-radius: 0px;

   font-weight: normal;

}



.stitched li {

  margin-top:10px;

  margin-bottom:10px;



}





.stitched li > a {

  color: #fff !important;

  text-decoration:none;





}



.stitched li > a:hover {

    background-color: red;

    color: #a5a5a5;

    padding:1px;



}



.nav-links{padding-bottom:50px;width:150px;margin:auto;}

.post-navigation h2 {

    display: none;

}



.nav-previous {float:left;}

.nav-next {float:right;}



hr.style14 { 

  border: 0; 

  height: 1px; 

  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 

}





.custom-counter {

  margin: 0;

  padding: 0;

  list-style-type: none;

 

}

.custom-counter li {

  counter-increment: step-counter;

}

.custom-counter li::before {

  content:counter(step-counter);

  color: red;

  display: inline-block;

  width: 1em;

  margin-left: -0.5em;

  margin-right: 0.5em;

  text-align: right;

  direction: rtl;

}



@media (min-width: 1200px){

	.carousel-caption h3 {
	  font-family: 'LuckiestGuy';
	  margin-top: -425px !important;
	  margin-left: -120px !important;
	}

}