.our-teaminde{ text-align: center; }
.our-teaminde .pic{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
   
}
.our-teaminde .pic:before,
.our-teaminde .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 13px solid #e6e5e5;
    position: absolute;
    top: 0;
    left: 0;
}
.our-teaminde .pic:after{
    border-color: #37b0f1 #e6e5e5 #e6e5e5 #37b0f1;
  
    transform: rotate(-10deg);
    transition: all 0.5s ease 0s;
}
.our-teaminde:hover .pic:after{ transform: rotate(350deg); }
.our-teaminde img{
    width: 100%;
    height: auto;
}
.our-teaminde .title{
    font-size: 26px;
    font-weight: bold;
    color: #222;
    padding-bottom: 10px;
    margin: 15px 0 10px 0;
    position: relative;
}
.our-teaminde .title:after{
    content: "";
    width: 30px;
    height: 2px;
    background: #222;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.our-teaminde .post{
    display: block;
    font-size: 16px;
    font-style: italic;
    color: #777;
}
.our-teaminde .icon{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.our-teaminde .icon li{ display: inline-block; }
.our-teaminde .icon li a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #e0e0e0;
    font-size: 14px;
    color: #999;
    margin-right: 5px;
    transition: all 0.3s ease-out 0s;
}
.our-team .icon li a:hover{
    background: #37b0f1;
    color: #fff;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
License Terms
.main-timeline{ position: relative; }
.main-timeline:before,
.main-timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline .timeline{
    width: 50%;
    padding-right: 30px;
    float: left;
    position: relative;
}
.main-timeline .timeline:last-child{
    margin-bottom: 0;
}
.main-timeline .timeline:after{
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #e5e9ed;
    position: absolute;
    top: 0;
    right: -6px;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline:hover:after{
    background: #7d2825;
    transform:  scale(1.3);
}
.main-timeline .timeline-content{
    padding: 50px 40px;
    background: #e5e9ed;
    position: relative;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline-content:hover{
    background: #7d2825;
}
.main-timeline .timeline-content:after{
    content: "";
    border-top: 30px solid #e5e9ed;
    border-right: 15px solid transparent;
    position: absolute;
    top: 0;
    right: -15px;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline-content:hover:after{
    border-top-color: #7d2825;
}
.main-timeline .year{
    display: block;
    font-size: 24px;
    color: #7d2825;
    line-height: 32px;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.main-timeline .post{
    display: block;
    font-size: 20px;
    color: #22272c;
    padding-bottom: 8px;
    margin: 8px 0 15px 0;
    position: relative;
}
.main-timeline .post:after{
    content: "";
    display: block;
    width: 30px;
    border-top: 2px solid #22272c;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline-content:hover .post:after{
    border-top-color: #fff;
}
.main-timeline .title{
    font-size: 18px;
    font-weight: 500;
    color: #7d2825;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.main-timeline .description{
    font-size: 14px;
    color: #7a7e82;
    line-height: 25px;
}
.main-timeline .timeline-content:hover .year,
.main-timeline .timeline-content:hover .title,
.main-timeline .timeline-content:hover .description{
    color: #fff;
}
.main-timeline .timeline:nth-child(2n){
    padding: 0 0 0 30px;
    margin-top: 75px;
}
.main-timeline .timeline:nth-child(2n):after{
    right: auto;
    left: -6px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
    border-left: 15px solid transparent;
    border-right: none;
    left: -15px;
    right: auto;
}
@media only screen and (max-width: 767px){
    .main-timeline:before{
        margin: 0;
        left: 0;
    }
    .main-timeline .timeline{
        width: 100%;
        float: none;
        padding: 0 0 0 30px;
        margin-bottom: 50px;
    }
    .main-timeline .timeline:after{
        right: auto;
        left: -6px;
    }
    .main-timeline .timeline-content{
        padding: 20px;
    }
    .main-timeline .timeline-content:after{
        border-left: 15px solid transparent;
        border-right: none;
        left: -15px;
        right: auto;
    }
    .main-timeline .timeline:nth-child(2n){
        margin-top: 0;
    }
}
.line {
padding-left: 30px;
padding-right: 30px;
}
hr.tall {
    margin: 44px 0;
}
theme-elements.css:2823
hr {
    background-image: -webkit-linear-gradient(left, transparent, #dbdbdb, transparent);
    background-image: linear-gradient(to right, transparent, #dbdbdb, transparent);
    border: 0;
    height: 1px;
    margin: 22px 0;
}
scaffolding.less:129
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
normalize.less:221
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
vendor-prefixes.less:77
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
hr {
    display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}
.sidenav {
    height: 100%;
    width:0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
 background-color:white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: red;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color:white;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
   .rs{
	clear: both;
    font-family: 'Dancing Script', cursive;
    font-size: 32px;
}
 .searchx{
clear: both;
border-top-left-radius:0em;
border-bottom-left-radius:0em;
font-size: 16px;
}

.searchx1{
clear: both;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
}
 
 



.sidenav {
    height: 100%;
    width:0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
 
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: white;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color:red;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.mycx{
background-color: red;
position:fixed;width:100%;z-index:1;
}

.indx2{
margin-top:15px; margin-bottom:100px; padding-bottom:15px;"
}
.indx3{
font-family: 'Lobster Two', cursive;"
}
.demo1{ background: #002333; }
.pricingTable1{
    padding: 40px 0;
    margin: 50px 40px 30px 20px;
    background: #fff;
    text-align: center;
    z-index: 1;
    position: relative;
}
.pricingTable1:before{
    content: "";
    border-right: 20px solid #9e534d;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    position: absolute;
    top: 20px;
    left: -40px;
}
.pricingTable1:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: skew(0deg, 7deg);
    transform-origin: left bottom 1;
    z-index: -1;
}
.pricingTable1 .title{
    padding: 20px 0;
    margin: 0 40px 20px 0;
    background: #d46c6d;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
}
.pricingTable1 .title:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #d46c6d;
    position: absolute;
    top: 0;
    left: 0;
    transform: skew(17deg, 0deg);
    transform-origin: left bottom 0;
    z-index: -1
}
.pricingTable1 .title:after{
    content: "";
    border-top: 64px solid #d46c6d;
    border-right: 200px solid #ce0009;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.pricingTable1 .price-value{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ce0009;
    font-size: 30px;
    font-weight: 600;
    color: #ce0009;
    position: absolute;
    top: -40px;
    right: -40px;
}
.pricingTable1 .pricing-content{
    list-style: none;
    padding: 20px 0;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px;
    color: #ce0009;
    border-top: 1px solid #d46c6d;
    border-bottom:  1px solid #d46c6d;
    position: relative;
}
.pricingTable1 .pricing-content:before,
.pricingTable1 .pricing-content:after{
    content: "";
    width: 50%;
    height: 2px;
    background: #ce0009;
    position: absolute;
    top: -2px;
    left: 0;
    transition: all 0.3s ease 0s;
}
.pricingTable1 .pricing-content:after{
    top: auto;
    left: auto;
    bottom: -2px;
    right: 0;
}
.pricingTable1:hover .pricing-content:before,
.pricingTable1:hover .pricing-content:after{ width: 100%; }
.pricingTable1 .pricingTable-signup{
    display: inline-block;
    padding: 10px 30px;
    font-size: 17px;
    font-weight: 600;
    color: #ce0009;
    border: 2px solid #ce0009;
    transition: all 0.5s ease 0s;
}
.pricingTable1:hover .pricingTable-signup{
    background: #ce0009;
    color: #fff;
}
.pricingTable1.green:before{ border-right-color: #798b59; }
.pricingTable1.green .title,
.pricingTable1.green .title:before{ background: #a7c572; }
.pricingTable1.green .title:after{
    border-top-color: #a7c572;
    border-right-color: #4d6236;
}
.pricingTable1.green .price-value{
    border-color: #4d6236;
    color: #4d6236;
}
.pricingTable1.green .pricing-content{
    color: #4d6236;
    border-top-color: #a7c572;
    border-bottom-color: #a7c572;
}
.pricingTable1.green .pricing-content:before,
.pricingTable1.green .pricing-content:after{ background: #4d6236; }
.pricingTable1.green .pricingTable-signup{
    border-color: #4d6236;
    color: #4d6236;
}
.pricingTable1.green:hover .pricingTable-signup{
    background: #4d6236;
    color: #fff;
}
.pricingTable1.blue:before{ border-right-color: #7295a8; }
.pricingTable1.blue .title,
.pricingTable1.blue .title:before{ background: #3da5d9; }
.pricingTable1.blue .title:after{
    border-top-color: #3da5d9;
    border-right-color: #25739d;
}
.pricingTable1.blue .price-value{
    border-color: #25739d;
    color: #25739d;
}
.pricingTable1.blue .pricing-content{
    color: #25739d;
    border-top-color: #3da5d9;
    border-bottom-color: #3da5d9;
}
.pricingTable1.blue .pricing-content:before,
.pricingTable1.blue .pricing-content:after{ background: #25739d; }
.pricingTable1.blue .pricingTable-signup{
    border-color: #25739d;
    color: #25739d;
}
.pricingTable1.blue:hover .pricingTable-signup{
    background: #25739d;
    color: #fff;
}
@media only screen and (max-width: 990px){
    .pricingTable1{ margin-bottom: 50px; }
}
@media only screen and (max-width: 767px){
    .pricingTable1{ margin-bottom: 80px; }
    .pricingTable1:after{
        transform: skew(0deg, 3deg);
        transform-origin: left bottom 0;
    }
}

.rrou{
	border-radius: 50px 2px 50px 2px;
}
.boss{
	padding: 5px 50px 5px 50px;
	border: 1mm solid #fff;
}
.vk{
	padding-top: 20px;
	padding-bottom: 20px;
}
.se{
	font-size:24px; 
	font-family: 'Cookie', cursive;
	}
.rr{
	border-radius: 2px 50px 2px 50px;
}
.bs{
	padding: 5px 50px 5px 50px;
	border:0px;
	background-color: #1067be;
	color: #fff;
}
.vkk{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
}
.see{
	font-size:24px; 
	font-family: 'Cookie', cursive;
	}
.as{
	padding-top: 40px;
}
.ass{
	padding: 5px;
}
.ba{
	background-image:url(img/21.jpg);
	background-repeat: no-repeat;
	}
.ca{
	background:#eaeaea url(img/bg.png);
	font-size:16px;
	font-family:"Open Sans", serif;
	
	}
.na{
	border-left: 3px blue solid;
	margin-left:80px;
}
.mat{
	padding-top:50px;
}
.mab{
	padding-bottom:50px;
}
.pad{
	padding-top: 130px;
	padding-left: 30px;
}
.asd{
	color: #4a24ba;
}
.basd{
	background-color:#3e5e7e;
}
body, html {height: 100%}
body,h1,h2,h3,h4,h5,h6 {font-family: "Amatic SC", sans-serif}

.menu {display: none}
.repeating-linear {

  border-top: 4px solid #1abc9c;
    border-image: repeating-linear-gradient( 45deg, lightgray, gray 3%, gray 1%, #1abc9c 5%) 10;
   width: 100%;
}
.repeating-linearfooter {

  border-top: 2px solid black;
   border-top-color:#262626;
  margin-top: -10px
 
}
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active {
  background-color: #717171;
}
.hocolor1{
background-color:#53d489;
}
.hom2{
background-color: #fdd25d
}
.hom3{
background-color: #6a9fe1
}
.hom4{
background-color: #314d68;
}
.repeating-linear1 {

  border-bottom: 2px solid #1abc9c;
    border-image: repeating-linear-gradient( 45deg,lightgray , gray 3%, gray 1%, #1abc9c 5%) 10;
  
}	
.product-heading
{
  width: 100%;
  float: left;
  color: 001F3F;
  border-bottom: solid 1px #e2e2e2;
  margin-bottom: 20px;
  position: relative;
  z-index: 1000;
}
.footer
{
font-family: 'Italianno', cursive;
font-size:40px;
letter-spacing:3px;
margin-top: 5px;
}
.fontriya{
font-family: 'Bentham', serif;
font-family: 'Caudex', serif;
font-family: 'Italianno', cursive;
font-family: 'Muli', sans-serif;
font-size:16px;
text-align: justify;

}
.container 
{
overflow: hidden;
display:block;
height:80px;
font-family: 'Lateef', cursive;
text-align:center;
letter-spacing:normal;
z-index:100;
box-shadow: 0px 0px 6px lightgrey;
text-align: center;
}
.container a 
{
float:left;
font-size: 16px;
color: black;
text-align:center;
padding:8px 8px;
text-decoration: none;
display:block;
 font-family: 'Lateef', cursive;
text-align:center;
letter-spacing:normal;
margin-left: 10px;
margin-right: 10px;
margin-top:6px;
z-index: 100;
}
.container a :hover
{
	color: green;
}
.dropdown
{
float: left;
overflow: hidden;
z-index: 100;
margin-top:6px;
color: #f07677;
}
.dropdown a:hover
{
color: green;
}
.dropdown .dropbtn {
    cursor: pointer;
    font-size: 16px;    
    border: none;
    outline: none;
    font-family: 'Lateef', cursive;
    text-align:center;
   color: black;
   z-index: 100;
}
.dropdown .dropbtn1 {
    cursor: pointer;
    font-size: 16px;    
    border: none;
    outline: none;
    color: black;
     font-family: 'Lateef', cursive;
    text-align:center;
    background-color: inherit;
    z-index: 1000;
}
.dropdown-content 
{
	color: black;
    display:none;
    position:absolute;
     font-family: 'Lateef', cursive;
    text-align:center;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
    margin-top:-1px;
    background-color:#e3e6ea;
    
    z-index:100;
}
.dropdown-content a 
{
    clear: both;
	float: left;
    font-size:16px;
    color: black;
    text-align:center;
    text-decoration: none;
    font-family: 'Lateef', cursive;
    text-align:center;
    margin-top:-1px;
    text-align:justify; 
    z-index:100;
}
.dropdown1-content1 
{
    display:none;
     font-family: 'Lateef', cursive;
    text-align:left;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
    margin-top:-1px;
    background-color:#f6f6f6;
    opacity:0.9;
    z-index:100;
    color: black;
}
.dropdown1-content1 a 
{
	clear: both;
	float: left;
    font-size:16px;
    color: black;
    text-align:left;
    text-decoration: none;
    font-family: 'Lateef', cursive;
    margin-top:-1px;
    text-align:justify; 
    z-index:100;
}
h4
{
	clear: both;
font-size:16px;
font-weight: bold;
color:#5ea6e1;
text-align:justify;

}
h3
{
font-size:26px;
font-weight: bold;
color:white;
text-align:justify;

}
.dropdown2-content2 
{
    display:none;
    position:absolute;
   
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
    margin-top:-1px;
    background-color:#f6f6f6;
    opacity:0.9;
   color: black;
    z-index:100;
     font-family: 'Lateef', cursive;
    text-align:left;
}
.dropdown2-content2 a 
{
    text-align: left;
    font-size:16px;
   color: black;
    text-align:left;
    text-decoration: none;
    font-family: 'Lateef', cursive;
    margin-left: 40px;
    margin-top: -1px;
    z-index:100;
}
.dropdown3-content3 
{
    display:none;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
    margin-top:-1px;
    background-color:#f6f6f6;
    opacity:0.9;
    z-index:100;
     font-family: 'Lateef', cursive;
   text-align:center;
}
.dropdown3-content3 a 
{
  
    float:left;
    font-size:16px;
    color:black;
    text-align: center;
    
    text-decoration: none;
      font-family: 'Lateef', cursive;
   text-align:left;
    margin-left:40px;
    margin-top:-1px;
    z-index:100;
}
.dropdown4-content4 
{
    display:none;
    font-family: 'Lateef', cursive;
    text-align:center;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
    background-color:#f6f6f6;
    opacity:0.9;
    z-index:100;
}

.dropdown4-content4 a 
{
	clear: both;
	
    font-size:14px;
    color:black;
    text-align:center;
    padding: 0px  0px;
    text-decoration: none;
     font-family: 'Lateef', cursive;
      text-align:center;
     text-align:justify; 
    z-index:100;
}
.dropdown5-content5 
{
    display:none;
     font-family: 'Lateef', cursive;
    text-align:center;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
   background-color:#f6f6f6;
  
    z-index:100;
    margin-top:-2%;
}

.dropdown5-content5 a 
{
	clear: both;
    font-size:14px;
    color:black;
    text-align:center;
    padding: 0px  0px;
    text-decoration: none;
      font-family: 'Lateef', cursive;
      text-align:center;
   
    text-align:justify; 
    z-index:100;
}
.dropdown6-content6 
{
    display:none;
    font-family: 'Lateef', cursive;
    text-align:center;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
   background-color:#f6f6f6;
   z-index:100;
    margin-top:-2%;
}


.dropdown6-content6 a 
{
	clear: both;
    font-size:14px;
    color:black;
    text-align:center;
    padding: 0px  0px;
    text-decoration: none;
    font-family: 'Lateef', cursive;
   text-align:center;
   text-align:justify; 
    z-index:100;
}
.dropdown7-content7 
{
    display:none;
     font-family: 'Lateef', cursive;
    text-align:center;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
   background-color:#f6f6f6;
  
    z-index:100;
    margin-top:-2%;
}

.dropdown7-content7 a 
{
	clear: both;
    font-size:14px;
    color:black;
    text-align:center;
    padding: 0px  0px;
    text-decoration: none;
      font-family: 'Lateef', cursive;
      text-align:center;
   
    text-align:justify; 
    z-index:100;
}
.dropdown8-content8 
{
    display:none;
     font-family: 'Lateef', cursive;
    text-align:center;
    position:absolute;
    margin-right:0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index:100;
   background-color:#f6f6f6;
   z-index:100;
    margin-top:-2%;
}
.show 
{
display: block
}
.MAD{
clear:both;
	font-family: 'Spectral', serif;
font-family: 'Neuton', serif;
font-size: 16px;
margin:0px;
margin-top: -10px;
margin-bottom: 3px;
padding:0px;
}
.MAD1{
clear:both;
	font-family: 'Spectral', serif;
font-family: 'Neuton', serif;
font-size: 16px;
margin:0px;
margin-top: -20px;
}
.MAD2{
clear:both;
	font-family: 'Spectral', serif;
font-family: 'Neuton', serif;
font-size: 16px;
color: green;

}
.MAD3{
clear:both;
	font-family: 'Spectral', serif;
font-family: 'Neuton', serif;
font-size: 22px;
}
.bgimg{    
    background-image: url("images/maxresdefault.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    
}
.bgimg1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("images/riya.jpg");
   width: 100%;
   
}
.sliram{
font-family: 'Fredericka the Great', cursive;
font-size: 40px;
line-height: 30px;
color: white;

}
.bgimg2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("images/11.jpg");
   width: 100%;
    height: 70%;
}
.our-team{ text-align: center; }
.our-team .pic{
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.our-team .pic:before,
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 100px 0 0 rgba(255, 255, 255, 0.01) inset, 0 100px 0 rgba(255, 255, 255, 0.01) inset, -100px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -100px 0 rgba(255, 255, 255, 0.01) inset;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 300ms linear 0s;
}
.our-team .pic:after{
    transform: rotate(45deg);
}
.our-team:hover .pic:after,
.our-team:hover .pic:before{
    box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
}
.our-team .pic img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 300ms linear 0s;
}
.our-team:hover .pic img{
    transform: scale(1.1);
}
.our-team .title{
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #d33f49;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.our-team .post{
    display: block;
    font-size: 15px;
    color: #333;
    text-transform: capitalize;
}
.our-team .social{
    padding: 0;
    margin: 25px 0 0 0;
    list-style: none;
}
.our-team .social li{
    display: inline-block;
    margin-right: 5px;
}
.our-team .social li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 0 15px 0 15px;
    background: #d33f49;
    font-size: 15px;
    color: #fff;
    transition: all 300ms linear 0s;
}
.our-team:hover .social li a{
    border-radius: 15px 0 15px 0;
    background: #f07677;
}
@media only screen and (max-width: 767px){
    .our-team{ margin-bottom: 30px; }
}
.testimonial{ margin: 0 20px 50px; }
.testimonial .pic{
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 15px 15px 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .testimonial-profile{
    display: inline-block;
    position: relative;
    top: -20px;
}
.testimonial .title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: capitalize;
    margin: 0 0 7px 0;
    
}
.ca{
	background:#eaeaea url(img/bg.png);
	font-size:16px;
	font-family:"Open Sans", serif;
	
	}
	.form-bg{
    background: url(../images/img-1.jpg);
    background-size: cover;
    position: relative;
}
.form-bg:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(73, 116, 130, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.form-horizontal{
    padding: 60px 40px 55px 40px;
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
}
.form-horizontal:before{
    content: "\f007";
    font-family: fontawesome;
    width: 100px;
    height: 100px;
    line-height: 96px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: #14a3aa;
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
}
.form-horizontal .heading{
    display: block;
    font-size: 28px;
    color: #597886;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px;
}
.form-horizontal .form-group{
    margin: 0 0 30px 0;
    position: relative;
}
.form-horizontal .form-group:last-child{ margin: 0; }
.form-horizontal .form-control{
    height: 50px;
    border: 2px solid #cbe9ea;
    border-radius: 5px;
    box-shadow: none;
    padding: 0 20px 0 26%;
    font-size: 16px;
    font-weight: bold;
    color: #94abb6;
    position: relative;
    transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus{
    box-shadow: none;
    outline: 0 none;
}
.form-horizontal .control-label{
    width: 20%;
    height: 46px;
    line-height: 46px;
    background: #f5ffff;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #94abb6;
    text-transform: capitalize;
    text-align: center;
    border-right: 2px solid #cbe9ea;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
}
.form-horizontal .btn,
.form-horizontal .btn:focus{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background: #14a3aa;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.form-horizontal .btn:hover{ background: #14a3aa; }
.form-horizontal .btn:before{
    content: "\f084";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 24px;
    color: #fff;
}
.form-horizontal .signup,
.form-horizontal .forgot-pass{
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: #14a3aa;
}
.form-horizontal .forgot-pass{
    float: right;
    color: #58aebc;
}
@media only screen and (max-width: 990px){
    .form-horizontal:before{ top: -50px; }
}
@media only screen and (max-width: 480px){
    .form-horizontal{ padding: 60px 20px 40px 20px; }
    .form-horizontal .control-label{ font-size: 12px; }
}
License Terms
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #5d7aa7;
}
.testimonial .description{
    padding: 20px 22px;
    background: #7d2825;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    margin: 0;
    position: relative;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    border-width: 18px 0 0 18px;
    border-style: solid;
    border-color: #5d7aa7 transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.testimonial .description:after{
    border-width: 18px 18px 0 0;
    left: auto;
    right: 0;
}
.owl-theme .owl-controls{
    margin-top: 10px;
    margin-left: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.8;
    background: #fff;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #1f487e;
}
.owl-next:before{ content: "\f054"; }
.btn{
    border-radius: 0;
    letter-spacing: 1px;
    z-index: 1;
    position: relative;
    transition: all 0.4s ease 0s;
}
.btn:before,
.btn:after{
    content: "";
    width: 0;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    transition: all 0.4s ease 0s;
}
.btn:after{
    top: auto;
    left: auto;
    bottom: 5px;
    right: 5px;
}
.btn:hover:before,
.btn:hover:after{
    width: 50%;
}
.btn.btn-sm:before,
.btn.btn-sm:after{
    height: 2px;
    top: 3px;
}
.btn.btn-sm:after{
    top: auto;
    bottom: 3px;
}
.btn.btn-xs:before,
.btn.btn-xs:after{
    height: 1px;
    top: 2px;
}
.btn.btn-xs:after{
    top: auto;
    bottom: 2px;
}
.btn.red{
    color: #fe6d6d;
    border: 1px solid #fe6d6d;
}
.btn.red:hover{
    background: #fe6d6d;
    color: #fff;
}
.btn.blue{
    color: #3bb4e5;
    border: 1px solid #3bb4e5;
}
.btn.blue:hover{
    background: #3bb4e5;
    color: #fff;
}
.btn.orange{
    color: #ee955b;
    border: 1px solid #ee955b;
}
.btn.orange:hover{
    background: #ee955b;
    color: #fff;
}
.btn.green{
    color: #79d799;
    border: 1px solid #79d799;
}
.btn.green:hover{
    background: #79d799;
    color: #fff;
}
@media only screen and (max-width: 767px){
    .btn{ margin-bottom: 20px; }
}
.our-teamriya .pic{
    position: relative;
    overflow: hidden;
}
.our-teamriya .pic img{
    width:100%;
    height: auto;
    transition:all 0.20s ease-in-out;
}
.our-teamriya:hover img{
    transform: scale(1.1,1.1);
}
.our-teamriya .over-layer{
    position: absolute;
    left:0;
    bottom:-100%;
    width:100%;
    height:100%;
    padding: 25px 15px;
    background:rgba(170, 13, 42,0.6);
    transition:all 0.20s ease-in-out;
}
.our-teamriya:hover .over-layer{
    bottom:0;
}
.our-teamriya .description{
    font-size: 14px;
    color:#fff;
}
.our-teamriya .social-link{
    padding:0;
    margin:0;
    list-style:none;
    position: absolute;
    bottom:8%;
    left:8%;
}
.our-teamriya .social-link li{
    display:inline-block;
}
.our-teamriya .social-link li a{
    border:1px solid #fff;
    width:25px;
    height:25px;
    color: #da3e65;
    background:#fff;
    line-height:25px;
    text-align:center;
    transition:all 0.3s ease 0s;
}
.our-teamriya .social-link li a:hover{
    text-decoration:none;
    color:#333;
}
.our-teamriya .team-prof{
    text-align:center;
}
.our-teamriya .team-prof a{
    color:#333;
    font-size:16px;
    letter-spacing:1px;
    text-transform: uppercase;
}
.our-teamriya .team-prof a:hover{
    text-decoration:none;
    color:#da3e65;
}
.our-teamriya .team-prof small{
    color:#da3e65;
    display: block;
    font-size:12px;
    margin-top:3%;
    text-transform: uppercase;
}
@media screen and (max-width: 990px){
    .our-teamriya{
        margin-bottom: 20px;
    }
}
.team1_social1{
    list-style: none;
    
    
}
.team1_social1 > li{
    display: inline-block;
    margin: 0 4px;
}
.team1_social1 > li > a{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    background-color:#53d489;
    font-size: 16px;
    line-height: 36px;
    border: 1px solid #f07677;
}
.team1_social1 > li > a:hover{
   
    border: 1px solid #e67e22;
}
.our-team:hover{
   
    transition: all 0.3s ease 0s;
}
.our-team:hover .pic{
    transform: translateY(3px);
    transition: all 0.3s ease 0s;
}
@media screen and (min-width:600px){
	.mob1 {
  	padding:0;
	margin-left:2px;
	margin-right:2px;  
}
    .our-team{
        margin-bottom: 30px;
    }
    .fonr{
    
    font-size:18px;
line-height:25px;
text-align: justify;
font-family: 'Lateef', cursive;
color: white;
    }
.fonrp{
font-size:16px;
line-height:25px;
text-align: justify;
font-family: 'Lateef', cursive;
color: gray;
}
.upcom{
font-size:16px;margin-top:1%;
}
.frame {
  height: 200px;
  width: 300px;
  overflow: hidden;
}
.zoomin img {
  height: 210px;
  width: 300px;
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.zoomin img:hover {
  width: 250px;
  height: 210px;
}
.sk{
content: "";
    position: absolute;
    top: 1686px;
    border-width: 0 882px 106px 0;
    border-style: solid;
    border-color: transparent transparent #f8b239 #f8b239;
    display: block;
    width: 0;
    margin-right:110%;
}
.sg{
content: "";
    position: absolute;
    top:247%;
    right: 0;
    border-width: 0px 1904px 120px 0;
    border-style: solid;
    border-color: transparent transparent #0177b5 #0177b5;
    display: block;
    width: 0;
}

.mySlides{display: none;}
.our2-team2{
    padding: 30px 0 40px;
    background: #f7f5ec;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.serviceBox{
    padding: 25px;
    margin: 0 20px 40px 0;
    border: 1px solid #ddd;
    position: relative;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover{ border: 1px solid #2b336c; }
.serviceBox .service-icon{
    display: inline-block;
    font-size: 40px;
    color: #ff6f59;
    margin-bottom: 10px;
}
.serviceBox .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #2b336c;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.serviceBox .description{
    font-size: 15px;
    color: #777;
    line-height: 25px;
    margin: 0;
}
.serviceBox .read{
    display: inline-block;
    padding: 7px 20px;
    font-size: 17px;
    font-weight: 700;
    color: #777;
    position: absolute;
    bottom: -20px;
    right: -20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .read{ color: #fff; }
.serviceBox .read:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skewX(-15deg);
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .read:after{
    background: #ff6f59;
    border: 1px solid #ff6f59;
}
.mySlides{display: none;}
.our2-team2 .pic{
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
}
.our2-team2 .pic:before{
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}
.our2-team2:hover .pic:before{ height: 100%; }
.our2-team2 .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.our2-team2 .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
.our2-team2:hover .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
.our2-team2 .team-content{ margin-bottom: 30px; }
.our2-team2 .title{
    font-size: 22px;
    font-weight: 700;
    color: #4e5052;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.our2-team2 .post{
    display: block;
    font-size: 15px;
    color: #4e5052;
    text-transform:capitalize;
    background-color: #d49a33;
}
.our2-team2 .social{
    width: 100%;
    padding: 0;
    margin: 0;
  
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
     color: #eb1768;
   
    
}
.our2-team2:hover .social{ bottom: 0; }
.our2-team2 .social li{ display: inline-block; }
.our2-team2 .social li a{
    display: block;
    padding: 10px;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s;
     
}
.our2-team2 .social li a:hover{
   
}
}
@media only screen and (min-width: 900px){
	.mob1 {
  	padding:0;
	margin-left:2px;
	margin-right:8px;  
}
.ab
{
    font-weight: 800;
    letter-spacing: .5px;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
}
    .our2-team2{ margin-bottom: 30px; }
    .fonr{
    
    font-size:18px;
line-height:25px;
text-align: justify;
font-family: 'Lateef', cursive;
color: white;
    }
.fonrp{
font-size:20px;
line-height:25px;
text-align: justify;
font-family: 'Lateef', cursive;
}
.frame1 {
  height: 130px;
  width: 300px;
  overflow: hidden;
}
.zoomin1 img {
  height: 130px;
  width: 300px;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}
.zoomin1 img:hover {
  width: 250px;
  height: 130px;
}
.info
{
    font-size: 48px;
    height:100px;
    width: 70px;
    margin: 7px;
    border-radius: 100%;
    line-height:90px;
    text-align: center;
    background: #ffffff;
    color: #c52d2f;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    
}
.info .fa 
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.info :after
 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
  .riya{
    text-align: center;
    padding: 35px 15px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.riya
{
    background:#7ed1f7;
    color:black;
    opacity: 0.7;
}
.riya:before{
    content: "";
    width: 40px;
    height: 40px;
    border-width: 20px;
    border-style: solid;
    border-color: #fff #fff rgba(1, 1, 1, 0.2) rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -40px;
    right: -40px;
    transition: all 0.3s ease 0s;
}
.riya::before{
    top: 0;
    right: 0;
}
.riya i{
    display: block;
    font-size: 35px;
    color:white;
    margin-bottom: 14px;
    transition: all 0.3s ease 0s;
}
.riya .title{
    font-size: 18px;
    font-weight: 900;
    color:black;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0 0 16px 0;
    transition: all 0.3s ease 0s;
}
.riya .description{
    font-size: 15px;
    color:white;
    line-height: 25px;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.riya: i,
.riya:.title,
.riya: .description{
    color: #fff;
}
.serviceBoxsoni
{
    padding: 20px 20px 20px 60px;
    margin-left: 40px;
    
    
    transition: all 0.3s ease 0s;
    
}
.serviceBoxsoni:hover{ background: #e3e3e3; }
.serviceBoxsoni .service-icon{
    width: 70px;
    height:70px;
    line-height: 90px;
    background: #e3e3e3;
    font-size: 30px;
    color: #676666;
    text-align: center;
    margin: auto 0;
    
    
    top: 0;
    left:-3px;
    bottom: 0;
    transform: rotate(360deg);
    transition: all 0.3s ease 0s;
}
.serviceBoxsoni:hover .service-icon{
    color: #087ca7;
    background: #e3e3e3;
}
.serviceBoxsoni .service-icon i{ transform: rotate(90deg); }
.serviceBoxsoni .service-icon:after{
    content: "";
    width: 63px;
    height: 63px;
   
   
 top: -2px;
    left: -4px;
    transition: all 0.3s ease 0s;
}
.serviceBoxsoni:hover .service-icon:after{ top: 1px; }
.serviceBoxsoni .title{
    font-size: 20px;
    color: #676666;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    margin-left:25px;
}
.serviceBoxsoni .description{
    font-size: 14px;
    color: #676666;
    line-height: 25px;
    margin-bottom: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    margin-left:25px;
}
@media only screen and (max-width:990px){
    .serviceBoxsoni{ margin-bottom: 30px; }
}
.serviceBoxsoni1
{
    padding: 20px 20px 20px 60px;
    margin-left: 40px;
    position: relative;
    transition: all 0.3s ease 0s;
    
}
.serviceBoxsoni1:hover{ background: #e3e3e3; }
.serviceBoxsoni1 .service-icon1{
    width: 70px;
    height:70px;
    line-height: 90px;
    background: #e3e3e3;
    font-size: 30px;
    color: #676666;
    text-align: center;
    margin: auto 0;
    position: absolute;
    top: 0;
    left:-3px;
    bottom: 0;
    transform: rotate(360deg);
    transition: all 0.3s ease 0s;
}
.serviceBoxsoni1:hover .service-icon1{
    color: #087ca7;
    background: #e3e3e3;
}
.serviceBoxsoni1 .service-icon1 i{ transform: rotate(90deg); }
.serviceBoxsoni1 .service-icon1:after{
    content: "";
    width: 63px;
    height: 63px;
    position: absolute;
    top: -2px;
    left: -4px;
    transition: all 0.3s ease 0s;
}
.serviceBoxsoni1:hover .service-icon1:after{ top: 1px; }
.serviceBoxsoni1 .title{
    font-size: 20px;
    color: #676666;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    margin-left:25px;
}
.serviceBoxsoni1 .description{
    font-size: 14px;
    color: #676666;
    line-height: 25px;
    margin-bottom: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    margin-left:25px;
}
@media only screen and (max-width:990px){
    .serviceBoxsoni1{ margin-bottom: 30px; }
}
#outerbox
{
border:8px solid white;
width: 300px;
height: 220px;
box-shadow: 0px 0px 15px grey;
margin: auto;
overflow:hidden;
margin-right:8px;
}
#outerbox img
{
cursor:pointer;
transition:transform 1s;
}
#outerbox:hover img
 {
transform:scale(1.5, 1.5) rotate(15deg);
 }
 #matter
 {
 	width: 300px;
 	height: 300px;
transition:transform 2s;
position:relative;

 }
#outerbox:hover #matter
{
transform:translateY(-300px) rotate(360deg); 
} 
#text
 {
 background-color:#f07677;
 line-height:35px;
 font-size: 20px;
 color:white;
 position: absolute;
 margin-top: 260px;
 width:100%;
 text-align: center;
 float: left;
}
#gallery
{

margin: auto;

padding:5px;

}
#thumbs
{
width: 150px;
height: 150px;
border:1px solid grey;
float: left;
margin: 5px;
}
#thumbs img
{
width:100%;
height: 100%;
}
.lightbox
{
visibility: hidden;
position:fixed;
top:0;
left:0;
opacity: 0;
background-color:rgba(72,73,74,0.7);
height:100%;
width:100%;
}
.lightbox:target
{
visibility: visible;
opacity: 1;
transition: opacity 2s;
}
#outer{
background-color:white;
width:600px;
margin: auto;
margin-top: 110px;
box-shadow: 0px 0px 35px black;
}
#inner
{
padding:5px;
}
.lightbox a
{
text-decoration: none;
font-size: 20px;
color: gray;
}
#cross
{
float: right;
}
#title
{
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.container1 
{
position:relative;
overflow:hidden;
width: 100%;
}
.formram-bg{
    background: url(img/login_banner.jpg);
    background-size: cover;
    position: relative;
    background-color:white;
     margin-top:8%;
     width: 100%;
     height: 700px;
}
.formram-bg:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(34, 59, 67, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    margin-top:-9%;
}
.formram-horizontal{
    padding: 60px 40px 55px 40px;
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
}
.formram-horizontal:before{
    content: "\f007";
    font-family: fontawesome;
    width: 100px;
    height: 100px;
    line-height: 96px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: #14a3aa;
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
}
.formram-horizontal .heading{
    display: block;
    font-size: 28px;
    color: #597886;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px;
}
.formram-horizontal .formram-group{
    margin: 0 0 30px 0;
    position: relative;
}
.formram-horizontal .formram-group:last-child{ margin: 0; }
.formram-horizontal .formram-control{
    height: 50px;
    border: 2px solid #cbe9ea;
    border-radius: 5px;
    box-shadow: none;
    padding: 0 20px 0 26%;
    font-size: 16px;
    font-weight: bold;
    color: #94abb6;
    position: relative;
    transition: all 0.3s ease 0s;
}
.formram-horizontal .formram-control:focus{
    box-shadow: none;
    outline: 0 none;
}
.formram-horizontal .control-label{
    width: 25%;
    height: 46px;
    line-height: 46px;
    background: #f5ffff;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #94abb6;
    text-transform: capitalize;
    text-align: center;
    border-right: 2px solid #cbe9ea;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
}
.formram-horizontal .btn,
.formram-horizontal .btn:focus{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background: #14a3aa;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.formram-horizontal .btn:hover{ background: #14a3aa; }
.formram-horizontal .btn:before{
    content: "\f084";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 24px;
    color: #fff;
}
.formram-horizontal .signup,
.formram-horizontal .forgot-pass{
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: white;
}
.formram-horizontal .forgot-pass{
    float: right;
    color: white;
}
@media only screen and (max-width: 990px){
    .formram-horizontal:before{ top: -50px; }
}
@media only screen and (max-width: 480px){
    .formram-horizontal{ padding: 60px 20px 40px 20px; }
    .formram-horizontal .control-label{ font-size: 12px; }
}
.container1 .textbox
{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
margin-top:-210px;
border-radius:5px;
background-color:rgba(34, 188, 239, 0.4);
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,.75);
box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,.75);
}
.container1:hover .textbox {
margin-top:0;
}
.text {
padding-top: 50px;
color:black;
    font-size: 17px;
   
    font-weight: 700;
    margin-bottom: 5px;
    font-family: 'Roboto Slab', serif;

}
.textbox {

-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.serviceBox4{
    padding: 20px 25px;
    border-radius: 5px;
    text-align: right;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.serviceBox4:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #094d92;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.serviceBox4:hover:before{ left: 0; }
.serviceBox4:after{
    content: "";
    width: 7px;
    height: 0;
    border-radius: 5px;
    background: #bef72e;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox4:hover:after{ height: 100%; }
.serviceBox4 .service-icon{
    color: #094d92;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
}
.serviceBox4 .service-icon i{ font-size: 30px; }
.serviceBox4 .title{
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 10px;
}
.serviceBox4 .description{
    font-size: 15px;
    color: #777;
    line-height: 25px;
    transition: all 0.5s ease 0s;
}
.serviceBox4:hover .service-icon,
.serviceBox4:hover .description{ color: #fff; }
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}

.btnram{
    color:#fff;
    border-radius: 0;
    position: relative;
    background:#363b45;
    text-transform: uppercase;
}
.btnram:after{
    content: "";
    border-width: 8px 8px 8px 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    top:31.5%;
    right:0;
}
.btnram-sm:after{
    border-width: 5px 5px 5px 0;
    top:33.5%;
}
.btnram-xs:after{
    border-width: 3px 3px 3px 0;
    top:35.5%;
}
.btnram:hover,
.btnram:focus{
    outline: none;
    color:#fff;
}
.btnram i{
    position: absolute;
    top: -1px;
    left:100%;
    width:32%;
    height: 103.5%;
    padding:15% 0;
}
.btnram-sm i{
    height: 106.5%;
}
.btnram-xs i{
    height: 108.5%;
    font-size: 10px;
    padding: 10% 0;
}
.btnram.red:hover:after,
.btnram.blue:hover:after,
.btnram.orange:hover:after,
.btnram.green:hover:after{
    border-right-color:#363b45;
}
.btnram.red:hover i,
.btnram.blue:hover i,
.btnram.orange:hover i,
.btnram.green:hover i{
    background:#363b45;
}
.btnram.red:hover,
.btnram.red i{
    background: #ff4d4d;
}
.btnram.red:after{
    border-right-color: #ff4d4d;
}
.btnram.blue:hover,
.btnram.blue i{
    background: #3fb7c8;
}
.btnram.blue:after{
    border-right-color: #3fb7c8;
}
.btnram.orange:hover,
.btnram.orange i{
    background: #ef965c;
}
.btnram.orange:after{
    border-right-color: #ef965c;
}
.btnram.green:hover,
.btnram.green i{
    background: #7ad79a;
}
.btnram.green:after{
    border-right-color: #7ad79a;
}
@media only  screen and (max-width: 767px) {
    .btnram{
        margin-bottom:20px;
    }
}
.formram-bg{
    background: url(../images/img-1.jpg);
    background-size: cover;
    position: relative;
    background-color:white;
}
.formram-bg:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(73, 116, 130, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    margin-top:-2%;
}
.formram-horizontal{
    padding: 60px 40px 55px 40px;
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
}
.formram-horizontal:before{
    content: "\f007";
    font-family: fontawesome;
    width: 100px;
    height: 100px;
    line-height: 96px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: #14a3aa;
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
}
.formram-horizontal .heading{
    display: block;
    font-size: 28px;
    color: #597886;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px;
}
.formram-horizontal .formram-group{
    margin: 0 0 30px 0;
    position: relative;
}
.formram-horizontal .formram-group:last-child{ margin: 0; }
.formram-horizontal .formram-control{
    height: 50px;
    border: 2px solid #cbe9ea;
    border-radius: 5px;
    box-shadow: none;
    padding: 0 20px 0 26%;
    font-size: 16px;
    font-weight: bold;
    color: #94abb6;
    position: relative;
    transition: all 0.3s ease 0s;
}
.formram-horizontal .formram-control:focus{
    box-shadow: none;
    outline: 0 none;
}
.formram-horizontal .control-label{
    width: 25%;
    height: 46px;
    line-height: 46px;
    background: #f5ffff;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #94abb6;
    text-transform: capitalize;
    text-align: center;
    border-right: 2px solid #cbe9ea;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
}
.formram-horizontal .btn,
.formram-horizontal .btn:focus{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background: #14a3aa;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.formram-horizontal .btn:hover{ background: #14a3aa; }
.formram-horizontal .btn:before{
    content: "\f084";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 24px;
    color: #fff;
}
.formram-horizontal .signup,
.formram-horizontal .forgot-pass{
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: #14a3aa;
}
.formram-horizontal .forgot-pass{
    float: right;
    color: #58aebc;
}
@media only screen and (max-width: 990px){
    .formram-horizontal:before{ top: -50px; }
}
@media only screen and (max-width: 480px){
    .formram-horizontal{ padding: 60px 20px 40px 20px; }
    .formram-horizontal .control-label{ font-size: 12px; }
}
.mm{
font-size: 12px;
    font-style: normal;
    line-height: 10px;
    padding-left: 2px;
    padding-right:3px;
    
    text-transform: uppercase;
    /* font-weight: 700; */
    
}
.mm1{
font-size: 13px;
    font-style: normal;
    line-height: 20px;
    
   
    /* font-weight: 700; */
    
}
.back1 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 175px;
    margin-left: 0px;
    margin-top: 0px;
    behavior: url(PIE.htc);
    opacity: 1;
    filter: alpha(opacity=100);
    background: #ff6633;
    background: -moz-linear-gradient(top, #ff6633 0%, #f58634 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6633), color-stop(100%,#f58634));
    background: -webkit-linear-gradient(top, #ff6633 0%,#f58634 100%);
    background: -o-linear-gradient(top, #ff6633 0%,#f58634 100%);
    background: -ms-linear-gradient(top, #ff6633 0%,#f58634 100%);
    background: linear-gradient(to bottom, #ff6633 0%,#f58634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#f58634',GradientType=0 );
}
custom.css:135
.front1, .back1 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 6;
    left: 20;
}
custom.css:118
.flip-container1, .front1, .back1 {
    width: 356px;
    height: 356px;
}
vendor-prefixes.less:77
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
home-concept .project-image {
    background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
    width: 350px;
    height: 420px;
    margin: 15px 0 0 -30px;
    padding-bottom: 45px;
    position: relative;
    z-index: 1;
}

Inherited from div.row.center
custom.css:306
.center {
    text-align: center;
}
navs.less:135
.nav-pills > li > a {
    border-radius: 4px;
}
navs.less:31
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
default.css:7
a {
    color: #999;
}
theme-elements.css:349
a, a:hover, a:focus {
    color: #CCC;
}
tab-focus.less:5
a {
    color: #337ab7;
    text-decoration: none;
}
bootstrap.css? [sm]:46
a {
    background-color: transparent;
}
vendor-prefixes.less:77
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: auto;
    text-decoration: underline;
}
Inherited from li
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
Inherited from ul#mainMenu.nav.nav-pills.nav-main
navs.less:20
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
user agent stylesheet
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
Inherited from div.navbar-collapse.nav-main-collapse.collapse
@media (min-width: 768px)
navbar.less:82
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}
bootstrap.css? [sm]:3143
.collapse {
    display: none;
    visibility: hidden;
}
Inherited from body.sticky-menu-deactive
theme.css:10
body {
    background-color: white;
    color: #333333;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.our-teampr{
    text-align: center;
    transition: all 0.5s ease 0s;
}
.our-teampr:hover{
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.our-teampr .pic{
    overflow: hidden;
    position: relative;
}
.our-teampr .pic:before,
.our-teampr .pic:after{
    content: "";
    width: 200%;
    height: 80%;
    background: rgba(38,37,37,0.8);
    position: absolute;
    top: -100%;
    left: -4%;
    transform: rotate(45deg);
    transition: all 0.5s ease 0s;
}
.our-teampr .pic:after{
    background: rgba(8,75,77,0.8);
    top: auto;
    left: auto;
    bottom: -100%;
    right: -4%;
}
.our-teampr:hover .pic:before{ top: 0; }
.our-teampr:hover .pic:after{ bottom: 0; }
.our-teampr .pic img{
    width: 100%;
    height: auto;
}
.our-teampr .social{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 45%;
    left: 0;
    opacity: 0;
    
    transition: all 0.5s ease 0.3s;
}
.our-teampr:hover .social{ opacity: 1; }
.our-teampr .social li{ display: inline-block; }
.our-teampr .social li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.our-teampr .social li a:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #db162f;
    border-radius: 0 20px 20px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.our-teampr .social li a:hover:after{ transform: rotate(180deg); }
.our-teampr .team-content{ padding: 20px; }
.our-teampr .title{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #047168;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.our-teampr .post{
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #707070;
    text-transform: capitalize;
}
@media only screen and (max-width: 990px){
    .our-teampr{ margin-bottom: 30px; }
}
License Terms
.main-timeline1{
    overflow: hidden;
    position: relative;
}
.main-timeline1 .timeline{
    position: relative;
    margin-top: -79px;
}
.main-timeline1 .timeline:first-child{ margin-top: 0; }
.main-timeline1 .timeline:before,
.main-timeline1 .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline1 .timeline:before{
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.5) inset;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.main-timeline1 .timeline-icon{
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 25px solid transparent;
    border-top-color: #f44556;
    border-right-color: #f44556;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    transform: rotate(45deg);
}
.main-timeline1 .year{
    display: block;
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    color: #f44556;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(-45deg);
}
.main-timeline1 .timeline-content{
    width: 35%;
    float: right;
    background: #f44556;
    padding: 30px 20px;
    margin: 50px 0;
    
    position: relative;
}
.main-timeline1 .timeline-content:before{
    content: "";
    width: 20%;
    height: 15px;
    background: #f44556;
    position: absolute;
    top: 50%;
    left: -20%;
    
    transform: translateY(-50%);
}
.main-timeline1 .title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px 0;
}
.main-timeline1 .description{
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 0;
}
.main-timeline1 .timeline:nth-child(2n):before{ box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.5) inset; }
.main-timeline1 .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); }
.main-timeline1 .timeline:nth-child(2n) .year{ transform: rotate(135deg); }
.main-timeline1 .timeline:nth-child(2n) .timeline-content{ float: left; }
.main-timeline1 .timeline:nth-child(2n) .timeline-content:before{
    left: auto;
    right: -20%;
}
.main-timeline1 .timeline:nth-child(2n) .timeline-icon{
    border-top-color: #e97e2e;
    border-right-color: #e97e2e;
}
.main-timeline1 .timeline:nth-child(2n) .year{ color: #e97e2e; }
.main-timeline1 .timeline:nth-child(2n) .timeline-content,
.main-timeline1 .timeline:nth-child(2n) .timeline-content:before{ background: #e97e2e; }
.main-timeline1.timeline:nth-child(3n) .timeline-icon{
    border-top-color: #13afae;
    border-right-color: #13afae;
}
.main-timeline1 .timeline:nth-child(3n) .year{ color: #13afae; }
.main-timeline1 .timeline:nth-child(3n) .timeline-content,
.main-timeline1 .timeline:nth-child(3n) .timeline-content:before{ background: #13afae; }
.main-timeline1 .timeline:nth-child(4n) .timeline-icon{
    border-top-color: #105572;
    border-right-color: #105572;
}
.main-timeline1 .timeline:nth-child(4n) .year{ color: #105572; }
.main-timeline1 .timeline:nth-child(4n) .timeline-content,
.main-timeline1 .timeline:nth-child(4n) .timeline-content:before{ background: #105572; }
@media only screen and (max-width: 1199px){
    .main-timeline1 .timeline{ margin-top: -103px; }
    .main-timeline1 .timeline-content:before{ left: -18%; }
    .main-timeline1 .timeline:nth-child(2n) .timeline-content:before{ right: -18%; }
}
@media only screen and (max-width: 990px){
    .main-timeline1 .timeline{ margin-top: -127px; }
    .main-timeline1 .timeline-content:before{ left: -2%; }
    .main-timeline1 .timeline:nth-child(2n) .timeline-content:before{ right: -2%; }
}
@media only screen and (max-width: 767px){
    .main-timeline1 .timeline{
        margin-top: 0;
        overflow: hidden;
    }
    .main-timeline1 .timeline:before,
    .main-timeline1 .timeline:nth-child(2n):before{
        box-shadow: none;
    }
    .main-timeline1 .timeline-icon,
    .main-timeline1 .timeline:nth-child(2n) .timeline-icon{
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg);
    }
    .main-timeline1 .year,
    .main-timeline1 .timeline:nth-child(2n) .year{ transform: rotate(-135deg); }
    .main-timeline1 .timeline-content,
    .main-timeline1 .timeline:nth-child(2n) .timeline-content{
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto;
    }
    .main-timeline1 .timeline-content:before,
    .main-timeline1 .timeline:nth-child(2n) .timeline-content:before{
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%,0);
    }
}
License Terms