@charset "utf-8";

/* CSS Document */

@import url('css/font-awesome.css');
 @import url('css/animate.css');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');*/
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');

/* 
font-family: 'Montserrat', sans-serif;
*/

@font-face {
 font-family: 'bebas_neuebold';
 src: url('fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('fonts/bebasneue_bold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	font-weight: 400;
	line-height:190%;
	background-color:#ffff99;
	color:#000;
	background-repeat:repeat;
	overflow-x: hidden;
}
a, button,:hover {
	transition: all 0.5s ease;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
section,footer {
	padding:50px 0;
}

.navbar{
margin:0	
}
.navbar-brand {
  padding: 0px !important;
}
.navbar-brand>img {
  height: 100%;
  padding: 5px 0;
  width: auto;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
	color:#24a5dd;
	background:none !important
}
.my_menu {
	background:none !important
}

.my_menu .navbar-brand {
  height: 100px !important;
  margin-left:15px;
}
.my_menu .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

.my_menu .navbar-inverse{
background:#175ca1;	
border-color: #1b74cd;
}

.my_menu .nav >li >a {
	font-weight:400;
	text-transform:uppercase;
	color:#000 !important;
}
.my_menu .nav >li {
	border-bottom:1px  solid rgba(0,0,0,.1);
}

.my_menu .nav >li >a:hover {
	color:#24a5dd !important;
	background:transparant
}

.my_menu .navbar-inverse .navbar-nav > .active > a{
	color:#24a5dd;
	background:none !important
}
.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu{
    background-color: #000000;
}
.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li{
	border-bottom:1px  solid rgba(255,255,255,.2);
}
.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li:last-child{
	border-bottom:0;
}

.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #26a4de;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #26a4de;
}

.dropdown-menu{
    background-color: #000000;
}
.dropdown-menu > li{
	border-bottom:1px  solid rgba(255,255,255,.2);
}
.dropdown-menu > li:last-child{
	border-bottom:0;
}
.dropdown-menu > li > a {
	padding:6px 15px;
    color: #fff;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #26a4de;
}



@media (min-width: 768px) {
.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu{
    background-color: #000000;
}

	.my_menu .nav >li >a {
	  padding-top: 40px;
	  position:relative;
	  padding-bottom: 40px;
	}
	

	
.my_menu .nav >li {
	border-bottom:0;
}
	
	.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li{
		border-bottom:1px  solid rgba(255,255,255,.2);
	}
	.my_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li:last-child{
		border-bottom:0;
	}
	.my_menu .navbar-brand {
	  margin-left:0;
	}
}


.top_bar{
	padding:0;
	background:#000000;
}
 p.top_left{
	color:#fff;
	padding:4px 0;
	margin:0
}

.top_rightmenu {
	margin:0;
	padding:0;	
	text-align:right;
}

.top_rightmenu li{
	display:inline-block;
	padding:4px 10px;
	color:#fff;
	font-weight:400;
	border-right:1px solid rgba(255,255,255,.2);
}
.top_rightmenu li:hover{
	background:#26a4de;
}
.top_rightmenu li:last-child{
	border-right:0;
}
.section_bg{
position:relative;
background-size:cover !important;
}
.section_bg:before{
background:rgba(0,0,0,0.85);
position:absolute;
content:'';
left:0;
right:0;
top:0;
bottom:0;
}
.blocks_1{
	padding:25px 15px 20px;
	border:1px solid #26a4de;
	display:block;
	position:relative;
}

.blocks_1 i{
	float:left;
	width:22%;
	color:#26a4de;
	text-align:center;
}
.blocks_1 .blocks_1_content{
	width:72%;
	float:right;
	color:#ccc
}
.blocks_1 .blocks_1_content h2{
	font-size:18px;
	font-weight:900;
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#fff;
}
.blocks_1:hover{
	background:#26a4de;
}
.blocks_1:hover .blocks_1_content a{
	background:#fff;
	color:#26a4de !important
}
.blocks_1:hover .blocks_1_content{
	color:#fff
}

.blocks_1:hover > i{
	color:#fff !important
}
.blocks_1 .blocks_1_content a{
background:#26a4de;
color:#fff;
padding:3px 8px;
line-height:normal;
margin:0;
display:inline-block	;
}
.blocks_1 .blocks_1_content a:hover{ 
background:#fff;
color:#26a4de;
}


.white_bg{
background:#fff;	
}
.grey_bg{
background:#f8f8f8;	
}
.black_bg{
background:#000;	
}
.blue_bg{
background:#26a4de;	
}

.section_title{
	text-align:center;
	text-transform:uppercase;
}
.section_title h2{
font-size:32px;
font-weight:900;	
position:relative
}
.section_title h2 span{
	color:#26a4de;
}
.section_title h2 em{
	color:#333;
	display:block;
	font-size:20px;
	font-style:normal;
	font-weight:700
}
.section_title h2:before{
position:absolute;
content:'';
left:0;
right:0;
bottom:-20px;
width:200px;
height:1px;
background:#000;
display:block;
margin:0 auto;
z-index:0
}

.section_title h2:after{
position:absolute;
content:'';
left:0; 
right:0;
bottom:-35px;
width:30px;
height:30px;
background:#fff url(images/hover_icon.png) center no-repeat;
background-size:70%;
display:block;
margin:0 auto;
z-index:9;
border:1px #2ca9e1 solid;
border-radius:50%;
}

.section_title p{
	margin-top:45px;
	font-size:16px;
	
}

.about_content{
	padding:5px 0;
font-size:16px;
line-height:26px;	
color:#333
}
.about_content p{
	margin-bottom:20px;
} 


	
	

footer .widget {
	color:#fff;
	line-height:22px;
	
}
footer .widget p{
	margin-bottom:10px;
}
footer .widget h2{
	font-size:20px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:25px;
	
}

footer .widget ul{
	margin:0;
	padding:0;
}
footer .widget ul.footer_links li{
	display:block;
	list-style:none;
	border-bottom:1px solid rgba(255,255,255,.2);
	position:relative
}
footer .widget ul.footer_links li:before{
	font-family: 'FontAwesome';
	content: "\f105";
	display:inline-block;
	position:absolute;
	top:4px;
}
footer .widget ul.footer_links li a{
	display:block;
	padding:4px 10px;
	color:#fff;
	padding-left:15px;
	
}
footer .widget ul.footer_links li a:hover{
	color:#000;
	
}


footer .widget ul.social_links li{
	display:inline-block;
	list-style:none;
	position:relative;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin-left:5px
}
footer .widget ul.social_links li:first-child{
	margin-left:0
}
footer .widget ul.social_links li a{
	display:block;
	color:#fff;
	border:1px solid rgba(255,255,255,.5);
	border-radius:50%;
	
}
footer .widget ul.social_links li a:hover{
	background:#000;
	color:#fff;
	
}




.home-newsletter .single {
margin: 0 auto 35px;
text-align: center;
position: relative;
z-index: 2; }

.home-newsletter .single .form-control {
height: 40px;
background: rgba(255, 255, 255, 0.6);
border-color: transparent;
border-radius: 5px 0 0 5px; }
.home-newsletter .single .form-control:focus {
box-shadow: none;
border-color: #243c4f; }
.home-newsletter .single .btn {
min-height: 40px; 
border-radius: 0 5px 5px 0;
background: #243c4f;
color: #fff;
}

.nodadding{
padding:0	
}

.copyright{
	padding:10px 0;
	margin:0;
	color:#666;
}


.my_menu .head-color{
	background:#fff !important;
}


.t-test{
	 font-size: 35px;
  background: -webkit-linear-gradient(#4c4c7f, #011c83);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 text-align:center;
font-family: 'Source Sans Pro', sans-serif;
font-weight:800;
text-transform:uppercase	
}

.s-test{
	margin-top:30px;
	
}

.n-test{
min-height:200px;

border-radius:40px;	
padding:10px;
text-align:center;

	padding: 5px;
background: linear-gradient(110deg, #ffeead 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(110deg, #C5E7D7 34%, #024282 34%);
	background-size: 400% 400%;
	background-position: 15% 50%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 5s ease infinite;
}

.inner-cutout{
	padding: 20px 0;
	display: block;
	background-color:#fff;/*#ff6f69*/
	border-radius:40px;	
	margin: 2%;
	padding-bottom: 40px;
	height: 300px;
	 background-size: 300%;
	background-position:50% 50%;

}

.n-test h2{ 
font-size:35px;
font-weight:bold;
border-bottom:1px #eee solid;
padding-bottom:20px;
margin-bottom:0;
}

.n-test h4{
margin-top:0;	
}


/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: -600px;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size:24px;
  font-weight:bold;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: -600px;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/**
 * Tooltip Styles2
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip1] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip1]:before,
[data-tooltip1]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip1]:before {
  position: absolute;
  bottom: 150%;
  left: -300px;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip1);
  text-align: center;
  font-size:24px;
  font-weight:bold;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip1]:after {
  position: absolute;
  bottom: 150%;
  left: -300px;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip1]:hover:before,
[data-tooltip1]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


@import url(https://fonts.googleapis.com/css?family=Montserrat);

html, body{
  height: 100%;
  font-weight: 800;
}

body{
  background: #ffff99;
 
}

svg {
    display: block;
    font: 5.5em 'Montserrat';

    margin: 0 auto;
}

.text-copy {
    fill: none;
    stroke: white;
    stroke-dasharray: 6% 29%;
    stroke-width: 2px;
    stroke-dashoffset: 0%;
    animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
	stroke: #4D163D;
	animation-delay: -1;
}

.text-copy:nth-child(2){
	stroke: #840037;
	animation-delay: -2s;
}

.text-copy:nth-child(3){
	stroke: #BD0034;
	animation-delay: -3s;
}

.text-copy:nth-child(4){
	stroke: #BD0034;
	animation-delay: -4s;
}

.text-copy:nth-child(5){
	stroke: #FDB731;
	animation-delay: -5s;
}

@keyframes stroke-offset{
	100% {stroke-dashoffset: -35%;}
}

.n-test p  {

  	font: 700 3em/1 "Oswald", sans-serif;
  	letter-spacing: 0;
  	padding: .25em 0 .325em;
	  display: block;
	  margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);
	
}

  
 .n-test p  span {

  	font: 700 3em/1 "Oswald", sans-serif;
  	letter-spacing: 0;
  	padding: .25em 0 .325em;
	  display: block;
	  margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);

/* Clip Background Image */

	  background: url(http://f.cl.ly/items/010q3E1u3p2Q0j1L1S1o/animated_text_fill.png) repeat-y;
	  -webkit-background-clip: text;
	  background-clip: text;

/* Animate Background Image */

	  -webkit-text-fill-color: transparent;
	  -webkit-animation: aitf 80s linear infinite;

/* Activate hardware acceleration for smoother animations */

	  -webkit-transform: translate3d(0,0,0);
	  -webkit-backface-visibility: hidden;


}

/* Animate Background Image */

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

.t-title{
text-align:center;
font-size:45px;
font-weight:800;	
color:#0c54a5;
text-transform:uppercase;
}