/* Global Styles */
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Dosis', sans-serif;
}
#top{
	padding-top:140px;
}
#about {
	padding-top: 43px;
}
#top h4 {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	line-height: 35px;
}
#top h1, #about h1, #services h1, #portfolio h1, #contact h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 100px;
	color: #FFF;
	font-weight: 800;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #000;!important
}
#about h2, #services h2, #contact h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	color: #FFF;
	font-weight: lighter;
	letter-spacing: 2px;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #000;!important
}
#top h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #FFF;
	font-weight: lighter;
	letter-spacing: 2px;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #000;!important	
	}
#typed
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #FFF;
	font-weight: lighter;
	letter-spacing: 2px;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #000;!important
	}
#about h1, #services h1, #portfolio h1, #contact h1 {
	font-size: 60px;
}
.list-inline{ text-align:left; width:118%;}
.typed-cursor{ font-size:40px; color:#FFF;}
#top {
	height: 650px;
}
#top {
	background: linear-gradient(90deg, #471297 10%, #a00630 90%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3) inset;
}
#top .btn-dark {
	background-image: url(../img/arrow.png);
	bottom: 1px;
	display: block;
	height: 50px;
	left: 48%;
	position: absolute;
	width: 50px;
}
#about{
	background:#d0c7cc;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3) inset;	
	}
#about p{
	font-size:16px;
	color:#3a3a3a;
	line-height:30px;
	margin:25px 0 5px;
	}
	
#services {
	background:#640e75;);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3) inset;
}	
#services h1{ padding-top:50px;}
#services h2 {
	color:#FFF;
	font-size:20px;
	line-height:36px;
	text-transform:uppercase;
	}
#services p {
	font-size:16px;
	color:#e399ff;
	line-height:30px;
	padding-bottom:20px;
	}		
.prog-bg-L {margin:5px;}	
.prog-bg-L .count-L{ background-color:#a555bb; padding:5px; text-align:left; padding-left:10px;}

.prog-bg-R { background-color:#fff; margin:5px;}	
.prog-bg-R .count-R{ background-color:#a555bb; padding:5px; text-align:right; padding-right:10px;}		
.text-vertical-center {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#portfolio{
	background:#d0c7cc;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3) inset;
	padding:50px 0;	
	}
.zoom1{cursor:pointer; width:100px; height:200px; padding-top:50px;}
.gallery p {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 20px;
	}	

.gallery h2{
	font-weight:lighter;
	text-transform:uppercase;
	line-height:40px;
	font-family: "Open Sans",sans-serif;	
	}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
.text-vertical-center h1 {
	margin: 0;
	padding: 0;
	font-size: 4.5em;
	font-weight: 700;
}
/* Custom Button Styles */

.btn-dark {
	border-radius: 0;
	color: #fff;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
	color: #fff;
}
.btn-light {
	border-radius: 0;
	color: #fff;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
	color: #fff;
}
/* Custom Horizontal Rule */

hr.small {
	max-width: 100px;
}
/* Side Menu */
.menustyle{  border-bottom: 1px solid #343842;
    margin: 0;
    padding: 0 0 15px;}
.menustyle img{ margin:0; padding:29px 81px 13px; text-align:center; }
.social-networks .iconSo{ color:#FFF; float:left; margin:0 3px;}
.social-networks{ margin:0 35px; padding:0}
.social-networks .fa{ margin:0; padding:0}
.social-networks span{ margin:0; padding:0}
.menustyle p{  color: #ccc;
    font-size: 13px;
    font-style: italic;
    line-height: 23px;
    margin: 0 0 13px;
    padding: 0 19px;
    text-align: start;
    text-indent: 0;
	text-align:center;
	}
#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	right: 0;
	width: 250px;
	height: 100%;
	margin-right: -250px;
	overflow-y: auto;
	background: #1d212d;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-nav li {
	line-height: 40px;
	border-bottom: 1px solid #343842;
    margin: 0;
    padding: 0 0 4px 0;
	text-align:center;	
}
.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: #999;
	margin:0 8px;
}
.sidebar-nav li a:hover {
	text-decoration: none;
	color: #fff;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
	height: 55px;
	font-size: 18px;
	line-height: 55px;
}
.sidebar-nav > .sidebar-brand a {
	color: #999;
}
.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}
#menu-toggle {
	z-index: 1;
	position: fixed;
	top: 0;
	right: 0;
}
#sidebar-wrapper.active {
	right: 250px;
	width: 250px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.toggle {
	margin: 5px 5px 0 0;
}
/* Portfolio slide */
/*

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 80vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background:url(../img/1.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
	
#top h1, #about h1, #services h1, #portfolio h1, #contact h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 84px;
	color: #FFF;
	font-weight: 800;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #000;!important
}	
.hero h1 { font-size: 4em; }
	
#top h2 {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
}	
#typed {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
}
}
/* About */

/* Services */

.services {
	padding: 50px 0;
}
.service-item {
	margin-bottom: 30px;
}
/* Callout */

.callout {
	display: table;
	width: 100%;
	height: 400px;
	color: #fff;
	background: url(../img/callout.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
/*********************************** Portfolio */

.portfolio {
	padding: 50px 0;
}
.portfolio-item {
	margin-bottom: 30px;
}
.img-portfolio {
	margin: 0 auto;
}
.img-portfolio:hover {
	opacity: 0.8;
}


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

.footer {
	padding: 11px 0;
	background: linear-gradient(90deg, #471297 10%, #a00630 90%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.footer img { margin:38px 0; padding:0;}
.footer-logo {
    padding:0;
}
.social-list {
    list-style: outside none none;
    padding: 0;
}
.social-list > li {
    display: inline-block;
    margin: 0 20px 40px;
}
.social-list > li a {
    color: #fff;
    letter-spacing: 1px;
}
.copyright{ color:#000; font-size:13px;}
.fa-heart{ color:#fff;}
.container_text {
    color: #000;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    height: auto;
    line-height: 22px;
    margin-bottom: 36px;
    margin-top: 8px;
    position: relative;
    text-align: center;
    width: 100%;
}
#contact{ background:#d0c7cc;}
.container_text span { color:#fff;}
.contactme a{ color:#FFF; padding-bottom:5px;}
.contactme{ color:#FFF; margin:22px 0;}
/************************************ code for animated blinking cursor */
.typed-cursor{
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-ms-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
		/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}
		/* IMAGE LIGHTBOX SELECTOR END */