@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
ul,ol{list-style-type:none;margin:0;padding:0;}
body{
	/* [disabled]overflow-x:hidden !important; */
	/*font-size: 18px;*/
}
a:hover{text-decoration:none;color:#757575;}
.xcontainer{ width:90%; margin:0 auto; max-width:1600px;}
#wrapper{width:100%;float:left;}
#headerr{width: 100%;
float: left;
padding: 24px 35px;
z-index: 9999999;
position: absolute;}
#headerr:before{ content:'';width:100%;height:50px;z-index:-1;}
.social .dropdown{display:none !important;}
.mt{margin-top:15px !important;}
.mt35{margin-top:35px !important;}
.mb2{ margin-bottom:2px !important;}
.pointer{ cursor:pointer !important;}
.nmargin{ margin:0 !important;}
.deskhide{display:none !important;}
.hr{height:1px;width:100%;float:left;background:#ddd;margin:15px 0;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#485cc7;z-index:99999;}
#status{width:150px;height:50px;position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:-25px 0 0 -75px;}
.object{
  width: 8px;
  height: 50px;
  margin-right:5px;
  background-color: #FFF;
  -webkit-animation: animate 1s infinite;
  animation: animate 1s infinite;
  float: left;
  }

.object:last-child {
  margin-right: 0px;
  }

.object:nth-child(10){
  -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;  
  }
.object:nth-child(9){
  -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;  
  } 
.object:nth-child(8){
  -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;  
  }
.object:nth-child(7){
  -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;  
  }
.object:nth-child(6){
  -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;  
  }
.object:nth-child(5){
  -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
.object:nth-child(4){
  -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;    
  }
.object:nth-child(3){
  -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;  
  }
.object:nth-child(2){
  -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }           
  


@-webkit-keyframes animate {
 
  50% {
  -ms-transform: scaleY(0); 
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  
    }
    
    

}

@keyframes animate {
  50% {
  -ms-transform: scaleY(0); 
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    }

  
}


.arrow-container{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  margin-top:50px;
  position:relative;
  margin-top: 27px;
}

.arrow-1{
  width: 100px;
  height: 100px;
  background: #fff;
  opacity: 0.5;
 border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
}

.arrow-2{
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: table; cursor: pointer;
}

.arrow-2:before{
  width: 52px;
  height: 52px;
  content: "";
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
}

.arrow-2 i.fa{
  font-size: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #000;
}

/* Custom Animate.css */

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
#headerr h2{color:#fff;}
#headerr .logo{float:left;padding:5px;position:relative;z-index:9999; width:300px;}
#headerr .logo img{width:100%;}
#headerr .tp-rgt{margin-left:250px;}
#headerr .tp-rgt .topbar{padding:22px 0;float:right;height:50px;}

#headerr.affix{position:fixed;top:0;width:100%;z-index:999;left:0;transition:0.5s ease-out all; background:#FFF;}
#headerr.affix .logo{ margin-top:0; width:205px;}
#headerr.affix .navigation{ /*display:none;*/ width:auto;}
#headerr.affix .navigation .navbar-nav > li > a{ font-size:15px; padding:20px 15px;}
#headerr.affix .topbar{ padding:15px 0; }
#headerr.affix .tp-links li.button{ margin-top:0; padding:4px 15px;}

.topadd{ width:60%; float:right; margin-top:0px;}
.topadd ul li{ display:inline-block; margin-top: 3px;}
.topadd ul li a{ display: block;
color: #002854;
padding: 0px 7px;
font-size: 12px;
text-transform: uppercase;}
 
.nborder{ border:none !important; }
.tp-links{width: 100%;
margin-left: 77px !important;}
.tp-links li.button{border-radius:15px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px; padding: 6px 15px; margin-top:0; border:1px solid #ccc; background-color:transparent; width:100px; text-align:center; float: left;}
.tp-links li.button:hover{ background:#fff; color:#000; transition:0.5s linear;}
.tp-links li.button:hover a{ color:#000;}
/*.tp-links li.button:nth-child(1){background:#E21000;}
.tp-links li.button:nth-child(2){background:#CE0000;}
.tp-links li.button:nth-child(3){background:#666;}*/
.tp-links li:nth-child(5){margin-left:5px;}
.tp-links li.button a{color:#333;}
.tp-links li, .tp-links li a{color:#333;font-size:14px;}
.tp-links li{margin-right: 13px;}
.social{margin-top:0px; margin-right: 0px; margin-bottom:0px;}
.social > li{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;width:26px;height:26px;padding-top:1px;text-align:center;border:1px solid #ccc;margin:0 2px; line-height: 1;}
.social > li a{color:#ccc;font-size:14px; display:block; text-align:center; padding:6px !important;}
.social > li:hover{ color:#000; background:#fff;}
.social > li:hover a{ color:#000;}
.social > li:last-child a{color:#ccc;}
.icon-small{height:18px;margin:0;padding:0;}
.icon-medium{height:22px;margin:0;padding:0;}
.section_title{color:#fff;font-size:40px;padding-bottom:15px;}
.section_title-black{font-size:32px;padding-bottom:15px;margin:15px 0; font-weight:700;}
.text-danger{ color:#e21000 !important;}
.big_title{font-size:18px;font-weight:300;padding:10px 0;}
.affix{top:0;width:100%;}
.yellow-text{ color:#E21000;}
.navigation{width: 70%; z-index:999;float:left;position:relative; border-top:1px solid rgba(0,0,0,0.07);}
.navbar-brand{position: absolute;
z-index: 2;
left: -10px !important; top: -26px;}
.navbar{margin:0;  border:none;}
.navigation .navbar-nav > li > a{padding:35px 20px; font-size:16px; transition:0.4s ease all;-moz-transition:0.4s ease all;-webkit-transition:0.4s ease all;-o-transition:0.4s ease all; color:#000;}
.navigation .navbar-nav > li > a:hover{color:rgb(255, 255, 255) !important; background:#485cc7 !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus{ background-color:transparent !important; color:#333 !important;}	
.navbar-default .navbar-nav > .open > a:visited{background-color:transparent !important; color:#333 !important;}
.navbar-default .navbar-nav > .open > a:link{background-color:transparent !important; color:#333 !important;}
.navbar-default .navbar-nav > .open:hover > a, .navbar-default .navbar-nav > .dropdown-submenu:hover > a, .navbar-default .navbar-nav > .open > a:hover{ background-color:#E21000 !important; color:#fff !important;}

.navigation .dropdown-menu{border-radius:0;padding:10px 0 20px 0;background:#485cc7;border:none; position:fixed; left:0; top:auto; width:100%;}
.navigation .dropdown-menu > li{display:block; padding:15px;}
.navigation .dropdown-menu li:nth-last-child(1){border-bottom:none;}
.navigation .dropdown-menu li > a{color:#fff !important;transition:0.5s ease all; font-size:16px; display:block; width:100%;}
.navigation .dropdown-menu li h4{ font-size:22px; padding:10px; font-weight:700;}
.navigation .dropdown-menu li > ul li{ display:block;}
.navigation .dropdown-menu > li:hover{color:#fff;}
.navigation .dropdown-menu > li:hover > a{background:none;background:rgba(0,0,0,0.2);}

.hidediv{ position:relative; overflow:hidden; min-height:500px;}
.fixing{ position:absolute; width:100%; top:-25px; }

.btn-round{border-bottom-right-radius:px;
border-top-left-radius:px; padding-left:0px !important; padding-right:0px !important;}
.material-icons{ vertical-align:middle;}
.btn-light {
    color: #e21000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:13px;
	
}
.btn-light-sm {
color: #a7a4a4  !important;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px; margin-left:0px;
	
}
.btn-white {
    color:#e21000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:13px;
}

.btn-white-sm {
    color:#e21000 !important;
    background-color: #f8f9fa;
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
}

.slidertab{ position:absolute; width:450px; right:0; top: 0%; z-index:99;}
.slidertab .mancon li{ float:left; margin:0.5%; width:49%; text-align:center; padding:15px; border:1px solid rgba(255,255,255,0.5); border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.slidertab .mancon li span{ width:100%; height:75px; float:left;}
.slidertab .mancon li span img{ width:60px !important; margin:0 auto}
.slidertab .mancon li a h5{ color:#fff; font-size:18px; font-weight:700;}
.slidertab .mancon li:hover{ background-color:rgba(255,255,255,0.8); color:#000;}
.slidertab .mancon li:hover a h5{ color:#000;}
.slidertab .mancon li.active a{ background-color:transparent; color:#fff;}

.slidertab .tab-content{ border-bottom:1px solid rgba(255,255,255,0.3);}
.slidertab .tab-content h6{ text-transform:uppercase; font-size:16px; color:#ccc;}
.slidertab .tab-content h3{ text-transform:uppercase; font-size:50px; color:#fff; padding:0; line-height:15px; margin-bottom:40px;}
.slidertab .tab-content h3 span{ float:right;}
.slidertab .tab-content h3 span strong{ font-weight:300;}
.slidertab .tab-content h3 span strong i{ font-size:12px; vertical-align:middle;}
.slidertab .tab-content h3 span strong.green{ color:#0C0;}
.relative{ position:absolute; height:100%; width:100%;}
.relative .container{ position:relative; height:100%;}

#carouselExampleIndicators{ overflow:hidden; width:100%; height: 640px !important;}
#carouselExampleIndicators img{ width:100%;}
.carousel-caption{top: 40%;
text-align: center;
left: 30%;
width: 40% !important;
text-shadow: none !important;
height: calc(100% - 100px);
z-index: 999999;
}
.carousel-caption img{ max-width:100%;}
.covervideo{ position:relative; height:100%; width:100%;}
#myVideo{ right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%; position:relative; width:100%; height:100%;}
.covervideo:after{ position:absolute; left:0; top:0; content:''; width:100%; height:100%;  background-color: rgba(255, 255, 255, 0.2);}
	
.carousel-caption h5 small{ font-size: 16px;
display: block;
font-weight: 300;
padding-left: 4px;
margin-bottom: 10px;
color: #fff;
text-transform: uppercase;
margin-top: 28px;
font-weight: bold;}
.carousel-caption h5 span{font-size:40px;
display: block;
line-height: 31px;
font-weight: 700;
margin-left: 5px;}
.carousel-caption p{ font-size:14px; font-weight:300; color:#fff; margin-bottom: 10px !important; margin-left:8px;}
.carousel-caption a{ font-weight:bold; margin-right:15px;}

.crimg{ position:relative; margin-top:-100px;}
.carousel-indicators{     position: absolute;
    right: inherit;
    top: 40%;
    left: 0;
    z-index: 15;
    display: -ms-block;
    display: block; margin-left:35px;}
	.carousel-indicators li{ height:15px; width:15px; border-radius:50%; margin-bottom:10px;}
	.carousel-indicators li.active{ height:30px; border-radius:10px; background-color:#fbcf08;}

.outer:before{ background:#fff; content:''; width:100%; height:270px; position:absolute; top:-130px; left:0; border-top-left-radius:380px; transform:rotate(8deg);}
#slideButton{ position:absolute; bottom:50px; left:0; width:100%; z-index:99;}
#slideButton a img{ max-width:70px;}


.tleft{text-align:left !important;}
.noborder{border:none !important;}
.nopadding{padding:0 !important;}
.tp-video-play-button{display:none !important;}
.tp-caption{white-space:nowrap;}
.button-rounded{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;}
.button{padding:10px 15px;font-weight:700 !important;font-size:18px;margin-right:10px;text-transform:uppercase;color:#373737; display:none;}
.btn-orange{background:#E21000;color:#fff;}
.footer{width:100%;float:left;padding:35px 0; background:#485cc7; color:#ccc; font-size:13px;}
.footer a{ color: #fff; }
.footer .ftheading{font-size:20px; text-transform:uppercase;color:#fff;padding:10px 0;margin:5px 0; float:left; width:100%;}
.ftlinks{width:100%;float:left;margin:0 0 15px 0;padding:0;}
.ftlinks li{display:block;}
.ftlinks li a{color:#ccc;font-weight:400;font-size:13px;}
.risk-manage{width:100%;float:left;font-size:13px;color:#ccc;font-weight:400;margin-top:35px; border-top:1px solid #223147; border-bottom:1px solid #223147; padding:15px 0;}
.bottomlist li{ display:inline-block; padding:0 5px;}
.mobbuttons{width:100%;float:left;background:url(../images/bg-slider.jpg) center center no-repeat;background-size:cover;display:none;}
.mobbuttons ul{width:100%;float:left;margin:15px 0;padding-top:15px;}
.mobbuttons li{display:block;line-height:normal;height:50px;margin-bottom:5px;}
.mobbuttons li:nth-child(2) a{background:#ccc;}
.mobbuttons li a{border:1px solid rgba(255,255,255,0.5);}
.mobbuttonss{width:100%;float:left;background:url(../images/bg-slider.jpg) center center no-repeat;background-size:cover;display:none;}
.mobbuttonss ul{width:100%;float:left;margin:15px 0;padding-top:15px;}
.mobbuttonss li{display:block;line-height:normal;height:50px;margin-bottom:5px;}
.mobbuttonss li:nth-child(2) a{background:#ccc;}
.mobbuttonss li a{border:1px solid rgba(255,255,255,0.5);}


.testis{ width:100%; text-align:center; padding:50px 0; float:left; display:none;}
.testis img{ width:150px; margin:0 auto 15px auto;}
.testis h4{ margin:0; font-size:20px; font-weight:700; color:#e21000;}
.testis h6{ margin:0; font-size:16px; font-weight:700; color:#000;}
.testis p{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; padding:10px;}


.tradings{ width:100%; padding:40px 0 40px 0; float:left; text-align:center; background:url(../images/graph-bg.jpg) left top no-repeat #091b33; background-size:cover; color:#fff;}
.tradings h3{ font-size:45px; margin:15px 0}
.tradings p{ font-size:18px; padding:15px 30px;}
.tradings .btn{ border-radius:35px; font-size:24px; font-weight:700; text-transform:uppercase;}
.tradings h4{ font-size:22px; font-weight:700;}
.box{ padding:30px; background: #7b4397; 
background: -webkit-linear-gradient(to right, #dc2430, #7b4397);
background: linear-gradient(to right, #dc2430, #7b4397);
 margin:45px 0; border-radius:0 25px 0 25px; position:relative;}
.box i{ font-size:45px; text-align:center; width:80px; height:80px; border-radius:50%; background-color:#fff; color:#17357B; padding-top:15px; position:absolute; top:-35px; left:50%; margin-left:-40px;;}
.box h3{ padding-top:20px; font-weight:300;}
.box-light{ padding:30px; background-color:rgba(0,0,0,0.05); margin:25px 0; border-radius:0 25px 0 25px;}

.starfacts{ width:100%; float:left; position:relative; padding:40px 0; background:url(../images/lines.png) center center no-repeat; background-size:contain;}
.star{ width:100%; background:#fff; padding:50px; text-align:center;}
.star h2{ font-size:32px; font-weight:700; margin:15px 0;} 
.star p{ font-size:18px; padding:15px 30px;}
.starfacts img{ margin:0 auto;}
.starfacts h3{ font-size:32px; font-weight:700; margin:15px 0;} 
.starfacts h4{ font-size:24px; font-weight:700;}
.starfacts small{ display:block;}

.picturearea{ width:100%; float:left;}
.picturearea .pictures li{ width:20%;  height: 200px; float:left; position:relative; overflow: hidden;}

.picturearea .pictures li img {
  position:absolute;
  left:0;
  top:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  width:100%;
}

.picturearea .pictures li:nth-of-type(even) img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
animation-direction: alternate;
}

.picturearea .pictures li:nth-of-type(odd) img.top {
animation-name: cf3FadeInOut2;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 6s;
animation-direction: alternate;
}

 @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

 @keyframes cf3FadeInOut2 {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}



.con-title{
     text-align: center;
     margin-bottom: 40px;
}
 .con-title h2{
     font-size: 36px;
     margin-top: 0px;
     margin-bottom: 15px;
     line-height: 40px;
}
 .con-title h2 span{
     font-size: 36px;
     font-weight:700;
     color: #f26838;
     line-height: 40px;
}
 .con-title p{
     font-size: 18px;
     color: #3f444a;
     font-weight: 300;
}
.btn-danger{ background-color:#e31837 !important;}

.welcomebox{ width:100%; float:left; background:url(../images/logo-icon.png) right bottom no-repeat #dfe3e9; padding:55px 0 0 0; }
.welcomebox h1{ font-size:24px; font-weight:300; color:#34374a; margin-bottom:20px;}
.welcomebox h1 span{ display:block; font-size:48px; font-weight:700;}

.welcomebox .pc{ margin-top:0px;}

.awardbox{ position:relative; width:100%; float:left; padding:25px 0;}
.awardbox img{ position:absolute; left:0; width:150px;}
.awardbox h3{ float:left; margin-left:150px; font-weight:700; padding-top:15px;}
.welcomebox p{ font-size:16px;}


.tradeplates{ width:100%; float:left; color:#fff; padding:35px 0 50px 0; background:url(../images/graph-bg.jpg) left top no-repeat #091b33; background-size:cover; text-align:center;}
.tradeplates h2{ font-size:40px; color:#fff;}
.tradeplates h5{ font-size:24px; color:#fff; font-weight:700;}
.tradeplates p{ font-size:18px;}
.tradeplates img{ max-width:180px; margin:15px auto;}

.methods{ margin:50px 0 0 0; padding:0; float:left; width:100%;}
.methods li{ background:#1a3253; text-align:center; margin:0 3px; width:16%; height:130px; float:left;}
.methods li span{ width:90px; height:90px; text-align:center; display:inline-block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background:#637896; border:4px solid #091b33; padding:18px 0px; margin:-100px auto 0 auto; position:relative;}
.methods li h4{ padding:10px 0;}

.marketbox{ width:100%; float:left; background:url(../images/bg.jpg) left top no-repeat fixed; background-size:cover; padding:35px 0;}
.ktable{ box-shadow:0px 0px 15px #ccc; background:#ecedf0; padding:15px 10px; width:90%; float:left; margin:0 5%;}
.ktable h3{ margin:10px 0 25px 0;}
.ktable tbody tr:first-child td{ border-top:none !important;}
.ktable tbody td:first-child{ padding-left:15px;}
.ktable tbody td{ font-size:12px; color:#666;}
.thead tr{ border:none;}
.thead th{ background:#1670b0; color:#fff; border:none !important; }
.thead th:nth-child(1){ padding:5px 15px; border-radius:25px 0 0 25px !important; -moz-border-radius:25px 0 0 25px !important; -o-border-radius:25px 0 0 25px !important; -webkit-border-radius:25px 0 0 25px !important; border:none;}
.thead th:nth-last-child(1){ border-radius:0 25px 25px 0 !important; -moz-border-radius:0 25px 25px 0 !important; -o-border-radius:0 25px 25px 0 !important; -webkit-border-radius:0 25px 25px 0 !important; border:none;}


.specialites{ width:100% ; float:left; background:#dfe3e9; padding:45px 0; text-align: center;}
.special i{ font-size:60px !important; color:#2a5a9e;}
.special h4{ font-size:48px; font-weight: 700; margin: 0; color: #485cc7;}
.special p{ font-size:18px;  color:#666;} 

.logos{ width:100%; float:left; padding:10px 0; text-align:center;}

.table-t01 tr.th-01 td, .table-t01 tr.th-01 th {
    font-weight: 700;
    padding-bottom:0px !important;
    line-height: 1.5;
	border:none;
	vertical-align:middle;
	font-size:22px;
}

.table-t01 tr.th-02 td, .table-t01 tr.th-02 th {
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    vertical-align: top !important;
	padding-top:0 !important;
	border:none;
}

.table-t01 td, .table-t01 th {
    padding-left: 20px;
	padding-top:20px !important; 
	padding-bottom:20px !important;	
    padding-right: 20px;
}
.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.xpanel-heading{ background:#ddd !important;}
.xpanel-heading .panel-title{ font-size:18px; font-weight:700; text-decoration:none !important;}
.xpanel-heading .panel-title a{text-decoration:none !important;}
.panel-heading [data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f078"; /* "play" icon */
    float: right;
    color: #525252;
    font-size: 14px;
    line-height: 16px;
}
.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
    color: #454444;
}


.wow-removed{display:block !important;visibility:visible !important;}
.innerbanner{width: 100%;
float: left;
position: absolute;
height: 300px;
overflow: hidden;
text-align: center;
z-index: -999;}
.innerbanner:before{position:absolute;content:'';width:100%;height:100%; background: rgba(255, 255, 255, 0.2);}
.innerbanner img{max-width:100%;}
.mnheading{position:absolute;top:50%;text-transform:uppercase;left:0;width:100%;text-align:right;padding:20px 20px;}
.mnheading h2{margin:0;color:#fff;font-weight:700;text-align:center;font-size:50px;}
.big_title{font-size:22px !important;font-weight:300;padding:15px 0;line-height:28px !important;color:#373737 !important;}
.content{width:100%;float:left;padding:20px 0;}
.content p{font-size:16px;line-height:22px;color:#757575;}
.boxify{width:100%;float:left;border-bottom:1px solid #ddd;padding:15px;}
.rowicon{width:260px;float:left;text-align:center;}.row .rowtext{padding-left:260px;}
.rowtext p:last-child{font-size:12px;margin-bottom:0;}
.documents li{padding:12px 0 12px 60px;border-bottom:1px solid #E6E6E6;background:;font-size:14px;color:#424242;}
.documents li .links{float:right;}
.documents li a{margin-right:15px;color:#424242;text-decoration:none;position:relative;}
.documents li .links a.view{padding-left:35px;margin-right:20px;}
.documents li .links a.download{padding-left:30px;}
ul.list_arow{padding:0;margin:15px 0;}
ul.list_arow li{position:relative;padding:5px 0px 5px 20px;display:block;}
ul.list_arow li:before{position:absolute;left:0;content:'\f05d';font-family:'fontawesome';color:#e21000;font-size:18px;}

@media (max-width:1400px)
{.navigation li a{font-size:16px; font-weight:700; }
.navigation .dropdown-menu li > a{ font-size: 14px; }
.navigation .navbar-nav > li > a{ padding:30px 12px;}
.tp-links li, .tp-links li a{ font-size:13px;}
	#headerr .logo{ width:260px; padding:5px;}
#headerr .tp-rgt{ margin-left:165px;}
.navigation{ width:auto !important;}
#headerr .tp-rgt .topbar{ padding:19px 0;}
.carousel-caption h5 span{ font-size:44px; line-height:55px;}
}

@media (max-width:1280px){.navigation li{font-size:13px; }
.mega-dropdown-menu > li > ul > li > ul > li, .mega-dropdown-menu > li > ul > li > ul > li > ul> li > a{width:100% !important; float:left;}
#navbar-collapse-1{padding:0;}
.tp-links li:nth-child(4){margin-left:5px;}
.tp-links li, .tp-links li a{font-size:11px;}
.mega-dropdown-menu > li > ul > li p{ display:none;}
}
.navigation.affix{position:fixed;top:0;width:100%;z-index:10;left:0;transition:0.5s ease-out all;}
@media (max-width:990px){.navbar-header{float:none;}
.navbar-left,.navbar-right{float:none !important;}
.methods li{ background:#1a3253; text-align:center; margin:0 3px; width:31%; margin-bottom:45px; height:130px; float:left;}
.navbar-toggle{display:block;margin:10px; background: #E21000;
border: none;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top{top:0;border-width:0 0 1px;}
.navbar-collapse.collapse{display:none!important;}
.navbar-nav{float:none!important;margin-top:7.5px; width:100%; margin-left:0 !important; margin-right:0 !important;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px; padding-bottom:10px;}
.collapse.in{display:block !important;}
#headerr .tp-rgt{width:calc(100% - 200px + 0px);float:left;margin-left:20px;}
#headerr:before{display:none;}
.social .dropdown-menu{right:0;left:inherit;min-width:80px;}
.navigation .navbar-default .navbar-nav .open > .dropdown-menu{background-color:rgba(192,118,38,0.7) !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#fff !important;}
.tp-links li{margin:0;display:block;}
#headerr .logo img{max-width:95px;padding:5px;}
#headerr .tp-rgt .topbar{position:absolute;right:100px;top:10px;}
.tp-links li.button{display:none;}
.liveq li{width:50%;}
.whyus .wimg{margin-bottom:10px;}
.roundplatform{width:300px;height:300px;padding:90px 20px 0 50px;margin:45px auto;display:block;float:none;}
.footer{text-align:center;}
.footer .ftheading{margin:15px 0;float:left;width:100%;}
.rdimg{width:120px;}
.mobhide{display:none !important;}
.deskhide{display:block !important;}
#headerr .tp-rgt{width:auto !important;float:right !important;}
#headerr .tp-rgt .navigation{position:absolute;right:0; width:100% !important;}
#navbar-collapse-1{background:#fff;margin-top:0px; border:none;}
.navigation li{height:auto !important;}
.navigation a{padding:8px 28px !important;height:auto !important;}
.mega-dropdown-menu > li{ padding:0 !important;}
.mega-dropdown-menu > li > ul >li:first-child{ display:none !important;}
.mega-dropdown> a{ color:#fff !important; border-bottom:1px solid rgba(255,255,255,0.2); margin:0 !important; font-size:14px;}
}
@media screen and (max-width:768px){#headerr .tp-rgt .navigation{position:absolute;right:0;}
}
@media screen and (max-width:767px){
	.topadd ul.pull-left li{ width:49%; text-align:center !important;}
	.topadd ul.pull-left li:last-child {width:100% !important; border-top:1px solid #333; border-bottom:1px solid #333;}
	.topadd ul.pull-left li:last-child a{font-size:18px;}
	.topadd ul li a{ display:block; color:#fff; font-weight:700; padding:5px; font-size:14px; text-transform:capitalize;}
	a.topmnu {color: #002854; font-size:8px !important; padding: 0px 4px !important; text-transform: uppercase;}
	a.navbar-brand img {width: 203px !important;}
	.navbar-brand{position:absolute; z-index:2; top: -21px; left:-25px;} 
	.wdyh {width: 8%; float: left; margin-left: 10px;}
	.rs-about .about-img { position: relative; border: 8px solid #ededed; height: 212px;float: left !important; width: 28%;}
	.rs-about .about-desc {margin-bottom: 0px; padding:10px !important; width:30% !important;}
	.grid { position: relative !important; clear: both; margin: -37px 0 !important; padding: 0em 0 3em !important; max-width: 365px !important; list-style: none; text-align: center;}
	.sec-color {margin-top:0px !important;}
	.sec-spacer{padding:10px 0 !important;}
	.about-desc h3 {margin-bottom: 15px; font-weight: normal; text-transform: uppercase; font-size: 22px !important; letter-spacing: 3px; color: #fff;}
	.rs-about .about-img { margin-bottom: 18px !important; width:30% !important;}
	.bg42 { background-size: cover; background-attachment: fixed; background-position: center top; margin-bottom: 50px !important;}
	 figure.effect-lexi h2{ font-size:14px !important;}
	 .wdyh4 {width: 13% !important; float: left; margin-left: 14px !important;}
	 .button {padding: 10px 15px; font-weight: 700 !important; font-size: 18px; margin-right: -29px; text-transform: uppercase;
 color: #373737; display: none;}
     .slick-slider{width:38% !important;}
	 .latest-news-nav h5 {color: #fff; line-height: 1.5; margin-top:5px; position:absolute; top:75px; left:19px; padding:14px; font-size:13px;
 text-align: right; width:88%; font-weight:500; text-shadow: 2px 2px 2px #000;}
     .rs-latest-news .news-normal-block .news-img img {width:79% !important;}
	 .abslite{position:absolute; top:7%; width:79% !important; float:left; padding:20px; text-align:center;}
	 #cssmenu {float: right; margin-right:0px !important;}
	 .home1 .right-bar-icon .rs-search, .home2 .right-bar-icon .rs-search {position:static; color:#222020; margin-right:21px !important; margin-top:20px;}
	 #cssmenu > ul > li > a {padding: 0px 10px !important;}
	 .sec-title{position: relative; margin: 4px 11px !important;}
	 .rs-courses .cource-item .course-body {text-align: center; padding: 0 5px; width: 94% !important;}
	 figure.effect-lexi figcaption::before {width:390px !important; height:348px !important;}
	 .slick-slide img {display: block; height:auto !important;}
	 .news-img img{ min-height: 370px !important;}
	 .latest-news-nav .slick-slide {width:37% !important; margin-bottom: 0; margin-top: 20px;}
	
	 
#carouselExampleIndicators{display:none;} 
#headerr .tp-rgt .navigation{position:absolute;right:0;} #headerr{ position:relative !important;}
.documents li{padding:5px 2px;float:left;}
.documents li span{display:block;float:left !important;width:100%;font-size:12px !important;padding:5px;}
.documents li .links a.view{padding-left:0 !important;}
.mainheading{font-size:30px;}
.mainheading span{font-size:42px;}
.footer .ftheading{width:100%;float:left;}
.footer{text-align:center;}
.livehead{width:100%;padding:8px;text-align:center;height:auto;margin:0;}
.livehead span{font-size:36px;}
.livehead::before{display:none;}
#navbar-collapse-1{position:inherit;background:#000;width:100%;}
.navigation .nav > li > a{padding:9px 20px;}
#headerr .tp-rgt .topbar{position:absolute;right:50px;top:10px;}
.mobbuttons{display:none;}
.mobbuttonss{ display:block;}
#slider{display:none;}
.welcomebox img{max-width:100%;}
.innerbanner{height:180px;min-height:inherit;}
.innerbanner img{max-width:inherit;width:767px;min-height:0 !important;}
.mnheading{width:100%;left:0;border:none !important;text-align:center;}
.mnheading h2{font-size:32px;}
.mnheading{ top:27%;}
.special{ text-align:center;}
.special p{ padding-right:0;}
.liveq{ margin:0;}
.liveq li small{ font-size:30px;}
.liveq li p span{ font-size:16px;}
}
@media screen and (max-width:640px){.mainheading span{font-size:48px;}
.trading-platforms{overflow:hidden;}
.xmobhide{display:none;}
.methods li{ background:#1a3253; text-align:center; margin:0 3px; width:46%; margin-bottom:45px; height:130px; float:left;}
}


#fixedbottom{ width:100%; position:fixed; left:0; bottom:0; text-align:center; z-index:9999; background:rgba(38,166,91,0.8); color:#fff; padding:15px 0 0 0;}
#fixedbottom p{ max-width:1170px; text-align:left !important; margin:0 auto; padding-bottom:15px;}
#fixedbottom a{ color:#000; background:#66c28c; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; padding:2px 10px; border:none !important;}
.riskwar{ background:rgba(0,0,0,0.2); width:100%; float:left; padding:10px 0;}

.heightbox{ width:100%; float:left; max-height:500px; overflow-y:scroll;}

.accountinfo{ width:100%; float:left; border:1px solid #ddd;}
.accountinfo li{ display:block; float:left; font-size:12px; width:100%; padding:2%; border-bottom:1px dashed #ddd;}
.accountinfo li:nth-child(even){ background:#ebebeb;}
.accountinfo li span{ float:right; font-size:15px; font-weight:700; width:50%; text-align:left;}













/* BG COLORS */
.bg-color{background: #485cc7;}
.bg-color-light{background: #f5f5f5;}
.bg-color-dark{background: #131314;}



/* SITE SECTION */
.site-section{width: 100%; float: left; padding: 50px 0;}
	


/* TITLES */
.titles{ width: 100%; float: left; margin-bottom: 50px;}
.titles.light{color: #fff;}
.titles.light h6{color: #fff;}
.titles.light h5{color: #fff;}
.titles h6{ width: 100%; float: left; color: #485cc7; letter-spacing: 0; font-size: 11px;}
.titles h5{ width: 100%; float: left; color: #485cc7; letter-spacing: 2px; font-size: 13px;}
.titles h2{ width: 100%; float: left; font-size: 60px; line-height: 50px; font-family: 'Playfair Display'; margin-bottom: 10px;}
.titles p{ opacity: 0.6; line-height: 24px; font-weight: 300; margin-bottom: 0;}
.titles span{ width: 32px; height: 2px; display: inline-block; background: #eee; margin: 0px 0; }
.titles .button-light{height: 46px; line-height: 44px; display: inline-block; padding: 0 30px; border: 2px solid #fff; color: #fff; font-weight: 600; border-radius: 46px; margin-top: 40px;}
.titles .button-light:hover{ background: #fff; color: #485cc7; text-decoration: none;}
/* ICON FEATURES NEW */
.icon-features-new{ width: 100%; float: left; color: #fff;}
.icon-features-new .icon-boxes{ width: 100%; float: left; position: relative; margin-bottom: 5px; padding-left: 10%;}
.icon-features-new .icon-boxes .icon{ width: 70px; float: left; font-size: 40px;}
.icon-features-new .icon-boxes .icon i{ font-size: 45px;}
.icon-features-new .icon-boxes .content{ width: calc(100% - 10px); float: left;}
.icon-features-new .icon-boxes .content span{ width: 32px; height: 3px; display: inline-block; background: #eee; margin-bottom: 12px;}
.icon-features-new .icon-boxes .content h6{ margin-bottom: 0px; font-weight: 300;  font-size: 20px; line-height: 30px; position: relative; text-transform: uppercase;}
.icon-features-new .icon-boxes .content h6 b{position: absolute; width: 100%; top: -10px; left: 0; font-size: 50px; line-height: 20px; opacity: 0.1; font-weight: 300; font-family: 'Fjalla One', sans-serif;}
.icon-features-new .icon-boxes .content p{ display: block; line-height: 24px; font-size: 13px; opacity: 0.7; margin-bottom: 0;}
.icon-features-new .icon-boxes.last{margin-bottom: 0;}



/* ICON FEATURES */
.icon-features { width: 100%; float: left; position: relative; text-align: center;}
.icon-features img{ width: 130px;}
.icon-features span{ width: 32px; height: 3px; display: inline-block; background: #eee; margin-bottom: 12px;}
.icon-features h4{ margin-bottom: 15px; font-family: 'Playfair Display', serif; font-size: 20px; line-height: 30px;}
.icon-features p{ display: block; line-height: 20px; font-size: 13px; opacity: 0.7; margin-bottom: 0;}

/* SWIPER */
.swiper-container{ width: 100%; float: left; position: relative; overflow: hidden; }
.swiper-2-cols{ width: 100%; float: left; position: relative; overflow: hidden;}
.swiper-3-cols{ width: 100%; float: left; position: relative; overflow: hidden;}
.swiper-wrapper{ width: 100%; height: auto; float: left;}
.swiper-slider{ width: 100%; float: left; overflow: hidden;}
.swiper-slide{ width: 100%; float: left; height: auto;}



/* SWIPER PAGINATION */
.swiper-pagination {width: 100% !important; float: left; margin-top: 30px; position: static !important; transform: none !important;}
.swiper-pagination.light{ float: left;}
.swiper-pagination.light .swiper-pagination-bullet{ background: #fff;}
.swiper-pagination.light .swiper-pagination-bullet-active{ background: none; border: 2px solid #fff;}
.swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; transform: scale(0.4); margin: 0 8px !important; background: #131314; opacity: 1; position: relative;  display: inline-block; border-radius: 50%;}
.swiper-pagination .swiper-pagination-bullet-active{-webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; -webkit-transform: scale(1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); border: 2px solid #131314; background: none;}

/* SHOWCASES */
.showcases{ width: 100%; float: left; padding: 60px 0;}
.showcases .showcase{ width: 100%; float: left; position: relative; margin-bottom: 10px;}
.showcases .showcase img{ width: 100%; float: left; margin-bottom: 20px;}
.showcases .showcase span{ width: 32px; height: 3px; display: inline-block; background: #eee; margin-bottom: 12px;}
.showcases .showcase h4{ margin-bottom: 5px; font-family: 'Playfair Display', serif; font-size: 15px; line-height: 20px; position: relative;}
.showcases .showcase h6{ width: 100%; font-size: 14px; color: #485cc7; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; margin-bottom: 20px;}
.showcases .showcase p{ display: block; line-height: 20px; font-size: 13px; opacity: 0.7; margin-bottom: 20px;}
.showcases .showcase a{display: inline-block; font-weight: 600; font-size: 12px; padding-bottom: 6px; position: relative;}
.showcases .showcase a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .25s ease;}
.showcases .showcase a:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #131314; transition: width .25s ease;}
.showcases .showcase a:hover{text-decoration: none;}
.showcases .showcase a:hover:before { width: 100%; background: #131314; transition: width .25s ease;}
.showcases .showcase a:hover:after { width: 100%; background: transparent; transition: all 0s ease;}

.top li{margin-top:40px;}


.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {

}
.view-details {
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
}
.view-details a {

	border-radius: 15px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
padding: 10px 30px;
margin-top: 0;
border: 1px solid #ccc;
background-color: transparent; font-size:12px; font-weight:bold; color:#000;
}




.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu > li > ul > li{ color:#fff;}
.mega-dropdown-menu > li > ul > li > ul > li{ margin:3px 0;}
.mega-dropdown-menu > li > ul > li > ul > li a{ display:block; float:left; padding:2px 15px; position:relative;}
.mega-dropdown-menu > li > ul > li > ul > li a:hover{ background:rgba(0,0,0,0.8);}
.mega-dropdown-menu > li > ul > li > ul > li:nth-child(3n+1){ clear:left;}
.mega-dropdown-menu > li > ul > li .btn{ margin:8px 0;}
/*.mega-dropdown-menu > li > ul > li:first-child{ border-right:1px solid rgba(255,255,255,0.3);}*/
.mega-dropdown-menu > li > ul > li p{ font-size:11px; padding-right:10%;}
.mega-dropdown-menu .dropdown-header {
  font-size: 24px;
  color: #fff;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.mega-dropdown-menu .dropdown-subheader {
  font-size: 16px;
  color: #fff;  
  padding: 5px 5px 5px 20px;
  line-height: 20px;
  margin:0;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
a.navbar-brand img{width: 198px;
margin-top: 12px;}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:none !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; float: right !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 10px !important;
padding-left: 10px !important;
font-size: 15px !important;
font-weight: 500;
}

ul.left-section{margin-left:25px;}
li.nav-item a{font-size: 12px !important;
color: #1a194f !important;
text-transform: uppercase;
border-bottom: 1px solid #b9b9b9;
margin: 0px 0px; background:#F6F6F6;
}

li.nav-item a:hover{background: #143d47 !important; color:#FFF !important;}
.center a{color: #a7a4a4 !important; margin-top:10px;}
.navbar {padding: 8px 0px !important; width: 100%; }


nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{ background:#FFF; border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{ float: right; margin-right: 30px;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding: 8px 20px;
font-size: 13px;
letter-spacing: 1px;
text-decoration: none;
color: #002854;
font-weight: bold;
text-transform: uppercase;
line-height: 3.5;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{background:#ff2768; color:#fff !important;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; color:#000 !important;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute; top: 41px; right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute; top: 38px; right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index: 999999;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background: #fff;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#232323;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
.button { display:block !important;}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; margin-top: 20px;}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#2b2a2a; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px; background:#262424; width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}







        /* search start  */

        .search-inline {
            width:100%;
			right: 0;
			padding-left: 15px;
			padding-right: 15px;
			top: 73px;
			height: 10%;
			opacity: 0;
			visibility: hidden;
			z-index: 9;
			transition: all .5s ease-in-out;
        }

        .search-inline.search-visible {
            opacity: 1;
            visibility: visible;
            animation: fadeInDown 0.4s ease-in-out;
        }

        .search-inline button[type="submit"] {
            position: absolute;
            right: 52px;
            top: 0;
            background-color: transparent;
            border: 0px;
            top: 0;
            right: 80px;
            padding: 0px;
            cursor: pointer;
            width: 80px;
            height: 99%;
            background: #222;
            color: #fff;
        }

        .search-inline .form-control {
            border: 0px;
			padding-left: 0;
			font-size: 12px;
			right: 0%;
			top: 1px;
			height: 100%;
			width: 100%;
			font-family: "Montserrat", sans-serif;
			font-weight: normal;
			outline: none;
			padding: 10px 10px;
        }

        .search-inline .search-close {
          position: absolute;
			top: 45px;
			right: 12px;
			color: #b6b4b4;
			width: 30px;
			height: 100%;
			text-align: center;
        }

        .search-inline .search-close i {
            display: table-cell;
            vertical-align: middle;
        }

        .form-control {
            display: block;
			width: 100%;
			padding: .375rem .75rem;
			font-size: 12px;
			line-height: 1.5;
			color: #495057;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #d0cece;
			border-radius: .25rem;
			transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
        }
		select.form-control:not([size]):not([multiple]) {
           height:auto !important;
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translate3d(0, -20%, 0);
            }
            to {
                opacity: 1;
                transform: translate3d(0, 0, 0);
            }
        }



.searching{margin-left: 0px;
position: absolute;
right: -188px;
top: 19px;}
a.topmnu{color:#002854; font-size: 10px; padding:0px 10px; text-transform:uppercase;}
.mainlink{margin-right: -5px; float:left; margin-top: 1px;}
.login{float:right !important; margin-left: 17px;}
.login a{padding: 3px 15px;
float: right;
background: #67B6F9;
color: #fff;
font-size: 13px;}
a.search-open{border: 1px solid #939395;
padding: 7px;
float: left;
border-radius: 100px;
height: 34px;
width: 34px;
text-align: center;
line-height: 1;}
a.search-open i{ color:#515151; font-size:14px;}



.hide {
  width:100%;
  max-height: 99em;
  opacity: 1;
  height: auto;
  overflow: hidden;
  transition: opacity 1.5s linear, max-height 1.5s linear; z-index:999999;
}
.hide p {
  padding: 10px;
  margin: 0;
}
.ex1 input[type="checkbox"]:checked + div {
  opacity: 0;
  max-height: 0;
  border: none;
}
.follow {
  border-top: 1px solid blue;
  margin: 0;
}

/* example 2 */
.inner {
  position: relative;
  overflow: hidden;
}
.hide2 {
  width: 50%;
  float: left;
  clear: both;
  border: 1px solid #000;
  background: red;
  opacity: 1;
  overflow: hidden;
  transform: translateY(0);
  margin: 0;
  transition: all 1.5s linear, margin 0s linear 0s;
}
.hide2 p {
  padding: 10px;
  margin: 0;
}
.ex2 .follow {
  clear: both;
}

.ex2 input[type="checkbox"]:checked + .inner .hide2 {
  opacity: 0;
  transform: translateY(-100%);
  margin-bottom: -999em;
  transition: all 1.5s linear, margin 0s linear 1.5s;
}

/* example 3 */
.ex3 .hide3 {
  width: 50%;
  display: table;
  height: 150px; /* any arbitrary height but best at the minimum initial height you would want. */
  overflow: hidden;
  background: red;
  transition: all 0.5s ease;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.inner3 {
  padding: 10px;
}
.ex3 input[type="checkbox"]:checked + .hide3 {
  height: 0;
  opacity: 0;
  display: block;
}

.npl{background:rgba(14, 108, 228, 0.5); padding: 15px 30px !important; float:left;}






.bg{background:#333;}

.socialCircle-item i{-webkit-transform: rotate(253deg);}
.about-desc h3{margin-bottom: 15px;
font-weight: normal;
text-transform: uppercase;
font-size: 27px; letter-spacing: 3px; color: #fff;}




/* fixed social*/
#fixed-social {
   position: fixed;
   top: 19.5%; right:0px; z-index:99999 !important;
}

#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 48px;
   margin-bottom: 1px;
   z-index: 2;
}
#fixed-social a:hover>span{
	visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
	line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}
 .fixed-facebook{
 	background-color: #00AAE5;
 }
 .fixed-facebook span{
	background-color: #00AAE5;
 }
 .fixed-twitter{
	background-color: #7D3895;

 }
 .fixed-twitter span{
 	background-color: #7D3895;
 }
 .fixed-gplus{
	background-color: #00AF54;

 }
 .fixed-gplus span{
 	background-color: #00AF54;
 }
 .fixed-linkedin{
	background-color: #FFC41E;

 }
 .fixed-linkedin span{
 	background-color: #FFC41E;
 }
 .fixed-instagrem{
	background-color: #ED2B29;

 }
 .fixed-instagrem span{
 	background-color: #ED2B29;
 }
 .fixed-tumblr{
	background-color: #EB1471;

 }
 .fixed-tumblr span{
 	background-color: #EB1471;
 }
/*end fixed social*/


.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 30%;
bottom: 0;
display: -webkit-box;
z-index: 9999 !important;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1% !important;
color: #fff;
text-align: center;
opacity: .5;
z-index: 99999;
top: -7%;
}
button:focus {
    outline: 0px !important;
    outline: 5px auto -webkit-focus-ring-color;
}

.historys{ text-align: center;
margin-top: 15px;
font-weight: normal;
color: #000 !important;
font-size: 22px !important;}

.bgcolor{width:800px; margin:0 auto; text-align:center; background:rgba(0, 96, 149, 0.6); padding:50px 20px;}
.bgcolor h3{ font-size:32px; color:#fff; margin:10px 0px; font-family: "NewBaskervilleW01-Roman", Georgia, serif; font-weight:normal; text-transform:uppercase;}
.bgcolor p{ font-size:14px; color:#fff; margin:0px 0px; line-height: 26px;}
.ps67{padding: 30px 30px;}
/*.sptr{height:400px; background:#39C; padding:20px;}*/


@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}
.grid {
    position: relative !important;
    clear: both;
    margin: -18px 0;
    padding: 0em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 17px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width:100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding:0px;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #2f3238;
}

figure.effect-julia img {
	max-width: none;
	height: 400px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #df4e4e;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/***** Hera *****/
/*-----------------*/

figure.effect-hera {
	background: #303fa9;
}

figure.effect-hera h2 {
	font-size: 158.75%;
}

figure.effect-hera h2,
figure.effect-hera p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera figcaption::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	border: 2px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera p {
	width: 100px;
	text-transform: none;
	font-size: 121%;
	line-height: 2;
}

figure.effect-hera p a {
	color: #fff;
}

figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
	opacity: 0.6;
}

figure.effect-hera p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-hera p a:first-child i {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

figure.effect-hera p a:nth-child(2) i {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

figure.effect-hera p a:nth-child(3) i {
	-webkit-transform: translate3d(-60px,60px,0);
	transform: translate3d(-60px,60px,0);
}

figure.effect-hera p a:nth-child(4) i {
	-webkit-transform: translate3d(60px,60px,0);
	transform: translate3d(60px,60px,0);
}

figure.effect-hera:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}

figure.effect-hera:hover h2 {
	opacity: 0;
	-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

figure.effect-hera:hover p i:empty {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
	opacity: 1;
}

/*-----------------*/
/***** Winston *****/
/*-----------------*/

figure.effect-winston {
	background: #162633;
	text-align: left;
}

figure.effect-winston img {
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-winston figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/triangle.svg) no-repeat center center;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: rotate3d(0,0,1,45deg);
	transform: rotate3d(0,0,1,45deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

figure.effect-winston h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-winston p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1.5em 7% 0;
}

figure.effect-winston a {
	margin: 0 10px;
	color: #5d504f;
	font-size: 170%;
}

figure.effect-winston a:hover,
figure.effect-winston a:focus {
	color: #cc6055;
}

figure.effect-winston p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-winston:hover img {
	opacity: 0.6;
}

figure.effect-winston:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-winston:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: rotate3d(0,0,1,20deg);
	transform: rotate3d(0,0,1,20deg);
}

figure.effect-winston:hover p i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-winston:hover p a:nth-child(3) i {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-winston:hover p a:nth-child(2) i {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-winston:hover p a:first-child i {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*-----------------*/
/***** Selena *****/
/*-----------------*/

figure.effect-selena {
	background: #fff;
}

figure.effect-selena img {
	opacity: 0.95;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-selena:hover img {
	-webkit-transform: scale3d(0.95,0.95,1);
	transform: scale3d(0.95,0.95,1);
}

figure.effect-selena h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-selena p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	transform: perspective(1000px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

figure.effect-selena:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-selena:hover p {
	opacity: 1;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
	transform: perspective(1000px) rotate3d(1,0,0,0);
}

/*-----------------*/
/***** Terry *****/
/*-----------------*/

figure.effect-terry {
	background: #34495e;
}

figure.effect-terry figcaption {
	padding: 1em;
}

figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after {
	position: absolute;
	width: 200%;
	height: 200%;
	border-style: solid;
	border-color: #101010;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-terry figcaption::before {
	right: 0;
	bottom: 0;
	border-width: 0 70px 60px 0;
	-webkit-transform: translate3d(70px,60px,0);
	transform: translate3d(70px,60px,0);
}

figure.effect-terry figcaption::after {
	top: 0;
	left: 0;
	border-width: 15px 0 0 15px;
	-webkit-transform: translate3d(-15px,-15px,0);
	transform: translate3d(-15px,-15px,0);
}

figure.effect-terry img,
figure.effect-terry p a {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-terry img {
	opacity: 0.85;
}

figure.effect-terry h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4em 10px;
	width: 50%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

@media screen and (max-width: 920px) {
	figure.effect-terry h2 {
		padding: 0.75em 10px;
		font-size: 120%;
	}
}

figure.effect-terry p {
	float: right;
	clear: both;
	text-align: left;
	text-transform: none;
	font-size: 111%;
}

figure.effect-terry p a {
	display: block;
	margin-bottom: 1em;
	color: #fff;
	opacity: 0;
	-webkit-transform: translate3d(90px,0,0);
	transform: translate3d(90px,0,0);
}

figure.effect-terry p a:hover,
figure.effect-terry p a:focus {
	color: #f3cf3f;
}

figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-terry:hover img {
	opacity: 0.6;

}

figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-terry:hover p a {
	opacity: 1;
}

figure.effect-terry:hover p a:first-child {
	-webkit-transition-delay: 0.025s;
	transition-delay: 0.025s;
}

figure.effect-terry:hover p a:nth-child(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-terry:hover p a:nth-child(3) {
	-webkit-transition-delay: 0.075s;
	transition-delay: 0.075s;
}

figure.effect-terry:hover p a:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*-----------------*/
/***** Phoebe *****/
/*-----------------*/

figure.effect-phoebe {
	background: #675983;
}

figure.effect-phoebe img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-phoebe:hover img {
	opacity: 0.6;
}

figure.effect-phoebe figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/triangle2.svg) no-repeat center center;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(5,2.5,1);
	transform: scale3d(5,2.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-phoebe:hover figcaption::before {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-phoebe h2 {
	margin-top: 1em;
	-webkit-transition: transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-phoebe:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-phoebe p a {
	color: #fff;
	font-size: 140%;
	opacity: 0;
	position: relative;
	display: inline-block;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-phoebe p a:first-child {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

figure.effect-phoebe p a:nth-child(2) {
	-webkit-transform: translate3d(0,60px,0);
	transform: translate3d(0,60px,0);
}

figure.effect-phoebe p a:nth-child(3) {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

figure.effect-phoebe:hover p a {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #3498db;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*-----------------*/
/***** Kira *****/
/*-----------------*/

figure.effect-kira {
	background: #fff;
	text-align: left;
}

figure.effect-kira img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-kira figcaption {
	z-index: 1;
}

figure.effect-kira p {
	padding: 2.25em 0.5em;
	font-weight: 600;	
	font-size: 100%;
	line-height: 1.5;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-kira p a {
	margin: 0 0.5em;
	color: #101010;
}

figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
	opacity: 0.6;
}

figure.effect-kira figcaption::before {
	position: absolute;
	top: 0;
	right: 2em;
	left: 2em;
	z-index: -1;
	height: 3.5em;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
	transform: translate3d(0,4em,0) scale3d(1,0.023,1);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

figure.effect-kira:hover img {
	opacity: 0.5;
}

figure.effect-kira:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-kira:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
	transform: translate3d(0,5em,0) scale3d(1,1,1);
}

/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
	z-index: auto;
	overflow: visible;
	background: #000;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-steve:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}

figure.effect-steve figcaption {
	z-index: 1;
}

figure.effect-steve img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve h2,
figure.effect-steve p {
	background: #fff;
	color: #2d434e;
}

figure.effect-steve h2 {
	position: relative;
	margin-top: 2em;
	padding: 0.25em;
}

figure.effect-steve h2:before {
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
	margin-top: 1em;
	padding: 0.5em;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
	opacity: 1;
}

figure.effect-steve:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
	opacity: 0;
}

figure.effect-steve:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*-----------------*/
/***** Moses *****/
/*-----------------*/

figure.effect-moses {
	background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
	background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}

figure.effect-moses img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-moses h2,
figure.effect-moses p {
	padding: 20px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
}

figure.effect-moses h2 {
	padding: 20px;
	width: 50%;
	height: 50%;
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
}

figure.effect-moses p {
	float: right;
	padding: 20px;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-moses:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-moses:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-moses:hover img {
	opacity: 0.6;
}

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
	background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}

figure.effect-jazz img {
	opacity: 0.9;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.7;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.4;
}

/*---------------*/
/***** Lexi *****/
/*---------------*/

figure.effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

figure.effect-lexi img {
	margin: -10px 0 0 -10px;
	max-width: none;
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
	position: absolute;
    right: -100px;
    bottom: -100px;
    width: 402px;
    height: 380px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,1);
    transform: scale3d(0.5,0.5,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: rgba(5, 5, 5, 0.8);
}

figure.effect-lexi:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi h2 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
	color: #141515;
	font-size: 17px; text-transform: uppercase; color:#fff; background:rgba(41, 128, 185, 0.6); width:70%; padding:5px;  font-weight: normal;
letter-spacing: 2px;
}

figure.effect-lexi p {
position: absolute;
right: 0;
bottom: 66px;
padding: 0 1.5em 1.5em 0;
width: 280px;
text-align: right;
opacity: 0;
-webkit-transform: translate3d(20px,20px,0);
transform: translate3d(20px,20px,0);
color: white;
font-size: 13px;
}

figure.effect-lexi:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
	background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}

figure.effect-duke img,
figure.effect-duke p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-duke:hover img {
	opacity: 0.1;
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}

figure.effect-duke h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

figure.effect-duke p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	padding: 30px;
	border: 2px solid #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
.viewmore a{color: #E8F84D;
font-size: 11px;
margin-top: 15px;
float: left;
width: 100%;
position: absolute;
left: -26px;}





 /* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 33%;
  padding: 10px; position: relative;
}

/* Style the images inside the grid */
.column img {
  cursor: pointer;
}

.column img:hover {
  opacity:0.8;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
} 


.column img active{
    opacity: 0.10;
    cursor: pointer;
}
.overtext{position: absolute;
top: 122px;
right: 20px;}
.overtext h4{ font-size: 15px;
float: right;
text-align: right;
color: #fff;}























/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0; float: left;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
.wtgh{width:58%; float:left;}
.logo_banner{
position: absolute;
bottom: -75%;
left: 0px;
z-index: 99999 !important;
margin: 0 auto;
width: 23%;
text-align: center;
height: 100%;
padding: 20px;}
.logo_banner img{float: left;}
.redmore{position:absolute; left:20%; top:60%; z-index:999999 !important;}
ul.header2 li a{padding:40px 30px !important;}
.logo2 img{width:300px;}
.header2search{margin-left: -36px !important;
position: relative !important;
right: 20px !important;}

.home1 .right-bar-icon, .home2 .right-bar-icon {
    right: -9px;
    position: absolute;
    top: 18px;
}




a.viewbottn{position: absolute;
top: 94%;
right: 0%;
border: none;
font-size: 12px;
color: #131313;
z-index: 99;
background-color: rgba(255, 255, 255, 0.5);}
a.viewbottn i{ font-size:18px; color:#3b3b3b;}
.lefth{text-align:left !important;}
img.brder{border-bottom:4px solid #2980B9;}

.logo_banner_inner{position: absolute;
bottom: -43%;
left: 0px;
z-index: 99999 !important;
margin: 0 auto;
width: 23%;
text-align: center;
height: 100%;
padding: 20px;}











/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(74,157,211,0.75); z-index: 999999;
}

/* Inner */
.popup-inner {
	width:90%;
	padding:10px;
	position:absolute;
	top: 54%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#fff;
}

/* Close Button */
.popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}








/* header2 design start */
.header_top{width:100%; float:left; padding:5px 10px; background:#0060df;}
ul.color_comb a{color:#FFF !important;}
ul.color_comb li a{color:#FFF !important;}
.headre_bttm{float:left;}
.headre_bttm img{ width:220px; margin:10px 0px;}
ul.header2 li a{padding:23px 30px !important;}


.fsElementContent2 {
    width: 100%;
    float: left;
    padding: 1px 35px;
    background-color: #002854;
}
.fsElementContent2 ul {
    float: left;
    margin: 0px;
    padding: 0px;
}
.fsElementContent2 ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
.fsElementContent2 ul li a {
    float: left;
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 11px;
}

#headerr_inner2 {
    width: 100%;
    float: left;
    padding: 8px 35px;
    z-index: 9999999;
    border-bottom: 1px solid #ccc; background:#F3F3F3;
}
ul.bradcrimb_links a{color:#FFF !important;}
ul.bradcrimb_links li a i{color:#FFF !important; font-size:12px !important; line-height: 1.5;}

.socials {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    position: absolute !important;
    top: 34px !important;
    right: 5px !important;
}

/* header2 design end */



.section{ margin-bottom:40px; margin-top:5px; float:left; width:100%;}
.lft_section{width:100%; float:left; margin:0px;padding:0px;}
.rgt_section{width:100%; float:left; margin:0px; padding:0px 0px;}
.rgt_section h4{ font-size:26px; color:#ef7110; text-transform:uppercase; margin:10px 0px;}
.rgt_section h3{ font-size:18px; color:#333; text-transform:uppercase; margin:10px 0px;}
.rgt_section h5{ font-size:14px; color:#002854; margin:10px 0px; text-align:center; font-weight:normal; line-height:1.5;}
.rgt_section p{ font-size:14px; color:#000; line-height:1.8; width:100%; float:left;}

.list_box{ margin-top:20px; margin-bottom:20px; padding:0px;}
.list_box a{color:#FFF; width:30%; float:left; padding:8px; background:#0C79BF; font-size:14px; margin:0px 5px; text-align:center; border:2px solid #f5b07b; transition:all ease 0.5; margin-bottom:10px;}
.list_box a:hover{ background:#ef7110; color:#FFF; transition:all ease 0.5; border:2px solid #ef7110;}


.note{
  color: #777;
  font-size: 0.85em;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    font-size: 14px !important; font-weight:normal !important;
}
.bgcolort{background:#262626; color:#FFF; padding:5px 10px;}
.table td, .table th {
    padding: 5px 5px !important;
    border-top: 1px solid #dee2e6; color: #000; vertical-align: baseline;
}
.bs-example{margin-bottom:30px;}
button.bttnsub{padding:5px 20px; float:left; background:#002854; color:#FFF; border:none; cursor:pointer;}
select.selectoption{padding:5px 10px; font-size:14px; width:16%;}

.inner-banner-bootom{width:100%; float:left; margin-bottom:30px; padding-bottom:5px; background:#dd6a13;}

.banner_heading{ position: absolute;
    top:185px;
    left: 0%;
    width: 100%;
    padding: 20px 40px;
}
.banner_heading h6{ font-size:24px; color:#FFF;}
ul.bradcrumb{ float:right;}
ul.bradcrumb li{ list-style:none; margin:0px 0px; float:left;}
ul.bradcrumb li a{ font-size:12px; color:#FFF; padding:0px 10px; float:left;}
.section_l{width:50%; float:left; margin-bottom:20px;}
.section_l h4{ font-size:18px; color:#333; margin-bottom:10px; float:left; padding:0px 10px; font-weight:500; text-transform:uppercase;}
.section_l p{ font-size:13px; color:#333; margin-bottom:10px; float:left; padding:0px 10px; width:100%;}
.all_details{width:100%; float:left; border-bottom: 1px solid #dad9d9; margin-bottom: 20px;}
.all_details h5{font-size:24px; color:#dd6a13; margin-bottom:10px; text-transform:uppercase;}
.all_details p{font-size:14px; color:#333; margin-bottom:10px;}

ul.list{width:100%; float:left; margin:0px; padding:0px 14px;}
ul.list li{ font-size:13px; color:#333; margin:5px 0px; list-style:none;}
ul.list li i{ font-size:13px; color:#F90; margin:5px 0px; list-style:none;}


.h_section{width:50%; float:left;}






.form-group label{/*float:left; font-size:14px; color:#333;*/}
.form-group2 label{float: left;
font-size: 14px;
color: #333;
margin-top: 10px;
margin-bottom: -2px;
margin-left: 10px; float:left; width:100%;}
.form-group2{ float:left; width:100%;}
.form-group2 textarea{width:95%; float:left; padding:10px; height:140px; font-size:14px; color:#333; border:1px solid #CCC; margin:10px 10px;}

.form-group button{ border:none; padding: 2px 20px; float:left; font-size:14px; color:#fff; background:#1b4a56; cursor:pointer; margin-top: 30px;}
.contact_form h3{font-size:18px; color:#333; text-transform:uppercase; margin-top:20px; margin-bottom:10px; margin-left:10px;}








.gallerys{
  position: relative;
  width:100%;
  overflow: hidden; margin-top:20px;
}

.gallerys .content-overlay {
  background: rgba(91, 204, 13, 0.5);
  position: absolute;
  height:100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.gallerys:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.gallerys:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
.gallery_Page h3{font-size:15px; color:#fff; margin:0px 0px; text-align:center; font-weight:500; background:#cfb10b; padding:10px 10px;}
.content-details a{padding:7px 20px; font-size:12px; color:#131313; background:#fff; text-transform:uppercase; border-radius:30px;}
.bottm_section h4{margin-top:0px;}
.inner-banner img{width:100%; margin-bottom: 5px; border-bottom: 5px solid #0062A0;}
.panel-default{width: 100%; color: #FFF; margin:5px 0px; padding:0px 0px; float: left;}
.panel-default a{color: #FFF;}
h6.panel-title{padding:10px 10px;}
.panel-body{padding:10px 10px; background: #1C6C9E; float:left; width:100%;}
.panel-body p{ font-size:13px; color:#fff; line-height:1.8; display: flex;}
.panel-group{margin-top:15px;}
.table thead th, tr{
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; color:#fff; font-size:13px;}
.table thead td{color:#000; font-size:13px !important;}
.right_panel{ width:100%; text-align:center; margin-top:0px; padding: 10px; background-color: #f6f6f6; margin-bottom:20px;}
.right_panel h2{ text-align:center; font-size:18px; color:#333; margin-top:10px; margin-bottom:10px;}
.right_panel h4{ text-align:center; font-size:16px; color:#F90; margin-top:0px !important;}
.right_panel p{ text-align:center; font-size:13px; color:#000; margin:5px 0px;}

.left_bottom_panel{ padding:10px; text-align:center; background: #2980B9; font-size:16px; text-transform:uppercase; width:100%; float:left; margin-bottom:10px;}
.left_bottom_panel img{ width:100px;}
.left_bottom_panel p{ color:#FFF; margin-top:10px; font-weight:500;}

.containerx {
    padding: 0px 35px;
}

.form_fild{width:100%; float:left; margin:10px 0px;}
.form_fild label{width:100%; float:left; margin:5px 0px; font-size:13px; color:#333;}
.form_fild input{width:100%; padding:3px 10px; font-size:12px; color:#666; border:1px solid #CCCCCC;}
.form_fild select{width:100%; padding:7px 10px; font-size:12px; color:#666; border:1px solid #CCCCCC;}
.yesno{float:left; width: 25%;}
.yesno input{float: left;

width: 24%;

position: relative;

top: 6px;

right: 5px;}
.yesno p{font-size: 13px;
float: left;
width: 37%;
line-height: 0.5;}

.yesno2 input{float: left;
width: 7%;}
.yesno2 p{font-size: 13px;
float: left;
width: 58%;
line-height: 0.5;}
.form_fild textarea{width:100%; padding:3px 10px; font-size:12px; color:#666; border:1px solid #CCCCCC; height:150px;}

.submit button{ padding:6px 15px; float:right; margin:10px 0px; font-size:14px; color:#FFF; background:#333; border:none; cursor:pointer;}