@charset "utf-8";
/* CSS Document */


*
{
	padding:0px;
	margin:0px;
}


/*----------------------------Font Face----------------------*/
@font-face
{
	font-family:Titillium-Bold;
	src:url(../css/fonts/Titillium-Bold.otf);
}

@font-face
{
	font-family:HelveticaNeueLTCom-BdCn;
	src:url(../css/fonts/HelveticaNeueLTCom-BdCn.ttf);
}

@font-face
{
	font-family:Titillium-Regular;
	src:url(../css/fonts/Titillium-Regular.otf);
}




/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} 

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

a { margin:0; padding:0; font-size:100%; text-decoration:none;  background:transparent; }

body 
{ font-family:Arial, Helvetica, sans-serif; font-size:14px; *font-size:small; } /* hack retained to preserve specificity */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/* always force a scrollbar in non-IE */ 
/*html { overflow-y: scroll; }*/

a:hover, a:active { outline: none; }

a:focus { outline: none; }
:focus {outline:none;}
::-moz-focus-inner { border: 0; }

ul, ol { margin-left:0px; }
ol { list-style-type: decimal;}
ol li{margin-bottom:0px; list-style-type:none;}
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

/* webkit browsers add a 2px margin outside the chrome of form elements */  
input, select, textarea 
{ 
	margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#262626; }

/* 
 * Non-semantic helper classes 
 */

 .alignright{ float:right; margin-left:0px; }
 .alignleft{  float:left;  margin-right:0px;
 }
 
.hr{ height:19px; margin: 15px 0 0px -5px; clear:both; background:url(img/hr.png) no-repeat top left transparent; }
.clear{ clear: both;}
/* LINKS COLOR */
a, a:active, a:visited ,#main_link_color,#personal_data p span,#personal_data p span a{ color:; }
/* LINKS ONHOVER COLOR */
a:hover { /*color: #1e1e1e; */}
/* HEADINGS STRONG COLOR & HEADING FONTS*/
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.dropcapcolor,.inner_main .widget ul.testimonials li p span,.post_header a:hover,.breadcrumbs p span,h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,.hotstuff ul li a{
/*color:#DE5328;*/
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.inner_main .widget ul.testimonials li p
{ font-family:Ubuntu-R;	font-weight:400; }
h1,h2,h3,h4,h5,h6,.hotstuff ul li a,.inner_main .widget ul.testimonials li p span
{ font-family:Ubuntu-R;	font-weight:300; }
h1
{ font-size:24px; line-height:30px;	color:#1b3248; margin:0px; }

h1 strong{ line-height:32px; }

h2{ font-size:24px; line-height:30px;	margin:0px;	color:#000; }
h3{ font-size:21px; line-height:26px;	margin:0px;	color:#444444; }

h4{	font-size:19px;	line-height:24px; margin:0px; color:#444444; }

h4 strong{ font-size:15px; line-height:24px; margin:0px 0px 0px 0px; color:#d1161c;	font-weight:bold; }

h5{	font-size:17px;	line-height:22px; margin:0px; color:#444444; }

h6{	font-size:13px;	line-height:18px; margin:0px; color:#444444; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display:block; font-size:0.62em; margin-bottom:-0.43em; line-height:1.1em; }

/* BACKGROUND */
body{ background:#FFF; }

p{ font-family:PT_Sans-Web-Regular; font-size:14px; line-height:20px; margin:0px 0px 5px 0px; color:#666666; overflow:visible; }

.row{ width:100%; clear:both; }
.container{width:1170px; margin:0 auto; position:relative;}


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

.top{ height:36px; background-color:#f2f2f2; border-top:5px solid #ea2d77;}
.logo{ width:229px; height:129px; position:absolute; left:0px; top:0px; }
nav{}
.toggleMenu { display:  none; margin:2px 2px 0px 0px; padding:0px; color: #fff; float: right; }
.nav { list-style: none; *zoom: 1;  margin-left: 244px; width:570px; float:left; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 9em; }
.nav a { margin:7px 18px; color:#595959; font-family:Titillium-Bold; font-size:16px; text-transform:uppercase;  }
.nav a:hover{ color:#333; }
.nav li { position: relative; }
.nav > li { float: left; }
.nav > li > .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { display: block; background: #1d7a62; position: relative; z-index:100; border-top: 1px solid #175e4c; }
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62; }

.social{ float:right; }
.fb{ background:url(../images/social.jpg) -0px 0px no-repeat; width:24px; height:24px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social.jpg) -32px 0px no-repeat; width:24px; height:24px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social.jpg) -64px 0px no-repeat; width:24px; height:24px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social.jpg) -96px 0px no-repeat; width:24px; height:24px; float:left; display:block; margin:7px 4px; }


/*********************************************************************************/
/* Banner                                                                     */
/*********************************************************************************/
.banner{ height:558px; }
.banner_txt{ width:540px; float:left;}
.banner_txt h1{ font-family:HelveticaNeueLTCom-BdCn; font-size:60px; color:#ec008d; line-height:54px; margin:133px 0px 0px 0px; width: 285px; }
.banner_txt h2{ font-family:HelveticaNeueLTCom-BdCn; font-size:45px; color:#a4509d; line-height:45px; letter-spacing: 1px; margin:10px 0px 0px 0px; width: 284px; }
.digital_download{ background:url(../images/pdf_icon.png) 0px 0px no-repeat; padding:0px 0px 0px 40px;  margin:5px 0px 0px 0px; }
.digital_download p{ font-family:Titillium-Regular; font-size:11px; line-height:14px; color:#676767; text-align: left; }
.digital_download p span{ font-size:14px; }
.digital_download_2 p{ color:#adadad!important; }

.banner_img{ float: left; position: absolute; right:0px; top:0; width: 850px; }
.video_bg{ width:100%; height:395px; background-color:#333333; padding:50px 0px; }
.video{ width:540px; height:396px; float:left;}
.video_txt{ width:540px; float:left; margin:0px 0px 0px 90px; }
.video_txt h2{ background:url(../images/video_arrow.png) 0px 14px no-repeat; padding:0px 0px 10px 70px; font-family:Titillium-Bold; font-size:36px; color:#d6d6d6 }

.video_txt ul{ margin:10px 0px 5px 0px; }
.video_txt li{ background:url(../images/txt_icon.png) 0px 0px no-repeat; list-style-type:none; font-family:Titillium-Regular; font-size:24px; color:#c1c1c1; padding:0px 0px 0px 40px; margin:5px 0px 0px 0px; }

.includes_bg{ width:100%; background-color:#d7f7ff; padding:50px 0px 0px; }
.includes_bg h2{ font-family:Titillium-Bold; font-size:30px; color:#a4509d; text-align:center; text-transform:uppercase; margin-bottom:60px; }
.includes_box{ background-color:#FFF; border:1px solid #96e5f9; width:233px; height:94px; position:relative; float:left; display:table; padding:0px 27px 0px 310px; margin-bottom:80px; }
.box_right{ margin-left:26px;}
.includes_box p{ font-family:Titillium-Regular; font-size:20px; color:#5c5c5c; display:table-cell;  vertical-align: middle; }
.includes_box a{ display:table-cell;  vertical-align: middle; }
.includes_box p span{ font-family:Titillium-Bold; color:#a4509d; }

.includes_box_img{ position:absolute; top:-42px; left:0px; }

.includes_box2{width:42.9% !important;  padding:0px 0px 0px 667px;}
.before{ width:180px; height:167px; float:left; position:absolute; top:-43px; left:305px; }
.before img{ border:3px solid #96e5f9; border-radius:50%; }
.before2{ left:481px!important; }

.expect{ width:100%; padding:50px 0px;}
.expect h2{ font-family:Titillium-Bold; font-size:30px; color:#a4509d; text-align:center; text-transform:uppercase; margin-bottom:40px; }

.expect ul{ margin:10px 0px 5px 0px; width:643px; float:left; }
.expect li{ background:url(../images/txt_icon2.png) 0px 0px no-repeat; list-style-type:none; font-family:Titillium-Regular; font-size:16px; color:#5c5c5c; padding:0px 0px 0px 40px; margin:5px 0px 0px 0px; }
.expect li span{ color:#a4509d; font-family:Titillium-Bold; }
.expect_img{ width:543px; padding:224px 0px 0px 0px; float:left; background:url(../images/expert.png) 0px 0px no-repeat; text-align:center; }

.testimonials{ width:100%; background-color:#f6edf5; padding:50px 0px; }
.testimonials h2{ font-family:Titillium-Bold; font-size:30px; color:#a4509d; text-align:center; text-transform:uppercase; margin-bottom:40px; }
.testimonials_box{ width:371px; float:left;}
.testimonials_box2{ margin:0px 28px;}
.testimonials_box h2{ font-family:Titillium-Bold; font-size:30px; color:#e80087; text-transform:uppercase; text-align:left; margin-bottom:0px; }
.testimonials_box h2 span{ color:#a4509d; font-size:16px; font-family:Titillium-Regular; border-left:1px solid #a4509d; display: inline; padding:0px 0px 0px 10px; line-height: 0; margin-bottom: 0;   text-transform: none;}
.testimonials p{ font-family:Titillium-Regular; font-size:16px; color:#5c5c5c; background:url(../images/qutoe.png) no-repeat; padding-left:35px; margin-top:10px; padding-top: 10px;}
.testimonials_img{ position:relative; float:left; margin:10px 0px 0px 0px; }
.testimonials_img_right{ margin-left:2px;}
.testimonials_img_txt{position: absolute; bottom:0px; background: url(../images/test_txt_bg.png) repeat; text-align:center; padding:15px 0px; font-family:Titillium-Bold; font-size:16px; color:#FFF; text-transform:uppercase; width:100%; }

#footer{ background-color:#eeeeee; padding:30px 0px; border-top:3px solid #ea2d77; color:#4a4a4a; font-size:13px; font-family:Titillium-Regular; }
#footer p{ color:#4a4a4a; font-size:13px; font-family:Titillium-Regular; margin-top:30px; }
.copyright{ float:left; margin-top:10px; }
.secure_admin{ float:left; background:url(../images/lock_icon.png) 0px 2px no-repeat; padding-left:20px; margin:10px 5px 0px 0px; }
.master_card{ background:url(../images/master_card.jpg) no-repeat; width:51px; height:32px; float:left; }
.visa{ background:url(../images/visa.jpg) no-repeat; width:51px; height:32px; float:left; margin:0px 2px; }
.paypal{ background:url(../images/paypal.jpg) no-repeat; width:51px; height:32px; float:left; }




@media screen and (max-width: 768px) {
    .active { display: block; }
    .nav > li { float: none; }
    .nav > li > .parent { background-position: 95% 50%; }
    .nav li li .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }
    .nav ul { display: block; width: 100%; }
   .nav > li.hover > ul , .nav li li.hover ul { position: static; }
}


@media screen and (max-width: 320px) {
.container{ width:93%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav { list-style: none; margin-left: 4px; width: 100%; float: left; position: absolute; right: 0; background-color:#f2f2f2; border-top:1px solid #ea2d77; top: 37px; z-index: 999; width: 63%; }

.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { margin: 36px 0 0; width:100%; font-size:36px; }
.banner_txt h2 { font-size: 24px; line-height: 24px; margin-bottom:186px; margin-top:0px; width:80%; }
.banner_txt { float: none; width:100%; }
.banner_img { float: none; width:100%; top:130px; z-index:-1; }
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float: none; height:auto; width: 100%; }
.video_txt { float: left; margin: 0; width: 100%; }
.video_txt h2 { font-size: 33px; margin-top: 20px; }
.video_txt li { font-size: 16px;}
.includes_box {display: block; float: none; height: 246px; margin-bottom:10px; padding: 0 10px; width: 92%; }
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left: 0; }
.includes_box_img { width: 90%;}
.includes_box2 { height: 100%; padding: 0 10px;  width: 92% !important;}
.before { float: left; height:153px; left: 305px; margin-left:0px; margin-top: 6px; position: static; top:148px; width: 47%; }
.before2 { margin-left:14px; }
.includes_box a { display: block; margin: 0 auto; width: 70%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding: 124px 0 0; }
.expect { padding: 30px 10px; width: 93%; }

.testimonials_box { float: left; width: 100%; }
.testimonials_img { float: left; width: 49%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: left; }
.secure_admin { float: none; }
}

@media (min-width: 321px) and (max-width: 384px) {
.container{ width: 94%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav { list-style: none; margin-left: 4px; width: 100%; float: left; position: absolute; right: 0; background-color:#f2f2f2; border-top:1px solid #ea2d77; top: 37px; z-index: 999; width: 63%; }

.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { font-size: 25px; line-height: 23px; margin:54px 0 0;  width:28%; }
.banner_txt h2 {  font-size: 18px; line-height: 18px; margin-bottom:0px; margin-top: 0; width:31%; }
.banner_txt { float:left; width:100%; }
.banner_txt a{ display: block; margin: 0 auto;  text-align: center; z-index: 9999999;}
.banner_img { float: left; top: 37px; width: 73%; z-index: -1; }
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float: none; height:auto; width: 100%; }
.video_txt { float: left; margin: 0; width: 100%; }
.video_txt h2 { font-size: 33px; margin-top: 20px; }
.video_txt li { font-size:20px; background: url("../images/txt_icon.png") no-repeat scroll 0 -3px rgba(0, 0, 0, 0);}
.includes_box {display: block; float: none; height: 246px; margin-bottom:10px; padding: 0 10px; width:95%; }
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left: 0; }
.includes_box_img { width: 71%;}
.includes_box2 {   height:100%; padding: 0 10px;  width: 92% !important;}
.before { float:none; height:153px; left: 305px;  margin: 13px auto; position: static; top:148px; width: 137px; }
.before2 { }
.includes_box a { display: block; margin: 0 auto; width: 50%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding:183px 0 0; }
.expect { padding: 30px 10px; width: 94%; }

.testimonials_box { float: left; width: 100%; }
.testimonials_img { float: left; width:41%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: left; }
.secure_admin { float: none; }
}

@media (min-width: 385px) and (max-width: 480px) {
.container{ width: 94%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav { list-style: none; margin-left: 4px; width: 100%; float: left; position: absolute; right: 0; background-color:#f2f2f2; border-top:1px solid #ea2d77; top: 37px; z-index: 999; width: 63%; }

.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { font-size: 25px; line-height: 23px; margin:54px 0 0;  width:28%; }
.banner_txt h2 {  font-size: 18px; line-height: 18px; margin-bottom:83px; margin-top: 0; width:31%; }
.banner_txt { float:left; width:100%; }
.banner_txt a{ display: block; margin: 0 auto;  text-align: center; z-index: 9999999;}
.banner_img { float: left; top: 37px; width: 73%; z-index: -1; }
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float: none; height:auto; width: 100%; }
.video_txt { float: left; margin: 0; width: 100%; }
.video_txt h2 { font-size: 33px; margin-top: 20px; }
.video_txt li { font-size:20px; background: url("../images/txt_icon.png") no-repeat scroll 0 -3px rgba(0, 0, 0, 0);}
.includes_box {display: block; float: none; height: 246px; margin-bottom:10px; padding: 0 10px; width:95%; }
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left: 0; }
.includes_box_img { width: 71%;}
.includes_box2 {   height:100%; padding: 0 10px;  width: 92% !important;}
.before { float:none; height:153px; left: 305px;  margin: 13px auto; position: static; top:148px; width: 137px; }
.before2 { }
.includes_box a { display: block; margin: 0 auto; width: 50%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding:183px 0 0; }
.expect { padding: 30px 10px; width: 94%; }

.testimonials_box { float: left; width: 100%; }
.testimonials_img { float: left; width:41%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: left; }
.secure_admin { float: none; }
}


@media (min-width:481px) and (max-width: 568px) {
.container{ width: 94%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav { list-style: none; margin-left: 4px; width: 100%; float: left; position: absolute; right: 0; background-color:#f2f2f2; border-top:1px solid #ea2d77; top: 37px; z-index: 999; width: 63%; }

.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { font-size: 42px; line-height: 36px; margin: 54px 0 0; width:70%; }
.banner_txt h2 {  font-size: 32px; line-height: 32px; margin-bottom:328px; margin-top: 0; width:98%;}
.banner_txt { float:left; width:100%; }
.banner_txt a img{ width:80%;  display: block; margin: 0 auto; }
.banner_img { float: left; left: 3px; top: 149px; width:100%; z-index: -1;}
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float:left; height:auto; width:100%; }
.video_txt {  float: left; margin:32px 0 0 28px; width: 95%;}
.video_txt a img{ width:58%;  display: block; margin: 0 auto;}
.video_txt h2 { font-size: 33px; margin-top:0px; }
.video_txt li { font-size:17px; background: url("../images/txt_icon.png") no-repeat scroll 0 -6px rgba(0, 0, 0, 0);}
.includes_box { display: block; float: left; height:256px;  margin-bottom: 10px; padding: 0 10px;  width:94%; }
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left:0px; }
.includes_box_img { width: 71%;}
.includes_box2 .includes_box_img { width:42%; float:left;}
.includes_box2 {   height:100%; padding: 0 10px;  width: 97% !important;}
.before { float: left; height:153px; left: 305px; margin-left:5px; margin-top: 6px; position: static; top:148px; width:132px; }
.before2 { margin-left:17px; }
.includes_box a { display: block; margin: 0 auto; width: 26%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding:210px 0 0; }
.expect { padding: 30px 10px; width: 94%; }

.testimonials_box { float: left; width:33%; }
.testimonials_img { float: left; width:49%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: left; }
.secure_admin { float: left; margin-right: 13px; }
.copyright { float: none; margin-top: 10px; }
}


@media (min-width:569px) and (max-width:600px) {
.container{ width: 94%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav { list-style: none; margin-left: 4px; width: 100%; float: left; position: absolute; right: 0; background-color:#f2f2f2; border-top:1px solid #ea2d77; top: 37px; z-index: 999; width: 63%; }

.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { font-size:50px; line-height: 36px; margin: 54px 0 0; width:84%; }
.banner_txt h2 {  font-size: 32px; line-height: 32px; margin-bottom:339px; margin-top: 0; width:100%;}
.banner_txt { float:left; width:100%; }
.banner_txt a img{ width:73%;  display: block; margin: 0 auto; }
.banner_img { float: left; left: 12px; top: 157px; width:95%; z-index: -1;}
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float:left; height:auto; width:100%; }
.video_txt {  float: left; margin:38px 0 0 28px; width: 89%;}
.video_txt a img{ width:58%;  display: block; margin: 0 auto;}
.video_txt h2 { font-size: 33px; margin-top:0px; }
.video_txt li { font-size:17px; background: url("../images/txt_icon.png") no-repeat scroll 0 -6px rgba(0, 0, 0, 0);}
.includes_box { display: block; float: left; height:256px;  margin-bottom: 10px; padding: 0 10px;  width:94%; }
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left:0px; }
.includes_box_img { width: 71%;}
.includes_box2 .includes_box_img { width:42%; float:left;}
.includes_box2 {   height:100%; padding: 0 10px;  width: 97% !important;}
.before { float: left; height:153px; left: 305px; margin-left:5px; margin-top: 6px; position: static; top:148px; width:132px; }
.before2 { margin-left:17px; }
.includes_box a { display: block; margin: 0 auto; width: 26%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding:210px 0 0; }
.expect { padding: 30px 10px; width: 94%; }

.testimonials_box { float: left; width:33%; }
.testimonials_img { float: left; width:49%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: left; }
.secure_admin { float: left; margin-right: 13px; }
.copyright { float: none; margin-top: 10px; }
}


@media (min-width:601px) and (max-width:768px) {
.container{ width: 94%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav { list-style: none; margin-left: 4px; width: 100%; float: left; position: absolute; right: 0; background-color:#f2f2f2; border-top:1px solid #ea2d77; top: 37px; z-index: 999; width: 63%; }

.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { font-size:50px; line-height: 36px; margin: 54px 0 0; width:84%; }
.banner_txt h2 {  font-size: 32px; line-height: 32px; margin-bottom:430px; margin-top: 0; width:100%;}
.banner_txt { float:left; width:100%; }
.banner_txt a img{ width:73%;  display: block; margin: 0 auto; }
.banner_img { float: left; left: 12px; top: 124px; width:95%; z-index: -1;}
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float:left; height:auto; width:100%; }
.video_txt {  float: left; margin:38px 0 0 28px; width: 89%;}
.video_txt a img{ width:58%;  display: block; margin: 0 auto;}
.video_txt h2 { font-size: 33px; margin-top:0px; }
.video_txt li { font-size:17px; background: url("../images/txt_icon.png") no-repeat scroll 0 -6px rgba(0, 0, 0, 0);}
.includes_box { display: block; float: left; height:216px;  margin-bottom: 10px; padding: 0 10px;  width:46%; }
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left:12px; }
.includes_box_img { width: 71%;}
.includes_box2 .includes_box_img { width:42%; float:left;}
.includes_box2 {   height:100%; padding: 0 10px;  width: 97% !important;}
.before { float: left; height:153px; left: 305px; margin-left:14px; margin-top: 11px; position: static; top:148px; width:162px; }
.before2 { margin-left:17px; }
.includes_box a { display: block; margin: 0 auto; width: 26%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding:320px 0 0;  background-position: 8px 0;}
.expect { padding: 30px 10px; width: 94%; }

.testimonials_box { float: left; width:33%; }
.testimonials_img { float: left; width:49%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: left; }
.secure_admin { float: left; margin-right: 13px; }
.copyright { float: none; margin-top: 10px; }
}

@media (min-width:769px) and (max-width: 1024px) {
.container{ width: 94%; padding: 0 10px;}
.logo{ width:111px; height:74px; left: 10px;}
.social{ float: right; margin-right: 21px; }
.nav {  float: left; list-style: none outside none; margin-left: 113px; width: 65%; z-index: 999;  }
.nav a {margin: 7px 10px;}
.fb{ background:url(../images/social_phone.jpg) -2px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.tw{ background:url(../images/social_phone.jpg) -27px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.yu{ background:url(../images/social_phone.jpg) -53px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.click{ background:url(../images/social_phone.jpg) -79px -2px no-repeat; width:21px; height:21px; float:left; display:block; margin:7px 4px; }
.banner { height:100%; padding-bottom:10px;}
.banner_txt h1 { font-size: 40px; line-height: 40px; margin:78px 0 0; width:48%;}
.banner_txt h2 {  font-size:21px; line-height:25px; margin-bottom:37px; margin-top: 0; width:39%; }
.banner_txt { float:left; width:58%; }
.banner_txt a{ display: block; margin: 0 auto; z-index: 9999999;}
.banner_txt a img{ width:47%;}
.banner_img { float: left; top: 29px; width:54%; z-index: -1; right: -9px; }
.video_bg { height:100%; padding:30px 0; width: 100%; }
.video { float:left; height:auto; width: 40%; }
.video_txt { float: left; margin: 0 0 0  27px; width:50%; }
.video_txt h2 { font-size: 33px; margin-top: 20px; }
.video_txt li { font-size:20px; background: url("../images/txt_icon.png") no-repeat scroll 0 -3px rgba(0, 0, 0, 0);}
.includes_box {display: block; float:left; height: 246px; margin-bottom:10px; padding: 0 10px; width:45%; }
.includes_box2 .includes_box_img { width:42%; float:left;}
.includes_box_img { display: block; float: none; left:0%; margin: 0 auto; position: inherit; top: 2px;}
.includes_box p { display: block; text-align: center; margin-top: 5px;}
.box_right { margin-left:26px; }
.includes_box_img { width: 71%;}
.includes_box2 {   height:100%; padding: 0 10px;  width: 96% !important;}
.before { float: left; height:153px; left: 305px; margin-left:64px; margin-top: 6px; position: static; top:148px; width: 137px; }
.before2 { margin-left:17px; }
.includes_box a { display: block; margin: 0 auto; width:27%; }
.expect { padding: 30px 0; width: 100%; }
.expect h2 { margin-bottom: 0; }
.expect ul { float: left; margin: 10px 0 5px; width: 100%; }
.expect li { padding: 0 0 0 30px; }
.expect_img { width: 100%; background-size:100%; padding:429px 0 0; }
.expect { padding: 30px 10px; width: 94%; }

.testimonials_box { float: left; width:33%; }
.testimonials_img { float: left; width:49%; }
.testimonials_box2 { margin: 0; }
.testimonials_box h2 {font-size: 23px;}
.alignright { float: right; }
.secure_admin { float:left; }
}