body

{	font-size:13px;

	font-family: 'Open Sans', sans-serif;

	color:#666666;

	margin:0; padding:0;

	/*background:url(../images/pagebg.png);*/

}

.cursor-pointer {

   cursor: pointer;

}

.anchorfix {
  display: block;
  height: 183px; /*same height as header*/
width:10px;
  margin-top: -183px; /*same height as header*/
  visibility: hidden;
}


.normal-text {

   height: 169px;

   overflow: hidden;

}

.read-more-text-box {

   min-height: 169px;

}

.read-more-text {

   cursor: pointer;

}

.back {

   display: none;

}

.read-back .read {

   display: none;

}

.read-back .back {

   display: block;

}



.nav_up{

	padding:7px;

	background-color:white;

	border:1px solid #CCC;

	position:fixed;

	background:transparent url(../images/arrow_up.png) no-repeat top left;

	background-position:50% 50%;

	width:20px;

	height:20px;

	bottom:10px;

	opacity:0.7;

	right:30px;

	white-space:nowrap;

	cursor: pointer;

	-moz-border-radius: 3px 3px 3px 3px;

    -webkit-border-top-left-radius:3px;

	-webkit-border-top-right-radius:3px;

    -khtml-border-top-left-radius:3px;

	-khtml-border-top-right-radius:3px;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

.nav_down{

	padding:7px;

	background-color:white;

	border:1px solid #CCC;

	position:fixed;

	background:transparent url(../images/arrow_down.png) no-repeat top left;

	background-position:50% 50%;

	width:20px;

	height:20px;

	bottom:10px;

	opacity:0.7;

	left:70px;

	white-space:nowrap;

	cursor: pointer;

	-moz-border-radius: 3px 3px 3px 3px;

    -webkit-border-top-left-radius:3px;

	-webkit-border-top-right-radius:3px;

    -khtml-border-top-left-radius:3px;

	-khtml-border-top-right-radius:3px;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

a       {	color:#666666; text-decoration:none; outline:none; }

a:hover {	color:#000000; }

p		{	color:#666666; font-size:13px; font-family: 'Open Sans', sans-serif; }

img	    {	border:none; vertical-align:middle; max-width:100%; }

iframe  {	max-width:100% !important;  }



form, h1, h2, h3, h4	{	margin:0px; }

h1{	font-size:24px; color:#666666; font-family: 'Open Sans', sans-serif;}

h2{	font-size:18px; color:#666666; font-family: 'Open Sans', sans-serif;}

h3{	font-size:16px; color:#666666; font-family: 'Open Sans', sans-serif;}



.fleft  {	float:left;  }

.fright {	float:right; }

.fclear {	float:none; clear:both; height:0px; }



input, select, textarea

{	font-size:13px; color:#666666; font-family: 'Open Sans', sans-serif;

}



/* Start Header class 

------------------------------------------------------*/

.pagemn

{	max-width:1150px; margin:0 auto;

}

.headermn

{	float:left; width:100%; background:#FFF; 

	padding:0px 0 0 0;

	position: fixed;

	z-index:9999;

}

.logo

{	float:left;

}

.menus

{	float:left; padding-top: 56px;

}

.slider{background:url(../images/main.jpg) center no-repeat; width:100%; height:873px; margin-bottom: -80px;     margin-bottom: -130px;}

.iner{float:left; padding:28% 0 0 11%;}

.iner p{color:#fff; padding-bottom: 9px;}

    #top {

      -webkit-transition: all 1s ease-in-out;

      -moz-transition: all 1s ease-in-out;

      -o-transition: all 1s ease-in-out;

      transition: all 1s ease-in-out;

    }

/*slider*/

 .jssorb03 {

            position: absolute;

        }

        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {

            position: absolute;

            /* size of bullet elment */

            width: 21px;

            height: 21px;

            text-align: center;

            line-height: 21px;

            color: white;

            font-size: 12px;

            background: url(../img/b03.png) no-repeat;

            overflow: hidden;

            cursor: pointer;

        }

        .jssorb03 div { background-position: -5px -4px; }

        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }

        .jssorb03 .av { background-position: -65px -4px; }

        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }



        /* jssor slider thumbnail navigator skin 16 css */

        /*

        .jssort16 .p            (normal)

        .jssort16 .p:hover      (normal mouseover)

        .jssort16 .pav          (active)

        .jssort16 .pav:hover    (active mouseover)

        .jssort16 .pdn          (mousedown)

        */

        .jssort16 .p {

            position: absolute;

            top: 0;

            left: 0;

            width: 200px;

            height: 200px;

        }

        

        .jssort16 .t {

            position: absolute;

            top: 0;

            left: 0;

            width: 200px;

            height: 200px;

            border: none;

        }

        

        .jssort16 .p img {

            position: absolute;

            top: 0;

            left: 0;

            width: 200px;

            height: 200px;

            filter: alpha(opacity=55);

            opacity: .55;

            transition: opacity .6s;

            -moz-transition: opacity .6s;

            -webkit-transition: opacity .6s;

            -o-transition: opacity .6s;

        }

        

        .jssort16 .pav img, .jssort16 .pav:hover img, .jssort16 .p:hover img {

            filter: alpha(opacity=100);

            opacity: 1;

            transition: none;

            -moz-transition: none;

            -webkit-transition: none;

            -o-transition: none;

        }

        

        .jssort16 .pav:hover img, .jssort16 .p:hover img {

            filter: alpha(opacity=70);

            opacity: .7;

        }

        

        .jssort16 .title, .jssort16 .title_back {

            position: absolute;

            bottom: 0px;

            left: 0px;

            width: 200px;

            height: 30px;

            line-height: 30px;

            text-align: center;

            color: #000;

            font-size: 20px;

        }

        

        .jssort16 .title_back {

            background-color: #fff;

            filter: alpha(opacity=50);

            opacity: .5;

        }

        

        .jssort16 .pav .title_back {

            background-color: #000;

            filter: alpha(opacity=50);

            opacity: .5;

        }

        

        .jssort16 .pav .title {

            color: #fff;

        }

        

        .jssort16 .p.pav:hover .title_back, .jssort16 .p:hover .title_back {

            filter: alpha(opacity=40);

            opacity: .4;

        }

        

        .jssort16 .p.pdn img {

            filter: alpha(opacity=100);

            opacity: 1;

        }

/*slider*/



/* start*/

.hleft{width:47.2%; float:left; background:#dedede;}

.hleft .logo{float:right; padding:18px 27% 12px 0}

.hright{width:52.8%;  float:left; background:#092f57;}


@media only screen and (max-width:1220px) {


.hright{width:70% !important;}

.hleft{width:30% !important;}


}
}

@media only screen and (max-width:1280px) {


.parttext{width:100% !important;

}
}


@media only screen and (max-width:1280px) {

	html{overflow-x: hidden;}


}


@media only screen and (max-width:1127px) {

.parttext-1 { padding-left: 1%  !important;}
.part1 {width:24% !important; }
.part1{min-height:0px  !important;}
.normal-text {

   height: 149px;

   overflow: hidden;

}

.read-more-text-box {

   min-height: 149px;

}
}

@media only screen and (min-width:1345px) {
.hleft {
    width: 47.2% !important;}
.hright {
    width: 52.8% !important; }

}

@media only screen and (min-width:1530px) {
.hleft {
    width: 47.6% !important;}
.hright {
    width: 52.4% !important; }

}

@media only screen and (min-width:1689px) {
.hleft {
    width: 47.8% !important;}
.hright {
    width: 52.2% !important; }

}

@media only screen and (min-width:1789px) {
.hleft {
    width: 48.1% !important;}
.hright {
    width: 51.9% !important; }

}



@media only screen and (max-width:1021px) {
.parttext-1 { padding-left: 1%  !important;}
.part1 {width:24% !important; }
.part1{min-height:0px  !important;}
.normal-text {

   height: 179px;

   overflow: hidden;

}

.read-more-text-box {

   min-height: 179px;

}
}


@media only screen and (max-width:893px) {
.parttext-1 { padding-left: 1%  !important;}
.part1 {width:49% !important; }
.part1{min-height:0px  !important;}
.normal-text {

   height: 93px;

   overflow: hidden;

}

.read-more-text-box {

   min-height: 93px;

}
}

@media only screen and (max-width:785px) {
.parttext-1 { padding-left: 1%  !important;}
.part1 {width:99% !important; }
.part1{min-height:0px  !important;}
.normal-text {

   height: 100%;

   overflow: hidden;


   min-height: 100%;}

 .brbr  {display:none !important}
.part1 a {display:none  !important}


}
#overview2 {padding-bottom: 50px}
.headtxt1 {font-size:45px; line-height:55px; margin-bottom: 5px; font-weight :bold}
.headtxt2 {font-size:35px; line-height:35px;}
.headtxt3 {font-size:24px; line-height:29px; font-weight:100;}
@media only screen and (max-width:980px) {
.headtxt1 {font-size:38px; line-height:43px; margin-bottom: 5px; font-weight :bold}
.headtxt2 {font-size:30px; line-height:35px;}
.headtxt3 {font-size:19px; line-height:23px; font-weight:100;}
.iner {
    float: left;
    padding: 180px 0 0 12% !important; }
#overview2 {padding-top: 50px}
}

@media only screen and (max-width:670px) {
.iner {
    float: left;
    padding: 130px 0 0 12% !important; }

}

@media only screen and (max-width:640px) {
.headtxt1 {font-size:32px; line-height:37px; margin-bottom: 5px; font-weight :bold}
.headtxt2 {font-size:25px; line-height:31px;}
.headtxt3 {font-size:17px; line-height:18px; font-weight:100;}
.iner {
    float: left;
    padding: 105px 0 0 12% !important; }
#overview2 {padding-top: 30px}
}

@media only screen and (max-width:470px) {
.headtxt1 {font-size:30px; line-height:35px; margin-bottom: 5px; font-weight :bold}
.headtxt2 {font-size:22px; line-height:29px;}
.headtxt3 {font-size:16px; line-height:17px; font-weight:100;}
.iner {
    float: left;
    padding: 93px 0 0 12% !important; }
#overview2 {padding-top: 27px}
}



.title{text-align:center; font-size:35px; color:#092f57; padding:3% 3% 1%; font-weight:bold;}

.titleabt{ font-size:35px; color:#092f57; padding:3% 3% 1%; font-weight:bold;}

.parttext{}

.part1{width:21%; float:left; background-color:#edecec; min-height:169px; margin-right:1%; margin-top:3%;}

.part1 .title1{background-color:#092f57; color:#fff;  font-weight: 600;font-size:17px; padding:17px 9px; }

.parttext{width:900px; margin:0 auto; }

.parttext-1{/*width:1150px*/; margin:0 auto; clear: both; padding-left: 11%}

.part1 p{padding:8px; line-height:25px; font-size:14px;}

.part1 a{font-size:15px; border:2px solid #092f57; color:#092f57; padding:8px 10px 8px 8px; margin:10px; display: inline-block;}

.aboutus { background-color:#edecec; width:100%; float:left; margin-top:2%;}

.abt{width:37%; float:left; padding:2% 0 0 10%;}

.abt p{padding:8% 0 0 3%; font-size:15px; color:#747575; line-height:22px;}

.abtleft{float:right; width:50%;}



.ser{width:100%; float:left; background-color:#edecec; min-height:230px; margin-right:2%; margin-top:3%;}

.ser .titles{background-color:#092f57; color:#fff; font-size:18px; padding:10px 10px; }

.ser ul{text-decoration:none; margin:0; padding:1% 0 0 3%;}

.ser ul li{margin:0; color:#092f57; font-size:15px; font-weight:bold; line-height:25px;}

.mart-a{width:52%; float:left; margin:3% 0 1% 1%;}

.m-title{font-size:17px; color:#092f57; font-weight:700;}

.mart-a ul{padding:1% 0 0 4%;}

.mart-a ul li{margin:0; font-size:15px; color:#848585; font-weight:600; line-height:27px;}



.mart-b{width:45%; float:left; margin:3% 0 1% 1%;}



.mart-b ul{padding:1% 0 0 4%;}

.mart-b ul li{margin:0; font-size:15px; color:#848585; font-weight:600; line-height:27px;}

.mart-b p{width:84%; font-size:15px; color:#848585; font-weight:700;}

.abt .titles{background-color:#092f57; color:#fff; font-size:18px; padding:10px 10px; }





.abt ul{padding:1% 0 0 6%;}

.abt ul li{margin:0; font-size:15px; color:#848585; font-weight:700; line-height:27px;}



.part-f{width:50%; float:left; }

.part-l{width:37%; float:right; }

.af:hover{opacity:0.5;}





.main1{ padding:3% 0 0 0;}

.main1 label{clear: both;font-size: 13px; text-align:left;font-family: 'Open Sans', sans-serif; color:#6b6a6a; padding-left:5px; padding-bottom:3px;}

.fild1{ padding: 0 17px 0 0; 

    

    vertical-align: top;

   }

.pad{}

.part1f{}

.part1f .input{

    border:none;

    font-size: 14px;

    height: 14px;

    line-height: 22px;

    padding: 11px 8px;

 width:100%;

  background-color:#f2f2f2;

  margin-top:12px;

	}

	

input[type="text"], input[type="password"], textarea, select {

    outline: medium none;

}

.input {

    -moz-appearance: textfield;

    border: 1px solid #d8d8d8;

    box-sizing: content-box;

    color: #272525;

    font: 12px/14px Arial,Helvetica,sans-serif;

    margin: 0;

    padding: 8px;

    vertical-align: middle;

}

.input::-moz-placeholder {

    color:#a6a6a6;

    opacity: 1;

	

	font-size:15px;

	font-weight:bold;

}

.datepicker {

    background: url(../images/cel.png) no-repeat scroll 97% 50% rgba(0, 0, 0, 0);

}

.btn-submit {

    background-color: #092f57;

    background-image: -moz-linear-gradient(center top , #092f57, #1c4b7b);

    border-radius: 2px;

    border-style: none;

    color: #fff;

    cursor: pointer;

    float: right;

    font-size: 18px;

    height: 42px;

    line-height: 40px;

    padding: 0;

    width: 78px;

	margin-right:-16px;

	margin-top:15px;

	margin-bottom:25px;

}

.btn-submit:hover{background-color:#1c4b7b; background-image: -moz-linear-gradient(center top , #1c4b7b, #092f57);}







.bannermn

{	width:100%; float:left; 

}
/*desktop menu styling*/
.menu-desktop {
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 8px;
}
.menu-desktop li
{
	float:left;
	position:relative;
}
.menu-desktop li a
{
    color: #ffffff;
    float: left;
    font-family: robotoregular,Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 70px 8px 11px;
    text-transform: uppercase;
}










@media only screen and (max-width:980px) {


.menus

{	padding-top: 0px;

}


	.slider{width:100%;   height: 560px; background-repeat: no-repeat;

    background-size: contain;  background-size: cover;}

.logo

{	width:100%; text-align:center;  padding: 13px 0 6px 0 !important;

}

.menus

{	width:100%; width:100%;

}

.ser ul{padding: 1% 0 0 6%;}

.hright{width:100% !important;}

.hleft{width:100% !important;}

.hleft .logo{float:none !important;}



.abt{  width:90%; float: none !important; padding: 2% 0 0 3%;}

.abt p{padding: 0 0 0 3%}



.abtleft {

    float: none !important;

    width: 90%;

	margin:0 auto; text-align:center;

}

.parttext{padding:0 10px;}

.iner {

    float: left;

    padding: 23% 0 0 12%;

}

}

@media only screen and (max-width:800px) {

	.part1{width:47%; }

	.parttext{padding:0 10px;}

	

.iner {

    float: left;

    padding: 23% 0 0 12%;

}

}



@media only screen and (max-width:768px) {

	.part1{width:47%; }

	.parttext{padding:0 10px;}

	.part-f{width:96%;}

	.part-l{width:90%; float: none; text-align: center;}

	.mart-a{width:100%;}

	.mart-b{width:100%;}

	





}

@media only screen and (max-width:639px) {

.title{font-size:22px;}

.titleabt{font-size:22px;}

.part1{width:100%;  float: none !important;}

.parttext {

    width: 94% !important;

}

.slider{width:100%;   height: 480px; background-repeat: no-repeat;

    background-size: contain;  background-size: cover; }

}

@media only screen and (max-width:470px) {

	

	

	.slider{width:100%;   height: 455px; background-repeat: no-repeat;

    background-size: contain;  background-size: cover; }

.fmenu

{	margin:0 auto; width:244px; float:none;

}



}

@media only screen and (max-width:983px) {
   #home2 { padding-top: 50px; }
}
@media only screen and (max-width:670px) {
   #home2 { padding-top: 100px; }
}

@media only screen and (max-width:983px) {
  .anchorfix {
  display: block;
  height: 180px; /*same height as header*/
  margin-top: -180px; /*same height as header*/
  visibility: hidden;
}
}
@media only screen and (min-width:982px)
{
	.main-mobile-menu ul.menu-desktop {
  		display: block;
	}
	.main-mobile-menu ul.menu-mobile {
		display:none;
	}
}
@media only screen and (max-width:982px)
{
	.main-mobile-menu ul.menu-desktop {
  		display: none !important;
	}
}