.xclear {clear: both;}
.spanbrown {color:  #28214a; padding-bottom: 15px;}
.widget-title2 { font-size: 2.5rem; margin-bottom: 2.5rem; text-align: left; }
.dropbtn { font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px; background-color: #28214a; color: #fff; width: 210px; border: none; padding: 15px;  text-align: center; margin-top: 20px; color: #fff; margin-left:10px; cursor: pointer; float: right; border-width: 2px; border-radius: 0.125rem; transition: all 200ms ease-out; }
.purplebg { background-color: #28214a !important; color: #fff !important; }
.pquote { font-size: 18px; font-weight: 600; }
/* The container <div> - needed to position the dropdown content */
.dropdown { position: relative; float: right; }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f5f5f5;
    width: 210px;
    z-index: 1;
    margin-top: 72px;  margin-left:10px; 
}

.rtl { direction: rtl;}
.flex { display: flex; align-items: center; justify-content: center; }
/* Links inside the dropdown */
.dropdown-content a { color: black; text-decoration: none; display: block; padding: 14px; font-weight: bold; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 12px; }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #8ea5d5; }
.contact-form-col {
    margin-bottom: 15px;
}.custrom-xbtns {
    display: inline-block;
    float: none;
}.alert-success {

    background-image: none !important;
    background-color: #c9db43;
    padding: 20px;
    margin-bottom: 20px;
	color: #333;    text-shadow: none !important;
    -webkit-box-shadow: inone !important;
    box-shadow: none !important;
}
.alert-danger {

    background-image: none !important;
    background-color: #ff3366;
    padding: 20px;
    margin-bottom: 20px;
	color: #fff;    text-shadow: none !important;
    -webkit-box-shadow: inone !important;
    box-shadow: none !important;
}
/* New Header*/
.xtop-container {width: 100%; height: 33px; background-color: #28214a; line-height: 33px; vertical-align: middle; margin: auto;
background: -moz-linear-gradient(left, #28214a 0%, #8ea5d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #28214a 0%,#8ea5d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #28214a 0%,#8ea5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28214a', endColorstr='#8ea5d5',GradientType=1 ); /* IE6-9 */ }
.xtopp-container {width: 100%; height: 5px; background-color: #28214a; 
background: -moz-linear-gradient(left, #28214a 0%, #8ea5d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #28214a 0%,#8ea5d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #28214a 0%,#8ea5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28214a', endColorstr='#8ea5d5',GradientType=1 ); /* IE6-9 */ }
.xtop-container img { vertical-align: middle; margin-top: 6px;}
.xtop-logo { border: 0; margin-top: 15px; float: left;}
.img-fluid { display: block; max-width: 100%; height: auto; text-align:center;}

.header__logo { position: relative; width: 55%; float: left; }
.header__navigation { width: 100%; float: right; background-color: #f2f2f2; border: 1px solid #dedede; border-radius: 2px; margin-bottom: 15px; text-align: center;}

.xbtn { font-family: 'Montserrat', sans-serif; font-size: 14px; border-radius: 0.125rem; transition: all 200ms ease-out; border-width: 2px; background: #28214a; padding: 15px; width: 210px; float: right; text-align: center; margin-top: 20px; color: #fff; margin-left:10px;}
.xbtn a {color: #fff !important; text-decoration: none !important;}
.xbtn:hover { background: #8ea5d5; color: #fff; text-decoration: none;}

.xbtns { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; border-radius: 0.125rem; transition: all 200ms ease-out; background: #28214a; padding: 1.0625rem 1.8125rem; border: 2px solid transparent; float: left; text-align: center; color: #fff; text-shadow: none; margin-right: 15px;}
.xbtns a {color: #fff !important; text-decoration: none !important;}
.xbtns:hover { background: #8ea5d5; color: #fff; text-decoration: none;}

.xbtns-center { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; border-radius: 0.125rem; transition: all 200ms ease-out; background: #28214a; padding: 1.0625rem 1.8125rem; border: 2px solid transparent; text-align: center; color: #fff; text-shadow: none; }
.xbtns-center a {color: #fff !important; text-decoration: none !important;}
.xbtns-center:hover { background: #8ea5d5; color: #fff; text-decoration: none;}

.fa-caret-left, .fa-caret-right { margin-top: 20px; color: #fff;}

.promise { background-image: url("/img/bg-pattern.png"); padding: 90px 0px; background-repeat: repeat; }
.promise h3 { font-size: 2.5rem; margin-bottom: 1.5rem; text-shadow: 1px 1px #333; color: #fff;}
.promise p { color: #fff; text-shadow: 1px 1px #333; }

.testimonial__container .fa-caret-left, .testimonial__container .fa-caret-right {color: #333; margin-top: 0px;} 
.testimonial__quote a { color: #6a4627; font-weight: bold; }
.testimonial__quote a:hover { text-decoration:underline; }

.footer-top { position: relative; z-index: 1; background: url(/img/bg-pattern.png) repeat; padding: 3.625rem 0 1.125rem; font-size: 0.875rem; }
.footer-top__headings { font-size: 0.9375rem; margin-bottom: 1.125rem; text-transform: uppercase; color: #fff;}
.footer-top .icon-container { display: inline-block; margin-right: 0.1875rem; width: 1.25rem; margin-bottom: 0.3125rem; }
.footer-top a.icon-container { color: #999999; width: auto; }
.footer-top a.icon-container:hover { color: #edac15; }
.footer-top a.icon-container .fa { font-size: 1.875rem; }
.footer-top .widget { margin-bottom: 1.875rem; }
.footer-topp {text-align: center; font-size: 12px; color: #fff; margin-bottom: 0;}
.footer-topp a { color: #fff; font-weight: 600;}
.footer-topp a:hover {text-decoration:underline;}
.footer-topp img { margin: 0 auto; text-align: center; margin-left: auto; margin-right: auto;}
.xxleft { float: left; }
.xxright { float: right; }
.list-normal { font-size: 14px; }

@media (min-width: 992px) { 
.header__navigation {  width: calc(100%); background-color: #ffffff; border: 0; margin-bottom: 0; } 
.xbtn { font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 12px; border-radius: 0.125rem; transition: all 200ms ease-out; border-width: 2px; background: #28214a; padding: 15px; width: 190px; float: right; text-align: center; margin-top: 20px; color: #fff; margin-left:10px;}
.dropbtn { font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 12px; background-color: #28214a; color: #fff; width: 210px; border: none; padding: 15px;  text-align: center; margin-top: 20px; color: #fff; margin-left:10px; cursor: pointer; float: right; border-width: 2px; border-radius: 0.125rem; transition: all 200ms ease-out; }
.dropdown-content { margin-top: 70px;}
.xbtn a {color: #fff !important; text-decoration: none !important;}
.xbtn:hover { background: #8ea5d5; color: #fff; text-decoration: none;}
.jumbotron__widgets .widget { margin-right: 8px; }
.jumbotron .icon-box__subtitle { color: #fff; }
.jumbotron .icon-box__title { color: #ccc; } 
.jumbotron-content__description p { color: #fff; text-shadow: 1px 1px #333; font-size: 20px;}
.widget p { text-align:left; }
.footer-top__headings, .widget_nav_menu {text-align:left;}
.xyoutube { width: 326px !important; height: 184px !important; }
.xyoutube2 { width: 411px !important; height: 230px !important; }
.xyoutubel { width: 100% !important; height: 214px !important;  }
}

@media (min-width: 1200px) {
.xbtn {font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px; border-radius: 0.125rem; transition: all 200ms ease-out; border-width: 2px; background: #28214a; padding: 15px; width: 210px; float: right; text-align: center; margin-top: 20px; color: #fff; margin-left:10px;}
.xbtn a {color: #fff !important; text-decoration: none !important;}
.xbtn:hover { background: #8ea5d5; color: #fff; text-decoration: none;}
.jumbotron .icon-box__subtitle { color: #fff; } 
.jumbotron .icon-box__title { color: #ccc; }
.widget p { text-align:left; font-size: 0.875rem;}
.footer-top__headings, .widget_nav_menu {text-align:left;}
.footer-top .widget_nav_menu .menu a { font-size: 0.875rem; } 
.dropbtn { font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px; background-color: #28214a; color: #fff; width: 210px; border: none; padding: 15px;  text-align: center; margin-top: 20px; color: #fff; margin-left:10px; cursor: pointer; float: right; border-width: 2px; border-radius: 0.125rem; transition: all 200ms ease-out; }                                                                        
.xyoutubel { width: 100% !important; height: 264px !important;  }
}

.snip1554 {
  background-color: #8ea5d5;
  color: #ffffff !important;
  display: inline-block;
  font-weight: bold;
  font-size: 13px;

  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  margin-bottom: 12px !important;
}

.snip1554 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1554:after {
  background-color: white;
  opacity: 0.6;
  top: 0;
  bottom: 0;
  content: '';
  left: -100%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px white;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.snip1554 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip1554 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  line-height: 1em;
  opacity: 0;
}

.snip1554 h3 {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1em;
  margin: 0;
  text-transform: uppercase;
    color: #fff !important;
  font-weight: bold;
}

.snip1554 h3 span {
  font-weight: 700;
}

.snip1554 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;

}

.snip1554:hover > img,
.snip1554.hover > img {
  opacity: 0.4;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.snip1554:hover:after,
.snip1554.hover:after {
  left: 200%;
}

.snip1554:hover figcaption,
.snip1554.hover figcaption {
  opacity: 1;
}

.dest a { font-weight: 300 !important; }