@charset "utf-8";
a { outline: none; }
body { padding-top: 0 !important; }
::-webkit-input-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; }
:-moz-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; }
::-moz-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; }
:-ms-input-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
html { -ms-overflow-style: scrollbar; }
* html .clearfix { height: 1%; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; border: 0; outline: none; color: #0b2b5a; -webkit-transition: all 1s ease; transition: all 1s ease; }
p { font-size: 18px; color: #3b3b3a; font-weight: 400; }
li:hover a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #27436f; outline: none }
a, img { border: 0; outline: none; }
.fl { float: left; }
.fr { float: right; }
* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
body { color: #27436F; width: 100%; height: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; background: #ffffff; -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; }
img { vertical-align: middle }
.img-responsive { display: block; width: 100% \9; max-width: 100%; }
.btn { display: inline-block; font-size: 14px; text-decoration: none; padding: 0 30px; font-family: 'Roboto', sans-serif; outline: none; font-weight: 400; }
.btn-default, .btn-default:focus { text-transform: uppercase; outline: none; color: #fff; height: 40px; }
.btn-primary, .btn-primary:focus { background-color: #E2BF6E; border-color: #E2BF6E; color: #323232; height: 44px; line-height: 40px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.btn-default:hover { outline: none; color: #fff; background-color: rgba(19, 34, 57, 1); border-color: rgba(19, 34, 57, 1); }
.btn-primary:hover { outline: none; color: #E2BF6E; background-color: transparent; border-color: #E2BF6E; }
.container { max-width: 100%; margin-right: auto; margin-left: auto; }
.text-center { text-align: center; }
.blue-bg { background-color: #27436F; }
p { font-family: 'Roboto', sans-serif; font-size: 15px; }

/*********************
Common CSS 
*********************/
.header-top { float: left; width: 100%; background-color: #27436F; height: 45px; line-height: 45px; }
.social-links ul li.header-fb a { background-image: url(../images/icon-fb.svg); }
.social-links ul li.header-twitter a { background-image: url(../images/icon-twitter.svg); }
.social-links ul li.header-linkedin a { background-image: url(../images/icon-linkedin.svg); }
.social-links ul li a { vertical-align: middle; width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; display: inline-block; }
.social-links ul li { display: inline-block; padding-right: 8px; }
.social-links ul li:last-child { padding-right: 0; }
.header-contact { float: none; }
.header-contact ul li a { font-size: 13px; padding-left: 25px; color: #FFFFFF; vertical-align: middle; opacity: 0.9; letter-spacing: 0.2px; position: relative; text-decoration: none; }
.header-contact ul li a:before { position: absolute; top: 1px; content: ""; background-repeat: no-repeat; background-size: 100%; }
.header-contact ul li last-child a:before { }
.header-contact ul li.mobile a:before { background-image: url(../images/icon-phone.svg); left:0; width: 16px; height: 16px; }
.header-contact ul li.mail a:before { background-image: url(../images/icon-mail.svg); width: 21px; left:0; height: 16px; }
.header-contact ul li:first-child { padding-right: 20px; }
.header-contact ul li { display: inline-block; padding-right: 15px; color: #FFFFFF; font-size: 13px; }
.header-contact ul li:last-child { padding-right: 0; }
.header-contact ul li a:hover { opacity: 1; }
.header-contact ul.header-actions{ text-align: right;}
.header-contact ul.header-actions li{ padding-left: 10px; padding-right: 0;}

.header-contact ul.header-actions li a { height: 25px; line-height: 24px; padding: 0 10px; border: 1px solid #acb4c1; display: inline-block; border-radius: 5px; }
.header-contact ul.header-actions li a i { margin-right: 3px; }
.header-contact ul.header-actions li.login a { background-color: #0dc1a0; border-color: #0dc1a0;}
.header-contact ul.header-actions li.register a{ background-color: #e76965;  border-color: #e76965;}

/*********************
 Navigation 
 *********************/
 .logo { position: relative; z-index: 123; font-family: 'Roboto', sans-serif; color: #27436F; float: left; width: 35%; }
 .logo a { float: left; }
 nav { position: relative; width: 100%; margin: 0 auto; }
 #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
 #cssmenu:after, #cssmenu>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
 #cssmenu #head-mobile { display: none }
 #cssmenu { font-family: 'Roboto', sans-serif; background: #ffffff }
 #cssmenu>ul>li { float: left }
 #cssmenu>ul>li>a { text-transform: uppercase; padding: 12px 14px 14px; height: 40px; line-height: 14px; border-radius: 5px; font-size: 14px; font-weight: 500; text-decoration: none; color: #27436F; }
 #cssmenu>ul>li>a.new-user-btn { color: #FFFFFF; border: 1px solid transparent; }
 #cssmenu>ul>li:hover>a.new-user-btn { color: #27436F; border: 1px solid #27436F; }
 #cssmenu>ul>li:hover>a, #cssmenu ul li.active a { color: #fff }
 #cssmenu>ul>li:hover a, #cssmenu ul li.active:hover a, #cssmenu ul li.active a, #cssmenu ul li.has-sub.active:hover a { background: transparent; color: #00ADEE; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
 #cssmenu>ul>li.has-sub>a { padding-right: 30px }
 #cssmenu>ul>li.has-sub>a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
 #cssmenu>ul>li.has-sub>a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease }
 #cssmenu>ul>li.has-sub:hover>a:before { top: 23px; height: 0 }
 #cssmenu ul ul { position: absolute; left: -9999px }
 #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; background: #333; transition: all .25s ease }
 #cssmenu ul ul li:hover { }
 #cssmenu li:hover>ul { left: auto }
 #cssmenu ul ul ul { margin-left: 100%; top: 0 }
 #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #ddd; font-weight: 400; }
 #cssmenu ul ul li:last-child>a, #cssmenu ul ul li.last-item>a { border-bottom: 0 }
 #cssmenu ul ul li:hover>a, #cssmenu ul ul li a:hover { color: #fff }
 #cssmenu ul ul li.has-sub>a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
 #cssmenu ul ul li.has-sub>a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease }
 #cssmenu ul ul>li.has-sub:hover>a:before { top: 17px; height: 0 }
 #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #363636; }
 #cssmenu ul ul ul li.active a { border-left: 1px solid #333 }
 #cssmenu>ul>li.has-sub>ul>li.active>a, #cssmenu>ul ul>li.has-sub>ul>li.active>a { border-top: 1px solid #333 }
 .header-bottom { background-color: #ffffff; float: left; width: 100%; padding: 15px 0; }
 #cssmenu ul { float: right; padding-top: 8px; }

 /*#cssmenu > ul > li:last-child a { padding-right: 0; }*/
 .logo img {    /*width: 100%;*/
 	float: left; padding-right: 10px; height: 52px; width: 60px; }
 	h1.logo-title { font-size: 30px; color: #27436F; line-height: 52px; font-weight: 500; float: right; }
 	h1.logo-title strong { color: #00ADEE; }

/*********************
 Navigation End
 *********************/
 .main-banner { float: left; width: 100%; background: #D8D8D8; }
 .main-banner .inner { width: 100%; height: 400px; object-fit: cover; background: rgba(0, 0, 0, 0.2); }
 .content-panel { padding: 50px 0; }
 .welcome { float: left; width: 100%; text-align: center; }
 .welcome-content p { font-weight: 300; font-size: 20px; color: #4B4B4B; letter-spacing: 0; font-family: 'Roboto', sans-serif; }
 .inner-container { width: 800px; margin: 0 auto; }
 .who-we-are { float: left; width: 100%; position: relative; }
 a.morelink { text-decoration: none; outline: none; }
 .morecontent span { display: none; }
 .layout-right-figure { width: 50%; height: 100%; min-height: 457px; position: absolute; right: 0; top: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center top; }
 .layout-left-content { float: left; width: 100%; padding: 40px 50px 35px 0; }
 .layout-description { padding-bottom: 25px; }
 .layout-description p { font-size: 14px; color: #FFFFFF; letter-spacing: 0.53px; font-weight: 300; line-height: 1.5; }
 .who-we-are-figure { width: 100%; height: 180px; overflow: hidden; margin-bottom: 20px; }
 .why-us .who-we-are-figure, .why-us-container .who-we-are-figure { height: auto; }
 .our-solutions { float: left; width: 100%; }
 .short-description p { font-size: 18px; color: #4B4B4B; font-weight: 300; letter-spacing: 0; padding-bottom: 30px; }
 .solution-item-description { display: table-cell; vertical-align: middle; }
 .solution-type-details, .solution-lists { float: left; width: 100%; }
 .solution-lists { display: table; padding: 0 55px 55px 0; }
 .solution-lists figure { display: table-cell; padding-right: 25px; width: 100px; }
 .solution-item-description h5 { padding-bottom: 5px; }
 .solution-item-description p { font-size: 15px; color: #4B4B4B; font-weight: 300; letter-spacing: 0; }
 .our-solutions .short-description p { padding-bottom: 50px; }
 .title { font-size: 28px; color: #FFFFFF; letter-spacing: 1px; padding-bottom: 25px; line-height: 25px; font-weight: 500; }
 .title-large { color: #27436F; letter-spacing: 1px; font-size: 44px; font-weight: 300; padding-bottom: 30px; }
 .title-large strong { font-weight: 600; }
 .title-medium { text-transform: uppercase; font-size: 30px; color: #27436F; letter-spacing: 0; font-weight: 300; padding-bottom: 30px; }
 .title-medium strong { font-weight: 600; }
 .title-small { font-size: 20px; color: #00ADEE; font-weight: 500; letter-spacing: 0; }
 .more-btn { text-align: center; }
 .special-project { float: left; width: 100%; background: url(../images/special-banner.png) no-repeat; background-size: 100% 100%; }
 .testimonials { float: left; width: 100%; position: relative; }
 .clients-message p { position: relative; font-style: italic; font-size: 16px; color: #4B4B4B; letter-spacing: 0; line-height: 25px; }
 .clients-message h5 { font-size: 16px; color: #000000; letter-spacing: 0; font-weight: 300; line-height: 25px; }
 .clients-message { padding: 35px 50px; position: relative; width: 570px; margin: 0 auto 30px auto; text-align: center; border: 1px solid #CFCFCF; border-radius: 4px 4px 4px 4px; }
 .clients-photo { padding-bottom: 12px; }
 .clients-message:after, .clients-message:before { content: ""; border-style: solid; border-width: 10px; width: 0; height: 0; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; }
 .clients-message:before { border-color: #CFCFCF transparent transparent; }
 .clients-message:after { margin-top: -2px; border-color: #fff transparent transparent; }
 .clients-message p:before { position: absolute; content: ""; background-image: url('../images/comma.png'); height: 26px; width: 33px; top: -14px; left: -26px; }
 .clients-photo img { width: 70px; height: 70px; margin: 0 auto; }
 .footer-title { padding-bottom: 14px; font-size: 18px; color: #FFFFFF; line-height: 24px; font-weight: 500; }
 footer { background-color: #27436F; float: left; width: 100%; }
 .footer-panel ul li a, .footer-panel ul li { color: #ffffff; font-size: 14px; padding-bottom: 6px; font-weight: 400; line-height: 25px; }
 .footer-panel ul li { color: #ffffff; opacity: 0.6; }
 .connect-us li a { float: left; margin-right: 15px; }
 .connect-us li { }
 .connect-us li:last-child { padding-right: 0; }
 .connect-us ul li.footer-fb a { background-image: url(../images/icon-footer-facebook.svg); }
 .connect-us ul li.footer-twitter a { background-image: url(../images/icon-footer-twitter.svg); }
 .connect-us ul li.footer-linkedin a { background-image: url(../images/icon-footer-linkedin.svg); }
 .connect-us ul li a { width: 32px; height: 32px; background-repeat: no-repeat; background-size: 100%; display: inline-block; transition: all 0.6s; }
 .footer-coprights p { opacity: 0.77; font-size: 14px; color: #D6D6D6; font-weight: 400; float: left; width: 100%; }
 .footer-coprights { background: #233c63; padding: 20px 0; }
 .connect-us ul li a:hover { transform: rotate(360deg); transition: all 0.6s; }
 .solution-lists img { width: 100px; height: 100px; }
 .footer-panel ul li a:hover { color: #00ADEE; }
 .contact-us { float: left; width: 100%; }
 .hero-banner { float: left; width: 100%; background: url(../images/special-banner.png) no-repeat; background-size: cover; background-position: center; }
 .breadcrumb { text-align: center; background-color: transparent; }
 .breadcrumb>li+li:before { color: #ffffff; }
 .breadcrumb li a, .breadcrumb li { color: #ffffff; font-family: 'Roboto', sans-serif; }
 .breadcrumb { padding: 0; margin: 0; }
 p { font-size: 15px; color: #4B4B4B; font-weight: 300; letter-spacing: 0; }
 .about-us, .products, .solutions { float: left; width: 100%; position: relative; }
 .description-panel { padding-right: 50px; }
 .figure-panel img { width: 100%; height: 350px; object-fit: cover; }
 .solution-list-items { background-color: #f1f1f1; position: relative; margin-bottom: 25px; min-height: 190px; padding: 25px 20px; }
 .solution-list-items h5, .contact-details h5 { text-transform: uppercase; padding-bottom: 15px; }
 .solution-list-items h5 i { margin-right: 10px; }
 .solution-list-items h5 i img { width: 48px; height: 48px; }
 .solutions .figure-panel img { height: 395px; }
 .grey-bg { background-color: #eef0fd; }
 .contact-details li a:hover { color: #00ADEE; }
 .map { float: left; width: 100%; border: 2px solid #ddd; }
 .about-testimonials .clients-message:after { border-color: #eef0fd transparent transparent; }
 .contact-box { position: relative; background-color: #f1f1f1; border-radius: 4px; min-height: 125px; width: 100%; padding: 20px; display: table; }
 .contact-icon { vertical-align: top; display: table-cell; width: 20%; }
 .contact-details { width: 80%; display: table-cell; }
 .contact-icon .material-icons { font-size: 42px; color: #27436f; }
 .contact-details li { font-size: 14px; line-height: 22px; }
 .lnr { font-size: 42px; font-weight: 600; }
 .contact-area { float: left; width: 100%; margin-bottom: 50px; }
 .contact-form { float: left; width: 100%; }
 .form-control { box-shadow: none; border: 2px solid #ddd; height: 40px; color: #4B4B4B; padding: 8px 12px; }
 .form-control:focus { box-shadow: none; }
 .form-control:focus { border-color: #00ADEE; }
 textarea { resize: none; }
 .banner-content { position: absolute; width: 65%; top: 160px; right: 0; text-align: left; }
 .banner-content h1 { font-size: 38px; color: #ffffff; }
 .banner img { background: rgba(0, 0, 0, 0.5); }
 .banner-content p { font-size: 18px; color: #ffffff; max-width: 800px; }
 .banner-content h1 { margin-bottom: 25px; }
 .banner-content span { color: #00ADEE; font-weight: 700; }
 .banner-content h1, .banner-content p { animation-delay: 1s; text-shadow: 0px 0px 10px rgba(0, 0, 0, .4); }
 .form-container { float: left; width: 100%; }
 #contact-form { float: left; width: 100%; }
 .map iframe { overflow: hidden; width: 100%; float: left; height: 226px; }
 .form-inner-container { width: 700px; margin: 0 auto; }
 .cotact-order-info, .order-form-container, .form-group { float: left; width: 100%; }
 .form-inner-container label { line-height: 40px; font-size: 14px; color: #27436F; }
 label.error, .form-inner-container label.error { color: #ff0000; font-weight: 400; }

 /* Transitions */
 .ct-slick-arrows--type2 .slick-prev, .ct-slick-arrows--type2 .slick-next { opacity: 0.85; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; }
 .activate { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); }
 .animated { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); }

/*********************
Button
*********************/
.btn-default { border-radius: 100px; line-height: 38px; letter-spacing: 0; font-weight: 300; border: 2px solid transparent; font-family: 'Roboto', sans-serif; }
.common-btn { background-color: #27436F; border: 2px solid transparent; font-weight: 400; }
.common-btn:hover, .common-btn:focus { background-color: transparent; font-weight: 400; border: 2px solid #27436F; color: #27436F; }
.light-bg-btn { background: #00ADEE; font-weight: 700; }
.light-bg-btn:hover, .light-bg-btn:focus { background-color: transparent; border: 2px solid #00ADEE; color: #00ADEE; }
.white-bg-btn { background-color: #ffffff; border: 2px solid transparent; font-weight: 500; color: #27436F; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50); }
.white-bg-btn:hover { border: 2px solid #ffffff; background-color: transparent; }
input[type="submit"]:focus, button { outline: none; border: 2px solid transparent; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; }
.white-clr { color: #ffffff !important; }
.new-user-register .light-bg-btn { font-weight: 400; }

/*********************
Button End
*********************/

/*********************
Slider
*********************/

.slick-dots { position: unset; }
.slick-dots li button:before, .slick-dots li.slick-active button:before { opacity: 1; }
.slick-dotted.slick-slider { margin-bottom: 0 }
.main-banner .slick-dots { bottom: 20px; }
.main-banner .slick-dots { position: absolute; }
.slick-dots li { width: 12px; height: 12px; }
.main-banner li { background-color: #27436f; border-radius: 50%; }
.main-banner li.slick-active { background-color: #008dca; border-radius: 50%; }
.slick-dots li button { width: 12px; height: 12px; }
.clients-testimonials .slick-dots li.slick-active button:before, .slick-dots li button:before { display: none; }
.clients-testimonials .slick-dots li { width: 12px; height: 12px; background-color: #D8D8D8; border: 1px solid #979797; border-radius: 50%; }
.clients-testimonials li.slick-active { background-color: #727272 !important; border: 1px solid #979797; }
.slick-dots li button { width: 0; height: 0; padding: 0; }
.ct-header { background-position: top center; background-size: cover; }
.call-to-action { float: left; width: 100%; background-color: #ededed; padding: 30px 0; }
.new-user-register ul li:first-child:hover a { color: #00ADEE; }
.new-user-register ul li { display: inline-block; }
.new-user-register li { font-weight: 500; padding-right: 20px; }
.new-user-register ul li:first-child { vertical-align: middle; }
.new-user-register ul li:last-child { padding-right: 0; }
.new-user-register { position: relative; float: right; }
.new-user-register:after { content: ""; position: absolute; width: 1px; height: 80px; right: -15px; top: -18px; background-color: #cccccc; }
.submit-trial-case li { display: inline-block; padding-right: 20px; }
.submit-trial-case ul li:last-child { padding-right: 0; }
button, html input[type=button], input[type=reset], input[type=submit] { transition: all 1s; }
.footer-panel li a { text-transform: uppercase; }
.footer-contact li a { text-transform: none; }
.checkbox, .radio { display: inline-block; font-family: 'Roboto', sans-serif; }
.checkbox label { line-height: unset; }
.solution-list-items p { margin-bottom: 20px; }
.solution-list-items a { color: #27436f; transition: all 1s; }
.solution-list-items a:hover { color: #00ADEE; transition: all 1s; }

/********************
Slider End
********************/
.contact-details li span { min-width: 100px; }
.center-content { padding-top: 19px; float: left; }
.why-us { float: left; width: 100%; position: relative; }
.why-us.content-panel { padding: 40px 0 35px 20px; }
.whyUs-bg { background-color: #eef0fd; }
.why-us p { color: #4B4B4B; }
.why-us .title-medium { line-height: 25px; }
.layout-description li { font-size: 14px; padding-bottom: 4px; color: #4B4B4B; letter-spacing: 0.53px; font-weight: 300; line-height: 1.5; }
.layout-description ul { padding-right: 10px; }
.layout-description.bold-list { margin-bottom: 25px; padding: 0; width: 100%; float: left; margin-bottom: 0; }
.bold-list li { list-style: none; font-weight: 500; float: left; padding: 0 30px; position: relative; min-width: 33%; margin-bottom: 5px; }
.bold-list li::after { position: absolute; left: 0; top: 3px; content: ""; background-image: url(../images/check-mark.svg); width: 15px; height: 15px; background-repeat: no-repeat; background-size: 15px; background-position: center; }
.bold-list li:last-child { margin-right: 0; }
.why-us .bold-list li { width: 100%; }
.why-us-container .bold-list li { width: 33%; }
.home-welcome-container { width: 100%; float: left; background-color: #FFFFFF; padding: 50px 0; }
.welcome-inner-container { max-width: 1000px; margin: 0 auto; }
.home-welcome-container .box-panel { width: 100%; float: left; background-color: #2ca3f3; padding: 20px; min-height: 200px; color: #FFFFFF }
.home-welcome-container .box-panel i { width: 70px; height: 70px; line-height: 70px; position: relative; border: 1px solid #FFFFFF; display: inline-block; border-radius: 50%; margin-bottom: 25px; }
.home-welcome-container .box-panel i img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.home-welcome-container .box-panel p { color: #FFFFFF; margin-bottom: 25px; }
.home-welcome-container .box-panel .btn { padding: 0 20px; }
.box-panel.background-three { background-color: #0bd1c1; }
.box-panel.background-two { background-color: #e76965; }
.form-wrapper .form-group.btn-group { padding-top: 20px; }
.form-wrapper .form-group { margin-bottom: 20px; }
.form-wrapper .btn-group .btn { margin-right: 25px; }
.form-wrapper .btn-group .btn:last-child { margin-right: 0; }

.no-padding-left { padding-left: 0; }
.sercices-required .checkbox { margin-bottom: 15px; padding: 0; }
.sercices-required .checkbox-title { margin-bottom: 25px; }
.sercices-required .text-label { margin-bottom: 15px; }
.btn-primary.browse-button { background-color: #27436F; color: #FFF; border-color: #27436F; }
.why-us-container { background-color: #f1f1f1; width: 100%; float: left; }
.ourteam-container { width: 100%; float: left; background-color: #FFFFFF; }
.single-member { position: relative; overflow: hidden; width: 100%; float: left; margin-bottom: 25px; }
.team-content { position: absolute; top: 65%; left: 0; width: 100%; height: 100%; background: rgba(39, 67, 111, 0.80); padding: 30px 20px; transition: 0.5s; }
.team-share { opacity: 0; }
.team-title h4 { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #fff; margin-bottom: 5px; }
.team-title h6 { color: #ffb01b; }
.team-share p { color: #fff; letter-spacing: 1px; margin-top: 10px; margin-bottom: 15px; }
.single-member:hover .team-content { transition: 0.5s; top: 0px; padding: 50px 20px; background: rgba(39, 67, 111, 0.98); }
.single-member:hover .team-share { opacity: 1; }
.social-icon li { display: inline-block; }
.social-icon li a { color: #fff; display: block; width: 34px; height: 34px; line-height: 34px; font-size: 18px; border-radius: 50%; }
.solution-list-items a { background-color: #27436f; border: 1px solid #27436f; color: #FFFFFF; padding: 3px 15px; border-radius: 5px; }
.solution-list-items a:hover { background-color: transparent; color: #27436f; }
.solutions-welcome-container { max-width: 800px; margin: 0 auto; }
.solutions-welcome-container p { font-size: 18px; }
.form-wrapper { float: left; width: 100%; }

/****** LOGIN MODAL ******/
.loginmodal-container { padding: 30px; max-width: 350px; width: 350px; background-color: #F7F7F7; margin: 0 auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; }
.modal-dialog { width: 350px; }
.loginmodal-container h1 { text-align: center; font-size: 20px; margin-bottom: 10px; }
.loginmodal-container .loginmodal-submit { width: 100%; display: block; margin-bottom: 10px; position: relative; font-size: 16px; }
.loginmodal-container input[type=text], input[type=password] { height: 44px; font-size: 16px; width: 100%; margin-bottom: 0px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.loginmodal-container input[type=text]:hover, input[type=password]:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.loginmodal { text-align: center; font-size: 14px; font-weight: 700; height: 36px; padding: 0 8px; }
.loginmodal-container .loginmodal-submit { opacity: 1; border: 0px; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.1); background-color: rgba(39, 67, 111, 1); padding: 17px 0px; font-size: 14px; }
.loginmodal-container .loginmodal-submit:hover { border: 0px; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background-color: rgba(39, 67, 111, 0.9); }
.loginmodal-container a { text-decoration: none; color: #666; font-weight: 400; text-align: center; display: inline-block; opacity: 0.6; transition: opacity ease 0.5s; }
.login-help { font-size: 12px; }
form#order-form, .sercices-required, .form-check { float: left; width: 100%; position: relative; }
.form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: 0; }
button.close { position: absolute; right: -20px; font-size: 42px; transition: all 0.5s; top: -20px; opacity: 1; background-color: #e3e3e3; color: #27436f; text-shadow: none; height: 40px; border-radius: 50%; width: 40px; }
button.close:hover { transform: rotate(180deg); transition: all 0.5s; opacity: 1; background-color: #e3e3e3; color: #27436f; }
.modal-dialog { position: relative; margin: 45px auto; }
.form-panel { width: 100%; float: left; padding: 30px 20px; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border: #e8e8e8 solid 1px; }
.form-horizontal .form-panel .control-label { padding-top: 0; margin-bottom: 15px; }
.form-panel textarea.form-control { height: 75px; resize: none; }
.form-panel .form-control { border-width: 1px; }
.styled-checkbox { position: absolute; opacity: 0; }
.styled-checkbox ~ label { position: relative; cursor: pointer; padding: 0; }
.styled-checkbox ~ label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: transparent; border: 1px solid #27436F; }
.styled-checkbox:focus ~ label:before { -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
.styled-checkbox:checked ~ label:before { background: #27436F; }
.styled-checkbox:disabled ~ label { color: #b8b8b8; cursor: auto; }
.styled-checkbox:disabled ~ label:before { -webkit-box-shadow: none; box-shadow: none; background: #ddd; }
.styled-checkbox:checked ~ label:after { content: ''; position: absolute; left: 5px; top: 9px; background: white; width: 2px; height: 2px; -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.form-panel.terms-conditions { padding: 30px; }
.form-panel.terms-conditions .form-group { margin-bottom: 0; }
.form-panel.terms-conditions a { text-decoration: underline; }
.terms-conditions .form-control { width: 100px; margin-left: 15px; display: inline-block; height: 30px; }

/*	.terms-conditions .styled-checkbox:checked+label:after { top: 15px; }*/
.hero-banner .title-medium small { display: block; font-size: 15px; font-weight: 400; color: #FFFFFF; text-transform: initial; margin-top: 6px; }
.hero-banner h3 small a { color: #FFFFFF; }
.hero-banner h3 small a:hover { text-decoration: underline; }
.why-us-container {  }
.why-us-details.layout-description { width: 100%; float: left; padding-bottom: 0; }
.why-us-container .why-us-details.layout-description { margin-bottom: 20px; }
.hero-banner { position: relative; }
.hero-banner.content-panel { padding: 25px 0; }
.hero-banner.content-panel .title-medium { padding-bottom: 20px; }
.hero-banner.order-banner::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(11, 209, 193, 0.4); }
.hero-banner .medium-title { margin-bottom: 20px; }
.details-list li { padding-left: 30px; position: relative; padding-bottom: 0; margin-bottom: 10px; }
.details-list li::before { position: absolute; left: 0; top: 0; content: ""; background-image: url(../images/customer.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px; background-position: center; }
.toggle { position: relative; width: 80px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display: inline-block; }
.toggle-checkbox { display: none; }
.toggle-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFFFFF; border-radius: 20px; }
.toggle-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.toggle-inner:before, .toggle-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 15px; color: white; font-family: Arial, sans-serif; font-weight: normal; box-sizing: border-box; }
.toggle-inner:before { content: "Yes"; padding-left: 12px; background-color: #00ADEE; color: #FFFFFF; }
.toggle-inner:after { content: "No"; padding-right: 12px; background-color: #C7C7C7; color: #999999; text-align: right; }
.toggle-switch { display: block; width: 18px; margin: 6px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 50px; border: 2px solid #FFFFFF; border-radius: 20px; transition: all 0.3s ease-in 0s; }
.toggle-checkbox:checked+.toggle-label .toggle-inner { margin-left: 0; }
.toggle-checkbox:checked+.toggle-label .toggle-switch { right: 0px; }
.stv-radio-tabs-wrapper, .stv-checkbox-wrapper { clear: both; display: inline-block; width: 100%; padding: 0; position: relative; }
input.stv-radio-tab { position: absolute; left: -99999em; top: 0; }
input.stv-radio-tab+label { font-size: 14px; cursor: pointer; float: left; border: 1px solid #00ADEE; background-color: #fff; margin-right: -1px; padding: .5em 1em; position: relative; }
input.stv-radio-tab~label:hover { background-color: #FFF; }
input.stv-radio-tab:checked+label { border: 1px solid #28436e; background-color: #00ADEE; color: #FFFFFF; z-index: 1; }
.form-group.btn-group small { display: block; text-align: center; }
.popover.top>.arrow { left: 20px !important; }
.whyus-panel { width: 100%; float: left; background: #ffff; padding: 15px 0px; margin-bottom: 20px; border-radius: 5px; }
.stv-radio-tabs-wrapper label:nth-child(2), .stv-checkbox-wrapper label:nth-child(2) { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.stv-radio-tabs-wrapper label:last-child, .stv-checkbox-wrapper label:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.why-us .who-we-are-figure { margin-top: 45px; }
.ourteam-container { background-color: #f1f1f1; }
.special-project.content-panel { padding: 30px 0 }
.form-horizontal .form-panel .control-label i { margin-right: 3px; position: relative; top: -2px; }

.control-label.text-label span { background-color: #00ADEE; color: #FFFFFF; border-radius: 5px; display: inline-block; padding: 3px 10px; font-size: 13px; }
a.banner-btn { padding: 5px 12px 5px 25px; position: relative; display: inline-block; border: 1px solid #28436e; border-radius: 5px; background: #28436e; text-decoration: none; margin-left: 10px; }
.control-label .notes { color: #999; font-weight: normal; font-style: italic; }
a.banner-btn:hover {text-decoration: none !important; }
a.banner-btn i{ position: absolute; left: 5px; top: 4px; }

label#initial-error { bottom: 0px; padding-right: 15px; right:0; position: absolute; }
label#agree_terms-error { position: absolute; left: 0; top: 31px; }
section.solutions.content-panel { padding-bottom: 0; }
.solution-banner { float: left; width: 100%; margin-bottom: 35px; }
.why-us-details.layout-description.details-list { margin-bottom: 0 }
.why-us-details.layout-description.details-list ul li:last-child { margin-bottom: 0 }
.red { background-color: red; }
.help-block { display: block; }
.stv-checkbox-wrapper { margin-bottom: 18px; float: left; }
.checkbox.has-sub-items { margin-top: 12px; margin-bottom: 0px; }
label.service.no-check { padding-left: 0 }
.special-project .title-medium { padding-bottom: 16px; }

label.help-inline { color: #ff0000; font-weight: 400; }
label#select_services-error { position: absolute; bottom: 85px; left: 80px; }

#new-registration input { position: relative; }
#new-registration label.error { position: absolute; }
#new-registration { float: left; width: 100%; }
.cotact-order-info .form-wrapper .form-group { margin-bottom: 25px; }
.select2-container .select2-selection--single { height: 40px!important; width: 100%!important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px!important;  }
.select2-container--default .select2-selection--single { border: 1px solid #ddd; }
.service-item { float: left; width: 100%; }
.styled-checkbox ~ label#agree_terms-error:before { display: none; }
.popover.top {
left: 40px !important;
max-width: 500px;
min-width: 300px;
}
.service-item ul li { float: left; }
.service-item ul li:first-child { margin-right: 30px; }
.stv-checkbox-wrapper { margin: 10px 0; }
.service-item-container { margin-bottom: 30px; padding: 15px 0; float: left; width: 100%; border: #e8e8e8 solid 1px;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

 
@media screen and (max-width:1199px) {
	.control-label.text-label span { padding: 0 10px; }
	.main-banner .inner { height: 350px; }
	.form-horizontal .control-label { padding-top: 0; }
	.form-wrapper .form-group.btn-group { margin-top: 20px; padding-top: 5px; }
	.title-large { font-size: 38px; }
	.content-panel { padding: 35px 0; }
	.title { font-size: 26px; }
	.title-medium { font-size: 28px; padding-bottom: 18px; }
	.btn-default { font-size: 14px; }
	.welcome-content p { font-size: 17px; }
	.short-description p { font-size: 17px; }
	.solution-item-description p { font-size: 14px; }
	.clients-message p { font-size: 15px; }
	.title-small { font-size: 18px; }
	.footer-title { font-size: 17px; }
	.layout-description p { font-size: 15px; }
	.layout-description { padding-bottom: 28px; }
	.clients-message { padding: 35px 50px; }
	#cssmenu ul { padding-top: 3px }
	.clients-message p:before { left: -35px; }
	.banner-content { top: 50px; }
	.banner-content h1 { font-size: 48px; }
	.banner-content p { font-size: 20px; }
	.contact-box { min-height: 110px; }
	.call-to-action .btn { padding: 0 15px; }
	.submit-trial-case li, .new-user-register ul li:first-child { padding-right: 8px; }
	.solutions.content-panel { padding: 40px 0 25px 0; }
	h1.logo-title { font-size: 25px; }
	#cssmenu>ul>li>a { padding: 12px 8px 14px }
	.form-inner-container { width: 620px; margin: 0 auto; }
	.solution-list-items { min-height: auto; }
	.why-us img { width: 100%; padding: 0; height: auto; }
	.layout-description li { font-size: 15px; }
	.who-we-are-figure, .figure-panel img { height: auto; }
	.solution-list-items { margin-bottom: 20px; padding: 18px 20px; }
	.solution-list-items p { margin-bottom: 12px; }
	.solution-list-items h5, .contact-details h5 { padding-bottom: 12px; }
	.solutions.content-panel { padding: 25px 0 20px 0; }
	.form-horizontal .control-label { line-height: 35px; }
	.sercices-required label { padding-left: 0; line-height: 25px; }
	.sercices-required label.checkbox-title, .sercices-required label.control-label.text-label, .sercices-required label.btn { padding-left: 0px; }
	label.btn { padding: 0 30px !important; }
	.styled-checkbox:checked ~ label:after { top: 12px; }
	label#select_services-error { bottom: 90px; right: auto; left: 100px; }
}
@media screen and (max-width:991px) {
	.container { width: 100%; }
	.logo { position: absolute; top: 0; left: 15px; height: 46px; text-align: center; padding: 0; float: none }
	.logo2 { display: none }
	.header-bottom .container { padding: 0; }
	.header-bottom { padding: 10px 0; }
	nav { width: 100%; }
	#cssmenu { width: 100% }
	#cssmenu ul { padding: 8px 0 12px 0; top: 50px; width: 100%; display: none; position: absolute; z-index: 999; background-color: #e3e3e3; }
	#cssmenu ul li { width: 100%; }
	#cssmenu ul li:last-child { border-bottom: none; }
	#cssmenu ul li:hover a { color: #00adee; transition: all 0.2s; }
	#cssmenu ul ul li, #cssmenu li:hover>ul>li { height: auto }
	#cssmenu ul li a, #cssmenu ul ul li a { transition: all 0.2s; width: 100%; border-bottom: 0; color: #27436f; text-align: center; }
	#cssmenu>ul>li { float: none }
	#cssmenu ul ul li a { padding-left: 25px }
	#cssmenu>ul>li>a { padding: 12px 0px; }
	#cssmenu ul ul li { background: #333 !important; }
	#cssmenu ul ul li:hover { background: #363636 !important }
	#cssmenu ul ul ul li a { padding-left: 35px }
	#cssmenu ul ul li a { color: #ddd; background: none }
	#cssmenu ul ul li:hover>a, #cssmenu ul ul li.active>a { color: #fff }
	#cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left }
	#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before, #cssmenu ul ul>li.has-sub>a:after, #cssmenu ul ul>li.has-sub>a:before { display: none }
	#cssmenu #head-mobile { display: block; padding: 20px 22px; color: #ddd; font-size: 12px; font-weight: 700 }
	.logo img { width: 50px; height: 40px; }
	h1.logo-title { line-height: 42px; }
	.logo { width: auto; }
	.button { width: 30px; height: 20px; position: absolute; right: 16px; top: 10px; cursor: pointer; z-index: 999; background: transparent; text-align: center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.button span { width: 28px; margin-bottom: 0; height: 3px; background: #27436f; display: block; position: absolute; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.button span:nth-child(1) { top: 0px; }
	.button span:nth-child(2), .button span:nth-child(3) { top: 8px; }
	.button span:nth-child(4) { top: 16px; }
	.button.menu-opened span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
	.button.menu-opened span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.button.menu-opened span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.button.menu-opened span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
	.button.menu-opened { background: transparent; }

	/** **/
	#cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #444; height: 46px; width: 46px; cursor: pointer }
	#cssmenu .submenu-button.submenu-opened { background: #262626 }
	#cssmenu ul ul .submenu-button { height: 34px; width: 34px }
	#cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
	#cssmenu ul ul .submenu-button:after { top: 15px; right: 13px }
	#cssmenu .submenu-button.submenu-opened:after { background: #fff }
	#cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd; content: '' }
	#cssmenu ul ul .submenu-button:before { top: 12px; right: 16px }
	#cssmenu .submenu-button.submenu-opened:before { display: none }
	#cssmenu ul ul ul li.active a { border-left: none }
	#cssmenu>ul>li.has-sub>ul>li.active>a, #cssmenu>ul ul>li.has-sub>ul>li.active>a { border-top: none }
	.content-panel { padding: 30px 0; }
	.title-large { font-size: 34px; }
	.title-medium { font-size: 26px; }
	.welcome-content p { font-size: 16px; }
	.btn-default { font-size: 14px; }
	.welcome-content, .title-large { padding-bottom: 25px; }
	.btn-default { height: 40px; line-height: 40px; }
	.btn { padding: 0 30px; }
	.inner-container { width: 700px; }
	.layout-left-content, .why-us.content-panel { padding: 50px 15px 50px 0; }
	.layout-right-figure { min-height: auto; }
	.title-medium { padding-bottom: 20px; }
	.solution-lists figure { padding-right: 18px; }
	.solution-list-items { min-height: auto; }
	.solution-lists { padding: 0 8px 30px 0; }
	.solution-lists img { width: 100%; height: 100%; }
	.solutions .figure-panel img { height: auto; }
	.footer-panel { padding-bottom: 25px; }
	.footer-panel.footer-solutions { padding-bottom: 0; }
	.short-description p { font-size: 16px; }
	.footer-title { padding-bottom: 10px; }
	.our-solutions>.short-description>p { padding-bottom: 30px; }
	.about-us-figure img { height: auto; }
	.main-banner .inner { height: 250px }
	.banner-content h1 { font-size: 40px; }
	.banner-content p { font-size: 18px; }
	.banner-content { width: 90%; left: 30px; }
	.contact-box, .contact-area { margin-bottom: 20px; }
	.contact-box { min-height: 135px; }
	.contact-area { min-height: 100px; }
	.contact-icon { width: 30%; text-align: center; }
	.contact-details { width: 70%; }
	.form-container { margin-bottom: 25px; }
	.solution-list-items h5, .contact-details h5 { padding-bottom: 10px; }
	.description-panel { padding-right: 15px; }
	.about-description { padding-bottom: 30px; }
	.call-to-action { text-align: center; }
	.new-user-register { float: none; margin-bottom: 18px; }
	.call-to-action .btn { padding: 0 20px; }
	.solutions.content-panel { padding: 40px 0 25px 0; }
	.figure-panel img { height: auto; }
	.home-welcome-container .box-panel { margin-bottom: 20px; }
	.no-padding-left { padding-left: 15px; }
	.form-horizontal .control-label { text-align: left; }
	#cssmenu ul li.new-btn { width: 30%; margin: 0 auto; }
	.who-we-are-figure { height: auto; }
	.why-us .layout-description, .why-us-details.layout-description { padding-bottom: 0; }
	h3.title-medium { text-align: center; }
	.about-us h3.title-medium { text-align: left; }
	.why-us .who-we-are-figure { margin-top: 0; }
	.why-us-container .why-us-details.layout-description { margin-bottom: 15px; }
	.cotact-order-info .container { width: 100%; padding: 0 30px; }
	input.stv-radio-tab+label { padding: 6px 8px; }
	label#initial-error { top: auto; bottom: -12px; }
	label#select_services-error { left: 60px; }
	label#agree_terms-error { top: auto; bottom: -25px; }
}
@media screen and (max-width:767px) {
	.container { width: 100%; }
	h1.logo-title { font-size: 22px; }
	.description-panel { padding-right: 0 }
	.layout-right-figure { display: none; }
	.short-description p { padding-bottom: 20px; }
	.header-bottom { padding: 10px 0; }
	.inner-container { width: 90% }
	.title-large { font-size: 30px; }
	.title-medium { font-size: 24px; }
	.content-panel, .layout-left-content { padding: 30px 0; }
	.title-large, .title, .layout-description { padding-bottom: 16px; }
	.our-solutions .short-description p { padding-bottom: 25px; }
	.welcome-content p { font-size: 16px; }
	.layout-left-content { text-align: center; }
	.solution-lists figure, .solution-lists { display: inline-block; padding-right: 0; }
	.solution-type-details { text-align: center; width: 80%; float: none; margin: 0 auto; }
	.solution-lists img { width: 100px; height: 100px; }
	.solution-lists figure { padding-bottom: 20px; }
	.solution-lists { padding: 0 0px 25px 0; }
	.clients-message { width: 90%; padding: 25px 40px; }
	.clients-message p:before { top: -15px; left: -30px; }
	#cssmenu ul { top: 48px; }
	.about-us-figure img { height: auto }
	.about-us-description { padding: 0 0 30px 0; }
	.solution-list-items { min-height: auto; padding: 18px 15px; }
	.main-banner .inner { height: 216px; object-fit: cover; }
	.banner-content h1 { font-size: 38px; }
	.banner-content p, .title-small { font-size: 17px; }
	.banner-content { top: 20px; left: 15px; }
	.banner-content h1 { margin-bottom: 8px; }
	.contact-box { margin-bottom: 20px; min-height: auto; }
	.footer-panel, .footer-panel.footer-solutions { padding-bottom: 10px; }
	.footer-title { padding-bottom: 6px; }
	.figure-panel img { height: auto; }
	.about-description { padding-bottom: 20px; }
	.title-medium { padding-bottom: 12px; }
	.solutions.content-panel { padding: 30px 0 25px 0; }
	.form-inner-container { width: 100%; }
	.why-us-xs-bg { background: #eef0fd; }
	.home-welcome-container .box-panel { margin-bottom: 15px; }
	.layout-left-content, .why-us.content-panel { padding: 30px 0px 30px 0 }
	.layout-description ul { float: left; }
	.why-us h3 { text-align: center; }
	.layout-description li { font-size: 15px; }
	.form-horizontal .control-label { font-size: 14px; }
	br { display: none; }
	.form-horizontal .control-label { line-height: 40px; }
	.form-wrapper .form-group.btn-group { padding-top: 0; margin-top: 20px; }
	.form-wrapper .form-group, .sercices-required .checkbox { margin-bottom: 15px; }
	.sercices-required .control-label { line-height: 25px; }
	.sercices-required .checkbox { margin-bottom: 8px; }
	.loginmodal-container, .modal-dialog { width: 300px; max-width: 300px; }
	button.close { right: -12px; font-size: 28px; height: 30px; width: 30px; }
	.loginmodal-container .loginmodal-submit { padding: 8px 0px; }
	.form-panel { padding: 30px 0; }
	.text-right.initial { text-align: left; margin-top: 25px; }
	.special-project .title-medium { font-size: 22px; }
	.special-project.content-panel { padding: 30px 0; }
	.solution-banner { margin-bottom: 25px; }
	figure.who-we-are-figure img { margin: 0 auto; }
	input.stv-radio-tab~label { padding: 6px; }
	.cotact-order-info .form-wrapper .form-group { margin-bottom: 15px; }
	.form-horizontal .form-panel .control-label { margin-bottom: 6px; }
	.form-panel.terms-conditions { padding: 30px 10px; }
	label#initial-error { padding-left: 15px; left: 0; }
	label#select_services-error { right: 0; left: 20%; bottom: 50px; }
	.terms-conditions .form-control { margin-left: 0 }
	.sercices-required .checkbox-title { margin-bottom: 15px; }
	 .form-panel.terms-conditions { padding: 15px 10px; }
	 .service-item ul li { width: 100%; } 
	 .stv-checkbox-wrapper { margin-bottom: 8px; }
	.stv-radio-tabs-wrapper label:nth-child(2), .stv-checkbox-wrapper label:nth-child(2), .stv-radio-tabs-wrapper label:last-child, .stv-checkbox-wrapper label:last-child { border-radius: 0 }
}
@media screen and (max-width:640px) {
	.main-banner .slick-dots { bottom: 15px; }
	.inner-container { width: 100%; }
	.header-top { }
	.banner-content h1 { font-size: 32px; }
	.call-to-action ul li { width: 100%; padding-bottom: 15px; }
	.call-to-action { padding: 15px 0; }
	.new-user-register { margin-bottom: 5px; }
	h1.logo-title { font-size: 18px; line-height: 36px; }
	.header-bottom { padding: 10px 0 6px 0; }
	.logo img { width: 44px; height: 38px; }
	.button { top: 9px; }
	label#select_services-error { left: auto;right: 0; }
	#cssmenu ul { top: 45px; }
	.form-inner-container label { font-size: 13px; line-height: 30px; }
	.header-contact ul li.mail { display: none; }
	.loginmodal-container, .modal-dialog { width: 280px; max-width: 280px; }
	.stv-checkbox-wrapper label { margin-bottom: 10px; }
}
@media screen and (max-width:480px) {
	.banner-content h1 { font-size: 28px; margin-bottom: 10px; }
	.banner-content p { font-size: 16px; }
	h1.logo-title { font-size: 16px; }
	.header-bottom { padding: 8px 0; }
	#cssmenu #head-mobile { padding: 23px 0 12px 0; }
	.button { top: 8px; }
	#cssmenu ul { top: 40px; }
	label#select_services-error { bottom: 100px; left: auto; }
}
@media screen and (max-width:440px) {
	.form-horizontal .control-label { line-height: 20px; }
	.terms-conditions .form-control { margin-top: 15px; width: 100%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.contact-icon, .contact-details { width: 100%; display: block; text-align: center; }
	.contact-icon { padding-bottom: 6px; }
	.contact-box { padding: 12px; min-height: 165px; }
}
@media screen and (min-width:992px) and (max-width:1100px) {
	.contact-box { padding: 15px 10px; }
	#cssmenu ul { display: block !important; }
}
@media screen and (min-width:992px) and (max-width:1199px) {
	.contact-box { padding: 20px 10px; min-height: 140px; }
	.home-welcome-container .box-panel { min-height: 250px; }
	.single-member:hover .team-content { padding: 20px; }
	.home-welcome-container .box-panel .btn { padding: 0 12px; position: absolute; bottom: 20px; right: 0; margin: 0 auto; width: 83%; left: 0; }
}


.disabled{

}

a:disabled,
a[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #999;
  pointer-events: none;
}