.uihid{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; padding-left: 0px; overflow: hidden; clip: rect(0,0,0,0); border: 0; color: #fff; font-size: 18px; font-weight: 600; } .social_login .uihid{color: #000} .social_login{ margin: 7px 0 7px; display: table; width: 100%; } .social_icon{width: 65px;height: 35px;float: left;margin-right: 12px;background-repeat: no-repeat;cursor: pointer;background: url(/api/signup/user/social1.png); } .social_icon:last-child{margin-right:0;} .Google_divs{background-position: -20px -2px;} .Google_divs:hover{background-position: -20px -82px;} .FB_divs{background-position: -19px -163px;} .FB_divs:hover{background-position: -19px -243px;} .TW_divs{background-position: -18px -323px;} .TW_divs:hover{background-position: -18px -403px;} .Li_divs{background-position: -20px -489px;} .Li_divs:hover{background-position: -20px -571px;} .MS_divs{background-position: -21px -652px;} .MS_divs:hover{background-position: -21px -734px;} @media (min-width: 768px) and (max-width: 979px){ .social_icon{width: 50px;} .Google_divs,.Google_divs:hover{background-position: -27px -2px;} .FB_divs,.FB_divs:hover {background-position: -25px -163px;} .TW_divs, .TW_divs:hover {background-position: -25px -323px;} .Li_divs,.Li_divs:hover {background-position: -27px -489px;} .MS_divs,.MS_divs:hover {background-position: -28px -652px;} } @media (min-width: 980px) and (max-width: 1100px){ .social_icon{width: 52px;} .Google_divs, .Google_divs:hover{background-position: -26px -2px;} .FB_divs,.FB_divs:hover {background-position: -25px -163px;} .TW_divs, .TW_divs:hover {background-position: -24px -323px;} .Li_divs,.Li_divs:hover {background-position: -25px -489px;} .MS_divs,.MS_divs:hover {background-position: -27px -652px;} } @media (max-width: 359px) { .social_icon{width: 50px;} .Google_divs,.Google_divs:hover{background-position: -27px -2px;} .FB_divs,.FB_divs:hover {background-position: -25px -163px;} .TW_divs, .TW_divs:hover {background-position: -25px -323px;} .Li_divs,.Li_divs:hover {background-position: -27px -489px;} .MS_divs,.MS_divs:hover {background-position: -28px -652px;} } @media (min-width: 360px) and (max-width: 374px){ .social_icon{width: 50px;margin-right: 20px;} .Google_divs, .Google_divs:hover{background-position: -28px -2px;} .FB_divs,.FB_divs:hover {background-position: -25px -163px;} .TW_divs, .TW_divs:hover {background-position: -26px -324px;} .Li_divs,.Li_divs:hover {background-position: -27px -489px;} .MS_divs,.MS_divs:hover {background-position: -29px -652px;} } @media (min-width: 375px) and (max-width: 480px){ .social_icon{width: 55px;margin-right: 20px;} .Google_divs, .Google_divs:hover{background-position: -25px -2px;} .FB_divs,.FB_divs:hover {background-position: -22px -163px;} .TW_divs, .TW_divs:hover {background-position: -23px -324px;} .Li_divs,.Li_divs:hover {background-position: -24px -489px;} .MS_divs,.MS_divs:hover {background-position: -26px -652px;} } @media (min-width: 481px) and (max-width: 767px){ .form-login-wrapper-reg {width: 100%;} } @charset"utf-8"; .feature-con { text-align: center; margin: 0 auto; padding:40px 5% 56px 5%; width: 90%; }.about-con h2, .feature-con h2, .perfect-con h2, .quiz-soft-con h2, .testimonial-con h2, .work-con h2 { color: #67666a; font-family: 'Source Sans Pro', sans-serif; line-height: 32px; font-weight: 600; }.feature-con h5, .quiz-soft-con h5 { color: #67666a; font-family: 'Source Sans Pro', sans-serif; line-height: 32px; background-image: url(../img/circle-bdr.png?v=1); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 20px; }.bg-f5f5f5 { background: #f5f5f5; } .press-con { margin-top: 45px; }.press-con li { display: inline-block; width: 16%; margin: 0 1%; background: #f2f2f2; border: 1px solid #cecece; padding: 29px 0px;}.quiz-soft-con { text-align: center; margin: 0 auto; padding: 40px 5% 56px 5%; width: 90%; float: left; }.quiz-soft-rpt { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; color: #67666a; padding: 15px 5% 5px; position: relative; margin: 0 5px; min-height: 180px; } span.ion-plus { display: inline-block; padding: 10px; background: url(../img/plus.png?v=1) no-repeat center #fff; position: absolute; right: -11px; bottom: -11px; }.quiz-soft-rpt h4 { color: #67666a; line-height: 25px; margin-top: 5px ;font-size: 18px;}.quiz-soft-rpt p { font-size: 13px; margin-top: 10px; line-height: 21px; font-family: 'Open Sans', sans-serif; }.quiz-rpt li { display: block; float: left; width: 33%; }.bdr-nt { border-right: none; }.bdr-bt-nt { border-bottom: none ;}.mr-tp10 { margin-top: 11px; }.cir-bdr { background-image: url(../img/circle-bdr.png?v=1); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 20px; }.testimonial-con { text-align: center; margin: 0 auto; padding: 40px 0 0px; width: 100%; }.testimonial-wrap { text-align: center; margin: 0 auto; padding: 0px 0 36px; width: 100% ;}.testimonial-con h2 { margin-bottom: 50px; }.testimonial-rpt{ padding-bottom:20px !important;}.testimonial-rpt h5 { color: #313131; line-height: 19px; margin-top: 10px; }blockquote { min-height: 216px; padding: 0px 0; quotes: "\201C""\201D""\2018""\2019"; width: 86%; margin: 0 auto; font-family: SegoeUI-Regular; font-size: 15px; color: #474646; line-height: 24px ;}blockquote:after, blockquote:before { position: absolute; color: #c9c9c9; font-size: 48px; font-family: 'Source Sans Pro', sans-serif ;}blockquote:before { content: open-quote; margin: 1px 0 0 -25px; }blockquote:after { content: close-quote; margin: 11px 0px 0px 1px; }.testimonial-rpt p { color: #807f83; font-size: 13px; }.profile-img { overflow: hidden; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 6px 0 rgba(0,0,0,.54); -o-box-shadow: 0 0 6px 0 rgba(0,0,0,.54); -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.54); -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.54); -ms-box-shadow: 0 0 6px 0 rgba(0,0,0,.54); width: 100px; height: 100px; line-height: 99px; }.try-btn { background: #589bff; background: -moz-linear-gradient(top, #589bff 0, #3c8ac9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #589bff), color-stop(100%, #3c8ac9)); background: -webkit-linear-gradient(top, #589bff 0, #3c8ac9 100%); background: -o-linear-gradient(top, #589bff 0, #3c8ac9 100%); background: -ms-linear-gradient(top, #589bff 0, #3c8ac9 100%); background: linear-gradient(to bottom, #589bff 0, #3c8ac9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#589bff', endColorstr='#3c8ac9', GradientType=0);-moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; padding: 12px 3%; display: inline-block; text-align: center; color: #fff; font-size: 23px; border-radius: 4px; }.try-btn:hover { color: #fff; background: #3c8ac9; background: -moz-linear-gradient(top, #3c8ac9 0, #589bff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c8ac9), color-stop(100%, #589bff)); background: -webkit-linear-gradient(top, #3c8ac9 0, #589bff 100%); background: -o-linear-gradient(top, #3c8ac9 0, #589bff 100%); background: -ms-linear-gradient(top, #3c8ac9 0, #589bff 100%); background: linear-gradient(to bottom, #3c8ac9 0, #589bff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c8ac9', endColorstr='#589bff', GradientType=0);}.about-con { text-align: center; margin: 0 auto; padding: 40px 6% 56px 6%; width: 88% ;}.about-con h2{ margin-bottom: 15px; }.about-con p { font-size: 16px; color: #5f5f5f; line-height: 24px; margin-bottom: 40px; }.tour-btn { background: url("../img/arrow-left-banner.png?v=1") no-repeat scroll right 5px top 6px rgba(0, 0, 0, 0); font-size: 18px; line-height: 20px; padding-right: 20px; color: #3b5998; margin-left: 4%; /*padding-right: 25px;line-height: 32px;font-size: 20px;background-image: url(../img/arrow-left.png?v=1); background-repeat: no-repeat; background-position: right 5px top 10px;*/ -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; display: inline-block; }.tour-btn:hover{background-position: right 0 top 6px;}.perfect-con { margin: 0 auto; text-align: center; padding: 40px 7% 6px; }.perfect-wrap { float: left; }.perfect-con h2 { margin-bottom: 55px ;}.perfect-rpt { background: #fff; padding:3px; min-height: 267px; }.perfct-cont { padding: 5px 3% 20px; width: 94%; font-family: 'Open Sans', sans-serif; }.perfct-cont h5 { line-height: 30px; color: #3b5998; margin-bottom: 10px; font-weight: 600; }.perfct-cont p { line-height: 19px; color: #67666a; font-size: 15px; width: 96%; text-align: center; margin: 0 auto; }.perfct-img>img { width: 100%; }.perfect-rpt { margin-bottom: 50px; }.work-con { margin: 0 auto; padding: 40px 5% 50px; width: 90%; }.work-con h2 { margin-bottom: 40px; text-align: center; }.work-rpt { float: left; width: 100%; }.work-icon { float: left; margin-right: 2% ;}.work-cont { float: left ; width:85%;}.work-cont h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 32px; color: #67666a; } .work-cont ul li { font-family: 'Source Sans Pro', sans-serif; margin-left: 15px; list-style: disc; color: #67666a; font-size: 16px; line-height: 20px; padding-bottom: 5px ;}.work-cont ul { margin-top: 10px; }.bdr-e0e0 { border-bottom: 1px solid #f0f0f0; }.brand-con { padding: 30px 0px 25px 0px; text-align: center; margin: 0 auto; }.brand-con li:last-child { padding-right: 0px;}.banner-bg { background: url(../img/banner_bg_strip.jpg) top center; height: auto; position: relative; }.banner-img { bottom: 0; height: 354px; background: url(../img/table_with_things.png?v=1) center bottom no-repeat; left: 30px; margin: 0 auto; position: absolute; right: 0; text-align: center ; }.banner-con { padding: 15px 0 65px; float: left; width: 100%; position: relative; }.banner-con h1 { color: #f88528; line-height: 52px; font-family: SegoeUI-SemiBold; text-align: center; }.banner-con h2 { font-size: 25px; color: #3a3a3a; line-height: 32px; font-family: 'Open Sans', sans-serif; text-align: center; margin-top: 5px; margin-bottom: 97px;}.banner-con-rt { width: 40%; float: left; margin-top: 28px; }.banner-con-rt ul li { font-family: 'Open Sans', sans-serif; background: url(../img/tick-img.png?v=1) left 5px no-repeat; padding-left: 20px; font-size: 16px; padding-bottom: 10px; }.banner-con-lt { float: left; margin-top: 0; }.quiz-rpt {margin-top: 30px;}.banner-btn { margin-top: 35px; }.banner-btn .try-btn { padding: 15px 3% 15px 6%; position:relative; }.banner-btn .try-btn span{ background: url(../img/banner-btn-arr.png?v=1); background-position: right 10px top 2px; background-repeat: no-repeat ; display:inline-block; width:30px; height:15px; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; background-color: transparent ; } .banner-btn .try-btn:hover span { background-position: right 5px top 2px; }.banner-btn .tour-btn { background: url(../img/arrow-left-banner.png?v=1); background-position: right 5px top 6px; background-repeat: no-repeat; padding-right: 20px; line-height: 20px; font-size: 18px; }.banner-btn .tour-btn:hover {background-position: right 0px top 6px; }.bg-flwr-pt { background: url(../img/flower-pt1.png?v=1) repeat center; }.perfect-wrap .mr-lt0 { margin-left: 0!important ;}.effect7 { position: relative; overflow: hidden; }.effect7:before { content: ""; position: absolute; z-index: 1; width: 96%; top: -10px; height: 10px; left: 2%; border-radius: 100px/5px; -webkit-border-radius: 100px/5px; -o-border-radius: 100px/5px; -moz-border-radius: 100px/5px; -ms-border-radius: 100px / 5px; box-shadow: 0 0 10px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.3); -o-box-shadow: 0 0 10px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.3); -ms-box-shadow: 0 0 10px 1px rgba(0,0,0,.3) ;}.video-btn { position: absolute; left: 0; right: 0; top: 25%; text-align: center; margin: 0 auto; display: block; }.video-btn a { border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border: 5px solid #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; display: inline-block; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; }.video-btn a:hover { border: 5px solid #3c8ac9; }.video-btn a:hover span { border-color: transparent transparent transparent #fff; } .video-btn span { width: 0; height: 0; border-style: solid; border-width: 10.5px 0 10.5px 20px; border-color: transparent transparent transparent #3c8ac9; display: block; top: 20px; margin: 14px auto 0 18px; text-align: center; }.banner-con-lt { position: relative; }.video-frame { position: absolute; top: 0; left: 0; right: 0; margin: 23.6px auto 0; text-align: center; width: 73%; bottom: 0; display: block; }.tint { position: relative ;}.tint:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); width: 100%; }.mfp-title { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-bottom: 2px solid #e1e1e1; position: absolute; background: #fff; top: 0; padding: 12px 3%; width: 93%; color: #1c1c1c; }.mfp-title h4 { color: #1c1c1c!important; }.ion-plus.mob-plus { display: none; }.work-cont {float: left;width: 85%;}.bx-wrapper { position: relative; margin: 0 auto; padding: 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 20px; height: 33px; text-indent: -9999px; z-index: none; overflow:visible !important; border:1px solid transparent; padding:0px 3px; border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px; transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s; }.bx-wrapper .bx-prev { left: -19px; background: url(../img/slide-prev.png?v=1) no-repeat center 3px;transition:none !important;}.bx-wrapper .bx-next { right: -20px; background: url(../img/slide-next.png?v=1) no-repeat center 3px;transition:none !important; }.bx-wrapper .bx-next:hover { background: url(../img/slide-next.png?v=1) no-repeat center 3px; border:1px solid #3c8ac9; } .bx-wrapper .bx-prev:hover { background: url(../img/slide-prev.png?v=1) no-repeat center 3px; border:1px solid #3c8ac9; }.bxslider li { display: block; margin-top:4px; }.laptp-mob, .tab-img, .laptp-mobile, .btn-mob{ display:none;} .mfp-bottom-bar { margin: 70px auto;right: 0;text-align: center;}.videobtn .try-btn{ padding:22px 3%;}.tab-img, .mob-show{ display:none;}.perfct-img img { width: 100%;}.perfct-img:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(1); -o-filter: grayscale(1); }button, a , li{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.videobtn{ width:100%;}.brand-con .bx-wrapper .bx-controls-direction a{ margin-top:-20px;}.nav-toggler.toggle-slide-right { cursor: pointer; } button.nav-toggler.toggle-slide-right span{ background:url(/training/includes/Responsive/img/collapse-sprite.png);background-repeat: no-repeat; background-position:center top; height:27px; width:33px; display:inline-block;vertical-align:middle;/*transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;*/} button.nav-toggler.toggle-slide-right:hover span {background-repeat: no-repeat; background-position:center bottom;} .header-mob .login-btn span{background:url(../img/login-icon-grey.png?v=1) no-repeat; height:31px; width:31px; display:inline-block; vertical-align:middle;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;} .header-mob .login-btn span:hover{background:url(../img/login-icon.png?v=2) no-repeat; vertical-align:middle;} .search-submit-mob{ position:relative;} .wrapper { left: 0; position: absolute; width: 100%; top: -18px; } .searchMeme-round-right { border-radius: 0 4px 4px 0; } .searchMeme-button-right { cursor: pointer; float: right; /* margin-right: -12px;*/ z-index: 100; } .searchMeme-button-icon { background-color: #a7a7a8; background: url(../img/search-mob-icon.png?v=2) #a7a7a8;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s; background-position:center; background-repeat: no-repeat; padding: 5px 6px; height: 20px; position: relative; top: 0%; width: 20px; } .searchMeme-button-icon:hover { background-color: #3c8ac9; background:url(../img/search-mob-icon.png?v=2) #3c8ac9; background-repeat: no-repeat; background-position:center; } .searchMeme-input-right { float: right; margin-right: 32px; margin-top: -30px; overflow: hidden; width: 115px; } .searchMeme-input-right input { background-color: #fff; box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-webkit-box-shadow:none; border: 1px solid #eee;border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px; color: #000; display: block !important; float: left !important; font-size: 14px; margin-right: -2px !important; padding: 6px 3px !important; position: relative !important; width: 115px !important; } @media screen and (-webkit-min-device-pixel-ratio:0) {.profile-img img{-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%; }::i-block-chrome, blockquote:before {margin:1px 0 0 -18px;}.banner-btn .try-btn span, ::i-block-chrome { background-position: 60% 2px ;}.banner-btn .try-btn:hover span, ::i-block-chrome {background-position: 84% 2px;}.tour-btn, ::i-block-chrome {background:url(../img/arrow-left-banner.png?v=1) 95% 6px no-repeat;}.tour-btn:hover, ::i-block-chrome {background:url(../img/arrow-left-banner.png?v=1) 100% 6px no-repeat;} .banner-btn .tour-btn, ::i-block-chrome {background:url(../img/arrow-left-banner.png?v=1) 95% 6px no-repeat;}.banner-btn .tour-btn:hover, ::i-block-chrome {background:url(../img/arrow-left-banner.png?v=1) 100% 6px no-repeat;}.banner-con h2, ::i-block-chrome {margin-bottom:90px;}.banner-con-rt, ::i-block-chrome {margin-bottom:31px;}.videobtn .tour-btn, ::i-block-chrome {margin-top:12px; vertical-align:top;} } .sign-up2.btn-blue { color: #fff; float: left; font-size: 15px; padding: 3px 8px 4px; line-height: 24px;border: none; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px; } .login2.btn-orange { float: left; color: #fff; float: left; font-size: 15px; margin-right: 12px; padding: 3px 8px 4px; line-height: 24px;border: none; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px; } .log-field { /* border-bottom: 1px solid #d0d0d0;*/ display: inline-block; /* padding-bottom: 15px;*/ width: 100%; } .close-menu{ float:right; padding:0px !important; margin:4px 0% 0px 0px;} .serch-bd{/* border-bottom: 1px solid #d0d0d0;*/ display: inline-block; padding:5px 0px 10px 0px; width: 100%;} .divider2{ border-top:1px solid #d0d0d0 !important;} .errorDiv,.errorDiv1{margin:10px 0;font-size:14px;color:#CB1F02;line-height:22px}.errorDiv1{background-color:#fff;border-radius:2px;padding:10px 0 0}.errorDiv{padding-top:10px;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px}@media only screen and (min-width:1200px) and (max-width:5000px){#_right_wrapper_reg_for_mobile{display:none}#border-middle-login{height:300px;margin-top:15px;float:left;width:60px;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:12px 6px;margin:5px 5px 5px 0;font-size:18px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:94%}#_right_wrapper_reg,._left_wrapper_login{padding:0;width:400px;font-family: roboto,sans-serif;}.form-login-wrapper-login .login-form label{font-family: Arial,Helvetica,sans-serif;margin:10px 0 0;font-weight:400;color:#4d4d4d !important;font-size:14px;display:block}.tiptext_forget{margin:-3% 0% 0 0!important}.span_sign_up{position:absolute;top:291px;left:56px}span.span_Not{margin-left:3px}._left_wrapper_login{float:left;}#_right_wrapper_reg{float:right;}.tiptext .a1{margin-top:-20px;float:left;margin-left:83px}.btn_login{margin: 10px 0 5px 0;}}@media only screen and (min-width:980px) and (max-width:1199px){p.tip{width:50%!important}#_right_wrapper_reg_for_mobile{display:none}.form-login-wrapper-reg{width:319px}#border-middle-login{height:330px;float:left;width:4%;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat;margin-left:15px}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:5px 6px;margin:5px 5px 5px 0;font-size:30px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:100%}#show_forget_password_instructions{margin:0!important;text-align:right!important;width:102%}.span_sign_up{position:absolute;top:297px;left:123px}._left_wrapper_login{padding:0;width:450px;float:left;margin-left:14px}#_right_wrapper_reg{padding:0;width:263px;float:right}.tiptext .a1{margin-top:-20px;float:left;margin-left:72px}}@media only screen and (min-width:768px) and (max-width:979px){.inner_left_top h1,.login_sub_head{font-size:18px;font-weight:700;letter-spacing:.02em}#_right_wrapper_reg_for_mobile{display:none}.form-login-wrapper-reg{width:302px}#border-middle-login{height:305px;float:left;width:1%;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat;margin-left:15px}.main_con{float:left;width:100%;position:relative}.inner_left_top h1{color:#4d4d4d}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:5px 6px;margin:5px 5px 5px 0;font-size:30px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:90%}#show_forget_password_instructions{width:93%;text-align:right}; .span_sign_up{position:absolute;top:297px;left:118px}span.span_Not{margin-left:10px}._left_wrapper_login{padding:0;width:333px;float:left;margin-left:23px}#_right_wrapper_reg{padding:0;width:263px;float:right;text-align:left!important;margin-right:12px}.tiptext .a1{margin-top:-20px;float:left;margin-left:54px}.FB_img,.Google_img,.TW_img{height:33px;width:88px!important;margin-right:12px}}@media only screen and (min-width:481px) and (max-width:767px){.span_Not,.span_sign_up{position:absolute}.form-login-wrapper-reg{width:100%;float: left;}#border-middle-login{height:305px;float:left;width:50px;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat;transform:rotate(90deg);position:absolute;top:190px;left:190px;display:none}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:5px 6px;margin:5px 5px 5px 0;font-size:30px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:100%}#show_forget_password_instructions{width:102%;text-align:right}.span_sign_up{top:291px;left:-91px}._left_wrapper_login{padding:0;width:100%!important;float:left;margin-top:15px!important}#_right_wrapper_reg{display:none;padding:0;width:440px;float:right;margin-top:28px}.btn_login{margin-top:15px;}#login_btn{width: 210px;}.tiptext .a1{margin-top:-20px;float:left;margin-left:54px}.FB_img,.Google_img,.TW_img{height:33px;width:88px!important;margin-right:12px}}@media only screen and (min-width:320px) and (max-width:480px){.border_top{top:112px!important}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.login-form p{padding-left:0;}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:10px 6px;font-size:20px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:100%;}#border-middle-login{display:none}#show_forget_password_instructions{width:103%;text-align:right}.FB_img,.Google_img,.TW_img{height:33px;width:85px!important;margin-right:12px}._left_wrapper_login{padding:0;width:100%!important;float:left;margin-top:15px!important}#_right_wrapper_reg{display:none;padding:0;width:280px;float:right;margin-top:28px}.btn_login{margin-top:15px;}.tiptext .a1{margin-top:-20px;float:left;margin-left:87px}.form-login-wrapper-reg{width:375px;float: left;}#login_btn{width:210px;}}@media only screen and (min-width:301px) and (max-width:480px) and (orientation:landscape){.span_Not,.span_sign_up{position:absolute}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:5px 6px;margin:5px 5px 5px 0;font-size:20px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:100%}#border-middle-login{display:none}#show_forget_password_instructions{width:104%;text-align:right}.span_sign_up{top:273px;left:-65px}.FB_img,.Google_img,.TW_img{height:33px;width:85px!important;margin-right:12px}._left_wrapper_login{padding:0;width:100%!important;float:left;margin-top:30px!important}#_right_wrapper_reg{display:none;padding:0;width:428px;float:right;margin-top:28px}.btn_login{margin-top:30px}.tiptext .a1{margin-top:-20px;margin-left:87px}.form-login-wrapper-reg{width:305px}#login_btn{width:210px;}}@media only screen and (min-width:0px) and (max-width:300px){.span_Not,.span_sign_up{position:absolute}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login{margin:0 0 50px}.form-login-wrapper-login .login-form label input{background:url(/training/img/layout/field_bg.gif) repeat-x #fff;padding:5px 6px;margin:5px 5px 5px 0;font-size:20px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;width:100%}#border-middle-login{display:none}#show_forget_password_instructions{width:104%;text-align:right}.span_sign_up{top:273px;left:-65px}.FB_img,.Google_img,.TW_img{height:33px;width:85px!important;margin-right:12px}._left_wrapper_login{padding:0;width:100%!important;float:left;margin-top:30px!important}#_right_wrapper_reg{display:none;padding:0;width:428px;float:right;margin-top:28px}.btn_login{margin-top:30px}.tiptext .a1{margin-top:-20px;margin-left:87px}.form-login-wrapper-reg{width:305px}#login_btn{width:100%}}.main_con{padding:18px 0 0;float:left;width:100%;position:relative}.border_top{border-bottom:1px solid #EEE;position:absolute;top:147px;width:100%}.login_sub_head{font-size:16px;font-weight:700;letter-spacing:.02em}#loader{width:0}.form-login-wrapper-login .login-form .tiptext{font-size:12px;padding:0;margin:0;color:#555}.form-login-wrapper-login .login-form label{margin:10px 0 0;font-weight:400;color:#777;font-size:14px;display:block}#_right_wrapper_reg,._left_wrapper_login{padding:0;font-family:roboto,sans-serif;}p.tip{width:200px}._left_wrapper_login{width:50%;float:left}.FB_img,.Google_img,.TW_img{height:33px;width:90px;margin-right:12px}#_right_wrapper_reg{width:40%;float:right}.form-login-wrapper-login .login-form label input{outline:0}@media(min-width:768px) and (max-width:979px){.form-login-wrapper-login .login-form .tiptext{width:90%;margin:5px 0}}nav.header{border-bottom: 1px solid #EEEEEE;}.btn_login .btn-big.primary, .btn_login .btn-small.primary{background: #1f77b2 !important;} @charset "utf-8"; abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 0; } article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; } nav ul { list-style: none; } blockquote,q { quotes: none; } blockquote:after,blockquote:before,q:after,q:before { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: 0 0; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; } del { text-decoration: line-through; } abbr[title],dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input,select { vertical-align: middle; } /* @font-face { font-family: MyriadPro-Regular; src: url(/api/pp_fonts/MyriadPro-Regular_gdi.eot); src: url(/api/pp_fonts/MyriadPro-Regular_gdi.eot?#iefix) format('embedded-opentype'), url(/api/pp_fonts/MyriadPro-Regular_gdi.woff) format('woff'), url(/api/pp_fonts/MyriadPro-Regular_gdi.ttf) format('truetype'), url(/api/pp_fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular) format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family: MyriadPro-Semibold; src: url(/api/pp_fonts/MyriadPro-Semibold_gdi.eot); src: url(/api/pp_fonts/MyriadPro-Semibold_gdi.eot?#iefix) format('embedded-opentype'), url(/api/pp_fonts/MyriadPro-Semibold_gdi.woff) format('woff'), url(/api/pp_fonts/MyriadPro-Semibold_gdi.ttf) format('truetype'), url(/api/pp_fonts/MyriadPro-Semibold_gdi.svg#MyriadPro-Semibold) format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family: SegoeUI-Regular; src: url(/api/pp_fonts/SegoeUI_gdi.eot); src: url(/api/pp_fonts/SegoeUI_gdi.eot?#iefix) format('embedded-opentype'), url(/api/pp_fonts/SegoeUI_gdi.woff) format('woff'), url(/api/pp_fonts/SegoeUI_gdi.ttf) format('truetype'), url(/api/pp_fonts/SegoeUI_gdi.svg#SegoeUI-Regular) format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2666; } @font-face { font-family: SegoeUI-SemiBold; src: url(/api/pp_fonts/SegoeUI-SemiBold_gdi.eot); src: url(/api/pp_fonts/SegoeUI-SemiBold_gdi.eot?#iefix) format('embedded-opentype'), url(/api/pp_fonts/SegoeUI-SemiBold_gdi.woff) format('woff'), url(/api/pp_fonts/SegoeUI-SemiBold_gdi.ttf) format('truetype'), url(/api/pp_fonts/SegoeUI-SemiBold_gdi.svg#SegoeUI-SemiBold) format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-2666; } @font-face { font-family: icomoon; src: url(/api/pp_fonts/icomoon.eot?-9r7emk); src: url(/api/pp_fonts/icomoon.eot?#iefix-9r7emk) format('embedded-opentype'), url(/api/pp_fonts/icomoon.woff?-9r7emk) format('woff'), url(/api/pp_fonts/icomoon.ttf?-9r7emk) format('truetype'), url(/api/pp_fonts/icomoon.svg?-9r7emk#icomoon) format('svg'); font-weight: 400; font-style: normal; } */ [class*=" icon-"],[class^=icon-] { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-links [class^=icon-],[class*=" icon-"] { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: 15px; color: #fff; display: inline-block; line-height: 29px; text-align: center; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Reddit_logo { line-height: 26px !important; } .icon-facebook55:before { content: "\e601" } .icon-google10:before { content: "\e602" } .icon-pinterest4:before { content: "\e604" } .icon-Reddit_logo .path1:before { content: "\e605"; color: #fff; padding-left: 8px; } .icon-Reddit_logo .path2:before { content: "\e606"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path3:before { content: "\e607"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path4:before { content: "\e608"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path5:before { content: "\e609"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path6:before { content: "\e60a"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path7:before { content: "\e60b"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path8:before { content: "\e60c"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path9:before { content: "\e60d"; margin-left: -3em; color: #fff; } .icon-Reddit_logo .path10:before { content: "\e60e"; margin-left: -3em; color: #ff4500; } .icon-Reddit_logo .path11:before { content: "\e60f"; margin-left: -3em; color: #ff4500; } .icon-social:before { content: "\e610" } body { background: #fff; /* font-family: MyriadPro-Regular; */ /* font-size: 13px; */ color: #737373; font-weight: 400; line-height: 20px; } a:hover { color: #000; text-decoration: none; } h1,h2,h3,h4,h5,h6 { font-weight: 400; margin: 0; } h1 { font-size: 50px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } ul { list-style: none; } ol,ul { margin: 0; padding: 0; } li ol,li ul { padding: 0; margin: 0; } .main_con { width: 100%; height: auto; } .bg-dk-grey { background: url(../img/pattern.png?v=1); } .bg-greyeee { background: #eee; } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 5px 0 0 20px; } .navbar .nav>li { float: left; padding-bottom: 7px; } .navbar .nav>li>a { float: none; padding: 8px 11px; color: #3b5998; font-size: 15px; text-decoration: none; border-radius: 5px; font-weight: 500; } .navbar .nav>li:last-child>a { margin-right: 0; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav>li>a:focus,.navbar .nav>li>a:hover { color: #fff; text-decoration: none; background-color: #3c8ac9; } .header { width: 100%; float: left; } .prod-drop { position: relative; background: #e9e9e9; left: 0; display: block; float: left; margin: 0 10px 0 0; } .prod-drop>ul>li { float: left; list-style: none; } .prod-drop>ul>li>a { display: block; font-family: 'Open Sans', sans-serif; padding: 10px 25px; color: #3b5998; font-size: 15px; text-decoration: none; } .prod-drop .caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #3b5998; content: ""; display: inline-block; height: 0; vertical-align: top; width: 0; margin-top: 7px; } /*.drop-menu:hover .dropdown-menu { display: block; } */ .dropdown-menu ul { padding-left: 10px; } .login-info { disply: block; float: left; } .btn-orange { background: #ff9900; margin-right: 15px; padding: 3px 18px 4px !important; } .login-sign-btn { color: #fff; font-size: 15px; line-height: 24px; padding: 3px 12px 4px; border: none; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; margin-top: 4px; } .login-sign-btn.btn-orange:hover { background: #EF8E1B; } .btn-blue { background: #3c8ac9; } .login-sign-btn.btn-blue:hover { background: #337ab4; } .login-sign-btn:hover { color: #fff; } .logo { float: left; } .search-submit { float: right; } .search-txt { background: #fff; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; border-radius: 0px !important; border: 1px solid #eee; width: 115px; padding: 7px 0 7px 10px; color: #000; } .search-btn { width: 32px; background: url(../img/search-sprite.png?v=1) center 8px no-repeat #eee; border: none; height: 31px; line-height: 31px; margin-left: -4px; } .search-btn:hover { width: 32px; background: url(../img/search-sprite.png?v=1) center -20px no-repeat #3c8ac9; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; } /*.footer { float: left; width: 100%; padding: 50px 0; color: #fff; line-height: 30px; } .footer-menu { float: left; width: 100%} .footer-menu h3 { line-height: 32px; font-family: MyriadPro-Semibold; margin-bottom: 10px; } .footer-menu>ul>li { width: 46%; display: block; font-family: 'Source Sans Pro', sans-serif; float: left; } .footer-menu.wd-33>ul>li { width: 30%} .footer-menu p { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 23px; } .footer-menu ul li { list-style: none; background-image: url(../img/arrow-sprite.png?v=1); background-repeat: no-repeat; background-position: left 8px; line-height: 20px; padding-left: 8px; font-size: 15px; margin-bottom: 6px; } .footer-menu ul li:hover { background-position: left -7px; } .footer-menu ul li a:hover { color: #3c8ac9; } .footer-menu ul li a { color: #fff; }*/ .footer { float: left; width: 100%; padding: 50px 0; color: #fff; line-height: 30px } .footer-menu { float: left; width: 100% } .wd-eihty { width: 52%; } .footer-menu h3 { line-height: 32px; /* font-family: MyriadPro-Semibold; */ margin-bottom: 10px; font-size: 24px; } .footer-menu>ul>li { display: block; font-family: 'Source Sans Pro', sans-serif; float: left; } .footer-menu.wd-33>ul>li { width: 30% } .footer-menu p { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 23px } .footer-menu ul li { list-style: none; /*background-image: url(../img/arrow-sprite.png?v=1); background-repeat: no-repeat; background-position: left 8px;*/ line-height: 17px; /* padding-left: 8px;*/ font-size: 15px; margin: 10px 0px; border-right: 1px solid #898889; box-shadow: 1px 0 1px -1px #5d5c5e; -webkit-box-shadow: 1px 0 1px -1px #5d5c5e; -o-box-shadow: 1px 0 1px -1px #5d5c5e; -ms-box-shadow: 1px 0 1px -1px #5d5c5e; -moz-box-shadow: 1px 0 1px -1px #5d5c5e; padding: 0px 5%; } .footer-menu ul li:first-child,.footer-menu ul li:nth-child(5) { padding-left: 0%; } .footer-menu ul li:last-child { padding-right: 0%; border-right: none; box-shadow: none; } .footer-menu ul li:nth-child(4) { border-right: none; box-shadow: none; } .footer-menu ul li:hover { /*background-position: left -7px*/ } .footer-menu ul li a:hover { color: #3c8ac9 } .footer-menu ul li a { color: #fff; } .newsletter-srch { margin-top: 15px; font-family: "Source Sans Pro", sans-serif; } .news-search { border: none; border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; color: #000; float: left; font-size: 15px; height: auto; padding: 11px 15px; width: 60% } .news-search-btn { color: #FFF; float: left; padding: 11px 4%; background: #3c8ac9; border: none; margin-left: -4px; font-size: 15px; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; } .news-search-btn:hover { background: #549bd4; } .copyright-bg { background-image: url(../img/bdr-img.png?v=1); background-repeat: repeat-x; background-position: top; } .cpyright-con { padding: 17px 0 15px; float: left; width: 99% } .cpyright-con p { font-size: 15px; color: #fff; line-height: 27px; float: left; } .social-links { /* float: right; */ } .social-links li { display: inline-block; padding-right: 8px; } .social-links li:last-child { padding-right: 0; } .social-links li a { width: 29px; height: 29px; line-height: 29px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; display: inline-block; text-align: center; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; } .social-links li a:hover { background: #111; } .social-links ul li:last-child { padding-right: 0; } .fb-bg { background: #4668bb; } .tweet-bg { background: #3ac6f2; } .google-bg { background: #ff7c7d; } .pint-bg { background: #f62630; cursor: default; } .redit-bg { background: #ff1f00; cursor: default; } .social-links li a.pint-bg:hover { background: #f62630; } .social-links li a.redit-bg:hover { background: #ff1f00; } .header-mob { display: none; } .nav-top-mob { margin-top: 25px; margin-bottom: 15px; position: relative; display: inline-block; } .sb-search #search-bt { height: 48px; line-height: 48px; margin-left: 0; width: 50px; } .srch_btn { text-align: center; margin-right: 0; } /*.login-form, .search-auto { display: none; } */ .header-mob>ul>li { display: inline-block; padding: 0 2%; } .header-mob>ul>li:last-child { padding-right: 0%; } .header-mob ul { margin: 0 0% } .phne-info a { color: #363636; } .phne-info span { padding-right: 5px; } .header-mob { position: relative; float: right; width: 18%; text-align: right; } /*.search-auto { top: 42px; left: 0px; width: 210px; z-index: 10; } */ .mob-ph { display: none; } :focus { outline-color: transparent; outline-style: none; } .prod-drop>ul>li>a,.srch_btn,.login-btn { cursor: pointer; } .navbar .header-social-icon>li.tweet-wd>.btn-o>a.btn:focus,.navbar .header-social-icon>li.tweet-wd>.btn-o>a.btn:hover,.navbar .header-social-icon .btn:focus,.navbar .header-social-icon .btn:hover { color: #333 !important; } .nav.nav-tab,.prod-tab { display: none; } .header-social-icon { float: left; margin: 10px auto 0px auto; text-align: center; width: 36%; } .tweet-wd { width: 89px; } .header-social-icon li { display: inline-block; float: left; padding: 0px 4px; } .search-submit-mob .srch_btn::after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(167, 167, 168, 0); border-right-color: #a7a7a8; border-width: 7px; margin-top: -6px; z-index: 99999; } .search-submit-mob .srch_btn { background: none repeat scroll 0 0 #a7a7a8; padding: 6px 7px 8px; position: relative; } .search-submit-mob .srch_btn:hover:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(63, 143, 206, 0); border-right-color: #3f8fce; border-width: 7px; margin-top: -6px; } .search-submit-mob .srch_btn:hover { background: none repeat scroll 0 0 #3f8fce; padding: 6px 7px 8px; position: relative; } @media screen and (-webkit-min-device-pixel-ratio:0) { .news-search-btn,: :i-block-chrome { padding: 11px 4% } .news-search,::i-block-chrome { padding: 11px 15px; } .search-btn { height: 32px; line-height: 32px; } .login-sign-btn,::i-block-chrome { margin-top: 4px; } } @media all\9 { .news-search-btn { padding: 10.9px 4%; margin-top: -2px; } .news-search { color: #737373; } .login-sign-btn { margin-top: 4px; } } .arrow_box { position: relative; background: #fff; margin-top: 65px; padding: 5px; color: #000; width: 68%; height: 27px; padding-left: 10px; } .arrow_box:after { bottom: 100%; left: 6%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 11px; } .serch-bd .search-txt { width: 162px; padding: 8px 0 8px 10px; } .serch-bd .search-btn { background: url(/training/includes/Responsive/img/go-arrow-sprite2.png) no-repeat 87% center; width: 16px; height: 12px; background-color: #fff; border: none; padding: 16px 15px; border-left: 1px solid #ddd; } .serch-bd .search-btn:hover { background: url(/training/includes/Responsive/img/go-arrow-sprite2.png) no-repeat 10% center; background-color: #3c8ac9; } .serch-bd input.search-txt { border: none; } .search-submit-mob.serch-bd>form { border: 1px solid #ddd; } .search-submit.srch-desk { margin-top: 7px; } .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}.clearfix:after{clear:both;}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}@-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 960px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (max-width:1199px) { .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { margin: 0 20px; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } /* .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; }*/ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { body { padding-right: 0px; padding-left: 0px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { /* margin-right: -20px; margin-left: -20px;*/ } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-right: 10px; padding-left: 10px; } .media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; right: 10px; left: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; }.navbar-fixed-top { margin-bottom: 20px; }.navbar-fixed-bottom { margin-top: 20px; }.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; }.navbar .container { width: auto; padding: 0; }.navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 -5px; }.nav-collapse { clear: both; }.nav-collapse .nav { float: none; margin: 10px 0 10px; background: #fff; color: rgb(59, 89, 152);}.nav-collapse .nav > li { float: none; }.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: rgb(59, 89, 152); }.nav-collapse .nav > li > a { margin-bottom: 0px; }.nav-collapse .nav > .divider-vertical { display: none; }.nav-collapse .nav .nav-header { color: #777777; text-shadow: none; }.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: rgb(59, 89, 152); text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 03px; border-radius: 0px; }.nav-collapse .dropdown-menu a { width: 100%; display: inline-block; }.nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }.nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; }.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; }.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; }.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; }.nav-collapse.in .btn-group { padding: 0; margin-top: 5px; }.nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }.nav-collapse .open > .dropdown-menu { display: block; }.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; }.nav-collapse .dropdown-menu .divider { display: none; }.nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; }.nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; }.navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; }.nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; }.navbar .btn-navbar { display: block; }.navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px; }.nav { background: #f8f8f8; }.navbar .nav > li { border-top: 1px solid #a4a4a4; padding-bottom: 0px; background: #f8f8f8; }.navbar .nav > li:last-child { border-bottom: 1px solid #a4a4a4; }.navbar .nav > li > a { background-color: #f8f8f8; }.navbar .nav > li > a:hover, .navbar .nav > li > a:focus { color: #fff; background-color: #ff9900; }.nav .caret { display: none; }.navbar .nav > li.drop-menu a { background-image: url(../img/collapse-nav.png); background-repeat: no-repeat; background-position: 65% 11px; }.navbar .nav > li.drop-menu.selected a { background-image: url(../img/collapse-nav.png); background-repeat: no-repeat; background-position: 65% -15px; }.navbar .nav > li.drop-menu .dropdown-menu a, .navbar .nav > li.drop-menu .dropdown-menu a:hover { background-image: none !important; background-color: none; background: none; }.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-image: none !important; }.nav-collapse .dropdown-menu a { padding: 9px 0px !important; background: none; background-image: none; }.dropdown-menu ul {padding-left: 0px;}} @media (min-width: 1201px) and (max-width: 1550px){.banner-img{ background-size:100%;}} @media (min-width: 1201px) and (max-width: 1400px) {.banner-con-rt {margin-top: 43px !important; }.banner-btn {margin-top: 38px;}} @media (min-width: 1200px) {.bxslider > li { width: 321px !important; }.bxslider2 > li { width: 160px !important; }.banner-con h2 { margin-bottom: 50px; }.work-icon > img { width: 33px; height: 32px; }} @media (min-width: 980px) {.nav-collapse.collapse { height: auto !important; overflow: visible !important; }} @media (min-width: 980px) and (max-width: 1199px) {.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { margin: 0 auto; }.navbar-inner { padding: 35px 1%; }.news-search { width: 66%; }.bxslider > li { width: 328px !important; }.bxslider2 > li { width: 160px !important; }.banner-con h2 { margin-bottom: 91px; }.work-cont { float: left; width: 86%; }.banner-con h2 { margin-bottom: 119px; }.banner-con-rt { margin-top: 63px; width: 46%; }.banner-img { background: url("../img/table_tab.png") no-repeat scroll center bottom; background-size:100% !important; bottom: 0; height: 235px; left:0px; margin: 0 auto; position: absolute; right: 0; text-align: center; }.laptp-mob { display: block; }.laptp-desk { display: none; }.banner-bg { height: auto; }.banner-con-lt { float: left; margin-left: 14%; margin-top: 70px; }.work-cont { float: left; width: 100%; }.work-icon { float: none; margin: 0px auto 10px auto; text-align: center; }.banner-con h2 { margin-bottom: 10px; }.banner-btn { margin-top: 8px; }.video-frame { margin: 15px auto 0; width: 73.5%; }.work-cont { float: left; width:100%; }.banner-con-rt { margin-top: 60px; width: 38%; }.banner-btn .tour-btn { margin-left: 2%; }.banner-con { padding: 30px 0 55px; }.banner-con-rt ul li { padding-bottom: 7px; }.mfp-container{ top:-45px;}.desktp-img{ display:none;}.tab-img {display:inline-block;}.header-social-icon li {display: inline-block; float:left;padding: 0px 2px;}.header-social-icon {float: left;text-align: center;width: 30%;}span.ion-plus {right: -10px;}/*.drop-menu .dropdown-menu{ display:none;}.drop-menu:hover .dropdown-menu, .prod-drop:hover .dropdown-menu{ display:none;}*/.work-rpt { display: inline-block; float: none; width: auto; }.work-con { margin: 0 auto; padding: 40px 0 50px 10%; width: 90%; }.nav.nav-tab, .prod-tab{ display:block;}.nav.nav-desk, .prod-desk{ display:none;}} @media (max-width: 979px) {.prod-drop, .contact-header, .srch-desk { display: none; }.header-mob { display: block; }.header-mob ul { margin: 0 0%; }.footer .span4 { margin: 0 0 20px; width: 100%; }.footer-menu > ul > li { background: none; padding: 0 4% 0 0; width: auto; }.news-search-btn, .news-search { float: none; }.news-search-btn { width: auto; }.footer-menu { float: left; margin: 0 auto; width: 100%; }.newsletter-srch { float: none; margin: 30px auto 0px auto; width: 60%; text-align: center; }.footer-menu p { text-align: center; }.footer .span4:last-child .footer-menu h3 { text-align: center; }.footer-menu.wd-33 > ul > li { width: auto; }.news-search { width: auto; }/*.drop-menu .dropdown-menu{ display:none;}.drop-menu:hover .dropdown-menu, .prod-drop:hover .dropdown-menu{ display:none;}*/.desktp-img{ display:none;}.tab-img, .mob-show {display:inline-block;}.bg-greyeee{ background:#fff;}.header {float: none;margin: 0 auto;text-align: center;width: 100%;}.nav-collapse.collapse, .navbar .nav {display: none !important;}/*.search-submit-mob .srch_btn:hover::after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #3f8fce; border-width: 8px; margin-top: -5px;*/ .search-submit-mob .srch_btn::after{ display:none;}} @media (min-width: 768px) and (max-width: 979px) {.news-search { width: 63%; }.quiz-soft-rpt { min-height: 185px; }.banner-con h1 { font-size: 42px; }.srch-desk { margin-right: 2%; }.perfct-cont h5 { font-size: 17px; }.feature-con, .quiz-soft-con, .about-con, .perfect-con, .work-con { padding-left: 0%; padding-right: 0%; width: 100%; }.work-icon { float: left; margin: 0 auto; text-align: center; width: 80%; }.work-cont { float: left; margin: 7px auto 0px auto; width: 100%; }.work-cont ul li{ margin-left:0px;}.ion-plus.mob-plus { display: block; }.quiz-rpt li:nth-child(2n) .quiz-soft-rpt, .quiz-rpt li:last-child .quiz-soft-rpt { border-right: medium none; }.quiz-rpt li:last-child .quiz-soft-rpt { border: none; }.quiz-rpt li:last-child { margin: 0 auto; text-align: center; width: 100%; }.bdr-bt-nt { border-bottom: 1px solid #e7e7e7; }.bdr-nt { border-right: 1px solid #e7e7e7; }.quiz-soft-rpt { margin-top: 10px; margin: 10px 1% 0px 1%; }.mr-tp10 { margin-top: 0px; }.ion-plus.desk-plus { display: none; }.quiz-rpt li { display: block; float: left; width: 50%; }.testimonial-con .span4 { display: inline-block; width: 48%; }.bxslider > li { width: 399px !important; }.testimonial-rpt { width: 80%; }.perfect-wrap .span4 { display: inline-block; margin: 0 1% !important; width: 48% !important; }.perfect-rpt { background: none repeat scroll 0 0 #fff; margin: 0 auto 20px auto; width: 80%; }.press-con li { padding: 29px 2%; width: 13%; }.bxslider2 > li { width: 180px !important; }.banner-bg { height: auto; }.banner-img { background: url("../img/table_tab.png") no-repeat scroll center bottom;background-size:100% !important; bottom: 0; height: 235px; left: 0px;margin: 0 auto; position: absolute; right: 0; text-align: center; }.laptp-mob { display: block; }.laptp-desk { display: none; }.banner-bg { height: auto; }.banner-con-lt { float: left; margin-left: 14%; margin-top: 100px; }.banner-btn .try-btn { font-size: 18px; }.video-btn { top: 19%; }.banner-btn .tour-btn { font-size: 16px; margin-left: 2%; }.laptp-mob > img { width: 260px; }.banner-con { padding: 30px 0 40px; }.work-icon { float: none; margin: 0px auto; width: 100%; }.banner-con h2 { margin-bottom: 15px; }.banner-btn { margin-top: 11px; }.video-frame { width: 73.6%; margin: 11px auto 0; }.banner-con-rt { margin-top: 22px; width: 42%; }.mfp-title {width: 92%;}.mfp-container {top: -60px;width: 100%;}blockquote{ width:90%;}.perfect-rpt {min-height: 283px;padding: 3px;}.header-social-icon li {display:inline-block;float: left;padding: 0px 2px;}span.ion-plus {right: -10px;}.header-social-icon {width:100%; }/*.search-auto {left: auto;right: 0;}*/.header-mob{ width: 23%;}.header-mob > ul > li { padding: 0 5%; }.work-rpt { display: inline-block; float: none; width: auto; }.work-flow{padding-left: 7%; padding-right: 0; width: 93%;} .arrow_box {margin: 15px 0px 0px 0px;width: 30%;left: 23%;}.search-txt { padding: 6px 0 6px 5px; } .dropdown-menu.search-auto { left: auto; right: 34px; }.dropdown-menu.search-auto { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; margin-top: -25px; min-width: 165px; padding: 0; } } @media (max-width: 767px) {.navbar .nav > li > a:hover .caret {border-top-color: #fff; }.feature-con, .quiz-soft-con, .about-con, .perfect-con, .work-con {padding-left: 0%; padding-right: 0%; width: 100%; }.footer-menu {margin-bottom: 20px; }.press-con li {background: none repeat scroll 0 0 #f2f2f2; border: 1px solid #cecece; display: inline-block; margin: 0 1% 20px; padding: 35px 0; width: 30%; }.mr-tp10 {margin-top: 0px; }.work-rpt {margin-bottom: 20px; }.testimonial-rpt {margin-bottom: 20px; }.banner-con h1 {font-size: 27px; line-height: 32px; }.banner-con h2 {font-size: 16px; margin-bottom: 20px; }.banner-con-rt ul li {font-size: 15px; }.banner-btn .try-btn {font-size: 20px; }.banner-btn.tour-btn { margin-top: 10px; font-size: 18px; }.banner-bg { height: auto; background: #fbfbfb; }.banner-con-lt {float: none; margin-top: 0px; margin: 0 auto 30px auto; text-align: center; }.banner-btn {padding-bottom: 30px; }.banner-con-rt {width: 100%; }.work-con .row-fluid {float: none; margin: 0 auto; text-align: center; width: 100%; }.work-icon {margin: 0px 0%; float: none; }.work-cont ul li {text-align: left; }.quiz-rpt li {width: 100%; }.quiz-soft-rpt {margin: 0px 0%; border-right: none; }.quiz-rpt li {width: 100%; }.ion-plus {display: none !important; }.quiz-soft-rpt p {width: 70%; text-align: center; margin: 10px auto 0px auto; }.banner-btn {width: 100%; margin: 0 auto; }.banner-btn {text-align: center; }.banner-con { padding: 15px 0 0; }.perfect-rpt {min-height: 214px; }blockquote {min-height: 142px; }.perfect-wrap {float: none; width: 100%; margin: 0 auto; text-align: center; }.banner-img {bottom: auto; left: 5px; background: url(../img/table_mobile.png) no-repeat center bottom; background-size: 100%; }.laptp-mobile, .laptp-mob {display:inline-block; }.laptp-tab, .laptp-desk {display: none; }.newsletter-srch {width: 100%;}span.ion-plus {right: -11px;}.perfect-rpt {background: none ;padding: 0px;}.bg-flwr-pt{ background:#f8f8f8;}.navbar-inner {padding: 20px 0px 20px 0px !important;}.footer {padding: 30px 0 10px;}.header-social-icon {width:100%; }.feature-con {padding: 25px 0 10px;}.work-con{ padding: 30px 0 10px;} .header-social-icon li {display: inline-block;float: left;padding: 0px 2px;}.header-social-icon > ul {float: none;margin: 0 auto;text-align: center;width: 100%;}nav.menu{ overflow:auto !important;}.work-cont h4{ text-align:left;}.work-rpt { display: inline-block; float: none; margin: 0 auto 20px; width: auto; } .dropdown-menu.search-auto{ left:-44px;}.dropdown-menu.login-form{ left:-36px; margin-top:8px;}.btn-mob{ display:inline-block; margin-top:10px;}.btn-desk{ display:none;}} @media (min-width:640px) and (max-width: 767px) {.video-frame {left: 5px;width: 47.5% !important;}.arrow_box {left: 27%; margin-top: 15px;width: 35%;} .loder{display: block;position: absolute;right: 24%;top: 0;}.newsletter-srch{ position:relative}} @media (min-width: 551px) and (max-width: 767px) {.work-rpt { float: none; margin: 0 auto 20px auto; }.loder{ position: absolute;right: 88px;top: 0;} .arrow_box {left: 23%;margin-top: 15px;width: 35%;}.newsletter-srch{ position:relative}} @media (min-width: 481px) and (max-width: 550px) {.work-rpt { float: none; margin: 0 auto 20px auto; }} @media (min-width: 481px) and (max-width: 767px) {.press-con li { margin: 0 1% 20px; width: 35%; }.perfect-wrap .mr-lt0 { margin-left: 1% !important; }.header-mob { margin: 0 auto; text-align: right; }.header-mob ul { margin: 0 0%; }.brand-con li { padding-bottom: 10px; }.header-mob { float: right; position: relative; width: 30%; }.banner-con-rt ul { margin: 0 auto; width: 60%; }.work-cont { float: none; margin: 20px auto auto auto; width: 100%; }.bxslider2 > li { width: 280px !important; }.video-frame { margin: 14px auto 0; width: 67.5%; left:5px; }.tint::before { margin: 0 auto; text-align: center; }.banner-btn .try-btn { padding: 15px 1% 15px 3%; }.banner-img { bottom: auto; top: 48px; }.loder{ position: absolute;right: 73px;top: 0;}.arrow_box {left: 23%;margin-top: 15px;width: 35%;}.newsletter-srch{ position:relative}.search-txt { padding: 6px 0 6px 5px; } .dropdown-menu.search-auto { left: auto; right: 34px; }.dropdown-menu.search-auto { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; margin-top: -24px; min-width: 165px; padding: 0; }} @media (min-width:600px) and (max-width: 767px) {.video-frame {left: 5px;width: 47.5% !important;}} @media (min-width: 490px) and (max-width: 599px) { .video-frame { margin: 14px auto 0; width: 54%; left:4px; } } @media (max-width: 480px) {.mob-ph { display: block; }.desk-ph { display: none; }.social-links { float: left; margin-top: 10px; }.news-search { width: 65%; }.press-con li { margin: 0 1% 20px; width: 50%; }.quiz-rpt li { width: 100%; }.quiz-soft-rpt { min-height: 130px; margin: 0px 0%; border: none; }.banner-con-rt { width: 100%; }.banner-con-lt{ width: 76%; }.banner-btn { margin: 20px auto 0px auto; text-align: center; width: 100%; }.header-mob { width: 35%; }.logo > img { width: 130px; }.header-mob ul { margin: 0 0%; }/*.login-form, .search-auto { left: 0px; right: 0px; text-align: center; margin: 0 auto; }*/h2 { font-size: 25px; }.feature-con h5, .quiz-soft-con h5 { font-size: 16px; line-height: 22px; }.brand-con li { display: inline-block; padding-bottom: 10px; padding-right: 0%; width: 100%; margin: 0 auto; text-align: center; }.cpyright-con p { width: 100%; }.social-links { float: left; margin-top: 10px; width: 100%; text-align: center; }.laptp-mobile { width: 100%; }.video-frame {left: 4px;margin: 11px auto 0;width: 73%;}.video-btn{top: 22%;}.work-cont { float: left; margin: 8px auto 10px auto; width: 100%; }.try-btn { font-size: 18px; padding: 12px 6%; } .tour-btn { font-size: 16px; }.cpyright-con { margin: 0 auto; text-align: center; width: 100%; }.work-rpt { float: none; margin: 0 auto 20px auto; display: inline-block; width: auto; }.banner-con h1 { font-size: 20px; line-height: 28px; }.banner-con h2 { font-size: 14px; line-height: 22px; }.banner-con {padding: 13px 0 10px;}.banner-img { bottom: auto; left: 5px; top: -23px; }.bxslider li {display: inline-block;float: none !important;margin: 20px auto 0px auto;text-align: center; }blockquote{ width:82% ;}.header-social-icon li {display: inline-block;float: left;padding: 0px 2px;}.header-social-icon > ul {float: none;margin: 0 auto;text-align: center;width: 100%;}.brand-con {padding: 30px 0 0;}.arrow_box {left: 0;margin-left: 2%; margin-top: 15px;width: 45%;}.search-txt { padding: 5.5px 0 6px 5px; } .dropdown-menu.search-auto { left: auto; right: 34px; }.dropdown-menu.search-auto { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; margin-top: -25px; min-width: 165px; padding: 0; }} @media (min-width: 0px) and (max-width: 479px){.login-btn > img {height: 25px;width: 25px;}.navbar .btn-navbar{width: 25px;}.navbar .btn-navbar .icon-bar {background-color: #3f8fce;display: block;height: 5px;margin-top: 3px;width: 25px;}.srch_btn > img { height: 16px; width: 16px; }.search-submit-mob .srch_btn, .search-submit-mob .srch_btn:hover {padding: 3px 5px 5px;}.header-mob .login-btn span,.header-mob .login-btn:hover span {background-size:100%;height: 28px;width: 25px; }.search-submit-mob .srch_btn::after, .search-submit-mob .srch_btn:hover:after {border-width: 6px 4px;margin-left: -4px;}.header-mob {margin: 0 auto;width: 40%;}.logo {margin-top: -2px;} button.nav-toggler.toggle-slide-right span, button.nav-toggler.toggle-slide-right:hover span{/*height: 23px;width: 25px; background-size:100%;*/} .search-txt{ width:100px;}.dropdown-menu.search-auto{ left:-72px;}.dropdown-menu.login-form{ left:-52px; margin-top:8px;}.search-txt { padding: 4px 0 4px 5px; } .dropdown-menu.search-auto { left: auto; right: 25px; }.dropdown-menu.search-auto { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; font-size:11px; margin-top: -22px; min-width: 165px; padding: 0; } .logo > img { /* width: 100px;*/ } .searchMeme-button-icon { padding: 2px 3px; }.searchMeme-input-right { margin-right: 26px; margin-top: -24px; }.searchMeme-input-right input { margin-right: -2px !important; padding: 4px 3px !important; width: 115px !important; } .wrapper { top: -16px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .search-txt { padding: 3.7px 0 4px 5px; }.dropdown-menu.search-auto { margin-top: -21px; }} } @media (max-width: 380px) {.video-frame {left: 4px; margin: 8px auto 0;width: 73%;}.video-btn {top: 19%;}.banner-img { bottom: auto; height: 320px; top: -26px; }.navbar .nav > li.drop-menu a {background-position: 76% 11px;}.navbar .nav > li.drop-menu.selected a { background-image: url(../img/collapse-nav.png); background-repeat: no-repeat; background-position: 76% -15px; }/*.search-auto {width: 163px;}*/.banner-con-lt{ width: 75%; }.work-rpt {width: auto;}.srch_btn > img {height: 16px;width: 16px;}.banner-btn .tour-btn { font-size: 16px; } .dropdown-menu.search-auto{ left:-72px;}.dropdown-menu.login-form{ left:-52px; margin-top:8px;}.banner-btn .try-btn {font-size: 16px;padding: 15px 1% 15px 4%;}.banner-con h1 {font-size: 17px;line-height: 30px;}.banner-con h1 span {font-size: 17px; line-height:30px;} } @media (max-width: 360px) {.work-rpt { width: auto; }.banner-img { bottom: auto; top: -24px; height: 309px; }.video-frame { margin: 8.5px auto 0; }.video-frame { left: 4.9px; width: 73%; }.video-btn {top: 16%;}.banner-con h1 {font-size: 16px;line-height: 28px;}.dropdown-menu.search-auto { left: auto; right: 25px; }.search-txt { width: 82px; } .searchMeme-input-right input, .searchMeme-input-right {font-size:11px; width: 83px !important; } .logo > img { /*width: 95px;*/ }} @media (max-width: 350px) {.banner-con h1 { font-size: 16px; line-height: 28px; }.press-con li { margin: 0 1% 20px; width: 98%; }.video-frame { margin: 7px auto 0; }.video-frame { left: 3px; width: 73%; }.banner-btn { margin: 20px auto 0px auto; text-align: center; width: 100%; }.video-btn { top: 14%; }.quiz-soft-rpt p { width: 100%; text-align: center; margin: 10px auto 0px auto; }.work-rpt { width: auto; }blockquote { width: 95%; }.news-search { width: 56%; }.banner-img { bottom: auto; top: -36px; height: 300px;}.bxslider li {display: inline-block;float: none !important;margin: 20px auto 0px auto;text-align: center; width:275px !important;} .banner-con h1 {font-size: 16px;line-height: 28px;}/*.search-auto {left:-34px;}*/.arrow_box{ width:60%;}} @media (min-width: 0px) and (max-width: 479px){button.nav-toggler.toggle-slide-right span{background-position: center 4px;background-size: 100%; width: 28px; height: 27px;} button.nav-toggler.toggle-slide-right:hover span{height: 27px;width: 28px; background-size:100%;}} .errorDiv,.errorDiv1{margin:10px 0;font-size:14px;color:#cb1f02;line-height:22px}.errorDiv1{background-color:#fff;border-radius:2px;padding:10px 0 0}.errorDiv{padding-top:10px;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px}@media only screen and (min-width:1200px) and (max-width:5000px){#_right_wrapper_reg_for_mobile{display:none}#border-middle-login{height:300px;margin-top:15px;float:left;width:60px;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login .login-form label input{padding:13px 15px;font-size:14px;font-weight:400;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #d5d5d5;width:100%}#_right_wrapper_reg,._left_wrapper_login{width:50%;font-family:roboto,sans-serif}.form-login-wrapper-login .login-form label{font-family:Arial,Helvetica,sans-serif;margin:10px 0 0;font-weight:400;color:#4d4d4d!important;font-size:14px;display:block}.span_sign_up{position:absolute;top:291px;left:56px}span.span_Not{margin-left:3px}._left_wrapper_login{float:left;padding:40px 10%;text-align:center}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:flex}}@media only screen and (min-width:980px) and (max-width:1199px){p.tip{width:50%!important}#_right_wrapper_reg_for_mobile{display:none}#border-middle-login{height:330px;float:left;width:4%;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat;margin-left:15px}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login .login-form label input{padding:13px 15px;font-size:14px;font-weight:400;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #d5d5d5;width:100%}#show_forget_password_instructions{margin:0!important;text-align:right!important;width:102%}.span_sign_up{position:absolute;top:297px;left:123px}#_right_wrapper_reg,._left_wrapper_login{width:50%;font-family:roboto,sans-serif}._left_wrapper_login{float:left;padding:40px 10%;text-align:center}#_right_wrapper_reg{padding:0}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:flex}}@media only screen and (min-width:768px) and (max-width:979px){.inner_left_top h1,.login_sub_head{font-size:18px;font-weight:700;letter-spacing:.02em}#_right_wrapper_reg_for_mobile{display:none}#border-middle-login{height:305px;float:left;width:1%;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat;margin-left:15px}.main_con{float:left;width:100%;position:relative}.inner_left_top h1{color:#4d4d4d}.form-login-wrapper-login .login-form label input{padding:13px 15px;font-size:14px;font-weight:400;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #d5d5d5;width:100%}#show_forget_password_instructions{width:93%;text-align:right}.span_sign_up{position:absolute;top:297px;left:118px}span.span_Not{margin-left:10px}#_right_wrapper_reg,._left_wrapper_login{width:50%;font-family:roboto,sans-serif}._left_wrapper_login{float:left;padding:40px 8%;text-align:center}#_right_wrapper_reg{padding:0;text-align:left!important}.FB_img,.Google_img,.TW_img{height:33px;width:88px!important;margin-right:12px}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:flex}}@media only screen and (min-width:481px) and (max-width:767px){.span_Not,.span_sign_up{position:absolute}#border-middle-login{height:305px;float:left;width:50px;text-align:center;background:url(/api/signup/images/SignIn_OR_new.png) center no-repeat;transform:rotate(90deg);position:absolute;top:190px;left:190px;display:none}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login .login-form label input{padding:13px 15px;font-size:14px;font-weight:400;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #d5d5d5;width:100%}#show_forget_password_instructions{width:102%;text-align:right}.span_sign_up{top:291px;left:-91px}._left_wrapper_login{padding:20px 29px;width:100%!important;margin-top:15px!important;text-align:center}#_right_wrapper_reg{padding:0;width:100%;margin-top:28px}.btn_login{margin-top:15px}#login_btn{width:210px}.FB_img,.Google_img,.TW_img{height:33px;width:88px!important;margin-right:12px}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:grid}}@media only screen and (min-width:320px) and (max-width:480px){.border_top{top:112px!important}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.login-form p{padding-left:0}.form-login-wrapper-login .login-form label input{padding:13px 15px;font-size:14px;font-weight:400;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #d5d5d5;width:100%}#border-middle-login{display:none}#show_forget_password_instructions{width:103%;text-align:right}.FB_img,.Google_img,.TW_img{height:33px;width:85px!important;margin-right:12px}._left_wrapper_login{padding:20px 29px;width:100%!important;margin-top:15px!important;text-align:center}#_right_wrapper_reg{padding:0;width:100%;margin-top:28px}.btn_login{margin-top:15px}#login_btn{width:210px}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:grid}}@media only screen and (min-width:301px) and (max-width:480px) and (orientation:landscape){.span_Not,.span_sign_up{position:absolute}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login .login-form label input{padding:13px 15px;margin:5px 5px 5px 0;font-size:14px;font-weight:400;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #d5d5d5;width:100%}#border-middle-login{display:none}#show_forget_password_instructions{width:104%;text-align:right}.span_sign_up{top:273px;left:-65px}.FB_img,.Google_img,.TW_img{height:33px;width:85px!important;margin-right:12px}._left_wrapper_login{padding:20px 29px;width:100%!important;margin-top:30px!important;text-align:center}#_right_wrapper_reg{padding:0;width:100%;margin-top:28px}.btn_login{margin-top:30px}#login_btn{width:210px}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:grid}}@media only screen and (min-width:0px) and (max-width:300px){.span_Not,.span_sign_up{position:absolute}.inner_left_top h1{font-size:18px;font-weight:700;letter-spacing:.02em;color:#4d4d4d}.form-login-wrapper-login .login-form label input{padding:13px 15px;margin:5px 5px 5px 0;font-size:14px;font-weight:400;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #d5d5d5;width:100%}#border-middle-login{display:none}#show_forget_password_instructions{width:104%;text-align:right}.span_sign_up{top:273px;left:-65px}.FB_img,.Google_img,.TW_img{height:33px;width:85px!important;margin-right:12px}._left_wrapper_login{padding:20px 29px;width:100%!important;margin-top:30px!important;text-align:center}#_right_wrapper_reg{padding:0;width:100%;margin-top:28px}.btn_login{margin-top:30px}#login_btn{width:100%}.btn_login{margin:20px 0 5px 0}.fullWrapper{width:100%;height:100%;margin:40px auto 75px;box-shadow:0 7px 31px #0000001a;border-radius:10px;display:grid}}.main_con{padding:18px 0 0;float:left;width:100%;position:relative}.border_top{border-bottom:1px solid #eee;position:absolute;top:147px;width:100%}.login_sub_head{font-size:16px;font-weight:700;letter-spacing:.02em}#loader{width:0}.form-login-wrapper-login .login-form label{margin:10px 0 0;font-weight:400;color:#777;font-size:14px;display:block}p.tip{width:200px}.FB_img,.Google_img,.TW_img{height:33px;width:90px;margin-right:12px}.form-login-wrapper-login .login-form label input{outline:0}.btn_login .btn-big.primary,.btn_login .btn-small.primary{background:#1f77b2!important}#_right_wrapper_reg{background:#f7f7f7}.tiptext{font-size:12px}.customer-div{text-align:center;padding:20vh 0;width:80%;margin:0 auto}.txt2{font-size:24px;color:#4d4d4d;line-height:1.6em;font-weight:400;display:block}.name{color:#4d4d4d;padding:25px 0 5px;font-size:14px;font-weight:500}.desig{font-size:12px;color:#737373}.login-option{width:100%;text-align:center;padding:10px 0;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-option:hover{border:1px solid #3c8ac9}.form-login-wrapper-login .login-form label input:focus{border:1px solid #3c8ac9}.form-login-wrapper-login .login-form label input:hover{border:1px solid #3c8ac9}.login-option .cont-div{color:#4d4d4d}.login-option svg{margin-right:10px}.orText{margin:15px 0;text-align:center;font-size:13px}.register-text{font-size:13px} input.n-btn.n-red { background: #1F77B2 0% 0% no-repeat padding-box; border-radius: 4px; font: normal normal bold 14px/19px Open Sans; letter-spacing: 0px; color: #FFFFFF; width: 342px; } .form-control { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D5D5D5; border-radius: 4px; width: 100%; height: 40px; padding-left: 18px; margin: 10px 0px 10px 0px; } input.n-btn.n-red::placeholder{ text-align: left; font: normal normal normal 14px/19px Open Sans; letter-spacing: 0px; color: #444444; opacity: 0.39; } a.forget-link, a.forget-link:hover { font: normal normal normal 12px/19px Open Sans; letter-spacing: 0px; color: #4d4d4d; } .login .content .inner-content{ text-align: center; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; margin-top: auto; padding-right: 15px; padding-top: 75px; } span.star { position: relative; display: inline-block; width: 14px; height: 14px; margin-top: 15px; background-repeat: no-repeat; font-size: 20px; background-image: url(https://www.picreel.com/signup/img/star.svg); } a.btn-desk:hover { color: #ffffff; } .alert-danger>p { color: red; } input#identity::placeholder { color: #757575 !important; opacity: 1; } input#password::placeholder { color: #757575 !important; opacity: 1; } p.register-text { padding-top: 20px; } input#identity:hover { border: 1px solid #3c8ac9; } input#password:hover { border: 1px solid #3c8ac9; } input#identity:focus { border: 1px solid #3c8ac9; } input#password:focus { border: 1px solid #3c8ac9; } body { color: #4d4d4d !important; } .btn-big.primary:hover, .btn-big.primary:focus, .btn-small.primary:hover, .btn-small.primary:focus { background-color: #337ab4 !important; } .tipadd{ margin: 5px 0px !important; } #show_forget_password_instructions:hover { color: #4d4d4d; } #show_forget_password_instructions { color: #3b5998; }