/*****************COMMON STYLE**********************************/
body{font-family: 'SegoeUI-Light', arial; }
ul{	margin:0;padding:0;}
.container{max-width:1104px !important; width:auto !important;}
.hoveranimate{-webkit-transition: background 0.8s ease;	-moz-transition: background 0.8s ease;	-ms-transition: background 0.8s ease;-o-transition: background 0.8s ease;transition: background 0.8s ease;}
.allanimated{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.equalspace{margin:0 auto !important;float:none !important;}
img{max-width:100%; vertical-align:top;}
a:focus,input:focus{outline:none;}
input, buttom{ border-radius:none;}
a{ text-decoration:none !important;}

/************************** 1664 ******************************/
#landing_sts{ overflow:hidden;}
#landing_banner{}
#landing_banner .banner_img{ background:url(../images/MSWordWebinar_landingpage_banner_.jpg) no-repeat center top; background-size:cover; min-height:497px; padding:86px 0 37px;}
#landing_banner .width_wrap{ }
#landing_banner .banner_text{}
#landing_banner .banner_text h1{ margin:0 0 46px; color:#ffffff; font-size:48px; line-height:58px; letter-spacing:-0.5px;}
#landing_banner .banner_text h1 span{ display:block;}
#landing_banner .banner_info{ }
#landing_banner .img_wrap{}
#landing_banner .img_wrap img{}
#landing_banner .text_wrap{ }
#landing_banner .text_wrap h6{ margin:0; color:#feffff; font-size:30px; line-height:38px; font-family: 'Segoe UI Semibold', arial;}
#landing_banner .text_wrap h6 span{ display:block;}

/************************* WELCOME_SECTION ********************/
#welcome_section{}
#welcome_section .width_1{ }
#welcome_section .width_2{ }
#welcome_section .welcome_content{ }
#welcome_section .content_wrap{ display:table; width:100%; padding:29px 0;}
#welcome_section .welcome_image{}
#welcome_section .welcome_image span{}
#welcome_section .welcome_image img{}
#welcome_section .welcome_text{ color: #000000;  font-size: 16px; line-height: 22px;    }
#welcome_section .welcome_text p{ margin:0 0 22px;}
#welcome_section .welcome_text p:last-of-type{margin:0;}
#landing_sts .sidebar{ border:1px solid #113655; box-shadow: 0 8px 22px 0 rgba(50, 50, 50, 0.57); -webkit-box-shadow: 0 8px 22px 0 rgba(50, 50, 50, 0.57); -moz-box-shadow: 0 8px 22px 0 rgba(50, 50, 50, 0.57);}
#landing_sts .sidebar .form_heading{ background:#e61e25; position:relative; padding:29px 15px 56px;}
#landing_sts .sidebar .register_btn{ position:absolute; left:-5px; top:-5px;}
#landing_sts .sidebar .form_heading h6{ margin:0; color:#ffffff; font-size:25px; line-height:31px; font-family: 'Segoe UI regular', arial;}
#landing_sts .sidebar .form_heading h6 span{ display:block;}
#landing_sts .sidebar .form_wrap{ padding:0 25px 33px; margin-top: -28px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#022e55+0,023868+100 */
background: #022e55; /* Old browsers */
background: -moz-linear-gradient(top, #022e55 0%, #023868 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #022e55 0%,#023868 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #022e55 0%,#023868 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022e55', endColorstr='#023868',GradientType=0 ); /* IE6-9 */}
#landing_sts .sidebar .form_wrap form button{ display:block; width:100%; padding: 5px 8px 11px; border-radius:5px; color:#fdfdfd; font-size:28px; line-height:40.15px; text-shadow: 0px 3px 0px #c40000; -webkit-box-shadow: 0px 4px 0px 0px rgba(159, 14, 19, 1);
-moz-box-shadow:    0px 4px 0px 0px rgba(159, 14, 19, 1);
box-shadow:         0px 4px 0px 0px rgba(159, 14, 19, 1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe0000+0,cc0000+100 */
background: #fe0000; /* Old browsers */
background: -moz-linear-gradient(top, #fe0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fe0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fe0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ border:1px solid #e61e25; font-family: 'Segoe UI Bold', arial;}


/************************ MIDDLE_INFO_SECTION *********************/
#middle_info_section{ padding:0 0 66px;}
#middle_info_section .join_us{}
#middle_info_section .join_us h5{ margin:0 0 41px; padding:18px 15px 27px; border:3px solid #000000; color:#000000; font-size:24px; line-height:28px; font-family: 'Segoe UI Bold', arial;}
#middle_info_section .join_us h5 span{ display:block;}
#middle_info_section .info_text{ color:#000000; font-size:20px; line-height:27px;}
#middle_info_section .info_text p{ margin:0;}
#middle_info_section .info_text p span{ display:block;}

/*********************** FEATURE_SECTION **************************/
#feature_section{ background:url(../images/feature_section_bg.jpg) no-repeat center top; background-size:cover; padding-bottom:30px;}
#feature_section .feature_heading{ position:relative; z-index:1; margin-bottom:32px;}
#feature_section .feature_heading h6{ margin:0; display:inline-block; padding:0 24px; background:#e61e25; color:#ffffff; font-size:20px; line-height:38px; text-transform:uppercase; font-family: 'Segoe UI Semibold', arial; transform:translateY(-50%); -webkit-transform:translateY(-50%); letter-spacing:2px;}
#feature_section .feature_wrap{}
#feature_section .feature_wrap ul{}
#feature_section .feature_wrap ul:before, #feature_section .feature_wrap ul:after{content:""; display:table; clear:both;}
#feature_section .feature_wrap ul li{ list-style:none; position:relative;  padding-left:52px; color:#ffffff; font-size:20px; line-height:34px; margin-bottom:10px;}

#feature_section .feature_wrap ul li:before{content:""; position:absolute; width:33px; height:33px; left:0; top:0; background:url(../images/check_icon.png) no-repeat center;}

/********************** REGISTER_SECTION **************************/
#register_section{ padding:34px 0;}
#register_section .register_text{  color:#000000; font-size:24px; line-height:28px; margin-top:38px;}
#register_section .register_text p{ margin:0 0 26px;}
#register_section .register_text p .bold_text{ color:#e61e25;font-family: 'Segoe UI Bold', arial;}
#register_section .register_info{  background:#023767; padding:32px 25px 24px; color:#ffffff; font-size:24px; line-height:28px;}
#register_section .register_info p{ margin:0 0 25px;}
#register_section .register_info p .block_text{ display:block;}
#register_section .register_info p .bold_text{font-family: 'Segoe UI Bold', arial;}
#register_section .register_info h6{ margin:0 0 8px; font-size:inherit; line-height:inherit;font-family: 'Segoe UI Bold', arial;}
#register_section .register_info h6 span{ display:block;}
#register_section .red_border{}

/*********************** ABOUT_US ********************************/
#about_us{ background:#f4f4f4; padding:35px 0 60px;}
#about_us .about_us_wrap{}
#logo{ }
#logo img{}
#about_us .about_us_text{ font-family: 'Segoe UI Semilight', arial; color:#000000; font-size:16px; line-height:23px;}
#about_us .about_us_text h6{font-family: 'Segoe UI Semilight', arial; text-transform:uppercase; margin:0 0 18px; color:#000000; font-size:15px; line-height:34px; letter-spacing:2px;}
#about_us .about_us_text p{ margin:0;}
#about_us .about_us_text a{ color:#000;}

.word_form_wrap .form_wrap .fsBody .fsForm, .word_form_wrap .form_wrap .fsForm .fsFieldRow .fsRowBody, .word_form_wrap .form_wrap.fsForm .fsSpacerRow .fsRowBody{ margin: 0 !important;padding: 0 !important;background:transparent!important;}
.word_form_wrap .form_wrap .fsBody .fsForm{ border:none!important; padding-bottom: 0px !important; padding-top:0px; margin: 0 !important;}
.word_form_wrap .form_wrap .fsBody .fsLabel, .fsBody label{ color:#515050!important; margin-bottom: 0 !important; }
.word_form_wrap .form_wrap .fsForm .fsSubmit{ background:none!important;   padding: 5px 0!important;margin: 0 !important;}
.word_form_wrap .form_wrap .fsBody .fsRowBody{ padding: 0 !important;}
.word_form_wrap .form_wrap .fsOptionLabel.horizontal { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important;}
.word_form_wrap .form_wrap .fsForm .fsLabel{   color: #fff !important; font-family: 'open_sanslight_italic',Arial; font-size: 15px !important;font-weight: normal !important;margin-bottom: 4px !important;margin-top: -6px !important;}
.word_form_wrap .form_wrap .fsBody .fsSupporting{font-family: 'open_sanslight_italic',Arial;font-weight:normal !important; color: #515050  !important; font-size: 11px;}
.word_form_wrap .form_wrap .fsBody .fsForm .fsSectionHeading { font-size: 16px;}
.word_form_wrap .form_wrap .fsBody .fsForm .fsSectionHeading{background: url(images/seperator_title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
color: #666666;text-align: center;font-family: 'open_sanslight_italic',Arial;font-size: 16px; line-height: 30px;margin: 0;  padding-bottom: 20px;text-transform: uppercase;}
.word_form_wrap .form_wrap .fsSubmit input.fsSubmitButton{ padding:4px 10px!important;}
.word_form_wrap .form_wrap .fsSubmit input.fsSubmitButton:hover{ background:#c62a02;}
.word_form_wrap .form_wrap *::-moz-placeholder{color:#000!important;opacity: 1;}
.word_form_wrap .form_wrap .fsSubmit input.fsSubmitButton { display:block; width:100%; padding: 10px 0 14px!important; border-radius:5px!important; color:#fdfdfd; font-size:28px!important; line-height:40.15px!important; text-shadow: 0px 3px 0px #c40000; -webkit-box-shadow: 0px 4px 0px 0px rgba(159, 14, 19, 1); -moz-box-shadow: 0px 4px 0px 0px rgba(159, 14, 19, 1); box-shadow: 0px 4px 0px 0px rgba(159, 14, 19, 1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe0000+0,cc0000+100 */ background: #fe0000; /* Old browsers */ background: -moz-linear-gradient(top, #fe0000 0%, #cc0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fe0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fe0000 0%,#cc0000 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ border:1px solid #e61e25!important; font-family: 'Segoe UI Bold', arial;}
.word_form_wrap .form_wrap .fsPagination input, .word_form_wrap .form_wrap.fsPagination button{ font-size:10px!important;}
.word_form_wrap .form_wrap .fsSubField:last-child{ margin:0px!important;}
.word_form_wrap .form_wrap .fsBody .fsForm{box-shadow: none !important; position: relative; z-index: 99;}
.word_form_wrap .form_wrap .fsBody input{ padding:2px!important; font-size:13px !important; font-weight:normal !important;}
.word_form_wrap .form_wrap .fsBody .fsSubField{ margin-right: 3%; width: 47.9%;}
.word_form_wrap .form_wrap .fsFieldRow input[type="text"], .word_form_wrap .form_wrap .fsFieldRow input[type="email"], .word_form_wrap .form_wrap .fsFieldRow input[type="number"], .word_form_wrap .form_wrap .fsFieldRow input[type="tel"]{ width:100%!important; height:48px; color:#808080!important; max-width: 100%;}
.word_form_wrap .form_wrap .fsFieldRow input[type="text"], .word_form_wrap .form_wrap .fsFieldRow input[type="email"], .word_form_wrap .form_wrap .fsFieldRow input[type="number"], .word_form_wrap .form_wrap  .fsFieldRow input[type="tel"], .word_form_wrap .form_wrap .fsForm textarea { max-width: 100% !important; width: 100% !important;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f5f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #f7f5f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#f7f5f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#f7f5f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f5f6',GradientType=1 ); /* IE6-9 */;font-family:'Segoe UI light italic'; color: #000 !important; font-weight: normal; font-size: 18px !important; border:none!important; padding: 10px 16px !important; border-radius:0!important; margin-bottom:15px;}
.word_form_wrap .form_wrap div.fsError { margin:0px !important;} 
.word_form_wrap .form_wrap .fsBody .fsFieldRow, .fsBody .fsRowBody { margin-bottom: 0 !important;}
.word_form_wrap .form_wrap .fsForm select{  border: 1px solid #cccccc;border-radius: 5px !important;color: #808080 !important;font-size: 14px !important; height: 56px !important;max-width: 100%;line-height: 48px !important;padding: 0 0 0 10px !important; width: 100% !important;}

.word_form_wrap .form_wrap .fsForm fieldset, .word_form_wrap .form_wrap .fsForm fieldset legend{ background:none !important;}
.word_form_wrap .form_wrap .fsOptionLabel.vertical { clear: none !important; color: #656565;font-family: 'open_sanslight_italic',Arial; font-size: 12px; font-weight: normal; margin-right: 20px;}
.word_form_wrap .form_wrap div.fsError{ font-family: 'open_sanslight_italic',Arial; font-size: 13px !important;  margin-bottom: 5px !important;margin-top: 0px !important; padding: 4px !important; width: 100%;}
.word_form_wrap .form_wrap .fsRequiredMarker { font-weight:normal !important; font-size:14px; color:#ff3c3c;}
.word_form_wrap .form_wrap .fsBody { margin-bottom:0px!important;background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0; padding: 0 !important;} 
.word_form_wrap .form_wrap .fsValidationError .fsLabel { background-position: 0 2px !important; background-size: 6px auto !important;}
.word_form_wrap .form_wrap #field28535119{ height:40px!important; font-weight: normal !important;}
.word_form_wrap .form_wrap .fsBody .fsSectionHeader{ display: none; margin-left: -2px!important;background: none repeat scroll 0 0 transparent; color: #000; padding: 6px 0 0px !important;}
.word_form_wrap .form_wrap .fsFieldFocused.fsSpan100:not(.fsValidationError){margin:0px!important;padding:0px!important}
.word_form_wrap .form_wrap > p {color: hsl(0, 0%, 100%);font-family: open_sanslight_italic;font-size: 18px; margin-bottom: 20px;text-align: center;}
.word_form_wrap .form_wrap .fsValidationError {background-color: hsla(0, 0%, 0%, 0);box-shadow: none;}


@media (min-width: 768px) {
#landing_banner .width_wrap{ width:61%;}
#welcome_section .width_1{ width:58%;}
#welcome_section .width_2{ width:42%;}
#welcome_section .welcome_content{ max-width:593px;}
#landing_banner .banner_info{ display:table; width:100%;}
#landing_banner .img_wrap{ width:148px; display:table-cell; vertical-align:middle;}
#landing_banner .text_wrap{ display:table-cell; vertical-align:middle; padding-left:53px;}
#welcome_section .welcome_image{display: table-cell; vertical-align: middle; width: 30%;}
#welcome_section .welcome_image span{display: inline-block; margin-left: -140px;}

#welcome_section .welcome_text{display: table-cell; vertical-align: middle; width: 70%;padding-left: 23px;}
#landing_sts .sidebar{ margin-top:-443px; max-width:396px; width:100%; float:right;}
#feature_section .feature_wrap ul li{ float:left; width:45%; min-height:58px;}
#feature_section .feature_wrap ul li:nth-child(odd){ margin-right:5%;}
#feature_section .feature_wrap ul li:nth-child(even){ margin-left:5%;}
#register_section .width_1 { width:58%;}
#register_section .width_2{ width:42%;}
#register_section .register_text{ max-width:593px; }
#register_section .register_info{ max-width:393px; width:100%; float:right;}
#about_us .about_us_wrap{ display:table; width:100%;}
#logo{ display:table-cell; vertical-align:top; width:24%;}
#logo img{ margin-top:57px;}
#about_us .about_us_text{ display:table-cell; vertical-align:top; width:76%; padding-left:20px;}
}


@media (min-width: 768px) and (max-width: 1104px) {
#landing_banner .width_wrap{width:60%;}
#landing_banner .banner_text h1{font-size:42px;}
#landing_banner .text_wrap{padding-left:33px;}
#landing_banner .text_wrap h6{font-size:26px;}
#welcome_section .welcome_image span{margin-left:-50px;}
}



@media (min-width: 768px) and (max-width: 960px) {
#landing_banner .img_wrap{width:110px;}
#landing_banner .text_wrap h6{font-size:20px;}
#landing_sts .sidebar .form_heading h6{font-size:18px;}
#welcome_section .welcome_text{font-size:14px;}
#feature_section .feature_wrap ul li:nth-child(odd){ margin-right:2%;}
#feature_section .feature_wrap ul li:nth-child(even){ margin-left:2%;}
#feature_section .feature_wrap ul li{width:48%; padding-left:36px;}
#feature_section .feature_wrap ul li::before{background-size:25px; width:25px;}
#register_section .register_info{padding: 32px 15px 24px;}
#register_section .red_border{max-width:200px;}
}
@media  (max-width: 960px){
#landing_banner .banner_text h1 { font-size: 30px; letter-spacing: -0.3px; line-height: 49px;}
#middle_info_section .join_us h5{font-size:18px;}
#middle_info_section .info_text{font-size:14px; line-height:25px;}
#feature_section .feature_heading h6{font-size:16px; line-height:36px;}
#feature_section .feature_wrap ul li{font-size:16px; line-height:28px;}
#register_section .register_text{font-size:18px; line-height:26px;}
#register_section .register_info{font-size:18px; line-height:27px;}
#about_us .about_us_text{font-size:14px;}
#feature_section .feature_wrap ul li::before{background-size:25px; width:25px;}
.word_form_wrap .form_wrap .fsSubmit input.fsSubmitButton{ font-size: 22px!important;}

}


@media (max-width: 767px){
#landing_banner .banner_text h1 span{display:inline;}
#landing_banner .text_wrap h6 span{display:inline;}
#landing_banner .text_wrap h6{font-size:20px; line-height:30px;}
#landing_banner .img_wrap{margin:0 0 18px;}
#landing_banner .banner_img{min-height:inherit; padding:80px 0 70px;}
#welcome_section .welcome_image{margin:0 0 24px;}
#feature_section .feature_wrap ul li{min-height:inherit; margin-bottom:13px; padding-left:0;}
#feature_section .feature_wrap ul li::before{position:relative; display:inline-block; margin-right:6px; top:9px;}
#logo{margin:0 0 22px;}
#middle_info_section .join_us h5 span{display:inline;}
#middle_info_section .join_us h5{font-size:16px; line-height:26px;}
#feature_section .feature_heading h6 { font-size: 13px; letter-spacing: 1px;  line-height: 32px; padding: 0 10px;}
.small_screen_center{ text-align:center;}
	   
}

@media (max-width: 668px){

}


@media (max-width: 430px) {
#landing_banner .banner_text h1 {font-size: 24px; letter-spacing: 0; line-height: 47px;}
#landing_banner .img_wrap img{max-width:100px;}
#landing_banner .text_wrap h6{font-size:16px; line-height:28px;}
#welcome_section .welcome_text{font-size:14px;}
#feature_section .feature_heading h6 {font-size: 12px; letter-spacing: 1px; line-height: 18px; padding: 8px 10px;}
#landing_sts .sidebar .form_heading h6{font-size:18px; line-height:30px;}
#register_section .register_text{font-size:16px;}
}
