@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

header{ background-color:#f68937; }

.nav{ font-size:14px; font-family:"Arial Rounded MT Bold"; color:#fff; margin-top:18px;}

.logo{ margin-left:55px; margin-top:15px}

.phone{margin-top:25px; float:left}
.phone img{ float:left; margin-right:10px; margin-left:20px;}
.phone p{ font-family:Calibri; font-size:14px; color:#919191; padding-top:7px; float:left;}

.location{margin-top:25px; float:left }
.location img{float:left; margin-left:20px; margin-right:10px}
.location p{font-family:Calibri; font-size:14px; color:#919191; padding-top:7px; float:left}


.deepa{ margin-top:45px;}

section{ background-color:#f6f6ef; margin-top:25px}

.welcome h1{ font-size:28px; font-family:Calibri; color:#eb7846}

.para{ margin-top:15px}
.para p{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#777777; font-weight:400; text-align:justify; line-height:23px}

.read{float:left; margin-left:20px; margin-top:50px}
.container .row .col-md-4 .read a { font-size:17px; font-family:Calibri; font-weight:bold; color:#fff; background-color:#003ba6; border-radius:4px;padding-top:10px; padding-left:25px; padding-right:25px; padding-bottom:10px; text-decoration:none }
.container .row .col-md-4 .read a:hover{color:#ec8b64}

.quote{ float:left; margin-left:20px;  margin-top:50px}
.container .row .col-md-4 .quote a{ font-size:17px; font-family:Calibri; font-weight:bold; color:#000; background-color:#ec8b64; border-radius:4px;padding-top:10px; padding-left:25px; padding-right:25px; padding-bottom:10px; text-decoration:none}
.container .row .col-md-4 .quote a:hover{color:#fff}

.dot{ border-bottom: 1px dotted #777777; margin-top:20px; margin-bottom:30px}

.img1 h1{ font-size:22px; font-family:Calibri; font-weight:bold; color:#000000;}
.img1 p{font-size:14px; font-family:Calibri; font-style:italic; font-weight:200; color:#737373; line-height:19px;  text-align:justify; padding:10px}

.img2 h1{ font-size:22px; font-family:Calibri; font-weight:bold; color:#000000;}
.img2 p{font-size:14px; font-family:Calibri; font-style:italic; font-weight:200; color:#737373; line-height:19px;text-align:justify;padding:10px}

.img3 h1{ font-size:22px; font-family:Calibri; font-weight:bold; color:#000000;}
.img3 p{font-size:14px; font-family:Calibri; font-style:italic; font-weight:200; color:#737373; line-height:19px;text-align:justify;padding:10px}

article{ background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position: center center;
background-attachment: fixed;      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover; }


article{
    width: 100%;
    background-size: 100% 100%;
	height:290px;
	
} 



/* Retina display */
@media screen and (min-width: 1024px){
    article{
        background-image: url('../images/bg.jpg');
    }
}

/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
    artcle{
        background-image: url('../images/bg.jpg');
    }
}

/* Tablet */
@media screen and (min-width: 760px) and (max-width: 980px){
    article{
        background-image: url('../images/bg.jpg');
    }
}

/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){
    article{
        background-image: url('../images/bg.jpg');
    }
}

/* Mobile LD */
@media screen and (max-width: 350px){
    article{
        background-image: url('../images/bg.jpg');
    }
} 

.para1{font-size:33px; font-family:Calibri; color:#fefefe; font-weight:400; text-align:justify; line-height:45px;}



.container .row .col-md-5 .read1 a{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; background-color:#ec8b64; border-radius:4px; padding-top:10px; padding-left:25px; padding-right:25px; padding-bottom:10px; text-decoration:none; margin-left:160px}
.container .row .col-md-5 .read1 a:hover{color:#fff}

.arti{  margin-top:70px; margin-left:15px;}

.ser{margin-left:25px; margin-top:10px}
.ser h1{ font-size:28px; font-family:Calibri;  color:#eb7846; }
.services{margin-left:25px; margin-top:20px;}



footer{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce661d+0,783b11+100 */
background: rgb(206,102,29); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,102,29,1) 0%, rgba(120,59,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,102,29,1)), color-stop(100%,rgba(120,59,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(206,102,29,1) 0%,rgba(120,59,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,102,29,1) 0%,rgba(120,59,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,102,29,1) 0%,rgba(120,59,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(206,102,29,1) 0%,rgba(120,59,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce661d', endColorstr='#783b11',GradientType=0 ); /* IE6-9 */
padding-bottom:20px}
.dp{ float:left}
.dp h1{ font-family:Calibri; font-weight:bold; font-size:25px; color:#000000; line-height:21px}
.dp p { font-family:Calibri; font-size:13px; color:#fff; line-height:28px}

.dep{ margin-top:15px; margin-left:25px;}

.dp1{ float:left}
.dp1 h1{ font-family:Calibri; font-weight:bold; font-size:25px; color:#000000; line-height:21px}
.dp1 a{ float:left; text-decoration:none; padding:5px}
.dp2{ float:left}
.dp2 h1{ font-family:Calibri; font-weight:bold; font-size:25px; color:#000000; line-height:21px;}

.dpa{ margin-top:15px}
.dpa p{font-family:Calibri; font-size:16px; color:#000000; line-height:21px; margin-left:25px}

.dpa1{margin-top:15px}

.dpa1 p{font-family:Calibri; font-size:16px; color:#000000; line-height:21px; margin-left:25px}

about{ float:left}
.about h1{font-family:Calibri; font-weight:bold; font-size:25px; color:#000000; line-height:21px; margin-top:35px}

about1{float:left }
.about1 p{font-family:Calibri; font-size:14px; color:#000000; line-height:28px; text-align:justify; margin-top:20px;margin-bottom:25px}

.peep p{font-family:Calibri; font-size:14px; color:#000000; line-height:28px; text-align:justify; float:left; margin-bottom:25px}

.image img{ margin-top:40px;}

.about2 h1{font-family:Calibri; font-weight:bold; font-size:25px; color:#eb7846; line-height:21px; margin-top:35px}

.about3 p{font-family:Calibri; font-size:14px; color:#000000; line-height:28px; text-align:justify; margin-top:20px;}

.abcd{ margin-top:15px}
.abcd1{ margin-top:15px}
.abcd2{ margin-top:15px}
.abcd3{ margin-top:15px}
.abcd4 img{ margin-top:15px; margin-bottom:25px}

.abt h1{font-family:Calibri; font-weight:bold; font-size:20px; color:#eb7846; line-height:21px; margin-top:35px}
.abt p{font-family:Calibri; font-size:16px; color:#000000; line-height:28px; text-align:justify; float:left; margin-bottom:25px}

.abt1 h1{font-family:Calibri; font-weight:bold; font-size:28px; color:#eb7846; line-height:21px; margin-top:35px}
.abt2 p{ font-family:Calibri; font-size:14px; color:#000000; line-height:34px; text-align:justify; margin-top:20px; margin-left:35px}

.abo h1{font-family:Calibri; font-weight:bold; font-size:28px; color:#eb7846; line-height:21px; margin-top:35px}




/*GROW*/
.grow img {
  
  margin-top:10px;}
 

.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;
}
				
.view {
   width: 304px;
   height: 217px;
   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: 304px;
   height: 217px;
   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;
}
/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.morph {
    transition: all 0.5s ease 0s;
}
.pic {
    height: 300px;
    width: 300px;
    overflow: hidden;
    margin: 20px;
    border: 10px solid #FFF;
    box-shadow: 5px 5px 5px #111;
    float: left;
}