﻿@charset "UTF-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */




/************************************************************************************
IPAD
*************************************************************************************/

@media only screen and ( min-width: 980px) and ( max-width: 1024px)
{

/*---------------Header Styling---------------*/
/*-------------------------------------------*/
header { background:#f05a28; height:160px; width:100%;}
#header {width:95%; height:110px; margin:0 auto; float:none; padding: 0px 0px; clear:both; }
#header .logo	{display:inline-block; float:left; padding-top: 25px;}
#header .top-right	{display:inline-block; float:right; padding-top: 20px;}

/*---------------Header Styling---------------*/
/*-------------------------------------------*/


/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/
#home-containerpan		{width:100%;}
#home-container			{width:95%; margin:0px auto; float:none;}
#home-container .left{width:65%; margin:0px auto; padding:30px 0px; float:left; line-height:16pt}
.home-head{color:#f05a28;}

#home-container .right{width:240px; height:250px; margin:0px auto; padding:0px; float:right;  background:url(images/bg-right.gif) no-repeat bottom;}

#home-container .right .right-data{width:216px; float:none; margin:0px auto; height:210px; padding:0px; position:relative;}
.schedule{width:216px; float:none; margin:5px 0px 0px 0px; }
.schedule-text{width:66px; display:table-cell; margin:0px; padding:0px; color:#000; vertical-align:middle;}
.schedule-input{width:150px; display:table-cell; margin:0px; padding:0px; color:#fff;  }
.schedule-head{margin:15px 0px; display:block; padding:0px; color:#fff; clear:both}
.tb-text{background:#f05a28; border: 1px solid #FFF; border-width:0px 0px 1px 0px; outline:none; color:#fff;}
.submit-bt { padding:10px 0px;  margin:0px 0px; line-height:0px; background:#f05a28; border:none; font-size:14px; color:#fff; outline:none; cursor:pointer; border:0px solid #000 	 }
.submit{padding-top:5px; margin:0px; border:0px solid #fff; }

/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/

/*---------------Visual Styling---------------*/
/*-------------------------------------------*/
#visualpan {width:100%; margin:0px auto; float:none; padding:0px; text-align:right;  z-index:99; position:relative;}

.home-link{ width:100%; padding:0px; margin:0px auto; float:none; text-align:center; position:absolute;  }
.home-lik ul{ text-align:center; margin:0px auto; float:none; margin-top:6%;}
.home-lik ul li{list-style:none; padding:0 0; margin:0px auto; display:inline-block; float:none; }

ul.icon_links { text-align:center; margin:0px auto; float:none; margin-top:5%;}
ul.icon_links li { width:180px; height:180px; background:#fff; display:inline-block;  margin: 0 2%; position:relative;}
ul.icon_links li img{ width:180px; }
ul.icon_links li .icon_plus { position:absolute; bottom: -15px; right:-11px; z-index:9999;}
ul.icon_links li .icon_plus img{ width:25px; position:absolute; bottom: 6px; right:2px; z-index:9999;}

.icon_hover { opacity:0px; display:none; }

ul.icon_links li:hover > .icon_active{ opacity:0px; display:none;}
ul.icon_links li:hover > .icon_hover { display:block;  }


.icon_active  {transform: scaleY(1); transition: all 0.7s ease-in-out;}
.icon_hover {transition: all 0.5s linear; opacity: 0;}
	
.icon_active:hover { 
    opacity: 0;
}
.icon_hover:hover { 
    opacity: 1;
}


/*---------------Visual Styling---------------*/
/*-------------------------------------------*/


/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-containerpan		{width:100%; }
#body-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#body-container .left		{width:22%; margin:0px auto; float:left;}
#body-container .left .pic{width:100%; margin:0px auto; float:left; padding-top:10px; }
#body-container .left .pic img{width:99%;}
#body-container .right		{width:75%; margin:0px auto; float:right;}


#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container .left		{width:30%; margin:0px auto; float:left;}
#contact-container .left .pic{width:100%; margin:0px auto; float:left; padding-top:10px; }
#contact-container .left .pic img{width:99%;}
#contact-container .right		{width:70%; margin:0px auto; float:right;}

/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/


/*---------------Our Team Page Styling---------------*/
/*-------------------------------------------------*/
.div-our-team {display:table; width:97%; padding:10px 10px 0px 10px;  margin: 0px 0px; line-height:14pt; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.div-our-team-col{width:22%; display:table-cell; padding: 0px 0px 0px 0px; vertical-align:top; }
.div-our-team-col1{width:78%; display:table-cell; padding: 0px 0px 0px 10px; vertical-align:top;}
.div-our-team-col1 .head{width:100%; display:table-cell; padding-bottom: 5px;}
.div-our-team:hover {background:#e9e9e9; color:#4a4949;}
.team-head{font-size:20px; font-style:bold; font-weight:normal; padding:0px; margin:0px; color:#f05a28; }
.img-pic{border: 1px solid #ccc; padding:2px; }
/*---------------Our Team Styling---------------*/
/*-------------------------------------------------*/


/*---------------Footer Styling---------------*/
/*-------------------------------------------*/
footer{background:#817e7f; height:190px; width:100%; }
#footer-container {width:95%; height:155px; margin:0 auto; float:none; padding-top: 35px; clear:both; font-size:13px; color:#fff;}
#footer-container .left		{display:inline-block; float:left; width:60%; border:none;  }
#footer-container .right	{display:inline-block; float:right; width:40%}

.left-data {display:table; width:90%;}
.left-data-logo{display:table-cell; padding: 0px;  vertical-align:top;}
.left-data-right{display:table-cell; padding: 0px; vertical-align:top; line-height:16pt;}
.left-data-right a{color:#fff; text-decoration:none}
.left-data-right a:hover{color:#fff; text-decoration:underline}

.send-file{padding-left:10px;}


#footer-container .proud {width:89%;  float:right; vertical-align:top;}
#footer-container .proud ul{ padding-top:10px; margin:0px; list-style:none;  }
#footer-container .proud li{ padding-left:10px; padding-top:10px; margin:0px; list-style:none; display:inline-block  }
.proud-text{padding-left:10px;}

/*---------------Footer Styling---------------*/
/*-------------------------------------------*/

/*--------------- Form Table Styling ---------------*/

.form_box { width: 100%; margin: 10px 0; padding: 0px; vertical-align:text-top;  overflow: hidden; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif; font-size:11pt;  }

.form_box .float_left {float:left; width:330px;}
.form_box .float_left .normal_input { width: 150px;}

.form_row { width: 100%; overflow: hidden; margin-bottom:10px; }
.form_column { width: 40%; float: left; display: inline; text-align: left; font-size:11pt; margin-bottom:5px; }
.form_left_column { width: 40%; float: left; display: inline; text-align: left; padding-top:4px; font-size:11pt; }
.form_right_column { width: 60%; float: right; display: inline; vertical-align:text-top;  }

.form_row span {color:#FF0000;}
.form_box input { font-size: 11pt; color:#222222; outline:none; }
.form_box input:focus { color: #000; }
.normal_input { width: 200px; padding: 4px 6px; font-size:11pt; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif;  color: #222222; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input:focus { color: #222222; border: 1px solid #aaaaaa; }


.form_box .verification_box {display:block; width:100%; float:left;}
.form_box .verification_box .captcha-img {display:inline-block; width:100px; float:left; padding-left:10px; padding-top:5px;  }
.form_box .verification_box .captcha-code {display:inline-block; width:80px; float:left; }
.form_box .verification_box .captcha-text {display:inline-block; width:100%; float:left; text-align:left; padding:10px 0px;}
.form_box .verification_box .captcha-text a { text-decoration:underline; font-size:13px; color:#c80000;} .form_box .verification_box .captcha-text a:hover { text-decoration:none; font-size:13px; color:#000;}

input.btn_submit { width: 100px; border:0px; text-transform:uppercase; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif; width:auto; height: 24px; padding: 0 15px; line-height: 24px; letter-spacing:1px; font-size: 13px; cursor: pointer; background: #f05a28;  text-decoration: none; color:#ffffff;  -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }
input.btn_submit:hover, input.btn_submit:focus{  background-color: #242424; text-decoration: none; color: #ffffff; }

/*--------------- Form Table Styling ---------------*/



}


@media only screen and ( min-width: 768px) and ( max-width: 980px)
{

/*---------------Header Styling---------------*/
/*-------------------------------------------*/
header { background:#f05a28; height:160px; width:100%;}
#header {width:95%; height:110px; margin:0 auto; float:none; padding: 0px 0px; clear:both; }

/*---------------Header Styling---------------*/
/*-------------------------------------------*/


/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/
#home-containerpan		{width:100%;}
#home-container			{width:95%; margin:0px auto; float:none;}
#home-container .left{width:65%; margin:0px auto; padding:30px 0px; float:left; line-height:16pt}
.home-head{color:#f05a28;}

#home-container .right{width:240px; height:250px; margin:0px auto; padding:0px; float:right;  background:url(images/bg-right.gif) no-repeat bottom;}

#home-container .right .right-data{width:216px; float:none; margin:0px auto; height:210px; padding:0px; position:relative;}
.schedule{width:216px; float:none; margin:5px 0px 0px 0px; }
.schedule-text{width:66px; display:table-cell; margin:0px; padding:0px; color:#000; vertical-align:middle;}
.schedule-input{width:150px; display:table-cell; margin:0px; padding:0px; color:#fff;  }
.schedule-head{margin:15px 0px; display:block; padding:0px; color:#fff; clear:both}
.tb-text{background:#f05a28; border: 1px solid #FFF; border-width:0px 0px 1px 0px; outline:none; color:#fff;}
.submit-bt { padding:10px 0px;  margin:0px 0px; line-height:0px; background:#f05a28; border:none; font-size:14px; color:#fff; outline:none; cursor:pointer; border:0px solid #000 	 }
.submit{padding-top:5px; margin:0px; border:0px solid #fff; }

/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/


/*---------------Visual Styling---------------*/
/*-------------------------------------------*/
#visualpan {width:100%; margin:0px auto; float:none; padding:0px; text-align:right;  z-index:99; position:relative;}

.home-link{ width:100%; padding:0px; margin:0px auto; float:none; text-align:center; position:absolute;  }
.home-lik ul{ text-align:center; margin:0px auto; float:none; margin-top:6%;}
.home-lik ul li{list-style:none; padding:0 0; margin:0px auto; display:inline-block; float:none; }

ul.icon_links { text-align:center; margin:0px auto; float:none; margin-top:3%;}
ul.icon_links li { width:150px; height:150px; background:#fff; display:inline-block;  margin: 0 2%; position:relative;}
ul.icon_links li img{ width:150px; }
ul.icon_links li .icon_plus { position:absolute; bottom: -15px; right:-11px; z-index:9999;}
ul.icon_links li .icon_plus img{ width:25px; position:absolute; bottom: 6px; right:2px; z-index:9999;}

.icon_hover { opacity:0px; display:none; }

ul.icon_links li:hover > .icon_active{ opacity:0px; display:none;}
ul.icon_links li:hover > .icon_hover { display:block;}


.icon_active  {transform: scaleY(1); transition: all 0.7s ease-in-out;}
.icon_hover {transition: all 0.5s linear; opacity: 0;}
	
.icon_active:hover { 
    opacity: 0;
}
.icon_hover:hover { 
    opacity: 1;
}


/*---------------Visual Styling---------------*/
/*-------------------------------------------*/


/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-containerpan		{width:100%; }
#body-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#body-container .left		{width:22%; margin:0px auto; float:left;}
#body-container .left .pic{width:100%; margin:0px auto; float:left; padding-top:10px; }
#body-container .left .pic img{width:99%;}
#body-container .right		{width:75%; margin:0px auto; float:right;}


#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container .left	{width:100%; margin:0px auto; float:left; border-bottom:1px dashed #ccc;}
#contact-container .right	{width:100%; margin:0px auto; float:right; padding-top:15px;}

/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/

/*---------------Contact Page Styling---------------*/
/*---------------------------------------------------*/
.div-contact {display:table; width:100%; }
.div-contact-left{display:block; padding: 0px; width:95%; }
.div-contact-right{display:block; padding: 0px; width:95%;}

.contact-int {display:table; width:100%; }
.contact-int ul{list-style:none; padding:0px; margin:0px; text-align:left; }
.contact-int li{ padding:0px 0px; margin:0px 2px 10px 0px; display:inline-block; width:200px; vertical-align:top;  }

.contact-abt {display:table; width:100%; }
.contact-abt ul{list-style:none; padding:0px; margin:0px; text-align:left; }
.contact-abt li{ padding:0px 0px; margin:0px 2px 10px 0px; display:inline-block; width:275px; vertical-align:top;}

.direction a {display:inline-block; padding: 0px 10px 0px 36px; height:34px; line-height:20px; color:#646464; text-decoration:none; text-transform:normal; margin-bottom:20px; background: url(images/icon-direction.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.direction a:hover { color: #f05a28; background: url(images/icon-direction.png) no-repeat; background-position: 0px -34px; }

.calender a {display:inline-block; padding: 0px 10px 0px 36px; height:34px; line-height:20px; color:#646464; text-decoration:none; text-transform:normal; margin-bottom:3px; background: url(images/conct-calender.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.calender a:hover { color: #f05a28; background: url(images/conct-calender.png) no-repeat; background-position: 0px -34px; }

/*---------------Contact Page Styling---------------*/
/*---------------------------------------------------*/


/*---------------Our Team Page Styling---------------*/
/*-------------------------------------------------*/
.div-our-team {display:table; width:97%; padding:10px 10px 0px 10px;  margin: 0px 0px; line-height:14pt; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.div-our-team-col{width:22%; display:table-cell; padding: 0px 0px 0px 0px; vertical-align:top; }
.div-our-team-col img{width:120px; }
.div-our-team-col1{width:78%; display:table-cell; padding: 0px 0px 0px 10px; vertical-align:top;}
.div-our-team-col1 .head{width:100%; display:table-cell; padding-bottom: 5px;}
.div-our-team:hover {background:#e9e9e9; color:#4a4949;}
.team-head{font-size:20px; font-style:bold; font-weight:normal; padding:0px; margin:0px; color:#f05a28; }
.img-pic{border: 1px solid #ccc; padding:2px; }
/*---------------Our Team Styling---------------*/
/*-------------------------------------------------*/


/*---------------common Styling start---------------*/
/*-------------------------------------------------*/

h3{padding:5px 0px 10px 10px; margin:0px; font-weight:normal; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial; font-size: 22px; color: #f05a28; border-bottom:2px solid #c1c1c1;}

/*---------------common Styling end---------------*/
/*-------------------------------------------------*/



/*---------------Footer Styling---------------*/
/*-------------------------------------------*/
footer{background:#817e7f; height:190px; width:100%; }
#footer-container {width:95%; height:175px; margin:0 auto; float:none; padding-top: 15px; clear:both; font-size:13px; color:#fff;}
#footer-container .left		{display:inline-block; float:left; width:65%; border:none;  }
#footer-container .right	{display:inline-block; float:right; width:35%}

.left-data {display:table; width:90%; }
.left-data-logo{display:table-cell; padding: 0px;  vertical-align:top;}
.left-data-right{display:table-cell; padding: 0px; vertical-align:top; line-height:16pt;}
.left-data-right a{color:#fff; text-decoration:none}
.left-data-right a:hover{color:#fff; text-decoration:underline}

.send-file{padding-left:10px;}


#footer-container .proud {width:89%;  float:right; vertical-align:top;}
#footer-container .proud ul{ padding-top:10px; margin:0px; list-style:none;  }
#footer-container .proud li{ padding-left:10px; padding-top:10px; margin:0px; list-style:none; display:inline-block  }
.proud-text{padding-left:10px;}

/*---------------Footer Styling---------------*/
/*-------------------------------------------*/


/*--------------- Form Table Styling ---------------*/

.form_box { width: 100%; margin: 10px 0; padding: 0px; vertical-align:text-top;  overflow: hidden; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif; font-size:11pt;  }

.form_box .float_left {float:left; width:340px;}
.form_box .float_left .normal_input { width: 170px;}

.form_row { width: 100%; overflow: hidden; margin-bottom:10px; }
.form_column { width: 40%; float: left; display: inline; text-align: left; font-size:11pt; margin-bottom:5px; border:1px solid #999}
.form_left_column { width: 38%; float: left; display: inline; text-align: left; padding-top:4px; font-size:11pt; border:0px solid #000; }
.form_right_column { width: 62%; float: right; display: inline; vertical-align:text-top;  }

.form_row span {color:#FF0000;}
.form_box input { font-size: 11pt; color:#222222; outline:none; }
.form_box input:focus { color: #000; }
.normal_input { width: 200px; padding: 4px 6px; font-size:11pt; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif;  color: #222222; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input:focus { color: #222222; border: 1px solid #aaaaaa; }


.form_box .verification_box {display:block; width:100%; float:left;}
.form_box .verification_box .captcha-img {display:inline-block; width:100px; float:left; padding-left:10px; padding-top:5px;  }
.form_box .verification_box .captcha-code {display:inline-block; width:80px; float:left; }
.form_box .verification_box .captcha-text {display:inline-block; width:100%; float:left; text-align:left; padding:10px 0px;}
.form_box .verification_box .captcha-text a { text-decoration:underline; font-size:13px; color:#c80000;} .form_box .verification_box .captcha-text a:hover { text-decoration:none; font-size:13px; color:#000;}

input.btn_submit { width: 100px; border:0px; text-transform:uppercase; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif; width:auto; height: 24px; padding: 0 15px; line-height: 24px; letter-spacing:1px; font-size: 13px; cursor: pointer; background: #f05a28;  text-decoration: none; color:#ffffff;  -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }
input.btn_submit:hover, input.btn_submit:focus{  background-color: #242424; text-decoration: none; color: #ffffff; }

/*--------------- Form Table Styling ---------------*/



}