body{margin:0px; padding:0px;font-family: 'Open Sans', 'sans-serif';}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
.top{padding:2px;background-color: #261a04;}
.header{min-height:100px; padding-top:2em; /*background-color: #1abc9c;*/ background-color: #e74c3c;}
@font-face {
    /*here give font name*/
    font-family: myFirstFont;
    /*here put url of font*/
    src: url(sansation_light.woff);
}
.logo{
/*background-color: black;*/
    top: inherit;
    position: absolute;
    /*margin-top: -40px;*/
    margin-top: -33px;
    height: 79px;
    z-index: 99;
	}
.logo a{margin:2px; color:#fff;text-decoration:none;font-size: 30px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
p {
    font-size:14px;
    font-family: monospace;
    line-height: 25px;
    text-align:justify;
}
.clgname {
  font-size: 3em;
    color: #000;
    text-align: center;
    margin-top: 8px;
    font-family: serif;
    text-shadow: 2px 1px #fff;
    font-weight: 800;
}
.footer {
    min-height:90px;
    background-color:#000;
}
.footer P{
    font-size:18px;
    color:#fff;
    text-align:center;
    padding-top:20px;
}
p {
    font-family: inherit;
}
.about {
   /*background-color: #339ABD;*/
    padding: 0px 35px 35px 35px;
    color: black;
}
    .about h1 {
    font-size: 2em;
    color: #151515;
    font-family: fantasy;
    text-shadow: #fcc858 4px 3px 2px;
    text-transform: uppercase;
    text-align: center;
}
    .about img {
        margin-top: 62px;
       
    }
        /*.about  img:hover {
             -ms-transform: rotate(20deg); /* IE 9 
    -webkit-transform: rotate(20deg); /* Safari 
    transform: rotate(20deg); /* Standard syntax 
        }*/
.services {
   /*background-image: url('../images/intr.jpg');*/
   background: #e74c3c;
    min-height:33em;
     padding:0px;
    
}
.services > p {
   color:#8BC34A;text-align:center;
   text-align:justify;
    margin:10px;
    font-size:18px;
    font-weight:400;
}
.services h3  {
   font-size: 2.5em;
    padding: 1em 0px 0px 143px;
    color: rgb(8, 8, 8);
    font-family: fantasy;

}
.services span  {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
   position: inherit;
    /* margin: 59px 0px 0px 0px; */
    padding: 86px 0px 0px 63px;
    text-transform: uppercase;

}
.services span> i {
   font-size: 5em;
       margin-top: 58px;
}
.box p {
    font-size:20px;
    color:#000;
    margin:15px;
    text-align:left;
}
.box a {
    color:#cc0028;
}
.box {
    height:8em;
    margin-left: 80px;
    float:left;
    width:18%;
    height:50%;
    background-color: rgba(0, 188, 212, 0.61);
    box-shadow:0px 0px 15px #FF5722;
}
.box:hover {
        background-color: rgba(246, 150, 27, 0.8);
}
.contact h1 {
    border-bottom:dotted 2px #80b500;

}
.contact-info strong {
    font-size:18px;
    font-weight:800;
    display:block;
    padding-left: 60px;

}
.contact-info span {
    color:#80b500;
    font-family:cursive;
   font-size: 15px;
    padding-left: 60px;
}
.contact-info i{
    position:absolute;
    color:#FF5722;
    font-size: 25px;
   padding-right:20px;
    
    
}
.contact-info ul  {
    list-style:none;
    color:#000;

}
.form-group > input[ type=text],textarea[ type=text] {
   
       height: 2.5em;
    
    box-shadow: none;

}
.form-group > textarea,input[ type=text]:hover {
   
     border: none;
    border-bottom: solid 3px #FF5722;
    overflow-x: hidden;

}


    

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
   display: inline-block;
    padding: 10px 30px 3px 37px;
    background-color: #ff0032;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    float: right;
    margin-top: -20px;
  }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      /*width: 20px;*/
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #e6002d; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  /*margin-bottom: 30px;*/
  
  
}

nav#nav-main {
  /*background-color: #ff0032;*/
  /*padding: 10px 0;*/
  
}
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #cc0028;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white;
   padding: 9px 5px; }
    nav#nav-main a:hover {
      /*background-color: #e6002d;*/
      background-color: #000000;
      color: #fff;
      text-decoration: none;
      text-transform:uppercase;
    }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    z-index:99;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*background-color: #ff0032;*/
    background-color: rgba(128, 181, 0, 0.79);

  }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #cc0028; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #e6002d;
      color: #fff; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
    .clgname {
        display:none;
    }

  .services  span ,p  {
    font-size: 18px;
    font-weight: 400;
    /*color: #fff;*/
   position: relative;
    /* margin: 59px 0px 0px 0px; */
    padding: 0px 0px 0px 20px;
    text-transform: uppercase;

}
    .about > P {
        color:#000;
    }
.services span> i {
   font-size: 2em;
       margin-top: 30px;
}
.box {
    height:8em;
    margin: 0px 10px 0px 10px;
    float:left;
    width:96%;
    /*height:19%;*/
    height:auto;
    background-color: rgba(0, 188, 212, 0.61);
    box-shadow:0px 0px 15px #FF5722;
    margin-bottom: 20px;
}
    .box > span {
       padding-left:100px;
    }
.services h3 {
    font-size: 1.5em;
    padding: 1em 0px 0px 40px;
    color: #000;
}

}
/*common gallery css start*/
.view {
   /*width: 300px;
   height: 200px;*/
   width: 264px;
    height: 185px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

/*common gallery css end*/


/*we start gallery css*/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				
/*we End gallery css*/


/* General start Demo Style */



/*h1{
	margin:0px;
	padding:20px 20px 10px 20px;
	font-size:34px;
	color:#333;
    text-shadow:1px 1px 1px #fff;
	text-align:left;
	font-weight:400;
    text-align:center;
}
h1 span{
    display:block;
	font-size: 14px;
    font-family: Georgia, serif;
    font-style: italic;
	color:#b2891b;
	padding-top:10px;
}*/
/* Header Style */
.header{
	/*font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;*/
}
/*.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}*/
/*.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}*/

/*.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 0px 10px;
    width: 540px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#b2891b;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}*/
/* General End Demo Style */