/* CSS Document */
@font-face {
    font-family: Microsoft-JhengHei;
    src: url(../fonts/Microsoft-JhengHei.ttf);
}
@font-face {
    font-family: Tw-Cen-MT-Condensed-Bold;
    src: url(../fonts/Tw-Cen-MT-Condensed-Bold.ttf);
}
@font-face {
    font-family: Tw-Cen-MT-Condensed;
    src: url(../fonts/TCCM.ttf);
}
.msJhen {font-family: Microsoft-JhengHei;}
.twCen {font-family: Tw-Cen-MT-Condensed-Bold;}
.tccm {font-family: Tw-Cen-MT-Condensed;}

html, body {font-family: Helvetica,Arial,sans-serif;   font-size: 16px; color: #111b2a; font-weight: 200;}
* {padding: 0; margin: 0;}
a, a:hover, a:active, a:focus {outline: none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Noto Serif', serif;}
button.btn, a.btn {cursor: pointer !important;}
.header-section {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #FFF;
    border-top: 2px solid #97c627;
}
.top-icons {background:#97c627; padding-top: 3px; padding-bottom: 3px; font-family: 'Quicksand', sans-serif;}
.top-icons .btn, .top-icons a, .top-icons em {font-family: 'Quicksand', sans-serif; color: #FFFFFF;}
.header-section .logo { text-align: left;}
.header-section .logo img { max-height: 150px;}
.header-section h1 {color: #02254a;}
.header-section p {font-size: 20px; font-family: 'Quicksand', sans-serif;}
 .navbar-dark.bg-success {background: #02254a!important;}
 .navbar-dark .navbar-nav .nav-link {
    color: #FFF !important;
	font-size: 14px;
}
.nav-item.dropdown .dropdown-menu .nav-link {
    /* color: #02254a !important; */
    color: #e7ebef !important;
}
.navbar-expand-lg .navbar-nav .nav-item.dropdown .dropdown-menu .nav-link {
    /*padding: 10px;*/
	border-bottom: 1px solid #f1f1f1;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link:hover {
    color: #c4e850 !important;
}

.slider {margin-top: 0px; position:relative; border-bottom: 2px solid #989898;}
.slider .carousel-inner .carousel-item {max-height: 420px; overflow: hidden; 
margin-top: 0px;
}
.slider .carousel-caption, .slider .slider-inner h3 {border-radius: 10px; font-family: 'Noto Serif', serif; background: rgba(2, 37, 74, 0.7); margin:0;  color: #FFF;}

.slider .slider-inner {    min-height: 150px;
    background: #ebe8f1 url(../images/inner-banner.jpg) bottom center no-repeat;
    background-size: cover;
	}
.slider .slider-inner h4 {display: inline-block; padding: 10px 20px; margin: auto; margin-top: 45px; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); background: rgba(255,255,255,0.4); color: #02254a;}

.welcome-content {background: #fcfcfc; padding: 10px;}
.welcome-content h3 { font-size: 26px; color: #0f1827; font-weight: 300; margin: 0px 0 20px 0;}
.welcome-content h4 { font-size: 18px; color: #109400; margin-top: 20px;}
/*.welcome-content p i { font-size: 14px; color: green; margin-right: 10px;}
.welcome-content h4 i {     font-size: 18px;
    color: #f6a704;
    margin-right: 10px;
    padding: 10px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: 0px 2px 2px 1px #ccc;}
.welcome-content h4:hover i {
    color: #FFF;
    background: #f6a704;
}
*/
.welcome-content ul { margin-left: 30px;}
.welcome-content ul li{ margin: 10px;}
.welcome-content .text-success {
    color: #009900!important;
}

.welcome-content .card p.card-text {font-size: 14px;
	max-height: 100px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.welcome-content .card .card-body-text {font-size: 14px;}
.welcome-content .card .card-image {max-height: 150px; overflow: hidden; min-height: 150px;}
.welcome-content .card {margin-bottom: 25px;}
.welcome-content .card .collapse a img.img-fluid {min-height: 50px; max-height: 50px; margin-bottom: 20px;}
.welcome-content .card .card-header h4 .badge {font-family: 'Montserrat', sans-serif !important; font-weight: 400; }

.faq-content p {padding: 0 10px;}
.faq-content h4 {
    background: #fff;
    border: 1px solid #d6dfe0;
    border-radius: 4px;
    border-bottom-style: dashed;
	padding: 10px;
	margin-top: 0;
}

.feature-blocks {border: 1px solid #aec0c4; border-radius: 3px; background: #FFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); padding: 10px; text-align: center; margin-bottom: 20px;}
.feature-blocks h4 {margin-top: 10px; font-weight: 400; font-size: 20px; text-transform: uppercase;}
.feature-blocks a {text-decoration: none;}
.feature-blocks a:hover {opacity: 0.5;}
.feature-blocks .color1 {color: #e21b1b;}
.feature-blocks .color2 {color: #207700;}
.feature-blocks .color3 {color: #0066cc;}
.feature-blocks .color4 {color: #f13a3c;}

.solutions-section {background: #FFF; color: #0f1827; padding: 40px 0;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2); border: 1px solid #aec0c4; border-left: 0; border-right: 0;}
.solutions-section h3 {padding-bottom: 10px; margin-top: 0px; font-size: 18px; font-weight: 500; color: #a4262d; text-align:left;}
.solutions-section h4 {font-size: 22px; font-weight: normal;}


.client-section { padding: 20px 0; }
.client-section h3 { color: #005e78; padding-top: 10px; padding-bottom: 20px; text-transform: uppercase; font-size: 32px; font-weight: normal;}

.learnmore-section {background: #17202d; color: #FFF; padding: 30px 0; border-bottom: 1px solid #eee; font-weight: 300;}
.learnmore-section h3 {padding-bottom: 20px; font-size: 30px; font-weight: 300; text-transform: uppercase; }
.learnmore-section h3 span {color: #61b02e;}
.learnmore-section .media-body {font-weight: 300;}
.learnmore-section .bulb-bg { color: #f3a51b; padding-left: 0px; background: url(../images/bulb.png) top left no-repeat; min-height: 60px; padding-left: 60px;}
.learnmore-section .bulb-bg h4{ font-size: 30px; font-weight: 300; margin-bottom: 20px;}
.learnmore-btn {background: #005e78; border-radius: 30px; color:#FFF; padding: 12px 48px; }
.learnmore-btn:hover {color: #005e78;background:#FFF;text-decoration: none;}

.footer-section {background: #ccc; color: #17202d; padding: 30px 0;font-size: 14px; font-weight: 600; font-family: 'Quicksand', sans-serif;
}
.footer-section h4 { text-transform: uppercase;  font-weight: normal; padding-bottom: 10px; display: inline-block;}
.footer-section li { display: block; list-style: none; padding: 3px;}
.footer-section a { color: #17a2b8;}
.footer-section p { line-height: 24px;}

.copyrights-section {    background: #373b42;
    color: #f2f2f2;
    padding: 5px 0;
    font-size: 12px;
}
.copyrights-section p {margin: 0;}
.copyrights-section a {color: #ccc; padding: 0 5px;}

/*Bootstrap styles*/
.modalBg .modal-title { color: white;
}
.modalBg .modal-content {border-radius: 9px; }
.modalBg .modal-header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005486+0,00a788+30,b1dd00+60,e89600+100 */
background: rgb(0,84,134); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,84,134,1) 0%, rgba(0,167,136,1) 30%, rgba(177,221,0,1) 60%, rgba(232,150,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,84,134,1) 0%,rgba(0,167,136,1) 30%,rgba(177,221,0,1) 60%,rgba(232,150,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,84,134,1) 0%,rgba(0,167,136,1) 30%,rgba(177,221,0,1) 60%,rgba(232,150,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005486', endColorstr='#e89600',GradientType=1 ); /* IE6-9 */
}

/* Alert Notice */
.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}


/*Common styles*/
.cursor-link {cursor: pointer !important;}
.inline-block {display: inline-block}
.block {display: block}
.hidden {display: none}
.error {color: red;}
span.error {font-size: 90%;}
.error .form-control {border: 1px solid red;}
.font-open {font-family: 'Open Sans', sans-serif;}
.brandcolor {color: #f3a51b;}
.orange {color: #FF5021;}
.brandcolor1 {color: #004960;}
.brandcolorBg {background-color: #1e9bbb;} 
.brandcolorLightBg {background-color: #33bee2;}
.brandcolor1Bg {background-color: #004960;}
.underline {text-decoration: underline;}
.no-underline {text-decoration: none;}
a.no-underline {text-decoration: none;}
a.underline {text-decoration: underline;}
a.underline:hover {text-decoration: none;}
a.brandcolor1 {color: #004960;}
.max-width-800 {max-width: 800px;}
.max-width-700 {max-width: 700px;}
.max-width-600 {max-width: 600px;}
.max-width-530 {max-width: 530px;}
.max-width-500 {max-width: 500px;}
.max-width-400 {max-width: 400px;}
.max-width-300 {max-width: 300px;}
.max-width-200 {max-width: 200px;}
.max-width-100 {max-width: 100px;}
.max-width-80 {max-width: 80px;}
.max-width-70 {max-width: 70px;}
.max-width-60 {max-width: 60px;}
.max-width-50 {max-width: 50px;}
.max-width-40 {max-width: 40px;}
.max-width-30 {max-width: 30px;}
.max-width-20 {max-width: 20px;}
.max-width-10 {max-width: 10px;}
.max-width-5 {max-width: 5px;}
.min-width-800 {min-width: 800px;}
.min-width-700 {min-width: 700px;}
.min-width-600 {min-width: 600px;}
.min-width-530 {min-width: 530px;}
.min-width-500 {min-width: 500px;}
.min-width-400 {min-width: 400px;}
.min-width-300 {min-width: 300px;}
.min-width-200 {min-width: 200px;}
.min-width-150 {min-width: 150px;}
.min-width-120 {min-width: 120px;}
.min-width-100 {min-width: 100px;}
.min-width-80 {min-width: 80px;}
.min-width-60 {min-width: 60px;}
.min-width-50 {min-width: 50px;}
.min-width-40 {min-width: 40px;}
.min-width-30 {min-width: 30px;}
.min-width-20 {min-width: 20px;}
.min-width-10 {min-width: 10px;}
.min-width-5 {min-width: 5px;}

.max-height-800 {max-height: 800px;}
.max-height-700 {max-height: 700px;}
.max-height-600 {max-height: 600px;}
.max-height-530 {max-height: 530px;}
.max-height-500 {max-height: 500px;}
.max-height-400 {max-height: 400px;}
.max-height-300 {max-height: 300px;}
.max-height-200 {max-height: 200px;}
.max-height-150 {max-height: 150px;}
.max-height-120 {max-height: 120px;}
.max-height-100 {max-height: 100px;}
.max-height-80 {max-height: 80px;}
.max-height-70 {max-height: 70px;}
.max-height-60 {max-height: 60px;}
.max-height-50 {max-height: 50px;}
.max-height-40 {max-height: 40px;}
.max-height-30 {max-height: 30px;}
.max-height-20 {max-height: 20px;}
.max-height-10 {max-height: 10px;}
.max-height-5 {max-height: 5px;}
.min-height-50 {min-height: 50px;}
.min-height-100 {min-height: 100px;}
.min-height-150 {min-height: 150px;}
.min-height-200 {min-height: 200px;}
.min-height-300 {min-height: 300px;}
.min-height-400 {min-height: 400px;}
.min-height-500 {min-height: 500px;}
.min-height-600 {min-height: 600px;}
.min-height-700 {min-height: 700px;}
.width-25 {width: 25%;}
.width-35 {width: 35%;}
.width-50 {width: 50%;}
.width-60 {width: 60%;}
.width-70 {width: 70%;}
.width-80 {width: 80%;}
.width-90 {width: 90%;}
.center {margin:auto}
.middle {vertical-align: middle;}
.gray-circle {border-radius: 100%; padding:10px; max-height: 100px; max-width: 100px; min-height: 100px; min-width: 100px; background: #a7a7a7;}
.white-circle {border-radius: 100%; padding:10px; max-height: 100px; max-width: 100px; min-height: 100px; min-width: 100px; background: #FFF;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.em {font-style: italic;}
.white {color: #FFF;}
.lightGreen {color: #88ab46;}
.green {color: green;}
.veryLightgray {color: #CCC;}
.lightgray {color: #999;}
.gray {color: #666;}
.pink {color: #ff00cc;}
.transparentBg {background-color: transparent;}
.whiteBg {background: #fff;}
.whiteBg-50 {background: rgba(255,255,255,0.5);}
.blackBg {background: #000;}
.blackBg-50 {background: rgba(0,0,0,0.5);}
.lightBg {background: #f9f9f9;}
.veryLightBg {background: #fafafa;}
.lightGrayBg {background: #eff0f1;}
.light-border {border: 1px solid #ededed;}
.white-border-bottom {border-bottom: 1px solid #fff;}
.white-border-top {border-top: 1px solid #fff;}
.light-border-bottom {border-bottom: 1px solid #ededed;}
.light-border-top {border-top: 1px solid #ededed;}
.light-border-top-bottom {border-bottom: 1px solid #ededed;border-top: 1px solid #ededed;}
.gray-border {border: 1px solid #ccc;}
.gray-border-left {border-left: 1px solid #ccc;}
.gray-border-top {border-top: 1px solid #ccc;}
.gray-border-top-bottom {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.border-top-bottom-dotted {border-top: 1px dotted #ededed;border-bottom: 1px dotted #ededed;}
.no-border {border: 1px solid transparent}
.no-border:focus {border: 1px solid #1e9bbb;}
.margin-bottom-minus-10 {margin-bottom: -10px;}
.margin-bottom-minus-15 {margin-bottom: -15px;}
.margin-bottom-minus-20 {margin-bottom: -20px;}
.margin-bottom-minus-25 {margin-bottom: -25px;}
.margin-bottom-minus-30 {margin-bottom: -30px;}
.margin-bottom-minus-40 {margin-bottom: -40px;}
.margin-bottom-minus-50 {margin-bottom: -50px;}
.margin-bottom-minus-75 {margin-bottom: -75px;}
.margin-bottom-minus-100 {margin-bottom: -100px;}
.margin-bottom-minus-150 {margin-bottom: -150px;}
.margin-top-minus-10 {margin-top: -10px;}
.margin-top-minus-15 {margin-top: -15px;}
.margin-top-minus-20 {margin-top: -20px;}
.margin-top-minus-25 {margin-top: -25px;}
.margin-top-minus-30 {margin-top: -30px;}
.margin-top-minus-40 {margin-top: -40px;}
.margin-top-minus-50 {margin-top: -50px;}
.margin-top-minus-75 {margin-top: -75px;}
.margin-top-minus-100 {margin-top: -100px;}
.margin-top-minus-150 {margin-top: -150px;}

.right-0 {right: 0;}
.right-5 {right: 5px;}
.right-10 {right: 10px;}
.right-20 {right: 20px;}
.right-30 {right: 30px;}
.right-40 {right: 40px;}
.right-50 {right: 50px;}
.right-60 {right: 60px;}
.right-70 {right: 70px;}
.right-80 {right: 80px;}
.right-90 {right: 90px;}
.right-100 {right: 100px;}
.right-150 {right: 150px;}
.right-200 {right: 200px;}
.right-300 {right: 300px;}
.right-400 {right: 400px;}
.right-500 {right: 500px;}
.left-0 {left: 0;}
.left-5 {left: 5px;}
.left-10 {left: 10px;}
.left-20 {left: 20px;}
.left-30 {left: 30px;}
.left-40 {left: 40px;}
.left-50 {left: 50px;}
.left-60 {left: 60px;}
.left-70 {left: 70px;}
.left-80 {left: 80px;}
.left-90 {left: 90px;}
.left-100 {left: 100px;}
.left-150 {left: 150px;}
.left-200 {left: 200px;}
.left-300 {left: 300px;}
.left-400 {left: 400px;}
.left-500 {left: 500px;}
.opacity-0 {opacity: 0;}
.opacity-10 {opacity: 0.1;}
.opacity-20 {opacity: 0.2;}
.opacity-30 {opacity: 0.3;}
.opacity-40 {opacity: 0.4;}
.opacity-50 {opacity: 0.5;}
.opacity-60 {opacity: 0.6;}
.opacity-70 {opacity: 0.7;}
.opacity-80 {opacity: 0.8;}
.opacity-90 {opacity: 0.9;}
.opacity-100 {opacity: 1;}

.relative {position: relative;}
.absolute {position: absolute;}
.font-size-400 {font-size: 400%;}.font-size-350 {font-size: 350%;}.font-size-300 {font-size: 300%;}.font-size-250 {font-size: 250%;} .font-size-220 {font-size: 220%;} .font-size-200 {font-size: 200%;} .font-size-180 {font-size: 180%;} .font-size-150 {font-size: 150%;} .font-size-140 {font-size: 140%;} .font-size-130 {font-size: 130%;} .font-size-125 {font-size: 125%;} .font-size-120 {font-size: 120%;} .font-size-110 {font-size: 110%;} .font-size-95 {font-size: 95%;} .font-size-90 {font-size: 90%;} .font-size-85 {font-size: 85%;} .font-size-80 {font-size: 80%;} .font-size-75 {font-size: 75%;} .font-size-70 {font-size: 70%;} .font-size-60 {font-size: 60%;} .font-size-50 {font-size: 50%;}
.padding-0{padding: 0px;} .padding-5{padding: 5px;} .padding-10{padding: 10px;} .padding-15{padding: 15px;} .padding-20{padding: 20px;} .padding-25{padding: 25px;} .padding-35{padding: 35px;} .padding-50{padding: 50px;} .padding-75{padding: 75px;}
.padding-top-0{padding-top: 0px;} .padding-top-5{padding-top: 5px;} .padding-top-10{padding-top: 10px;} .padding-top-15{padding-top: 15px;} .padding-top-20{padding-top: 20px;} .padding-top-25{padding-top: 25px;} .padding-top-35{padding-top: 35px;} .padding-top-50{padding-top: 50px;} .padding-top-60{padding-top: 60px;} .padding-top-75{padding-top: 75px;} .padding-right-0{padding-right: 0px;}
.padding-right-5{padding-right: 5px;} .padding-right-10{padding-right: 10px;} .padding-right-15{padding-right: 15px;} .padding-right-20{padding-right: 20px;} .padding-right-25{padding-right: 25px;} .padding-right-35{padding-right: 35px;} .padding-right-50{padding-right: 50px;} .padding-right-75{padding-right: 75px;} .padding-bottom-0{padding-bottom: 0px;}.padding-bottom-5{padding-bottom: 5px;} .padding-bottom-10{padding-bottom: 10px;} .padding-bottom-15{padding-bottom: 15px;} .padding-bottom-20{padding-bottom: 20px;} .padding-bottom-25{padding-bottom: 25px;} .padding-bottom-35{padding-bottom: 35px;} .padding-bottom-50{padding-bottom: 50px;} .padding-bottom-75{padding-bottom: 75px;} .padding-left-0{padding-left: 0px;} .padding-left-5{padding-left: 5px;} .padding-left-10{padding-left: 10px;} .padding-left-15{padding-left: 15px;} .padding-left-20{padding-left: 20px;} .padding-left-25{padding-left: 25px;} .padding-left-35{padding-left: 35px;} .padding-left-50{padding-left: 50px;} .padding-left-75{padding-left: 75px;}
.padding-top-bottom-0 {padding-top: 0px; padding-bottom: 0px;}
.padding-top-bottom-5 {padding-top: 5px; padding-bottom: 5px;}
.padding-top-bottom-10 {padding-top: 10px; padding-bottom: 10px;}
.padding-top-bottom-15 {padding-top: 15px; padding-bottom: 15px;}
.padding-top-bottom-20 {padding-top: 20px; padding-bottom: 20px;}
.padding-top-bottom-25 {padding-top: 25px; padding-bottom: 25px;}
.padding-top-bottom-30 {padding-top: 30px; padding-bottom: 30px;}
.padding-top-bottom-40 {padding-top: 40px; padding-bottom: 40px;}
.padding-top-bottom-50 {padding-top: 50px; padding-bottom: 50px;}
.padding-top-bottom-100 {padding-top: 100px; padding-bottom: 100px;}
.padding-left-right-0 {padding-left: 0px; padding-right: 0px;}
.padding-left-right-5 {padding-left: 5px; padding-right: 5px;}
.padding-left-right-10 {padding-left: 10px; padding-right: 10px;}
.padding-left-right-15 {padding-left: 15px; padding-right: 15px;}
.padding-left-right-20 {padding-left: 20px; padding-right: 20px;}
.padding-left-right-25 {padding-left: 25px; padding-right: 25px;}
.padding-left-right-30 {padding-left: 30px; padding-right: 30px;}
.padding-left-right-40 {padding-left: 40px; padding-right: 40px;}
.padding-left-right-50 {padding-left: 50px; padding-right: 50px;}
.padding-left-right-100 {padding-left: 100px; padding-right: 100px;}
.margin-0{margin: 0px;} .margin-5{margin: 5px;} .margin-10{margin: 10px;} .margin-15{margin: 15px;} .margin-20{margin: 20px;} .margin-25{margin: 25px;} .margin-35{margin: 35px;} .margin-50{margin: 50px;} .margin-75{margin: 75px;} 
.margin-top-0{margin-top: 0px;} .margin-top-5{margin-top: 5px;} .margin-top-10{margin-top: 10px;} .margin-top-15{margin-top: 15px;} .margin-top-20{margin-top: 20px;} .margin-top-25{margin-top: 25px;} .margin-top-35{margin-top: 35px;} .margin-top-50{margin-top: 50px;} .margin-top-75{margin-top: 75px;}
.margin-right-0{margin-right: 0px;} .margin-right-5{margin-right: 5px;} .margin-right-10{margin-right: 10px;} .margin-right-15{margin-right: 15px;} .margin-right-20{margin-right: 20px;} .margin-right-25{margin-right: 25px;} .margin-right-35{margin-right: 35px;} .margin-right-50{margin-right: 50px;} .margin-right-75{margin-right: 75px;} 
.margin-bottom-0{margin-bottom: 0px;} .margin-bottom-5{margin-bottom: 5px;} .margin-bottom-10{margin-bottom: 10px;} .margin-bottom-15{margin-bottom: 15px;} .margin-bottom-20{margin-bottom: 20px;} .margin-bottom-25{margin-bottom: 25px;} .margin-bottom-35{margin-bottom: 35px;} .margin-bottom-50{margin-bottom: 50px;} .margin-bottom-75{margin-bottom: 75px;}
.margin-left-0{margin-left: 0px;} .margin-left-5{margin-left: 5px;} .margin-left-10{margin-left: 10px;} .margin-left-15{margin-left: 15px;} .margin-left-20{margin-left: 20px;} .margin-left-25{margin-left: 25px;} .margin-left-35{margin-left: 35px;} .margin-left-50{margin-left: 50px;} .margin-left-75{margin-left: 75px;} 
.margin-top-bottom-0 {margin-top: 0px; margin-bottom: 0px;}
.margin-top-bottom-5 {margin-top: 5px; margin-bottom: 5px;}
.margin-top-bottom-10 {margin-top: 10px; margin-bottom: 10px;}
.margin-top-bottom-15 {margin-top: 15px; margin-bottom: 15px;}
.margin-top-bottom-20 {margin-top: 20px; margin-bottom: 20px;}
.margin-top-bottom-25 {margin-top: 25px; margin-bottom: 25px;}
.margin-top-bottom-30 {margin-top: 30px; margin-bottom: 30px;}
.margin-top-bottom-40 {margin-top: 40px; margin-bottom: 40px;}
.margin-top-bottom-50 {margin-top: 50px; margin-bottom: 50px;}
.margin-top-bottom-100 {margin-top: 100px; margin-bottom: 100px;}
.margin-left-right-0 {margin-top: 0px; margin-bottom: 0px;}
.margin-left-right-5 {margin-left: 5px; margin-right: 5px;}
.margin-left-right-10 {margin-left: 10px; margin-right: 10px;}
.margin-left-right-15 {margin-left: 15px; margin-right: 15px;}
.margin-left-right-20 {margin-left: 20px; margin-right: 20px;}
.margin-left-right-25 {margin-left: 25px; margin-right: 25px;}
.margin-left-right-30 {margin-left: 30px; margin-right: 30px;}
.margin-left-right-40 {margin-left: 40px; margin-right: 40px;}
.margin-left-right-50 {margin-left: 50px; margin-right: 50px;}
.margin-left-right-100 {margin-left: 100px; margin-right: 100px;}
.line-height-120 {line-height: 120%;} .line-height-150 {line-height: 150%;} .line-height-180 {line-height: 180%;} .line-height-200 {line-height: 200%;} .line-height-250 {line-height: 250%;} .line-height-300 {line-height: 300%;} 


/*media queries styles*/
@media (min-width: 1025px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 3px 10px;
}
}
@media (min-width: 1200px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 3px 20px;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    min-width: 220px;
    background: #02254a!important;
}
.solutions-section .card-body {min-height: 180px;}
.solutions-section .card-body .card-text {padding-top: 10px; max-height: 60px; overflow: hidden;}
.solutions-section .card-body .card-title {vertical-align: middle;}
.solutions-section .card-body .card-image {overflow: hidden;}
}

@media (min-width: 992px) and (max-width: 1023px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
}
}
@media screen and (max-width: 1024px) {
.header-section h1 {font-size: 32px;}
.header-section p {font-size: 16px;}
}
@media screen and (max-width: 768px) {
.header-section .logo {
    margin-top: 0px;
}
.header-section h1 {font-size: 24px;}
.header-section p {font-size: 14px;}

}
@media screen and (max-width: 991px) {
.sticky-top {
    position: static !important;
}
.header-section h2 {font-size: 22px;}
.header-section p {
    font-size: 14px;
}
}

.navbar
{
    margin-bottom: 0px;
    
}