.text-xs {
    font-size: 0.889em;
}

.text-md {
    font-size: 1.149em;
}

.text-lg {
    font-size: 1.320em;
}

.text-xl {
    font-size: 1.515em;
}

.text-xxl {
    font-size: 1.741em;
}

@media (min-width: 768px) {
    .ife {
        display: block;
    }
}

@media (min-width: 992px) {
    .ife {
        display: inline;
    }
}

.light-blue { background-color: #2B82C9; }
.phone { color: #2B82C9; font-size: 18px; font-weight: nonrmal; padding-left: 15px; padding-right: 10px; font-weight: 700; }
.header2 #preheader { border-top-color: #444; border-top: 9px solid #444 !important; }
#preheader.style1 { border-bottom: 0 none!important; height: 27px; }
#header .logo { padding: 0 0 15px 0; }
#main-nav li a { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: bolder; }
#main-header .menu a { padding: 0; }
#main-nav li a::before { background: none; content: ""; height: 0; }
.top-links a { font-size: 13px; color: #444444; padding: 0 15px; }
.top-links { margin-bottom: 15px; }
.button.style2.medium { padding: 8px 20px !important; border-radius: 30px !important; }
.bg-red { background-color: #C3232A !important; }
#main-footer { background: #444; }
#footer a { font-size: 13px; }
#footer .small { }
#footer .phone { font-size: 25px; font-weight: normal; color: white; padding-left: 0; }
#footer .iconic-list li + li { margin-top: -3px; }
#footer .widget a { font-weight: 400; }
.copyright, .copyright a { color: #999999; }
#footer.alternative #lower-footer { padding: 27px 0; background-color: #000; }
#main-footer { padding: 20px 0; }
.bottom-links a { font-size: 13px; padding: 0 5px; }
.bottom-links { margin: 30px 0; }
#footer i { color: #69B0E7; }
#footer.alternative .sidebar_widget > h5 { font-size: 20px; margin: 0; padding: 0; line-height: 20px; }
.page-layout .small { font-size: 14px; line-height: 20px; font-style: italic; color: #1F1F1F; }
.bg-alt-blue { background-color: #69B0E8; }
#splendid-main-container .main-content { padding-bottom: 100px; padding-top: 50px; }
.content-with-sidebar .sidebar { padding-top: 50px; }
.well { background: #fff none repeat scroll 0 0; border: 4px solid #dce3ef; padding: 30px; position: relative; transition: all 0.3s ease 0s; }
.blue { color: #2B80C9; }
.ltblue { color: #50C3E6; }
.tri-box { text-align: center; font-size: 15px; line-height: 21px; padding-top: 100px; height: 350px;  
}
.parallax-bg h1 { font-weight: 700; text-shadow: 2px 2px 0 #000;}
.page-heading.style-image h1 {
  font-weight: 900; text-shadow: 2px 2px 0 #000;
}
.bolder { font-weight: 700; }
.content-box.style2 {
  margin: 60px 0;

}
h3 { font-weight: 700; }
h2 span, h3 span { color: #2B81C9; }
.tri-box .button { margin: 0 auto; }
.tri-box .button.bg-dark-gray { background-color: #444444; }
.tri-box h2 { margin-top: 50px; font-size: 34px; margin-bottom:4px;  }
.tri-box p { padding: 0 15px; max-width: 315px; margin: 0 auto 20px auto;  }
.testimonial p.black {color:#1f1f1f;font: 400 16px/1.875 "Raleway",Helvetica,Arial,sans-serif; font-style:italic;}

 

.b1 { background: url(/img/inxsql/1.jpg) no-repeat center center;   -webkit-background-size: contain;  -moz-background-size: contain;  -o-background-size: contain;  background-size: contain;}
.b2 { background: url(/img/inxsql/2.jpg) no-repeat center center;  -webkit-background-size: contain;  -moz-background-size: contain;  -o-background-size: contain;  background-size: contain; }
.b3 { background: url(/img/inxsql/3.jpg) no-repeat center center;   -webkit-background-size: contain;  -moz-background-size: contain;  -o-background-size: contain;  background-size: contain; }
.tac { text-align: center; }
.tar { text-align: right; }
#social { margin: 20px 10px; text-align: center; }
.smGlobalBtn { /* global button class */ display: inline-block; position: relative; cursor: pointer; width: 50px; height: 50px; padding: 0px; text-decoration: none; text-align: center; color: #fff; font-size: 25px!important; font-weight: normal; line-height: 2em; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
/* facebook button class*/
.facebookBtn { background: #4060A5; }
.facebookBtn:before { /* use :before to add the relevant icons */ font-family: "FontAwesome"; content: "\f09a"; /* add facebook icon */ }
.facebookBtn:hover { color: #4060A5; background: #fff; }
/* twitter button class*/
.twitterBtn { background: #00ABE3; }
.twitterBtn:before { font-family: "FontAwesome"; content: "\f099"; /* add twitter icon */ }
.twitterBtn:hover { color: #00ABE3; background: #fff; }
/* google plus button class*/
.googleplusBtn { background: #e64522; }
.googleplusBtn:before { font-family: "FontAwesome"; content: "\f0d5"; /* add googleplus icon */ }
.googleplusBtn:hover { color: #e64522; background: #fff; }
/* linkedin button class*/
.linkedinBtn { background: #0094BC; }
.linkedinBtn:before { font-family: "FontAwesome"; content: "\f0e1"; /* add linkedin icon */ }
.linkedinBtn:hover { color: #0094BC; background: #fff; }
/* pinterest button class*/
.pinterestBtn { background: #cb2027; }
.pinterestBtn:before { font-family: "FontAwesome"; content: "\f0d2"; /* add pinterest icon */ }
.pinterestBtn:hover { color: #cb2027; background: #fff; }
/* tumblr button class*/
.tumblrBtn { background: #3a5876; }
.tumblrBtn:before { font-family: "FontAwesome"; content: "\f173"; /* add tumblr icon */ }
.tumblrBtn:hover { color: #3a5876; background: #fff; }
/* rss button class*/
.rssBtn { background: #e88845; }
.rssBtn:before { font-family: "FontAwesome"; content: "\f09e"; /* add rss icon */ }
.rssBtn:hover { color: #e88845; background: #fff; }
.tools { background: #E7E7E7; }
.tools i { color: #222222; }
.tools .content-box p { font-size: 14px; line-height: 16px; }
.author .meta, .author .pull-left a { font-size: 18px; color: #fff; }
.author .pull-left { margin-top: 20px; }
.author .pull-left a { font-size: 18px; color: #fff; border-bottom: 1px solid white; margin-left: 24px; }
.author .name { font-size: 20px; color: #4DD2FF; }
.testimonials-slider .flex-direction-nav a:before { content: none; }
.testimonials-slider .flex-direction-nav .flex-prev { background: none; }
.testimonials-slider .flex-direction-nav .flex-next { background: none; }
.testimonials-slider:before { content: ''; position: relative; top: unset; left: unset; margin-left: unset; width: unset; height: unset; border-radius: unset; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none; }
.testimonials-slider.style5:before { content: none; }
.testimonials-slider .testimonial-content { background: none; border: none; padding: 0; }
.testimonials-slider .testimonial-content:after, .testimonials-slider .testimonial-content:before { content: none; }
.testimonials-slider .testimonial-content, .testimonials-slider .testimonial-author { -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
.testimonials-slider.style5 .testimonial-content p { font-family: 'Raleway', 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 36px; color: #666666; }
#sideheader #main-nav.color-dark-gray li a, #header #main-nav.color-dark-gray li a, #header.just-fixed-header #main-header.sticky-color-dark #main-nav li a, #header.fixed-header #main-header.sticky-color-dark #main-nav li a, #sideheader #main-nav.active-color-dark-gray li:hover > a, #header #main-nav.active-color-dark-gray li:hover > a, #sideheader #main-nav.active-color-dark-gray li.current-menu-item > a, #header #main-nav.active-color-dark-gray li.current-menu-item > a, #sideheader #main-nav.active-color-dark-gray li.current-menu-ancestor > a, #header #main-nav.active-color-dark-gray li.current-menu-ancestor > a { color: #333333; }
#main-nav.color-dark-gray li:hover > a { color: #C3232A!important; opacity: 1!important; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#main-nav li:hover>a:before, #main-nav li.current-menu-item>a:before, #main-nav li.current-menu-ancestor>a:before, #main-nav ul ul li.current-menu-item>a:before, #main-nav ul ul li.current-menu-ancestor>a:before { width: 100%; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transition-delay: .5s, 0s; -webkit-transition-delay: .5s, 0s; -moz-transition-delay: .5s, 0s; }
.testimonial-content-alt p { color: #1f1f1f; }
.testimonial .style-4 p { line-height: 28px; font-size: 18px; font-weight: 300!important; color: #1f1f1f; text-align: left; }


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.arrow{ position: absolute; z-index: 1; right: 60px; top: 85px;}

.border-outline { background-color: #7f7f7f; background: rgba(0,0,0,0.3); border: 1px solid #FFFFFF; border-radius: 30px; padding: 20px 20px 20px 120px; }
.border-outline:before { content: "\f10d"; font-family: FontAwesome; left: 25px; position: absolute; font-size: 70px; color: white; top: 0px; }
.testimonial p { line-height: 28px; font-size: 18px; font-weight: 300!important; color: #fff; text-align: left; }


@media only screen and (min-width: 320px) and (max-width: 479px) {
.top-links a { font-size: 11px; }

.tri-box {
  font-size: 12px;

}
.border-outline { background: none; border: 0 none; border-radius: 0; padding: 10px; }
.border-outline:before { content: ""; font-family: FontAwesome; left: 0; position: fixed;  }
.testimonial p { line-height: 20px; font-size: 15px; font-weight: 300!important; color: #fff; text-align: left; }
.custom-bg16 .mobilealt {padding:0 0 0 0!important;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.tri-box {
  font-size: 12px;

}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.top-links	{text-align:center !important;}
}

@media (min-width: 992px) {
    .add-attendees input {
        display: inline-block;
        width: 48%;
    }

    .add-attendees input:first-child {
        margin-right: 10px;
    }
}

/*Flexbox CSS*/
.d-flex {
    display: flex !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}
/************************************************/
.img-reponsive {
    width: 100%;
    max-width: 100%;
}

.center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.partner {
    border: 2px solid #dce3ef;
    font-size: 0.889em;
    margin: 1em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    flex: 1 0 calc(100% - 2em);
    max-width: calc(100% - 2em);
    transition: all 0.3s ease;
}

    .partner:hover, .partner:focus, .partner:active {
        border-color: #2B82C9;
        text-decoration: none;
    }

    .img-container {
        margin: 0 auto;
        max-height: 100px;
        max-width: 250px;
    }

    .partner img {
        max-height: 100%;
        max-width: 100%;
    }

@media (min-width: 992px) {
    .partner {
        flex-basis: calc((100% - 4em) / 2);
        max-width: calc((100% - 4em) / 2);
    }
}

#dc-partners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    #dc-partners > div {
        margin: 1em;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc((100% - 4em) / 2);
        max-width: calc((100% - 4em) / 2);
    }

@media (min-width: 1200px) {
    #dc-partners > div {
        flex-basis: calc((100% - 6em) / 3);
        max-width: calc((100% - 6em) / 3);
    }
}

.dc-container {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .dc-logo {
        max-width: 100%;
        max-height: 100%;
    }
#payButton {
    position: relative;
   
}
.button--loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
.button--loading .button__text {
    visibility: hidden;
    opacity: 0;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}