@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

@font-face {
    font-family: 'cg_omegaregular';
    src: url('../fonts/cgor45w-webfont.eot');
    src: url('../fonts/cgor45w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cgor45w-webfont.woff') format('woff'),
         url('../fonts/cgor45w-webfont.ttf') format('truetype'),
         url('../fonts/cgor45w-webfont.svg#cg_omegaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ padding:0px; margin:0px;}
body{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/bg1.jpg) repeat-x #c5d2e2;}
a img{ border:0px;}
img{ max-width:100%; height:auto;}
ul, ol{ list-style-type:none;}
a{ text-decoration:none; color:#233069;}
p{ font:normal 12px/18px Calibri; color:#555353;/* text-align:justify;*/}
.clear{ clear:both; line-height:0;}
div{ display:block;}
div:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}

#wrapper{ width:980px; margin:0 auto; background:#fff; padding:20px 10px; position:relative;}
#header{ padding:0 0 20px 0;}
#logo{ width:325px; float:left;}
#social{ width:235px; float:right;}

#navigation{ height:76px; background:#21205f;}
#navigation ul{ margin:0 0 0 7px;}
#navigation ul li{ float:left; margin:0 1px;}
#navigation ul li+li{ background:url(../images/spacer1.jpg) no-repeat 0 10px;}
#navigation ul li a{ font:normal 18px/76px Calibri; color:#fff; padding:0 36px; display:block; text-transform:uppercase;}
#navigation ul li a:hover, #navigation ul li.current-menu-item a{ background:#25aae1;}
#nav_bg{ padding-bottom:13px; width:100%;}
#navigation a#navbtn:hover, #navigation ul li a:hover, #navigation ul li.current-menu-item a{ color:#fff;}
#navigation a#navbtn{ font:bold 16px/40px Arial, Helvetica, sans-serif; display:none; cursor:pointer; color:#fff; width:100%; text-align:center;}

.download{ float:left; margin:10px 18px 10px 0; width:32%;}
.download:nth-child(3){ margin-right:0;}

#content h1{ font:bold 36px/42px Calibri; color:#21205f; text-align:center; padding:20px 0 0 0;}
#content h2{ font:bold 26px/32px Calibri; color:#21205f; text-align:center; padding:10px 0;}
#content h1 sup{ font-size:12px; font-weight:bold;}
#content p{ font:normal 19px/22px Calibri; color:#21205f; text-align:center; padding:5px 0;}

.cont_post{ width:230px; float:left; margin:0 0px 20px 80px;}
.cont_post:nth-child(3){ margin-right:0;}
.cont_post img{ border:5px solid #25aae1; text-align:center;}
#content .cont_post h1{ font:bold 14px/20px "Century Gothic"; color:#21205f; text-transform:uppercase; text-align:center; margin:10px 0; height:25px;}
#content .cont_post p{ text-align:left; color:#21205f; margin:10px 0; font-size:14px;}
.more{ font:normal 16px/30px "Myriad Pro"; color:#fff; background:#21205f; padding:5px 20px; display:inline-block;}

/****new***/
.cont_post1{ width:300px; float:left; margin:0 26px 20px 0;}
.cont_post1:nth-child(2){ margin-right:0;}
.cont_post1 img{ border:5px solid #25aae1; text-align:center;}
#content .cont_post1 h1{ font:bold 14px/20px "Century Gothic"; color:#21205f; text-transform:uppercase; text-align:center; margin:10px 0; height:25px;}
#content .cont_post1 p{ text-align:left; color:#21205f; margin:10px 0; font-size:14px;}

/***********Banner Start***********/
#banner{ position:relative; width:100%; height:330px; display:block; overflow:hidden;}
.banner_text{ position:absolute; top:85px; width:480px; left:20px;}
.banner_text h1{ font:600 35px/45px 'Roboto Condensed', sans-serif; color:#21205f;}
.banner_text h2{ font:600 30px/45px 'Roboto Condensed', sans-serif; color:#21205f;}
.banner_text h2 span{ text-transform:uppercase; color:#fff;}
#example{ /*width:980px;*/ height:auto; position:relative;}
#slides{ position:absolute; z-index:100;}
.slides_container{ width:980px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide{ width:980px; height:370px; display:block;}
#slides .next,#slides .prev{ position:absolute; top:107px; left:-24px; width:24px; height:43px; display:none; z-index:101;}
.pagination{ margin:26px auto 0; width:100px; position:absolute; bottom:100px; left:2%; z-index:100;}
.pagination li{ float:left; margin:0 1px; list-style:none;}
.pagination li a{ display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination.jpg); background-position:0 0; float:left; margin:0 2px; overflow:hidden;}
.pagination li.current a{ background-position:0 -12px;}
/***********Banner End***********/

#inner_banner{ position:relative;}

#about{ background:#d9d9d9; padding:20px;}
#about_left{ width:215px; float:left; margin:0 20px 0 0; text-align:center;}
#about_left p{ font:bold 12px/18px Arial, Helvetica, sans-serif; color:#454444;}
#about_left h1{ font:normal 17px/30px Calibri; color:#131313;}
#about_right{ float:left; width:700px;}
#about_right p{ text-align:justify; font:normal 16px/20px Calibri; color:#454444;}
#ab_mid{ margin:30px 0 20px; text-align:center;}
.pdf{ margin:10px 20px 10px 0;}
#ab_mid p{ color:#21205f; font-size:16px; line-height:22px; text-align:left;}
#ab_text p{ text-align:left; color:#21205f; font-size:16px; line-height:22px;}

#footer1{ background:#1c6db2; min-height:200px;}
.f_content{ width:980px; padding:10px; margin:0 auto;}
.fpost{ width:295px; float:left; padding:20px 0 10px 0; margin:0 30px 0 0;}
.fpost:nth-child(3){ margin-right:0;}
.fpost h1{ font:normal 24px/30px Arial, Helvetica, sans-serif; color:#001133; background:url(../images/bg2.jpg) repeat-x bottom; display:block; padding-bottom:20px; text-align:center;}
.fpost p{ font:normal 13px/18px Arial, Helvetica, sans-serif; color:#001133; padding:20px 0;}
.fpost img{ margin:0 10px 0 0;}
#footer2{ background:#010d17; min-height:56px;}
#footer2 p{ color:#fff;}

.cont_post h3{ font:bold 18px/20px "Myriad Pro"; color:#211f95; text-align:left; padding:10px 0; text-transform:inherit;}
.cont_post ul li{ font:normal 14px/24px Calibri; color:#211f95; background:url(../images/arrow1.jpg) no-repeat 3px 9px; padding:0 0 0 25px;}
#mid_cont{ margin:10px 0;}
#mid_cont h2{ font:normal 24px/40px Calibri; color:#fff; background:#25aae1; text-align:center; padding:10px 0;}
#low_cont{ background:#d9d9d9; padding:10px 20px;}
.low_img{ float:left; margin:0 20px 20px 0;}
#low_cont ul{ float:left; width:225px; margin:5px 20px 5px 0;}
#low_cont ul+ul{ margin-right:0;}
#low_cont ul li{ font:normal 16px/30px Calibri; color:#323232; background:url(../images/arrow2.jpg) no-repeat 5px 13px; padding:0 0 0 30px;}
.gap{ height:20px;}

#exp{ margin:10px 0;}
#left_exp{ width:60%; float:left;}
#left_exp h1{ font:normal 20px/30px Calibri; color:#242323; text-align:center; padding:0 0 10px 0;}
#left_exp h4{ font:normal 19px/23px Calibri; color:#3b3b3b; text-align:left; padding:0 0 10px 10px;}
#left_exp ul{ width:24%; float:left; margin:10px 5px 10px 0;}
#left_exp ul li{ font:normal 12px/15px Arial, Helvetica, sans-serif; color:#454545; background:url(../images/arrow3.jpg) no-repeat 0 7px; padding:3px 0 3px 15px;}
#right_exp{ font:20px/30px "Myriad Pro"; color:#fff; background:url(../images/icon1.png) no-repeat 5px 30px #21205f; padding:20px 20px 20px 40px; width:30%; float:right; text-align:center;}
#right_exp a{color:#FFFFFF; }
#right_exp:hover{ background:url(../images/icon1.png) no-repeat 5px 30px #25aae1;}

.exp_post{ padding:10px 0;}
.exp_post h3{ font:bold 18px/23px Calibri; color:#211f95; text-align:left; padding:0 0 5px 10px;}
#left_exp .exp_post p{ font:normal 14px/18px Calibri; color:#2a2a2a; text-align:left; padding:0 0 0 10px;}
.down3{ font:normal 19px/35px Calibri; color:#fff; background:#21205f; text-align:center; display:inline-block; padding:5px 5%; margin:10px 0 10px 10px;}

#brand{ background:#d8f4ff; padding:20px; float:right; width:35%;}
#brand h4{ font:bold 16px/30px Calibri; color:#211f95;}
#brand p{ font:normal 14px/18px Calibri; color:#2a2a2a; text-align:center;}
#brand ul{ position:relative;}
#brand ul li{ background:url(../images/brand_normal.jpg) no-repeat top center; width:153px; height:68px; text-align:center; font:normal 18px/78px Calibri; color:#fff; line-height:78px; float:left; cursor:pointer; margin:10px 3px; position:relative;}
#brand ul li:hover{ background:url(../images/brand_bg.jpg) no-repeat top center; width:153px; height:68px;}
#brand ul li > ul { display:none; z-index:999; position:absolute; left:50%; top:-100%;}
#brand ul li:hover > ul{ display:block;}
#brand ul li:hover > ul li{ float:left; display:block; width:180px; background:#000; opacity:0.8; height:auto; padding:20px; line-height:18px; font:normal 14px/18px Calibri; text-align:left;}

.img_arrow{ text-align:center; margin:10px 0;}
#low_cont h3{ font:normal 14px/18px Calibri; color:#454444;}
#exp2{ text-align:center;}
#exp2 .exp_download h1{ font:normal 19px/35px Calibri; color:#fff; background:#21205f; text-align:center; display:inline-block; padding:5px 25%; margin:10px 0;}
#exp2 .exp_download h2{ font:normal 19px/22px Calibri; color:#3b3b3b; text-align:center; margin:20px 0;}
.left_download{ width:20%; float:left; margin:10px 20px;}
#exp2 .left_download p{ font:normal 14px/18px Calibri; color:#2a2a2a;}
.behav{ box-shadow:1px 1px 0 2px #cfcfcf; margin:20px 0; padding-bottom:10px;}
.behav h3{ font:bold 19px/25px Calibri; color:#191919; margin:20px 0;}
.down2{ font:normal 19px/35px Calibri; color:#fff; background:#21205f; text-align:center; display:inline-block; padding:5px 15%; margin:10px 0;}
.ready{ margin:15px 0; text-align:center;}
.crm{ margin:20px 0; text-align:center;}

/******pop up*******/
#pop_up{  border-radius:5px; border:2px solid #fff; padding:40px 20px 20px 20px; z-index:999999; text-align:center; display:block;}
#pop_up h1{ font:normal 17px/20px Calibri; color:#fff;}
#pop_up h2{ font:normal 16px/20px "Myriad Pro"; color:#fff;}
.pop_img{ margin:15px 0;}
#form{ background:url(../images/form_bg.png) no-repeat; margin:20px 0 0 0; padding:10px;}
#form_left{ width:345px; float:left; margin:15px 0 0 0;}
#form_left h1{ font:bold 20px/26px Arial, Helvetica, sans-serif; color:#4d6780; text-transform:inherit;}
#form_left h1 span{ font-size:30px;}
/*#form_right{ width:320px; float:right; margin:15px 0 0 0;}*/
#form input[type="text"]{ height:26px; border-radius:5px; width:100%; text-indent:5px; float:left; margin:5px 5px 5px 0;}
.sub{ background:#25aae1; font:bold 13px/15px Arial, Helvetica, sans-serif; color:#e9e6df; padding:10px 20px; border:none; margin:5px 7px; cursor:pointer; float:left; height:37px;}
#form a {background:#25aae1; font:bold 13px/15px Arial, Helvetica, sans-serif; color:#e9e6df; padding:10px 20px; border:none; margin:5px 7px; cursor:pointer; float:left; height:17px;}
.cross{ position:absolute; top:8px; right:10px;}

#cboxContent{}
#cboxLoadedContent{}
#inline_content{ border:none; background:none;}
/******pop end*****/

#discover{ text-align:center; padding:10px 0;}

#form input[type="text"]{}

.wpcf7 label {
    clear: left;
    color: #383838;
    display: block;
    float: left;
    font: 14px/35px Arial,Helvetica,sans-serif;
    padding: 0 0 0 1%;
    text-align: left;
    width: 37%;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select{ height:35px; background:#d3e1ef; border-radius:5px; border:0px; font:normal 14px/35px Arial, Helvetica, sans-serif; color:#333; box-shadow:inset 0px 2px 2px #666; text-indent:10px; width:300px; margin:10px;}
.wpcf7 textarea{ width:290px; height:80px; background:#d3e1ef; border-radius:5px; border:0px; font:normal 14px Arial, Helvetica, sans-serif; color:#333; box-shadow:inset #666666 0px 2px 2px 1px; margin:10px; padding:5px;}
.wpcf7 input[type="submit"]{ width:100px; height:40px; background:#21205f; color:#ffffff; font:normal 20px Arial, Helvetica, sans-serif; border:0; box-shadow:none; cursor:pointer; text-transform:uppercase; border-radius:5px; float:left; margin:0 0 0 39%;}

span.wpcf7-form-control-wrap {
    display: inline-block;
    position: relative;
	float:left;
}
.wpcf7-form > p {
    clear: both;
}
div.wpcf7 img.ajax-loader{ float:left;}
div.wpcf7-validation-errors {
    clear: both;
    color: #000000;
    text-align: center;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1000px) {
#wrapper{ width:728px;}
#navigation{ height:45px; margin-bottom:10px;}
#navigation ul li+li{ background:url(../images/spacer1.jpg) no-repeat 0 0;}
#navigation ul li a{ padding:0 17px; font:normal 17px/45px "Myriad Pro";}
#nav_bg{ padding:0; background:none;}
#banner{ height:206px;}
.slides_container{ width:728px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide{ width:728px; height:276px; display:block;}
.banner_text{ position:absolute; top:45px; width:320px; left:20px;}
.banner_text h1{ font-size:24px;}
.banner_text h2{ font-size:22px;}
.download{ float:left; margin:10px 13px 10px 0; width:32%;}
.download:nth-child(3){ margin-right:0;}

#content .cont_post1 h1{ height:35px;}

#about_left{ width:30%; float:left; margin:0 10px 0 0; text-align:center;}
#about_left p{ font:bold 12px/18px Arial, Helvetica, sans-serif; color:#454444;}
#about_left h1{ font:normal 17px/30px "Myriad Pro"; color:#131313;}
#about_right{ float:right; width:63%;}
#about_right p{ text-align:justify; font:normal 14px/18px "Myriad Pro"; color:#454444;}
#ab_mid{ margin:30px 0 20px; text-align:center;}
.pdf{ float:none; margin:10px 0;}
#ab_mid p{ color:#21205f; font-size:16px; line-height:22px; text-align:center; margin:10px 0 0;}
#ab_text p{ text-align:center; color:#21205f; font-size:16px; line-height:22px;}

.f_content{ width:728px;}
#footer2 p{ text-align:center;}
.cont_post{ width:30%; margin:0 10px 0;}
#content .cont_post h1{ height:25px;}
.cont_post:nth-child(3){ margin:10px 0; float:none !important;}
.fpost{ width:30%;}

.low_img{ width:60%;}
#left_exp h1{ font:normal 18px/25px "Myriad Pro"; color:#242323; text-align:center; padding:0 0 10px 0;}
#left_exp ul{ width:45%; float:left; margin:10px 5px 10px 0;}
#left_exp ul li{ font:normal 12px/15px Arial, Helvetica, sans-serif; color:#454545; background:url(../images/arrow3.jpg) no-repeat 0 7px; padding:3px 0 3px 15px;}
.behav h3{ font-size:16px;}
.left_download{ margin:10px 13px;}

/****new***/
.cont_post1{ width:30%; float:left; margin:0 20px 20px 0;}
.cont_post1:nth-child(2){ margin-right:0;}

#low_cont ul{ margin:0; width:auto;}
#left_exp{ width:60%;}
#brand{ width:30%; text-align:center;}
#brand > div{ text-align:center;}
#brand ul li{ float:none; margin:0 0 0 30px;}
#brand ul li > ul { display:none; z-index:999; position:absolute; left:-80%; top:-100%;}
#brand ul li:hover > ul li{ width:180px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) {
#wrapper{ width:440px;}
.f_content{ width:440px;}

#header{ text-align:center;}
#logo{ width:100%; float:none;}
#social{ width:100%; float:none; margin:10px 0;}

#navigation{ height:auto; padding:0 0 5px;}
#navigation ul{ display:none; position:relative; width:100%; margin:0 0 5px;}  
#navigation ul li{ float:none; text-align:center; padding:1px 0 0;}
#navigation ul li a{ line-height:30px; font-weight:normal; color:#fff;}
#navigation a#navbtn{ line-height:40px; display:block;}

#banner{ height:120px;}
.slides_container{ width:440px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide{ width:440px; height:167px; display:block;}
.banner_text{ position:absolute; top:25px; width:220px; left:10px;}
.banner_text h1{ font-size:14px; line-height:22px;}
.banner_text h2{ font-size:12px; line-height:16px;}
.download{ float:none; margin:0 0 0 60px; width:100%;}
.download img{ padding:5px 0;}
.cont_post{ width:100%; float:none; text-align:center; margin:0;}
.cont_post ul{ margin:0 0 0 20px;}
.cont_post ul li{ text-align:left;}
#content .cont_post p{ text-align:justify;}
.fpost{ width:100%; text-align:center;}
#content h1{ font-size:26px; line-height:30px;}

.low_img{ width:100%;}
#left_exp{ width:100%; float:none;}
#left_exp h1{ font:normal 18px/25px "Myriad Pro"; color:#242323; text-align:center; padding:0 0 10px 0;}
#left_exp ul{ width:45%; float:left; margin:10px 5px 10px 0;}
#left_exp ul li{ font:normal 12px/15px Arial, Helvetica, sans-serif; color:#454545; background:url(../images/arrow3.jpg) no-repeat 0 7px; padding:3px 0 3px 15px;}
#right_exp{ width:86%; float:none;}
.left_download{ width:45%; margin:10px 5px;}

/****new***/
.cont_post1{ width:100%; float:none; margin:15px 0; text-align:center;}
#content .cont_post1 p{ text-align:center;}

#low_cont ul{ margin:0 10px 0 0;}
#low_cont ul+ul{ margin-right:0;}
#brand{ width:89%; padding:10px; text-align:center;}
#brand ul li{ float:left;}
#brand ul li > ul { display:none; z-index:999; position:absolute; left:-10%; top:-100%;}
#brand ul li:hover > ul li{ width:120px;}

.pagination{ bottom:60px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) {
#wrapper{ width:300px;}
.f_content{ width:300px;}
#content h1{ font-size:20px; line-height:25px;}
#banner{ height:113px;}
.slides_container{ width:300px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide{ width:300px; height:113px; display:block;}
.banner_text{ display:none;}
.download{ width:100%;}
.cont_post{ width:90%; float:none; text-align:center; margin:0;}
#content .cont_post p{ text-align:justify; padding-right:20px;}

#about_left{ width:100%; float:none; margin:10px 0; text-align:center;}
#about_left p{ font:bold 12px/18px Arial, Helvetica, sans-serif; color:#454444;}
#about_left h1{ font:normal 17px/30px "Myriad Pro"; color:#131313;}
#about_right{ float:none; width:100%;}
#about_right p{ text-align:justify; font:normal 14px/18px "Myriad Pro"; color:#454444;}
#ab_mid{ margin:30px 0 20px; text-align:center;}
.pdf{ float:none; margin:10px 0;}
#ab_mid p{ color:#21205f; font-size:16px; line-height:22px; text-align:center;}
#ab_text p{ text-align:center; color:#21205f; font-size:16px; line-height:22px;}

.fpost{ width:100%; text-align:center;}
.fpost p{ text-align:center;}

#right_exp{ width:80%; float:none;}
#left_exp ul{ width:40%;}
.left_download{ width:90%;}


/****new***/
.cont_post1{ width:90%; padding:0 10px;}

#low_cont ul{ margin:5px 0;}

#brand ul li{ margin-bottom:10px;}
#brand ul li > ul { display:none; z-index:999; position:absolute; left:10%; top:-100%;}
#brand ul li:hover > ul li{ width:150px;}

.download{ margin:0;}
.pagination{ bottom:10px;}
}