@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i');
 
* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #ffffff;
    color: #555555;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    font-weight: normal;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #262626;
    font-family: 'Ubuntu', sans-serif;
    font-style: normal;
    line-height: 1.5;
    margin: 0 0 8px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #262626;
}
p a {
    color: #262626;
}
p {
    line-height: 26px;
    margin-bottom: 10px;
}
a {
    color: #262626;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
}
ul {
    margin-bottom: 0;
}
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #262626;
}
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {
}
.wp-caption.alignleft, .wp-caption.alignnone {
    width: 100%;
}
select {
    background-color: #f0eef0;
    border: 1px solid #dfdfdf;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #6c8391;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #f2f2f2;
    border: none;
    box-sizing: border-box;
    color: #aaa9a9;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 20px;
    outline: none;
    padding: 4px 6px;
    vertical-align: middle;
    box-shadow: none;
}
input[type="submit"] {
    outline: none;
}
form p {
    float: left;
    position: relative;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: inside none disc;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: outside none decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: outside none decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border: 1px solid #dddddd;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #dddddd;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #dddddd;
}
table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0 none;
}
table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #999;
}
dl dd 	{ margin-left: 20px; }
address { font-style: italic; }
.sticky {}
.whitesaand-main-section {
	float: left;
	width: 100%;
	position: relative;
}
.gallery-section {
	float: left;
	width: 100%;
	position: relative;
	padding: 60px;
    background-color: #f5f5f5;
}
.whitesaand-main-content 	{ padding: 100px 0px 0px 0px; }
.whitesaand-right-section 	{ float: right; }
.whitesaand-left-section 	{ float: left; }
.whitesaand-main-wrapper,#whitesaand-header,.whitesaand-userinfo,
.whitesaand-main-content {
    float: left;
    width: 100%;
}
.whitesaand-main-content {
    position: relative;
    z-index: 5;
    background-color: #ffffff;
}
/* Header */
.whitesaand-header-two .navbar-nav > li { padding: 45px 24px 30px;}
.whitesaand-header-two .whitesaand-top-strip:before { content: none;}
.whitesaand-header-two .whitesaand-logo { width: auto;}
#whitesaand-header {
    position: relative;
    z-index: 90;
    background-color: #ffffff;
}
.pt-20
{
    padding-top:20px;
}
.whitesaand-top-strip { position: relative; }
.whitesaand-top-strip:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    border-left: 82px solid transparent;
    border-right: 82px solid transparent;
    border-bottom: 17px solid #ffffff;
    margin-left: -84px;
}
.whitesaand-userinfo li {
    list-style: none;
    float: left;
    color: #ffffff;
    font-size: 14px;
    padding: 15px 20px 19px 20px;
    margin-right: 11px;
}
 
.whitesaand-userinfo li i {
    float: left;
    margin: 8px 10px 0px 0px;
}
.whitesaand-user-section { float: right; }
.whitesaand-user-section li {
    float: left;
    list-style: none;
}
.whitesaand-user-section > li {
    margin-left: 30px;
    padding: 16px 0px 16px 0px;
    font-size: 14px;
}
.whitesaand-user-section > li a i {
    float: left;
    margin: 7px 16px 0px 0px;
    font-size: 14px;
}
.whitesaand-user-section li a { color: #ffffff; }
/* Language Switcher */
.whitesaand-language {
    float: left;
    margin: 0px 0px 0px 0px;
}
.whitesaand-language ul { margin: 0px; }
.whitesaand-language ul li {
    list-style: none;
    float: left;
    position: relative;
}
.whitesaand-language > ul > li > a { color: #ffffff; }
.whitesaand-language > ul > li > a:after {
    content: "\f107";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 11px;
    margin-left: 4px;
}
.whitesaand-language > ul > li > i {
    font-size: 11px;
    color: #ffffff;
    margin-right: 3px;
}
.whitesaand-language > ul > li:hover .whitesaand-language-menu {
    opacity: 1;
    visibility: visible;
}
.whitesaand-language-menu {
    position: absolute;
    left: 0px;
    top: 100%;
    background-color: #ffffff;
    margin: 0px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}
.whitesaand-language-menu li {
    float: left;
    width: 100%;
    padding: 2px 10px;
    border-bottom: 1px solid #dddddd;
}
.whitesaand-language-menu li:last-child { border-bottom: none; }
.whitesaand-language-menu li a { 
    color: #000;
    font-size: 12px;
}
/* MainHeader */
.whitesaand-main-header {
    float: left;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}
.whitesaand-logo {
    float: left;
    width: 100%;
    margin: 10px 0px;
}
/* Navigation */
.navbar-collapse.collapse { display: block;}
.navbar {
    background: none;
    border: none;
    display: inline-block;
    margin-bottom: -4px;
    text-align: left;
}
.navbar-nav > li {
        padding: 45px 30px 30px 25px;
}
.navbar-nav > li:first-child { padding-left: 0px; }
.navbar-nav > li:last-child { padding-right: 0px; }
.navbar-nav > li > a {
    font-size: 15px;
    font-weight: bold;
    color: #262626;
    padding: 0px 0px 3px 0px;
    text-transform: uppercase;
    position: relative;
}
.navbar-nav > li:hover > a,.navbar-nav > li.active > a { border-bottom: 2px solid; }
.navbar-nav > li:hover > a:before,.navbar-nav > li.active > a:before   { opacity: 1; }
.navbar-nav > li:hover > a:after,.navbar-nav > li.active > a:after    { opacity: 1; }
.navbar-nav > li > a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    margin-left: -7px;
}
.navbar-nav > li > a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    opacity: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    margin-left: -7px;
}
.navbar-nav > li:first-child > a { padding-left: 0px; }
.navbar-nav > li:last-child > a { padding-right: 0px; }
.navbar-nav li:hover > .whitesaand-dropdown-menu {
    opacity: 1;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
    visibility: visible;
}
.whitesaand-dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e4e7ed;
    left: 0;
    margin: 0px 0px 0px 0px;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(40px);
       -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px);
    -webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
       -moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
        -ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
         -o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
            transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
    visibility: hidden;
    width: 220px;
    z-index: 99;
}
.whitesaand-dropdown-menu .whitesaand-dropdown-menu {
    left: 100%;
    top: 0%;
}
.whitesaand-dropdown-menu li {
    float: left;
    list-style: none;
    position: relative;
    width: 100%;
}
.whitesaand-dropdown-menu li a {
    border-bottom: 1px solid #e4e7ed;
    color: #31404b;
    float: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 30px;
    width: 100%;
}
.whitesaand-dropdown-menu > li.subdropdown-addicon > a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 30px;
    top: 10px;
    font-weight: 300;
}
.whitesaand-dropdown-menu > li:hover > a { background-color: #fafafb; }
.whitesaand-dropdown-menu > li:last-child > a { border: none; }
/* Banner */
.whitesaand-banner,.whitesaand-banner-one,.whitesaand-banner-one-layer {
    float: left;
    width: 100%;
}
.whitesaand-banner {
    position: relative;
    z-index: 80;
    background-color: #ffffff;
}
.whitesaand-banner-caption {
    position: absolute;
    left: 0px;
    top: 150px;
    width: 100%;
    text-align: center;
    padding: 140px 0px 0px 0px;
    z-index: 1;
}
.whitesaand-banner-caption span {
    display: inline-block;
    font-size: 26px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 12px 20px 0px 20px;
}
.whitesaand-banner-caption span.banner-title {
    font-size: 40px;
    padding: 0px 20px 6px 20px;
    position: relative;
}
 
.whitesaand-banner-thumb {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
.whitesaand-banner-thumb img { display: inline-block; }

/* Footer */
#whitesaand-footer {
    float: left;
    width: 100%;
    background: url(../images/footer-bg.jpg);
    background-size: cover;
    position: relative;
    padding: 90px 0px 0px 0px;
/*    margin-bottom: 490px;*/
    z-index: 4;
}
#whitesaand-footer.whitesaand-footer-two {
    margin: 0px;
    background: none;
    background-color: #222222;
}
.whitesaand-footer-two .whitesaand-copyright { border-top-color: #444444;}
.whitesaand-footer-pattren {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	background-color:#0a68a5;
/*    background: url(../images/footer-pattren-1.png);*/
}
.whitesaand-footer-widget .widget {
    margin-bottom: 40px;
}
.whitesaand-footer-widget { padding-bottom: 0px; }
/* Widget Contact Info */
.whitesaand-footer-logo {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.widget_contact_info p {
    display: block;
    margin-bottom: 31px;
    color: #cccccc;
}
.widget_contact_info ul {
    float: left;
    width: 100%;
}
.widget_contact_info ul li {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 65px;
    position: relative;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.4;
}
.widget_contact_info ul li:last-child { margin-bottom: 0px; }
.widget_contact_info ul li i {
    position: absolute;
    left: 0px;
    top: 1px;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    text-align: center;
    font-size: 17px;
    padding-top: 12px;
}
.widget_contact_info ul li a { color: #ffffff; }
/* Footer Title */
.whitesaand-footer-title {
    float: left;
    width: 100%; 
    position: relative;
    margin-bottom: 32px;
}
 
.whitesaand-footer-title h4 {
    font-weight: bold;
    margin-bottom: 0px;
    color: #ffffff;
}

/* Widget Featured Courses */
.widget_featured_courses ul,.widget_featured_courses ul li {
    float: left;
    width: 100%;
}
.widget_featured_courses ul li {
    list-style: none;
    margin-bottom: 30px;
}
.widget_featured_courses figure > a {
    float: left;
    width: 90px;
    margin-bottom: 0px;
}
.widget_featured_courses ul li:last-child               { margin-bottom: 0px; }
.widget_featured_courses figure                         { margin-bottom: 0px; }
.widget_featured_courses figcaption                     { padding-left: 114px; padding-top: 1px; }
.widget_featured_courses figcaption h6                  { margin-bottom: 2px; font-weight: 400; }
.widget_featured_courses figcaption h6 a                { color: #ffffff; }
.widget_featured_courses figcaption small {
    font-size: 12px;
    color: #ffaa30;
}
.star-rating {
    width: 35%;
    float: left;
    height: 24px;
    line-height: 29px;
    position: relative;
    margin: 0px 3px 0px 0px;
}
.star-rating:before,.star-rating-box:before {
    content: "\f006 \f006 \f006 \f006 \f006";
    font-family: FontAwesome;
    font-size: 12px;
    left: 0px;
    letter-spacing: 6px;
    position: absolute;
    top: 0px;
    color: #ffaa30;
}
.star-rating-box:before                                                 { content: "\f005 \f005 \f005 \f005 \f005";}
.star-rating > .star-rating-box {
    height: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}
/* Widget Gallery */
.widget_gallery ul                                              { margin: 0px 0px 0px -10px; }
.widget_gallery ul li {
    float: left;
    list-style: none;
    padding: 0px 0px 10px 10px;
    width: 25%;
}
.widget_gallery ul li a,.widget_gallery ul li a img {
    width: 100%;
    float: left;
}
.widget_gallery ul li a {
    position: relative;
    overflow: hidden;
}
.widget_gallery ul li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -100%;
    width: 0%;
    height: 100%;
    opacity: 0;
}
.widget_gallery ul li:hover a:before {
    opacity: 0.70;
    width: 100%;
    top: 0px;
}
/* CopyRight */
.whitesaand-copyright {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #8b8785;
    padding: 15px 0px 15px 0px;
}
.whitesaand-copyright p {
   
    margin-bottom: 0px;
    color: #cccccc;
}
.whitesaand-copyright p a,.whitesaand-copyright ul li a { color: #cccccc; }
.whitesaand-copyright ul {
    float: right;
}
.whitesaand-copyright ul li {
    float: left;
    list-style: none;
    margin-left: 20px;
}
.whitesaand-back-top {
    position: absolute;
    left: 50%;
    top: -25px;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 3px;
}
.whitesaand-back-top:before {
    content: '';
    position: absolute;
    left: -4px;
    bottom: 0px;
    border-top: 5px solid #ffffff;
    border-left: 4px solid transparent;
}
.whitesaand-back-top:after {
    content: '';
    position: absolute;
    right: -4px;
    bottom: 0px;
    border-top: 5px solid #ffffff;
    border-right: 4px solid transparent;
}
/* Parallax */
.whitesaand-parallax {
    width: 100%;
    background: url(../extra-images/footer-parallex-bg.jpg);
    background-size: cover;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 0;
    text-align: center;
    padding: 133px 0px 150px 0px;
}
.whitesaand-parallax h2 {
    color: #ffffff;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}
.whitesaand-parallax p {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 34px;
    display: inline-block;
    width: 55%;
}
.whitesaand-parallax a {
    display: inline-block;
    color: #262626;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 20px;
}

/*Aslan*/

/*Home Page Content*/
.whitesaand-fancy-title {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 0px 63px;
}
.whitesaand-fancy-title i {
    display: inline-block;
    font-size: 54px;
    opacity: 0.3;
    margin: 0px 0px 1px;
}
.whitesaand-fancy-title span {
    display: block;
    margin: 0px;
    font-size: 16px;
    color: #666666;
}
.whitesaand-fancy-title h2 {
    margin: 0px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    font-family: "Merriweather",sans-serif;
	color:#bd2127;
	
}
.whitesaand-fancy-title h2:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #999;
    width: 140px;
}
.whitesaand-fancy-title h2:before {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #999;
    width: 140px;
	    margin-right: 16px;
}
/*Services*/
.whitesaand-service,.whitesaand-service-grid-wrap {
    float: left;
    width: 100%;
}
.whitesaand-service ul li {
    list-style: none;
    margin: 0px 0px 30px;
}
.whitesaand-service-grid-wrap {
    background-color: #f5f5f5;
    padding: 24px 25px 22px 30px;
    position: relative;
    margin: 40px 0px 0px;
    border-radius: 9px;
}
.whitesaand-service-grid-wrap > i {
    position: absolute;
    right: 16px;
    top: -40px;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #999999;
    font-size: 37px;
    background-color: #ffffff;
    border-radius: 100%;
    border: 1px solid #f5f5f5;
    padding: 20px 0px 0px;
}
.whitesaand-service-grid-wrap h5 {
    margin: 0px 0px 10px;
    font-weight: bold;
	color:#bd2127;
}
.whitesaand-service-grid-wrap h5 a {
    
	color:#bd2127;
}
.whitesaand-service-grid-wrap p {
    font-size: 14px;
    margin: 0px 0px 11px;
    line-height: 20px;
}
.whitesaand-readmore-btn {
    font-size: 14px;
    float: left;
    margin: 0px;
}
.whitesaand-readmore-btn i {
    float: right;
    margin: 9px 0px 0px 7px;
    font-size: 12px;
}
/*whitesaand Course*/
.whitesaand-course,.whitesaand-modren-course ul > li > figure,.whitesaand-modren-course figure a,.whitesaand-modren-course figure a img,.whitesaand-modren-course-text,
.whitesaand-comment-option,.whitesaand-comment-option figure img,.whitesaand-grid-wrap {
    float: left;
    width: 100%;
}
.whitesaand-course > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.whitesaand-modren-course ul > li > figure { margin: 0px;}
.whitesaand-modren-course .star-rating {
    position: absolute;
    left: 20px;
    top: 19px;
    height: 16px;
    line-height: 23px;
    width: 86px;
}
.whitesaand-modren-course ul > li:hover > figure .star-rating { opacity: 0; visibility: hidden;}
.whitesaand-modren-course .star-rating:before, .whitesaand-modren-course .star-rating-box:before {
    content: "\f006\f006\f006\f006\f006";
    font-family: FontAwesome;
    font-size: 15px;
    left: 0;
    letter-spacing: 4px;
    position: absolute;
    top: 0;
}
.whitesaand-modren-course .star-rating-box:before {
    content: "\f005\f005\f005\f005\f005";
}
.whitesaand-modren-course .star-rating-box {
    height: 20px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.whitesaand-modren-course ul > li > figure > span {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #f92552;
    font-size: 13px;
    color: #ffffff;
    line-height: 1;
    padding: 5px 10px 7px;
    border-radius: 4px;
}
.whitesaand-modren-course ul > li:hover > figure > span { opacity: 0; visibility: hidden;}
.whitesaand-modren-course ul > li > figure:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: -7px;
    height: 13px;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 2;
}
.whitesaand-modren-course figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-modren-course figure a i {
    position: absolute;
    right: 0%;
    top: 50%;
    border-radius: 100%;
    background-color: #ffffff;
    height: 50px;
    width: 50px;
    font-size: 14px;
    text-align: center;
    padding: 19px 0px 0px;
    margin: -25px -25px 0px 0px;
    opacity: 0;
    z-index: 1;
}
.whitesaand-modren-course ul li:hover figure a i {
    opacity: 1;
    right: 50%;
}
.whitesaand-modren-course figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-modren-course ul li:hover figure a:before {
    width: 100%;
    opacity: 1;
}
.whitesaand-modren-course figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #000;
}
.whitesaand-grid-wrap {
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden;
}
.whitesaand-grid-wrap:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: -6px;
    height: 13px;
    width: 100%;
    background-color: #dddddd;
}
.whitesaand-grid-wrap:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -6px;
    height: 13px;
    width: 0%;
    z-index: 1;
}
.whitesaand-modren-course ul li:hover .whitesaand-grid-wrap:after {
    width: 100%; 
}
.whitesaand-modren-course-text { padding: 24px 30px;}
.whitesaand-modren-course-text h5 {
    margin: 0px;
    font-weight: bold;
}
.whitesaand-modren-course-text p {
    float: left;
    margin: 0px;
    line-height: 24px;
}
.whitesaand-course-option {
    float: left;
    margin: 0px 0px 19px;
}
.whitesaand-course-option li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0px 20px 0px 0px;
    font-size: 12px;
    color: #999999;
    line-height: 1.5;
}
.whitesaand-course-option li:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 5px;
    width: 2px;
    height: 11px;
    background-color: #999999;
}
.whitesaand-course-option li:last-child:before { content: none;}
.whitesaand-course-option li a {
    font-size: 12px;
    color: #999999;
}
.whitesaand-comment-option {
    border-top: 1px solid #ffffff;
    padding: 15px 23px 20px 30px;
}
.whitesaand-comment { float: right; margin: 0px;}
.whitesaand-comment li {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 14px;
}
.whitesaand-comment li a i { margin: 0px 7px 0px 0px;}
.whitesaand-comment li a {
    font-size: 12px;
    color: #999999;
}
.whitesaand-comment-option > figure img { border-radius: 100%;}
.whitesaand-comment-option > figure {
    float: left;
    margin: 0px;
    width: 25px;
}
.whitesaand-comment-option > a {
    float: left;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    color: #999999;
}
.red-more a
{
  font-size:17px;
  color:#fff;
  
}
.red-more span
{
 border-bottom:1px solid #fff;
  
}
/*Testimonial*/
.whitesaand-testimonial-full > .testimonial-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #32afff;
    width: 100%;
    height: 100%;
   /* opacity:0.9;*/
}
.whitesaand-testimonial-full > .whitesaand-shape-one {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
.whitesaand-testimonial-full > .whitesaand-shape-one:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -18px;
    width: 51%;
    height: 39px;
    background-color: #ffffff;
    z-index: 1;
}
.whitesaand-testimonial-full > .whitesaand-shape-one:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -18px;
    width: 50%;
    height: 39px;
    background-color: #ffffff;
    z-index: 1;
}
.whitesaand-testimonial-full > .whitesaand-shape-two {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
.whitesaand-testimonial-full > .whitesaand-shape-two:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -18px;
    width: 50%;
    height: 39px;
    background-color: #ffffff;
    z-index: 1;
}
.whitesaand-testimonial-full > .whitesaand-shape-two:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -18px;
    width: 51%;
    height: 39px;
    background-color: #ffffff;
    z-index: 1;
}
.whitesaand-testimonial,.whitesaand-testimonial-figure {
    float: left;
    width: 100%;
    text-align: center;
}
.whitesaand-testimonial i {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    width: 60px;
    height: 50px;
    position: relative;
    padding: 15px 0px 0px;
    margin: 0px 0px 51px;
}
.whitesaand-testimonial i:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #3f51b5;
    margin: 0px 0px 0px -7px;
}
.whitesaand-testimonial p {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-style: italic;
    line-height: 28px;
    margin: 0px 0px 27px;
}
.whitesaand-testimonial-figure img {
    float: left;
    width: 100%;
}
.whitesaand-testimonial-figure figure {
    display: inline-block;
    width: 60px;
    margin: 0px 0px 12px;
}
.whitesaand-testimonial-figure section h2 {
    margin: 0px; 
    line-height: 1.4;
	font-size:25px;
	  font-family: "Merriweather",sans-serif;
	  margin-bottom:23px;
}
.whitesaand-testimonial-figure section h2 a { color: #ffffff;}
.whitesaand-testimonial-figure section span {
    font-size: 13px;
    color: #ffffff;
}
/*Classic Blog*/
.whitesaand-latest-news-heading {
    text-transform: uppercase;
    background-color: #f5f5f5;
    padding: 24px 30px 23px;
    margin: 0px 0px 39px;
    position: relative;
}
.whitesaand-latest-news-heading:before {
    content: '';
    position: absolute;
    right: -30px;
    top: 0px;
    width: 30px;
    height: 100%;
    background-color: #f5f5f5;
}
.whitesaand-latest-news-heading span {
    font-size: 16px;
    color: #666666;
}
.whitesaand-latest-news-heading h2 {
    font-size: 30px;
    margin: 0px;
    font-weight: bold;
    line-height: 1.2;
    font-family: "Merriweather",sans-serif;
}
.whitesaand-blog,.whitesaand-blog-classic figure,.whitesaand-blog-classic figure a,.whitesaand-blog-classic figure a img,.whitesaand-blog-classic-text,
.whitesaand-blog-classic figure figcaption img,.whitesaand-latest-news-heading {
    float: left;
    width: 100%;
}
.whitesaand-blog > ul > li {
    margin: 0px 0px 30px;
    list-style: none;
}
.latest-news-slider { margin: 0px -15px;}
.whitesaand-blog-classic .classic-blog-padding {
    margin: 0px 0px 30px;
    float: left;
    padding: 0px 15px;
}
.whitesaand-blog-classic figure { margin: 0px;}
.whitesaand-blog-classic figure figcaption {
    position: absolute;
    left: 50%;
    bottom: -31px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    margin: 0px 0px 0px -24px;
}
.whitesaand-blog-classic .classic-blog-padding:hover figure figcaption {
    opacity: 0;
}
.whitesaand-blog-classic figure figcaption img { border-radius: 100%;}
.whitesaand-blog-classic figure a {
    position: relative;
}
.whitesaand-blog-classic figure a:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-blog-classic .classic-blog-padding:hover figure a:before {
    height: 100%;
    opacity: 1;
}
.whitesaand-blog-classic figure a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #000;
}
.whitesaand-blog-classic figure a i {
    position: absolute;
    left: 50%;
    bottom: 0%;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 100%;
    font-size: 16px;
    text-align: center;
    opacity: 0;
    padding: 17px 0px 0px;
    margin: 0px 0px -25px -24px;
    z-index: 1;
}
.whitesaand-blog-classic .classic-blog-padding:hover figure a i {
    opacity: 1;
    bottom: 50%;
}
.whitesaand-blog-classic-text {
    background-color: #f5f5f5;
    text-align: center;
    padding: 46px 18px 21px;
}
.whitesaand-blog-classic-text h5 {
    margin: 0px 0px 4px;
    font-weight: bold;
    line-height: 0.9;
}
.whitesaand-blog-classic-text .whitesaand-course-option { width: 100%; margin: 0px 0px 11px;}
.whitesaand-blog-classic-text .whitesaand-course-option li {
    float: none;
    display: inline-block;
    font-size: 11px;
    margin: 0px 10px;
}
.whitesaand-blog-classic-text .whitesaand-course-option li a { font-size: 11px;}
.whitesaand-blog-classic-text .whitesaand-course-option li:before {
    top: 5px;
    right: -12px;
    height: 9px;
}
.whitesaand-blog-classic-text p {
    line-height: 24px;
    margin: 0px 0px 16px;
}
.whitesaand-blog-classic-text .whitesaand-readmore-btn {
    float: none;
    font-size: 15px;
    display: inline-block;
    color: #555555;
}
.whitesaand-blog-classic-text .whitesaand-readmore-btn i { font-size: 13px; margin-top: 5px;}
/*Slick Arrow*/
.whitesaand-blog-classic .slick-arrow {
    right: 15px;
    top: 36px;
    width: 35px;
    height: 35px;
    padding-top: 5px;
    position: absolute;
    background-color: #ffffff;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ececec;
}
.whitesaand-blog-classic .slick-arrow-left.slick-arrow                    { right: 60px; }
.whitesaand-blog-classic .slick-arrow i {
    font-size: 14px;
    color: #cccccc;
}
.whitesaand-blog-classic .slick-arrow:hover i { color: #ffffff;}

/*Create Account*/
.whitesaand-create-account {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 22px 30px 26px;
}
.whitesaand-account-heading {
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
    padding: 0px 0px 24px;
    border-bottom: 1px solid #dddddd;
    margin: 0px 0px 31px;
}
.whitesaand-create-account form,.whitesaand-create-account form ul li,.whitesaand-create-account form input[type="text"],.whitesaand-create-account form input[type="email"] {
    float: left;
    width: 100%;
}
.whitesaand-create-account form { margin: 0px 0px 18px;}
.whitesaand-create-account form ul li {
    list-style: none;
    margin: 0px 0px 22px;
}
.whitesaand-create-account form ul li label {
    margin: 0px 0px 7px;
    float: left;
    font-size: 16px;
    color: #262626;
    font-weight: bold;
    position: relative;
}
.whitesaand-create-account form input[type="text"],
.whitesaand-create-account form input[type="email"] {
    height: 45px;
    background-color: #ffffff;
    font-size: 12px;
    color: #999999;
    font-style: italic;
    padding-left: 14px;
}
.whitesaand-create-account form input[type="submit"] {
    display: inline-block;
    border: none;
    background-color: transparent;
    padding: 5px 20px;
    font-weight: 400;
    font-size: 15px;
}
.whitesaand-create-account form ul li label.submit-shape {
    margin: 8px 0px 0px;
    border: 1px solid #3f51b5;
    border-right: none;
}
.whitesaand-create-account form ul li label.submit-shape:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 14px;
}
.whitesaand-create-account form ul li label.submit-shape:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 14px;
}
.whitesaand-create-account form ul li label span {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}
.whitesaand-create-account form ul li label span:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 12px;
    height: 9px;
    width: 1px;
    -webkit-transform: rotate(-41deg);
       -moz-transform: rotate(-41deg);
        -ms-transform: rotate(-41deg);
         -o-transform: rotate(-41deg);
            transform: rotate(-41deg);  
}
.whitesaand-create-account form ul li label span:after {
    content: '';
    position: absolute;
    left: 2px;
    bottom: 12px;
    height: 9px;
    width: 1px;
    -webkit-transform: rotate(41deg);
       -moz-transform: rotate(41deg);
        -ms-transform: rotate(41deg);
         -o-transform: rotate(41deg);
            transform: rotate(41deg);  
}
.whitesaand-social-network {
    float: left;
    width: 100%;
    border-top: 1px solid #dddddd;
    padding: 35px 0px 0px;
}
.whitesaand-social-network li {
    float: left;
    list-style: none;
    margin: 0px 15px 0px 0px;
}
.whitesaand-social-network li a {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 8px 0px 0px;
    color: #ffffff;
}
.whitesaand-social-network li a.fa-facebook { background-color: #3a589b;}
.whitesaand-social-network li a.fa-google-plus { background-color: #e14e39;}
.whitesaand-social-network li a.fa-twitter { background-color: #00aced;}
.whitesaand-social-network li a.fa-linkedin { background-color: #0077b5;}
/*Blog Classic*/

/*Event medium*/
.whitesaand-event,.whitesaand-event-medium figure a,.whitesaand-event-medium figure a img{
    float: left;
    width: 100%;
}
.whitesaand-event > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.whitesaand-event-medium figure {
    float: left;
    width: 263px;
    margin: 0px;
}
.whitesaand-event-medium figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-event-medium figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background-color:rgba(50, 175, 255, 0.71) !important;
}
.whitesaand-event-medium ul li:hover figure a:before {
    opacity: 1;
    width: 100%;
}
.whitesaand-event-medium figure a i {
    position: absolute;
    left: 0%;
    top: 50%;
    margin: -25px 0px 0px -39px;
    font-size: 16px;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    text-align: center;
    opacity: 0;
    padding: 18px 0px 0px;
    border-radius: 100%;
}
.whitesaand-event-medium ul li:hover figure a i {
    opacity: 1;
    left: 50%;
}
.whitesaand-event-medium-text {
    float: right;
    width: 58%;
    padding: 26px 17px 30px 30px;
    position: relative;
    background-color: #f5f5f5;
    margin: 30px 0px 0px -31px;
}
.whitesaand-event-medium-text:before {
    content: '';
    position: absolute;
    right: 0px;
    top: -16px;
   /* border-top: 1px solid #cccccc;*/
    width: 100%;
    height: 100%;
    z-index: -1;
}
.whitesaand-event-medium-text h5 {
    margin: 0px 0px 8px;
    line-height: 1.3;
    font-weight: bold;
}
.whitesaand-event-medium-text p {
    margin: 0px 0px 24px;
    line-height: 24px;
}
.whitesaand-event-option {
    float: left;
    width: 100%;
    margin: 0px 0px 15px;
}
.whitesaand-event-option li {
    list-style: none;
    float: left;
    font-size: 12px;
    color: #999999;
    margin: 0px 18px 0px 0px;
}
.whitesaand-event-option li i {
    font-size: 14px;
    float: left;
    margin: 7px 10px 0px 0px;
}
.whitesaand-simple-btn {
    display: inline-block;
    padding: 2px 15px 4px;
    border: 1px solid #32afff;
    font-size: 14px;
}
.whitesaand-event-medium ul li:hover .whitesaand-simple-btn {
    color: #ffffff;
}
/* Counter*/
.counter-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
}
.whitesaand-counter {
    float: left;
    width: 100%;
    text-align: center;
}
.whitesaand-counter ul li {
    list-style: none;
    position: relative;
    margin: 0px 0px 30px;
}
.whitesaand-counter ul li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 15px;
    width: 1px;
    height: 146px;
    background-color: #575752;
}
.whitesaand-counter ul li:last-child:before { content: none;}
.whitesaand-counter ul li i {
    color: #ffffff;
    display: inline-block;
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 23px 0px 0px;
    font-size: 44px;
    border-radius: 5px;
    position: relative;
    margin: 0px 0px 16px;
}
.whitesaand-counter ul li i:after {
    content: '';
    position: absolute;
    left: 4px;
    bottom: -3px;
    border-left: 41px solid transparent;
    border-right: 41px solid transparent;
    border-top: 3px solid #3f51b5;
}
.whitesaand-counter ul li h4 {
    font-size: 45px;
    color: #ffffff;
    margin: 0px 0px 4px;
    line-height: 1;
    font-weight: bold;
}
.whitesaand-counter ul li span {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
/*Gallery*/
.whitesaand-gallery,.whitesaand-modern-gallery figure,.whitesaand-modern-gallery figure a,.whitesaand-modern-gallery figure a img {
    float: left;
    width: 100%;
}
.whitesaand-gallery ul li {
    list-style: none;
}
.whitesaand-gallery.whitesaand-modern-gallery ul { margin: 0px -5px;}
.whitesaand-gallery.whitesaand-modern-gallery ul li {
    float: left;
    width: 33.3333%;
    padding: 0px 5px;
    margin: 0px 0px 10px;
}
.whitesaand-gallery.whitesaand-classic-gallery ul li { width: 25%;}
.whitesaand-modern-gallery figure { margin: 0px;}
.whitesaand-modern-gallery figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-modern-gallery figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.whitesaand-gallery.whitesaand-classic-gallery figure a:before { width: 0px; left: auto;right: 0px;}
.whitesaand-gallery.whitesaand-classic-gallery ul li:hover figure a:before { width: 50%; opacity: 0.8;}
.whitesaand-gallery.whitesaand-classic-gallery figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    opacity: 0;
    z-index: 1;
    background-color: #3f51b5;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
.whitesaand-gallery.whitesaand-classic-gallery ul li:hover figure a:after { width: 50%; opacity: 0.8;}
.whitesaand-modern-gallery ul li:hover figure a:before {opacity: 1;}
.whitesaand-modern-gallery figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 25px;
    border-radius: 100%;
    padding: 12px 0px 0px;
    margin: -24px 0px 0px -24px;
    z-index: 2;
    opacity: 0;
}
.whitesaand-modern-gallery ul li:hover figure a i {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.whitesaand-modern-gallery figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 68%;
    opacity: 1;
}
.whitesaand-modern-gallery ul li:hover figure figcaption { opacity: 0; visibility: hidden;}
.whitesaand-modern-gallery figure figcaption:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 64%;
}
.whitesaand-modern-gallery figure figcaption span {
    display: inline-block;
    color:;
    font-size: 14px;
    padding: 3px 17px 4px;
    font-weight: bold;
    margin: 0px 0px 208px; 
}
.whitesaand-classic-gallery figure figcaption span { margin: 0 0 213px;}
.whitesaand-modern-gallery figure figcaption h5 {
    margin: 0px;
    float: left;
    padding: 7px 59px 7px 30px;
    text-transform: uppercase;
    position: relative;
}
.whitesaand-modern-gallery figure figcaption h5:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    border-top:41px solid #32afff;
    border-right: 10px solid transparent;
}
.whitesaand-modern-gallery figure figcaption a { color: #ffffff;}
.whitesaand-modern-gallery figure figcaption h5 small {
    font-size: 12px;
    color: #ffffff;
    text-transform: none;
    float: left;
}
/*partner*/
.whitesaand-partner,.whitesaand-partner ul {
    float: left;
    width: 100%;
}
.whitesaand-partner ul li {
    float: left;
    width: 25%;
    list-style: none;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #cccccc;
}
.whitesaand-partner ul li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 1px;
    background-color: #cccccc;
}
.whitesaand-partner ul li:nth-child(4n+0):before{
    content: none;
}
.whitesaand-partner ul li:nth-child(5),.whitesaand-partner ul li:nth-child(6),
.whitesaand-partner ul li:nth-child(7),.whitesaand-partner ul li:nth-child(8) { border-bottom: none;}
.whitesaand-partner ul li a {
    display: inline-block;
    padding: 36px 10px;
    opacity: 0.35;
}
.whitesaand-partner ul li:hover a { opacity: 1;}

/*subscribe-newsletter*/
.whitesaand-subscribe-newsletter,.whitesaand-newslatter-text {
    float: left;
    width: 100%;
}
.whitesaand-subscribe-newsletter {
    margin: 0px 0px -30px;
    z-index: 1000;
    position: relative;
}
.whitesaand-subscribe-newsletter:before {
    content: '';
    position: absolute;
    left: -24px;
    bottom: 0px;
    border-top: 30px solid #FFF;
    border-left: 24px solid transparent;
}
.whitesaand-subscribe-newsletter:after {
    content: '';
    position: absolute;
    right: -24px;
    bottom: 0px;
    border-top: 30px solid #FFF;
    border-right: 24px solid transparent;
}
.whitesaand-newslatter-text {
    background-color: #FFF;
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.whitesaand-newslatter-text h2 {
    display: inline-block;
    color: #ffffff;
    font-size: 30px;
    font-family: "Merriweather",sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 17px 26px;
    border-radius: 5px;
    margin: 0px 0px 29px;
    position: relative;
    -webkit-transform: rotate(-1deg);
       -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
         -o-transform: rotate(-1deg);
            transform: rotate(-1deg);
}
.whitesaand-newslatter-text h2:before {
    content: '';
    position: absolute;
    background: url("images/news-latter-shape1.png");
    left: 90px;
    top: -53px;
    width: 12px;
    height: 62px;
}
.whitesaand-newslatter-text h2:after {
    content: '';
    position: absolute;
    background: url("images/news-latter-shape2.png");
    right: 83px;
    top: -47px;
    width: 12px;
    height: 62px;
}
.whitesaand-newslatter-text p {
    display: inline-block;
    margin: 0px 0px 25px;
    line-height: 24px;
    width: 60%;
}
.whitesaand-newslatter-text form {
    display: inline-block;
    width: 66%;
    position: relative;
}
.whitesaand-newslatter-text form input[type="text"] {
    float: left;
    width: 100%;
    background-color: #ffffff;
    height: 50px;
    padding-left: 15px;
    font-style: italic;
    font-size: 14px;
    color: #999999;
}
.whitesaand-newslatter-text form input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    color: #ffffff;
    font-weight: bold;
    padding: 15px 17px 13px;
}
.whitesaand-newslatter-text form label {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}
.whitesaand-newslatter-text form label:before {
    content: '';
    position: absolute;
    left: -145px;
    top: 0px;
    border-top: 24px solid #3f51b5;
    border-left: 5px solid transparent;
    z-index: 1;
}
.whitesaand-newslatter-text form label:after {
    content: '';
    position: absolute;
    left: -145px;
    bottom: 0px;
    border-bottom: 24px solid #3f51b5;
    border-left: 5px solid transparent;
    z-index: 1;
}

/* SubHeader */
.whitesaand-subheader,.whitesaand-breadcrumb,.whitesaand-subheader-title {
    float: left;
    width: 100%;
}
.whitesaand-subheader {
    background: url(../images/sub-header.jpg);
    padding: 88px 0 95px;
    position: relative;
    background-position: bottom;
    position: relative;
    text-align: center;
    z-index: 1;
}
.subheader-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   /* opacity: 0.8;*/
    background-color: #67bdf5;
}
.whitesaand-subheader-title h1 {
    margin: 0px 0px 2px;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Merriweather",sans-serif;
    text-transform: uppercase;
}
.whitesaand-breadcrumb li {
    display: inline-block;
    list-style: none;
    position: relative;
    color: #fff;
}
.whitesaand-breadcrumb li.active { font-weight: bold;}
.whitesaand-breadcrumb li a                      { color: #fff;}
.whitesaand-breadcrumb li i {
    display: inline-block;
    font-size: 14px;
    margin: 2px 7px 0px 11px;
}
/* SubHeader */

/*Blog Detail*/
.whitesaand-blog-thumb,.whitesaand-blog-thumb img,.whitesaand-thumb-heading,.whitesaand-detail-option figure figcaption,.whitesaand-blog-option,
.whitesaand-blog-option li i,.whitesaand-post-tags {
    float: left;
    width: 100%;
}
.whitesaand-blog-thumb { margin: 0px;}
.whitesaand-thumb-heading { margin: 0px 0px 40px;}
.whitesaand-thumb-heading time {
    float: left;
    width: 68px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px 17px;
    text-align: center;
    line-height: 19px;
}
.whitesaand-thumb-heading time ~ h2 { margin: 0px 0px 0px 68px;}
.whitesaand-thumb-heading h2 {
    background-color: #f5f5f5;
    padding: 20px 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
	color:#bd2127;
}
.whitesaand-detail-option {
    float: left;
    width: 8.33333%;
    text-align: center;
    margin: 0px 30px 0px 0px;
}
.whitesaand-detail-option figure {
    display: inline-block;
    margin: 0px 0px 14px;
    width: 45px;
}
.whitesaand-detail-option figure img {
    float: left;
    width: 100%;
    border-radius: 100%;
    margin: 0px 0px 2px;
}
.whitesaand-detail-option figure figcaption { line-height: 1.1;}
.whitesaand-detail-option figure figcaption a { font-size: 12px;}
.whitesaand-blog-option { margin: 0px 0px 8px;}
.whitesaand-blog-option li {
    display: inline-block;
    list-style: none;
    color: #666666;
    font-size: 13px;
    line-height: 1.8;
    margin: 0px 0px 16px;
}
.whitesaand-detail-option .whitesaand-social-network {
    border-top: none;
    padding: 0px;
}
.whitesaand-detail-option .whitesaand-social-network li {
    margin: 0px 0px 15px;
    width: 100%;
}
.whitesaand-rich-editor {
    float: left;
    width: 100%;
}
.whitesaand-rich-editor p {
    margin: 0px 0px 28px;
    line-height: 24px;
}
blockquote {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #ececec;
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
    position: relative;
    margin: 24px 0px 35px;
    padding: 42px 38px 32px;
}
blockquote i {
    font-size: 15px;
    height: 40px;
    width: 40px;
    color: #ffffff;
    text-align: center;
    padding: 14px 0px 0px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: -20px;
    margin: 0px 0px 0px -16px;
}
.whitesaand-post-tags {
    border: 1px solid #ececec;
    padding: 14px 29px;
    margin: 0px 0px 40px;
}
.whitesaand-post-tags > a {
    float: right;
    color: #ffffff;
    font-size: 16px;
    padding: 4px 20px 3px;
    border-radius: 4px;
}
.whitesaand-tags {
    float: left;
    width: 50%;
}
.whitesaand-tags span {
    font-size: 18px;
    color: #262626;
    font-weight: bold;
    float: left;
    margin: 0px 15px 0px 0px;
}
.whitesaand-tags > a {
    float: left;
    font-size: 12px;
    color: #666666;
    margin: 5px 5px 0px 0px;
    background-color: #ebebeb;
    padding: 1px 12px 2px;
}
.whitesaand-tags > a:hover { color: #ffffff;}

/*next-prev-post*/
.whitesaand-prenxt-post {
    float: left;
    width: 100%;
    margin: 0px 0px 41px;
}
.whitesaand-prenxt-post ul { margin: 0px -10px;}
.whitesaand-prenxt-post ul li {
    list-style: none;
    float: left;
    width: 50%;
    padding: 0px 10px;
}
.whitesaand-prev-post,.whitesaand-next-post {
    border: 1px solid #ececec;
    float: left;
    width: 100%;
    padding: 20px 51px 15px 37px;
    position: relative;
}
.whitesaand-next-post {
    padding: 20px 37px 15px 51px;
    border-top: none;
    border-left: none;
}
.whitesaand-next-post:before {
    background-color: #ececec;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    top: 0px;
    width: 95%;
}
.whitesaand-next-post:after {
    background-color: #ececec;
    top: -1px;
    content: "";
    height: 101%;
    left: 10px;
    position: absolute;
    width: 1px;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
}
.whitesaand-prev-post {
    border-bottom: none;
    border-right: none;
}
.whitesaand-prev-post:before {
    background-color: #ececec;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 95%;
}
.whitesaand-prev-post:after {
    background-color: #ececec;
    top: -1px;
    content: "";
    height: 101%;
    right: 10px;
    position: absolute;
    width: 1px;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
}
.whitesaand-prev-post h3,.whitesaand-next-post h3 {
    float: left;
    font-size: 18px;
    line-height: 1.3;
    margin: 0px 0px 8px;
    font-weight: 400;
}
.whitesaand-prev-post h3 { float: right; text-align: right;}
.whitesaand-post-arrow {
    float: right;
    border: 1px solid #ececec;
    font-size: 13px;
    color: #666666;
    padding: 3px 12px 5px;
    line-height: 1.5;
}
.whitesaand-next-post > .whitesaand-post-arrow { float: left; }
.whitesaand-prenxt-post ul li:hover .whitesaand-post-arrow { color: #ffffff;}
/*Section Heading*/
.whitesaand-section-heading {
    float: left;
    width: 100%;
    margin: 0px 0px 22px;
}
.whitesaand-section-heading h2 {
    margin: 0px;
    font-size: 20px;
    padding: 0px 0px 0px 17px;
    position: relative;
    font-weight: 400;
}
.whitesaand-section-heading h2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.whitesaand-section-heading h2:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 15px;
    width: 28px;
    height: 1px;
}
/*Related Blog*/
.whitesaand-related-blog-text,.whitesaand-related-blog figure,.whitesaand-related-blog figure a,.whitesaand-related-blog figure a img,.whitesaand-related-option {
    float: left;
    width: 100%;
}
.whitesaand-related-blog figure { margin: 0px;}
.whitesaand-related-blog figure:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin: 0px 0px 0px -7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #bd2127;
    z-index: 1;
}
.whitesaand-related-blog figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-related-blog figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    opacity: 0;
}
.whitesaand-related-blog ul li:hover figure a:before {
    opacity: 1;
    height: 100%;
}
.whitesaand-related-blog figure a i {
    position: absolute;
    left: 50%;
    top: 0%;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    padding: 19px 0px 0px;
    text-align: center;
    border-radius: 100%;
    margin: -23px 0px 0px -24px;
    opacity: 0;
}
.whitesaand-related-blog ul li:hover figure a i {
    opacity: 1;
    top: 50%;
}
.whitesaand-related-blog-text {
    background-color: #f5f5f5;
    border-top: 4px solid #3f51b5;
    padding: 22px 22px 20px 30px;
    position: relative;
}
.whitesaand-related-blog-text:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-bottom: 20px solid #e5e5e5;
    border-left: 20px solid transparent;
}

.whitesaand-related-blog-text h5{
    margin: 0px;
    font-weight: bold;
    line-height: 1.2;
}
.whitesaand-related-option {
    margin: 0px;
}
.whitesaand-related-option li {
    float: left;
    list-style: none;
    font-size: 13px;
    color: #999999;
    position: relative;
    margin: 0px 22px 0px 0px;
}
.whitesaand-related-option li:before {
    content: '';
    position: absolute;
    right: -12px;
    top: 10px;
    width: 1px;
    height: 9px;
    background-color: #999999;
}
.whitesaand-related-option li:last-child { margin-right: 0px;}
.whitesaand-related-option li:last-child:before { content: none;}
.whitesaand-related-option li a {
    color: #999999;
}
/*comment area*/
.comments-area,.comment-list,.comment-list li,.comment-list li figure img,.comment-list > ul > li,.comment-list .thumblist,
.comment-list li img,.thumb-list {
    float: left;
    width: 100%;
}
.thumb-list {
    background-color: #f5f5f5;
    margin-bottom: 10px;
    padding: 30px 38px 19px 30px;
}
.comment-list { margin: 0px 0px 32px;}
.comment-list .children {
    padding-left: 98px;
    margin: 0px;
}
.comment-list li                                   {list-style: none;}
.comment-list li figure {
    float: left;
    margin: 0px;
    width: 70px;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
.comment-list li figure img { border-radius: 100%;}
.comment-list figure ~ .text-holder {
    margin-left: 83px;
    position: relative;
    padding: 0px 0px 0px 17px;
    line-height: 1;
}
.text-holder p {
    line-height: 1.5;
    color: #555555;
    line-height: 24px;
    margin-bottom: 8px;
    display: inline-block;
}
.text-holder h6 {
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    margin: 0px 0px 3px;
}
.text-holder .post-date {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    color: #666666;
    margin: 0px 0px 12px;
}
.comment-reply-link {
    position: absolute;
    right: -9px;
    top: 0px;
    font-size: 13px;
    padding: 0px 0px 2px;
    color: #666666;
}
.comment-reply-link i {
    font-size: 11px;
    float: right;
    margin: 2px 0px 0px 4px;
}
/* form*/
.comment-respond,.whitesaand-full-form textarea {
    float: left;
    width: 100%;
}
.comment-respond { margin: 0px 0px 70px;}
.comment-respond form { margin: 0px -15px;}
.comment-respond form p {
    margin-bottom: 30px;
    padding: 0 15px 0;
    width: 50%;
}
.comment-respond form p i {
    position: absolute;
    right: 15px;
    top: 0px;
    color: #999999;
    background-color: #f5f5f5;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 19px 0px 0px;
}
.comment-respond form p input[type="text"],
.comment-respond form p input[type="email"] {
    background-color: transparent;
    border: 1px solid #ececec;
    color: #999999;
    font-size: 13px;
    float: left;
    height: 50px;
    margin: 0;
    padding-left: 15px;
    width: 100%;
    font-style: italic;
    font-weight: 500;
}
.comment-respond form > .whitesaand-full-form {
    float: right;
    width: 100%;
}
.whitesaand-full-form textarea {
    height: 220px;
    color: #323232;
    font-size: 13px;
    padding-left: 15px;
    padding-top: 8px;
    background-color: transparent;
    border: 1px solid #ececec;
    font-style: italic;
    font-weight: 500;
}
.comment-respond form p input[type="submit"] {
    border: medium none;
    color: #666666;
    font-size: 16px;
    padding: 4px 15px 5px;
    background-color: transparent;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    font-weight: bold;
}
.comment-respond form p label {
    margin: 0px;
    float: left;
    position: relative;
}
.comment-respond form p label:before {
    content: "";
    height: 9px;
    position: absolute;
    right: 0px;
    top: 0;
    width: 1px;
}
.comment-respond form p label:after {
    content: "";
    height: 9px;
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 1px;
}
/*SideBar*/
/*Widget heading*/
.whitesaand-widget-heading {
    float: left;
    width: 100%;
    margin: 0px 0px 24px;
}
.whitesaand-widget-heading h2 {
    margin: 0px;
    font-size: 20px;
    padding: 0px 0px 0px 17px;
    position: relative;
    font-weight: 400;
}
.whitesaand-widget-heading h2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.whitesaand-widget-heading h2:after {
/*    content: '';*/
    position: absolute;
    left: 6px;
    top: 15px;
    width: 28px;
    height: 1px;
}
/* Widget Search Form */
.whitesaand-sidebar .widget { margin: 0px 0px 35px;}
.widget_search,.widget_search form input[type="text"],.widget_search form {
    float: left;
    width: 100%;
}
.widget_search form {
    margin-bottom: 4px;
    position: relative;
}
.widget_search form input[type="text"] {
    height: 45px;
    color: #999999;
    font-style: italic;
    font-size: 14px;
    padding: 3px 20px 3px 15px;
    background-color: transparent;
    border: 1px solid #f5f5f5;
    position: relative;
}
.widget_search form label { margin: 0px;}
.widget_search form label:before {
    position: absolute;
    content: "\f002";
    font-family: FontAwesome;
    right: 15px;
    font-size: 12px;
    color: #999999;
    z-index: 1;
    bottom: 15px;
    cursor: pointer;
}
.widget_search form input[type="submit"] {
    position: absolute;
    width: 45px;
    border: none;
    right: 0px;
    bottom: 0px;
    height: 45px;
    background-color: #f5f5f5;
}
/*Cetagories*/
.widget_cetagories {
    float: left;
    width: 100%;
}
.widget_cetagories ul li {
    float: left;
    width: 100%;
    list-style: none;
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    padding: 6px 0px 7px;
}
.widget_cetagories ul li:first-child:hover { padding-top: 0px;}
.widget_cetagories ul li:first-child { padding-top: 0px;}
.widget_cetagories ul li:last-child { border-bottom: none; padding-bottom: 0px;}
.widget_cetagories ul li:last-child:hover { padding-bottom: 0px;}
.widget_cetagories ul li:hover { padding: 6px 11px 7px 9px;}
.widget_cetagories ul li a {
    float: left;
    width: 100%;
    color: #666666;
}
.widget_cetagories ul li a span { float: right;}
/*widget_reviews*/
.widget_reviews,.widget-rate-now,.widget-detail-rating,.widget-detail-rating li {
    float: left;
    width: 100%;
}
.widget-rate-now { margin: 0px 0px 7px;}
.widget-rate-now li {
    float: left;
    list-style: none;
    margin: 0px 9px 8px 0px;
}
.widget-rate-now li a { font-size: 14px;}
.widget-rate-now li a i { color: #ffaa30; margin: 0px 1px 0px 0px;}
.rate-now-btn {
    color: #666666;
    border: 1px solid #ececec;
    padding: 5px 11px 6px;
    border-radius: 3px;
}
.widget_reviews > h5 {
    margin: 0px 0px 8px;
    font-weight: 400;
}
.widget-detail-rating li {
    list-style: none;
    margin: 0px 0px 12px;
}
.widget-detail-rating li:last-child { margin: 0px;}
.widget-detail-rating i,.widget-detail-rating small {
    float: left;
    color: #ffaa30;
    font-size: 14px;
    margin: 0px 7px 0px 0px;
}
.widget-detail-rating small { color: #262626; line-height: 1;}
.widget-rating {
    width: 82%;
    float: left;
    position: relative;
    margin: 4px 0px 0px;
}
.widget-rating:before,.widget-rating-box:before {
    content: '';
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 8px;
    background-color: #f5f5f5;
}
.widget-rating > .widget-rating-box {
    height: 8px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}
/*widget_featured_courses*/
.whitesaand-sidebar .widget_featured_courses {
    float: left;
    width: 100%;
}
.whitesaand-sidebar .widget_featured_courses figcaption h6 {
    line-height: 1.3;
    margin: 0px;
}
.whitesaand-sidebar .widget_featured_courses figcaption h6 a {
    color: #262626;
}
.widget_featured_courses figcaption > a {
    font-size: 12px;
    float: left;
    width: 100%;
    color: #666666;
    line-height: 1.5;
    margin: 0px 0px 3px;
}
.widget_featured_courses figcaption > a i { margin: 0px 9px 0px 0px;}
.whitesaand-sidebar .widget_featured_courses figcaption { padding-left: 110px;}
.whitesaand-sidebar .widget_featured_courses figcaption small { color: #999999;}
.whitesaand-sidebar .star-rating:before, .whitesaand-sidebar .star-rating-box:before { letter-spacing: 2px;}
.whitesaand-sidebar .star-rating { width: 45%;}
.whitesaand-sidebar .widget_featured_courses figure > a { position: relative;}
.whitesaand-sidebar .widget_featured_courses figure > a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-sidebar .widget_featured_courses figure > a:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    background-color: #000;
}
.whitesaand-sidebar .widget_featured_courses figure > a i {
    position: absolute;
    right: 0%;
    top: 50%;
    font-size: 18px;
    color: #ffffff;
    margin: -9px -9px 0px 0px;
    opacity: 0;
    z-index: 1;
}
.whitesaand-sidebar .widget_featured_courses ul li:hover figure > a:before {
    width: 100%;
    opacity: 1;
}
.whitesaand-sidebar .widget_featured_courses ul li:hover figure > a i {
    opacity: 1;
    right: 50%;
}
/*Widget Events*/
.widget_events {
    float: left;
    width: 100%;
}
.widget_events ul li {
    float: left;
    width: 100%;
    margin: 0px 0px 30px;
    list-style: none;
}
.widget_events ul li:last-child                                         { margin: 0px;}
.widget_events ul li time {
    width: 70px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 16px 14px;
    line-height: 1.2;
    position: relative;
}
.widget_events ul li time ~ .whitesaand-event-text                             { margin: 4px 0px 0px 90px; line-height: 1;}
.whitesaand-event-text h6 {
    margin: 0px 0px 0px;
    font-weight: 400;
    line-height: 1.3;
}
.whitesaand-event-text > a.sold-out {
    background-color: #cacaca;
    color: #262626;
    cursor: not-allowed;
}
.whitesaand-event-text > a {
    font-size: 10px;
    display: inline-block;
    background-color: #ae56e5;
    color: #ffffff;
    padding: 5px 9px;
    border-radius: 4px;
    margin: 0px 0px 6px;
}
/*Widget Events*/
/*widget_calendar*/
.widget_calendar {
    float: left;
    width: 100%;
}
.widget_calendar table { margin: 0px;}
.widget_calendar caption {
    color: #34343c;
    border: 1px solid #e0e0e0;
    padding: 9px 15px 14px;
}
.widget_calendar thead > tr > th {
    border: none;
    color: #fff;
    font-weight: 400;
    line-height: 2.3;
}
.widget_calendar thead > tr > th:last-child         { border-right: 1px solid #e0e0e0;}
.widget_calendar thead > tr > th:first-child        { border-left: 1px solid #e0e0e0;}
.widget_calendar tbody > tr > td {
    padding: 0px;
    font-size: 14px;
    color: #262626;
    line-height: 2.1;
}

/*Widget Gallery*/
.whitesaand-sidebar .widget_gallery {
    float: left;
    width: 100%;
}
.whitesaand-sidebar .widget_gallery ul li { width: 33.333%;}
.whitesaand-sidebar .widget_gallery ul li:hover a:before { opacity: 1; z-index: 1;}
.whitesaand-sidebar .widget_gallery ul li a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}
.whitesaand-sidebar .widget_gallery ul li a i {
    position: absolute;
    left: 0%;
    top: 0%;
    font-size: 22px;
    color: #ffffff;
    margin: -11px 0px 0px -10px;
    opacity: 0;
    z-index: 1;
}
.whitesaand-sidebar .widget_gallery ul li:hover a i {
    top: 50%;
    left: 50%;
    opacity: 1;
}
/*Blog Grid*/
.whitesaand-blog-grid figure,.whitesaand-blog-grid figure a,.whitesaand-blog-grid figure a img,.whitesaand-blog-grid-text,.whitesaand-grid-option {
    float: left;
    width: 100%;
}
.whitesaand-blog-grid figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-blog-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
}
.whitesaand-blog-grid ul li:hover figure a:before {
    opacity: 1;
    height: 100%;
}
.whitesaand-blog-grid figure a i {
    position: absolute;
    left: 50%;
    bottom: 0%;
    width: 50px;
    height: 50px;
    font-size: 14px;
    padding: 20px 0px 0px;
    text-align: center;
    margin: 0px 0px -25px -25px;
    background-color: #ffffff;
    border-radius: 100%;
    opacity: 0;
}
.whitesaand-blog-grid ul li:hover figure a i {
    opacity: 1;
    bottom: 50%;
}
.whitesaand-blog-grid figure { margin: 0px;}
.whitesaand-blog-grid figure:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -9px;
    width: 50%;
    height: 17px;
    background-color: #f5f5f5;
    z-index: 1;
}
.whitesaand-blog-grid figure:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -9px;
    width: 51%;
    height: 17px;
    background-color: #f5f5f5;
}
.whitesaand-blog-grid-text {
    background-color: #f5f5f5;
    padding: 26px 26px 24px 30px;
}
.whitesaand-blog-grid-text h5 {
    margin: 0px;
    font-weight: bold;
    line-height: 1;
}
.whitesaand-grid-option { margin: -2px 0 14px;}
.whitesaand-grid-option li {
    float: left;
    list-style: none;
    font-size: 12px;
    color: #666666;
    position: relative;
    margin: 0px 11px 0px 0px;
}
.whitesaand-grid-option li a {
    color: #666666;
}
.whitesaand-grid-option li:last-child:before { content: none;}
.whitesaand-grid-option li:before {
    content: '';
    position: absolute;
    right: -6px;
    top: 9px;
    width: 1px;
    height: 11px;
    background-color: #666666;
}
.whitesaand-blog-grid-text p {
    margin: 0px 0px 24px;
    line-height: 24px;
}
.whitesaand-classic-btn {
    float: left;
    padding: 0px 13px 1px;
    font-size: 14px;
    color: #555555;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    position: relative;
}
.whitesaand-blog ul li:hover .whitesaand-classic-btn { color: #ffffff;}
.whitesaand-classic-btn:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 16px;
}
.whitesaand-blog ul li:hover .whitesaand-classic-btn:before { height: 100%;}
.whitesaand-classic-btn:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 16px;
}
.whitesaand-blog ul li:hover .whitesaand-classic-btn:after { height: 100%;}
.whitesaand-grid-comments {
    float: left;
    margin: 0px 0px 0px 29px;
}
.whitesaand-grid-comments li {
    display: inline-block;
    list-style: none;
    text-align: center;
    line-height: 1;
    margin: 0px 16px 0px 0px;
}
.whitesaand-grid-comments li a {
    font-size: 13px;
    color: #666666;
}
.whitesaand-grid-comments li a i { margin: 0px 0px 1px;}
/*pagination*/
.whitesaand-pagination,.whitesaand-pagination > ul {
    float: left;
    width: 100%;
}
.whitesaand-pagination {
    margin: 50px 0 35px;
    text-align: center;
}
.whitesaand-pagination > ul > li {
    display: inline-block;
    list-style: none;
    margin: 0 11px 0 0;
}
.whitesaand-pagination > ul > li > .previous { padding: 4px 11px 4px 11px;}
.whitesaand-pagination > ul > li > .next     { padding: 4px 11px 4px 11px;}
.whitesaand-pagination > ul > li > .previous,
.whitesaand-pagination > ul > li > .next {
    border-right: none;
    border-left: none;
    line-height: 1.4;
    font-size: 18px;
    position: relative;
}
.whitesaand-pagination > ul > li > a:hover,.whitesaand-pagination > ul > li > span.current { color: #fff;}
.whitesaand-pagination > ul > li > .previous:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 19px;
    background-color: #ececec;
}
.whitesaand-pagination > ul > li > .previous:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 19px;
    background-color: #ececec;
}
.whitesaand-pagination > ul > li > .next:before {
    content: '';
    position: absolute;
    left: 0px;
    top:  0px;
    width: 1px;
    height: 19px;
    background-color: #ececec;
}
.whitesaand-pagination > ul > li > .next:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom:  0px;
    width: 1px;
    height: 19px;
    background-color: #ececec;
}
.whitesaand-pagination > ul > li:hover > .previous:before,.whitesaand-pagination > ul > li:hover > .previous:after,
.whitesaand-pagination > ul > li:hover > .next:after,.whitesaand-pagination > ul > li:hover > .next:before {
    height: 100%;
}
.whitesaand-pagination > ul > li > a,.whitesaand-pagination > ul > li > span {
    border: 1px solid #ececec;
    color: #888888;
    float: left;
    height: 37px;
    line-height: 1.6;
    padding: 4px 11px;
    width: 37px;
}
/*pagination*/

/*Blog Large*/
.whitesaand-blog-large figure,.whitesaand-blog-large figure a,.whitesaand-blog-large figure a img {
    float: left;
    width: 100%;
}
.whitesaand-blog-large figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-blog-large figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-blog-large ul li:hover figure a:before { opacity: 0.8;}
.whitesaand-blog-large figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}
.whitesaand-blog-large figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    text-align: center;
    padding: 18px 0px 0px;
    margin: -25px 0px 0px -25px;
    border-radius: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-blog-large ul li:hover figure a i { opacity: 1;}
.whitesaand-blog-large figure { margin: 0px;}
.whitesaand-blog-option li a {
    color: #666666;
}
.whitesaand-blog-large-text {
    float: left;
    width: 88%;
}
.whitesaand-blog-large .whitesaand-thumb-heading h2 {
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
.whitesaand-blog-large ul li:hover .whitesaand-thumb-heading h2 { color: #3f51b5;}
.whitesaand-blog-large-text p {
    margin: -5px 0px 24px;
    line-height: 24px;
}
.whitesaand-blog-large .whitesaand-blog-option li { margin: 0px 0px 11px;}
.whitesaand-blog-large .whitesaand-classic-btn { padding: 1px 13px 0px;}
.whitesaand-blog-large .whitesaand-blog-option li:last-child { margin: 0px;}
.whitesaand-blog-large .whitesaand-blog-option { margin: 0px;}
/*Blog Large*/


/*Blog medium*/
.whitesaand-blog-medium figure a,.whitesaand-blog-medium figure a img {
    float: left;
    width: 100%;
}
.whitesaand-blog-medium figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-blog-medium figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-blog-medium figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    background-color: #000;
}
.whitesaand-blog-medium ul li:hover figure a:before {
    opacity: 1;
    width: 100%;
}
.whitesaand-blog-medium figure a i {
    position: absolute;
    left: 0%;
    top: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 19px 0px 0px;
    margin: -25px 0px 0px -32px;
    background-color: #ffffff;
    border-radius: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-blog-medium ul li:hover figure a i {
    opacity: 1;
    left: 50%;
}
.whitesaand-blog-medium figure {
    float: left;
    width: 278px;
    margin: 0px;
}
.whitesaand-blog-medium-text {
    float: right;
    width: 53%;
    background-color: #f5f5f5;
    padding: 29px 17px 27px 30px;
    margin: 20px 0px 0px -18px;
    position: relative;
}
.whitesaand-blog-medium-text h5 {
    margin: 0px;
    font-weight: bold;
    line-height: 1.3;
}
.whitesaand-blog-medium-text p {
    margin: 0px 0px 24px;
    line-height: 24px;
}
.whitesaand-blog-medium-text .whitesaand-grid-option { margin: -3px 0px 14px;}
/*ABOUT US*/
.whitesaand-about-services {
    float: left;
    width: 100%;
    margin: 0px 0px 60px;
}
.whitesaand-about-services > span {
    font-size: 16px;
    display: inline-block;
    margin: 0px 0px 1px;
}
.whitesaand-about-services > h2 {
    font-size: 30px;
    margin: 0px 0px 24px;
    font-weight: 400;/*
    text-transform: uppercase;*/
    line-height: 1.2;
}
.whitesaand-about-services > p {
    margin: 0px 0px 22px;
    line-height: 28px;
    font-size: 16px;
}
.whitesaand-about-image {
    float: right;
    max-width: 100%;
    margin: -25px 0px 0px;
}
/*section post*/
.post-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
}
.whitesaand-post-image,.whitesaand-post-text,.whitesaand-post-list,.whitesaand-post-list li {
    float: left;
    width: 100%;
}
.whitesaand-post-image { text-align: center;}
.whitesaand-post-image img {
    display: inline-block;
    max-width: 100%;
}
.whitesaand-post-text h3 {
    margin: 0px 0px 24px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
}
.whitesaand-post-text p {
    margin: 0px 0px 30px;
    color: #dbdbdb;
    line-height: 24px;
}
.whitesaand-post-list { margin: 0px 0px 18px;}
.whitesaand-post-list li {
    list-style: none;
    margin: 0px 0px 16px;
    color: #dbdbdb;
}
.whitesaand-post-list li i {
    float: left;
    font-size: 18px;
    margin: 5px 20px 0px 0px;
    color: #ffffff;
}
.whitesaand-post-btn {
    display: inline-block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 18px 7px;
    color: #ffffff;
}
.whitesaand-post-btn:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1px;
    height: 50%;
    background-color: #ffffff;
}
.whitesaand-post-btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 50%;
    background-color: #ffffff;
}
/*Team Grid*/
.whitesaand-team,.whitesaand-team-grid figure,.whitesaand-team-grid figure > a,.whitesaand-team-grid figure a img,.whitesaand-team-social,
.whitesaand-team-grid-info,.whitesaand-team-grid-text {
    float: left;
    width: 100%;
}
.whitesaand-team > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.whitesaand-team-grid figure { margin: 0px;}
.whitesaand-team-grid figure > a img { border: 1px solid #ececec;}
.whitesaand-team-grid figure figcaption {
    position: absolute;
    left: -14px;
    bottom: 50px;
    width: 89%;
    text-align: center;
    overflow: hidden;
}
.whitesaand-team-grid figure:before {
    content: '';
    position: absolute;
    left: -14px;
    bottom: 39px;
    opacity: 1;
    border-top: 11px solid #3f51b5;
    border-left: 14px solid transparent;
}
.whitesaand-team-grid-info,.whitesaand-team-grid-text {
    line-height: 1;
}
.whitesaand-team-grid-info {
    padding: 10px 28px 12px;
    visibility: visible;
    opacity: 0.9;
}
.whitesaand-team-grid-text {
    padding: 39px 28px 26px;
    -webkit-transform: translateY(255px);
       -moz-transform: translateY(255px);
        -ms-transform: translateY(255px);
         -o-transform: translateY(255px);
            transform: translateY(255px);
    opacity: 0;
    visibility: hidden;
}
.whitesaand-team-grid ul li:hover .whitesaand-team-grid-info {
    visibility: hidden;
    opacity: 0;
}
.whitesaand-team-grid ul li:hover .whitesaand-team-grid-text {
    visibility: visible;
    opacity: 0.9;
    -webkit-transform: translateY(55px);
       -moz-transform: translateY(55px);
        -ms-transform: translateY(55px);
         -o-transform: translateY(55px);
            transform: translateY(55px);
}
.whitesaand-team-grid-info h5,.whitesaand-team-grid-text h5 {
    margin: 0px;
    font-weight: bold;
    line-height: 1;
}
.whitesaand-team-grid-info h5 a,.whitesaand-team-grid-text h5 a { color: #ffffff;}
.whitesaand-team-grid-info span,.whitesaand-team-grid-text span {
    display: inline-block;
    font-size: 12px;
    color: #cccccc;
    line-height: 1;
}
.whitesaand-team-grid-text span { margin: 0px 0px 17px;}
.whitesaand-team-grid-text p {
    color: #ffffff;
    margin: 0px 0px 16px;
    display: inline-block;
    line-height: 24px;
}
.whitesaand-team-social { text-align: center; margin: 0px;}
.whitesaand-team-social li {
    display: inline-block;
    margin: 0px 9px 0px 0px;
}
.whitesaand-team-social li a { color: #ffffff;}

/*Course Grid*/
.whitesaand-course-grid figure,.whitesaand-course-grid figure a,.whitesaand-course-grid figure a img,.whitesaand-course-grid-text,
.whitesaand-course-grid-option {
    float: left;
    width: 100%;
}
.whitesaand-course-grid figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-course-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 10px;
}
.whitesaand-course-grid ul li:hover figure a:before { height: 100%;}
.whitesaand-course-grid figure a i {
    position: absolute;
    left: 50%;
    bottom: 10%;
    background-color: #ffffff;
    border-radius: 100%;
    font-size: 14px;
    padding: 19px 0px 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0px 0px -25px -25px;
    opacity: 0;
}
.whitesaand-course-grid ul li:hover figure a i {
    opacity: 1;
    bottom: 50%;
}
.whitesaand-course-grid figure {
    margin: 0px;
    padding: 0px 24px 0px 0px;
}
.whitesaand-course-grid figure:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 0px;
    width: 1px;
    height: 100%;
    background-color: #cccccc;
}
.whitesaand-course-grid figure:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3f51b5;
    margin: 0px 0px 0px -22px;
}
.whitesaand-course-grid figure > span {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #f92552;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.5;
    padding: 2px 10px 3px;
    border-radius: 4px;
    opacity: 1;
}
.whitesaand-course-grid ul li:hover figure > span {
    top: 0px;
    left: 0px;
    opacity: 0;
}
.whitesaand-course-grid-text {
    background-color: #f5f5f5;
    padding: 28px 25px 23px 30px;
}
.whitesaand-course-grid-text h5 {
    margin: 0px;
    font-weight: bold;
    line-height: 1;
}
.whitesaand-course-grid-text small {
    color: #666666;
    font-size: 12px;
    float: left;
    line-height: 2;
}
.whitesaand-course-grid-text .star-rating {
    width: 25%;
    line-height: 26px;
    margin: 0px 2px 16px 0px;
}
.whitesaand-course-grid-text .star-rating:before,.whitesaand-course-grid-text .star-rating-box:before { letter-spacing: 3px;}
.whitesaand-course-grid-text p {
    margin: 0px;
    float: left;
    line-height: 24px;
}
.whitesaand-course-grid-option {
    background-color: #f5f5f5;
    margin: 0px;
    border-top: 1px solid #ffffff;
    padding: 16px 25px 17px 30px;
}
.whitesaand-course-grid-option li {
    float: left;
    margin: 0px 19px 0px 0px;
    list-style: none;
    color: #999999;
    font-size: 11px;
}
.whitesaand-course-grid-option li:last-child { margin: 0px;}
.whitesaand-course-grid-option li i { margin: 0px 3px 0px 0px;}
/*Course List*/
.whitesaand-course-list figure a,.whitesaand-course-list figure a img {
    float: left;
    width: 100%;
}
.whitesaand-course-list figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-course-list figure a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-course-list ul li:hover figure a:before {
    opacity: 1;
    width: 100%;
}
.whitesaand-course-list figure a:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}
.whitesaand-course-list figure a i {
    position: absolute;
    right: 10%;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    text-align: center;
    padding: 19px 0px 0px;
    margin: -25px -20px 0px 0px;
    border-radius: 100%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-course-list ul li:hover figure a i {
    opacity: 1;
    right: 50%;
}
.whitesaand-course-list figure {
    float: left;
    width: 350px;
    margin: 0px;
}
.whitesaand-course-list figure:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 0px;
    height: 52%;
    width: 20px;
    z-index: 2;
    background-color: #f5f5f5;
    -webkit-transform: rotate(9deg);
       -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
         -o-transform: rotate(9deg);
            transform: rotate(9deg);
}
.whitesaand-course-list figure:after {
    content: '';
    position: absolute;
    right: -10px;
    bottom: 0px;
    height: 51%;
    width: 20px;
    z-index: 1;
    background-color: #f5f5f5;
    -webkit-transform: rotate(-9deg);
       -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
         -o-transform: rotate(-9deg);
            transform: rotate(-9deg);
}
.whitesaand-course-list figure span {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: #f92552;
    font-size: 13px;
    color: #ffffff;
    padding: 2px 11px 3px;
    border-radius: 4px;
    line-height: 1.5;
    opacity: 1;
}
.whitesaand-course-list ul li:hover figure span {
    opacity: 0;
    top: 0px;
    left: 0px;
}
.whitesaand-course-list figure ~ .whitesaand-course-list-wrap { margin: 0px 0px 0px 350px;}
.whitesaand-course-list-text {
    background-color: #f5f5f5;
    float: left;
    padding: 24px 30px 19px;
}
.whitesaand-course-list-text h5 {
    margin: 0px;
    font-weight: bold;
}
.whitesaand-course-list-text p {
    margin: 0px;
    line-height: 24px;
}
.whitesaand-course-list-text .star-rating:before, .whitesaand-course-list-text .star-rating-box:before { letter-spacing: 3px;}
.whitesaand-course-grid-option li > figure {
    float: left;
    width: 25px;
    margin: 0px 0px 0px 10px;
}
.whitesaand-course-grid-option li > figure img { border-radius: 100%;}
.whitesaand-course-grid-option li > figure:before,.whitesaand-course-grid-option li > figure:after { content: none;}
.whitesaand-course-grid-option li a {
    float: left;
    margin: 0px 0px 0px 10px;
    color: #999999;
}
.whitesaand-course-list-text .star-rating {
    width: 17%;
    line-height: 17px;
    margin: 0px 3px 13px 0px;
}
.whitesaand-course-list-text small {
    font-size: 12px;
    color: #666666;
    float: left;
    line-height: 1.4;
}
.whitesaand-course-list-text p {
    float: left;
    margin: 0px;
    line-height: 24px;
}
.whitesaand-course-list-wrap .whitesaand-course-grid-option {
    padding-bottom: 16px;
    position: relative;
}
.whitesaand-course-list-wrap .whitesaand-course-grid-option:before {
    content: '';
    position: absolute;
    left: -10px;
    top: -1px;
    width: 10px;
    height: 1px;
    background-color: #ffffff;
}

/*Course Detail*/
.whitesaand-course-thumb img {
    float: left;
    width: 100%;
}
.whitesaand-course-thumb {
    float: left;
    width: 100%;
    margin: 0px 0px 40px;
    padding: 30px 0px 0px;
}
.whitesaand-course-thumb figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #f5f5f5;
    width: 77%;
    padding: 19px 0px 21px 30px;
}
.whitesaand-course-thumb figcaption:before {
    content: '';
    position: absolute;
    left: 5px;
    bottom: -5px;
    width: 100%;
    height: 5px;
}
.whitesaand-course-thumb figcaption:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 5px;
    height: 100%;
}
.whitesaand-course-thumb figcaption h2 {
    float: left;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.whitesaand-course-thumb figcaption .star-rating {
    margin: 0px 0px 0px 30px;
    width: 12%;
}
.whitesaand-course-thumb figcaption small {
    float: left;
    color: #666666;
    font-size: 12px;
    margin: 5px 0px 0px;
}
.whitesaand-course-thumb figcaption .star-rating:before, .whitesaand-course-thumb figcaption .star-rating-box:before { letter-spacing: 3px;}
.whitesaand-course-features,.whitesaand-course-detail-option,.whitesaand-list-style-one {
    float: left;
    width: 100%;
}
.whitesaand-course-features { margin: 0px 0px 27px;}
.whitesaand-course-features p {
    margin: 0px 0px 24px;
    line-height: 24px;
}
.whitesaand-course-detail-option { margin: 0px;}
.whitesaand-course-detail-option li {
    list-style: none;
    float: left;
    background-color: #f5f5f5;
    margin: 0px 20px 15px 0px;
    padding: 9px 20px 8px;
}
.whitesaand-course-detail-option li i {
    float: left;
    font-size: 14px;
    margin: 5px 10px 0px 0px;
}
.whitesaand-course-detail-option li h6 {
    float: left;
    margin: 0px 12px 0px 0px;
    font-size: 15px;
    font-weight: 400;
}
.whitesaand-course-detail-option li span {
    float: left;
    font-size: 14px;
    color: #808080;
    line-height: 1.6;
}
.whitesaand-list-style-one li {
    float: left;
    width: 50%;
    list-style: none;
    margin: 0px 0px 2px;
    padding: 0px 0px 0px 18px;
    position: relative;
    font-weight: bold;
}
.whitesaand-list-style-one li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    width: 8px;
    height: 8px;
    background-color: #666666;
    border-radius: 100%;
}
/*outline*/
.whitesaand-course-outline {
    display: table;
    margin: 0px 0px 42px;
}
.whitesaand-course-outline > ul {
    display: table-row;
    background-color: #f5f5f5;
}
.whitesaand-course-outline > ul.heading { background-color: #f0f0f0;}
.whitesaand-course-outline > ul > li {
    display: table-cell;
    list-style: none;
    padding: 0;
    position: relative;
    padding: 0 35px 0px 37px;
    border-bottom: 1px solid #dedede;
}
.whitesaand-course-outline > ul:last-child li { border-bottom: none;}
.whitesaand-course-outline > ul.heading > li {
    font-weight: bold;
    font-size: 18px;
    color: #262626;
    padding: 16px 0px 10px 42px;
    border-bottom: none;
}
.whitesaand-course-outline > ul.heading > li:first-child { padding-left: 80px;}
.whitesaand-course-outline > ul > li:first-child { padding-left: 0px;}
.whitesaand-course-outline > ul > li small {
    float: left;
    width: 50px;
    background-color: #e7e7e7;
    text-align: center;
    height: 96px;
    color: #262626;
    font-size: 16px;
    font-weight: bold;
    padding: 30px 0px 0px;
    opacity: 1;
}
.whitesaand-course-outline > ul:hover > li small {
    opacity: 0;
    -webkit-transform: rotateY(190deg);
       -moz-transform: rotateY(190deg);
        -ms-transform: rotateY(190deg);
         -o-transform: rotateY(190deg);
            transform: rotateY(190deg);
}
.whitesaand-course-outline > ul > li > a.preview {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    left: -23px;
    padding: 11px 0 0;
    position: absolute;
    text-align: center;
    top: 23px;
    opacity: 0;
    -webkit-transform: rotate(-90deg) rotateX(180deg);
       -moz-transform: rotate(-90deg) rotateX(180deg);
        -ms-transform: rotate(-90deg) rotateX(180deg);
         -o-transform: rotate(-90deg) rotateX(180deg);
            transform: rotate(-90deg) rotateX(180deg);
    width: 96px;
}
.whitesaand-course-outline > ul:hover li > a.preview {
    opacity: 1;
    -webkit-transform: rotate(-90deg) rotateX(360deg);
       -moz-transform: rotate(-90deg) rotateX(360deg);
        -ms-transform: rotate(-90deg) rotateX(360deg);
         -o-transform: rotate(-90deg) rotateX(360deg);
            transform: rotate(-90deg) rotateX(360deg);
}
.whitesaand-course-outline > ul > li small ~ section {
    margin: 0px 0px 0px 80px;
    padding: 24px 0px 16px;
}
.whitesaand-course-outline > ul > li h6 {
    font-weight: 400;
    margin: 0px;
}
.whitesaand-course-outline .whitesaand-course-grid-option {
    padding: 0px;
    border-top: none;
    background-color: transparent;
    width: auto;
    float: none;
    display: inline-block;
}
.whitesaand-course-outline .whitesaand-course-grid-option li {
    line-height: 1.8;
    color: #666666;
}
.whitesaand-course-outline > ul > li figure {
    float: left;
    width: 40px;
    margin: 0px;
}
.whitesaand-course-outline > ul > li figure img { border-radius: 100%;}
.whitesaand-course-outline > ul > li figure ~ section { margin: 0px 0px 0px 59px; line-height: 1;}
.whitesaand-course-outline > ul > li p {
    margin: 0px;
    line-height: 14px;
    font-size: 13px;
}
.whitesaand-course-outline > ul > li > .whitesaand-course-file {
    background-color: transparent;
}
.whitesaand-course-outline > ul > li > .whitesaand-course-file i {
    font-size: 18px;
    margin: 0px 10px 0px 0px;
}
.whitesaand-course-outline > ul > li > .whitesaand-course-file span { font-size: 16px;}
.whitesaand-course-outline .whitesaand-course-grid-option li { font-size: 13px;}
.whitesaand-course-outline .whitesaand-course-grid-option li i { font-size: 10px;}
/*whitesaand-course-instructor*/
.whitesaand-course-instructor,.whitesaand-course-instructor figure a,.whitesaand-course-instructor figure a img {
    float: left;
    width: 100%;
}
.whitesaand-course-instructor > ul > li {
    float: left;
    width: 100%;
    margin: 0px 0px 30px;
    list-style: none;
    border-bottom: 1px solid #ececec;
    padding: 0px 0px 24px;
}
.whitesaand-course-instructor > ul > li:last-child { border-bottom: none; padding: 0px;}
.whitesaand-course-instructor figure a img { border-radius: 100%;}
.whitesaand-course-instructor figure {
    float: left;
    width: 80px;
    margin: 0px;
}
.whitesaand-course-instructor figure ~ .whitesaand-course-instructor-text {
    margin: 0px 0px 0px 80px;
    line-height: 1;
    padding: 0px 0px 0px 20px;
}
.whitesaand-course-instructor-text h5 {
    font-weight: 400;
    margin: 0px;
    float: left;
}
.whitesaand-instructor-social {
    float: right;
}
.whitesaand-instructor-social li {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 15px;
}
.whitesaand-instructor-social li a {
    color: #666666;
}
.whitesaand-course-instructor-text span {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #999999;
    margin: 0px 0px 12px;
}
.whitesaand-course-instructor-text p {
    float: left;
    margin: 0px;
    line-height: 24px;
}
/*Event Detail*/
.whitesaand-event-thumb {
    float: left;
    width: 100%;
    padding: 50px 0px 0px;
    margin: 0px 0px 34px;
}
.whitesaand-event-thumb figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.whitesaand-thumb-text {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f5f5f5;
    padding: 17px 30px;
    width: 65%;
}
.whitesaand-thumb-text:before {
    content: '';
    position: absolute;
    left: 5px;
    bottom: -5px;
    width: 100%;
    height: 5px;
}
.whitesaand-thumb-text:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 5px;
    height: 100%;
}
.whitesaand-thumb-text span {
    color: #808080;
    font-size: 12px;
}
.whitesaand-thumb-text span i { margin: 0px 9px 0px 0px;}
.whitesaand-thumb-text h2 {
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
}
/*countdown*/
.whitesaand-countdown {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    background-color: #000;
    color: #ffffff;
    opacity: 0.85;
    padding: 25px 0px 30px;
    margin: -23px 0px 0px;
}
.countdown-row,.countdown-amount {
    float: left;
    width: 100%;
}
.countdown-section {
    float: left;
    width: 25%;
    text-align: center;
    font-family: "Merriweather",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1;
    opacity: 0.7;
}
.countdown-amount { font-size: 50px; margin: 0px 0px 2px;}
.countdown-period { font-size: 18px;}
/*whitesaand-event-organizer*/
.whitesaand-event-organizer,.whitesaand-list-style-two,.whitesaand-list-style-two li {
    float: left;
    width: 100%;
}
.whitesaand-event-organizer { margin: 0px 0px 25px;}
.whitesaand-event-organizer p {
    float: left;
    margin: -6px 0px 6px;
    line-height: 24px;
}
.whitesaand-list-style-two li {
    list-style: none;
    margin: 0px 0px 7px;
    padding: 0px 0px 0px 29px;
    font-weight: bold;
    position: relative;
}
.whitesaand-list-style-two li i {
    position: absolute;
    left: 0px;
    top: 8px;
}
/*Event Gallery*/
.whitesaand-event-gallery figure,.whitesaand-event-gallery figure > a,.whitesaand-event-gallery figure a img,.whitesaand-event-map {
    float: left;
    width: 100%;
}
.whitesaand-gallery.whitesaand-event-gallery ul li { margin: 0px 0px 30px;}
.whitesaand-event-gallery figure { margin: 0px;}
.whitesaand-event-gallery figure:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 6px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3f51b5;
    margin: 0px 0px 0px -6px;
}
.whitesaand-event-gallery figure span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 12px;
    color: #ffffff;
    background-color: #e953d9;
    line-height: 1.5;
    padding: 4px 8px 3px;
    border-radius: 4px;
    opacity: 1;
}
.whitesaand-event-gallery figure span.color-one { background-color: #8c53e9;}
.whitesaand-event-gallery figure span.color-two { background-color: #53e9e0;}
.whitesaand-event-gallery figure span.color-three { background-color: #e21f64;}
.whitesaand-event-gallery ul li:hover figure span {
    left: 0px;
    top: 0px;
    opacity: 0;
}
.whitesaand-event-gallery figure > a {
    position: relative;
    overflow: hidden;
}
.whitesaand-event-gallery figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 6px;
    opacity: 1;
}
.whitesaand-event-gallery ul li:hover figure > a:before { height: 100%;}
.whitesaand-event-gallery figure a i {
    position: absolute;
    left: 50%;
    top: 20%;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    font-size: 25px;
    z-index: 1;
    padding: 13px 0px 0px;
    margin: -58px 0px 0px -24px;
    opacity: 0;
}
.whitesaand-event-gallery ul li:hover figure > a i {
    top: 50%;
    opacity: 1;
}
.whitesaand-event-gallery figure figcaption {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    text-align: center;
    margin: 17px 0px 0px;
    padding: 0px 25px;
    opacity: 0;
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
}.whitesaand-event-gallery ul li:hover figure figcaption {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
.whitesaand-event-gallery figure figcaption h6 {
    margin: 0px;
    line-height: 1.4;
}
.whitesaand-event-gallery figure figcaption h6 a { color: #ffffff;}
.whitesaand-event-map { margin: 0px 0px 43px;}
.whitesaand-event-map #map {
    width: 100%;
    height: 300px;
}
/*Related Event*/
.whitesaand-related-event,.whitesaand-related-event figure,.whitesaand-related-event figure > a,.whitesaand-related-event figure figcaption,
.whitesaand-related-event figure a img,.whitesaand-related-event-text {
    float: left;
    width: 100%;
}
.whitesaand-related-space { margin: 0px 0px 60px;}
.whitesaand-related-event ul li {
    list-style: none;
    margin: 0px 0px 30px;
}
.whitesaand-related-event figure { margin: 0px;}
.whitesaand-related-event figure > a {
    position: relative;
    overflow: hidden;
}
.whitesaand-related-event figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-related-event ul li:hover figure > a:before {
    opacity: 1;
    height: 100%;
}
.whitesaand-related-event figure > a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #000;
}
.whitesaand-related-event figure > a i {
    font-size: 16px;
    padding: 17px 0px 0px;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    margin: -29px 0px 0px -24px;
    opacity: 0;
    z-index: 1;
    -webkit-transform: scale(-2);
       -moz-transform: scale(-2);
        -ms-transform: scale(-2);
         -o-transform: scale(-2);
            transform: scale(-2);
}
.whitesaand-related-event ul li:hover figure > a i { opacity: 1;}
.whitesaand-related-event figure figcaption {
    background-color: #f5f5f5;
    padding: 19px 0px 14px 30px;
}
.whitesaand-related-event figure figcaption h5 {
    margin: 0px 0px 0px;
    font-weight: bold;
    line-height: 1.2;
}
.whitesaand-related-event figure figcaption span {
    font-size: 12px;
    color: #808080;
}
.whitesaand-related-event figure figcaption span i { margin: 0px 9px 0px 0px;}
.whitesaand-related-event .whitesaand-readmore-btn {
    color: #888888;
    font-weight: bold;
}
.whitesaand-related-event .whitesaand-readmore-btn i { font-size: 13px;}
.whitesaand-related-event-text { padding: 20px 0px 0px 0px;}
.whitesaand-related-event-text p {
    margin: 0px 0px 10px;
    line-height: 22px;
}
/*EVENT GRID*/
.whitesaand-event-grid figure,.whitesaand-event-grid figure a,.whitesaand-event-grid figure a img,.whitesaand-event-grid-text {
    float: left;
    width: 100%;
}
.whitesaand-event-grid figure { margin: 0px;}
.whitesaand-event-grid figure:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -9px;
    width: 0%;
    height: 17px;
    background-color: #f5f5f5;
    z-index: 1;
}
.whitesaand-event-grid ul li:hover figure:before { width: 50%;}
.whitesaand-event-grid figure:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -9px;
    width: 0%;
    height: 17px;
    background-color: #f5f5f5;
    z-index: 1;
}
.whitesaand-event-grid ul li:hover figure:after { width: 51%;}
.whitesaand-event-grid figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-event-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    opacity: 0;
}
.whitesaand-event-grid ul li:hover figure a:before {
    opacity: 1;
    height: 100%;
}
.whitesaand-event-grid figure a i {
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: -10%;
    font-size: 14px;
    padding: 19px 0px 0px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0px;
    opacity: 0;
    text-align: center;
    margin: 0px 0px -20px -25px;
}
.whitesaand-event-grid ul li:hover figure a i {
    bottom: 50%;
    opacity: 1;
}
.whitesaand-event-grid-text {
    background-color: #f5f5f5;
    padding: 23px 12px 30px 30px;
}
.whitesaand-event-grid-text h5 {
    font-weight: bold;
    margin: 0px 0px 11px;
}
.whitesaand-event-grid-text .whitesaand-course-detail-option li {
    margin: 0px 20px 9px 0px;
    padding: 0px;
    background-color: transparent;
}
.whitesaand-event-grid-text .whitesaand-course-detail-option li span { font-size: 12px;}
.whitesaand-event-grid-text .whitesaand-course-detail-option li i { margin-top: 3px;}
.whitesaand-event-grid-text p {
    line-height: 24px;
    margin: 0px 0px 23px;
}
.whitesaand-event-grid-text .whitesaand-classic-btn {
    padding: 0 12px 1px;
}
.whitesaand-event > ul > li:hover .whitesaand-classic-btn {
    color: #ffffff;
}
.whitesaand-event > ul > li:hover .whitesaand-classic-btn:before,.whitesaand-event > ul > li:hover .whitesaand-classic-btn:after { height: 100%;}
/*Event List*/
.whitesaand-event-list figure a,.whitesaand-event-list figure a img,.whitesaand-event-list-text {
    float: left;
    width: 100%;
}
.whitesaand-event-list figure {
    float: left;
    width: 310px;
    margin: 0px;
}
.whitesaand-event-list figure:before {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    z-index: 1;
    border-top: 10px solid transparent;
    border-right: 10px solid #3f51b5;
    border-bottom: 10px solid transparent;
    margin: -11px 0px 0px 0px;
}
.whitesaand-event-list figure span {
    position: absolute;
    right: 0px;
    top: 10px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.5;
    padding: 2px 10px 3px;
}
.whitesaand-event-list ul li:hover figure span { opacity: 0;}
.whitesaand-event-list figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-event-list figure a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 6px;
    height: 100%;
}
.whitesaand-event-list ul li:hover figure a:before { width: 100%;}
.whitesaand-event-list figure a i {
    position: absolute;
    right: 10%;
    top: 50%;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 17px 0px 0px;
    font-size: 16px;
    border-radius: 100%;
    opacity: 0;
    margin: -25px -25px 0px 0px;
}
.whitesaand-event-list ul li:hover figure a i {
    right: 50%;
    opacity: 1;
}
.whitesaand-event-list figure ~ .whitesaand-event-list-wrap { margin: 0px 0px 0px 310px;}
.whitesaand-event-list-text {
    background-color: #f5f5f5;
    line-height: 1;
    padding: 24px 25px 19px 30px;
}
.whitesaand-event-list-text h5 {
    margin: 0px 0px 3px;
    font-weight: bold;
}
.whitesaand-event-list-text span {
    font-size: 12px;
    float: left;
    color: #999999;
    margin: 0px 0px 23px;
}
.whitesaand-event-list-text span i {
    font-size: 13px;
    margin: 0px 10px 0px 0px;
}
.whitesaand-event-list-text p {
    margin: 0px;
    float: left;
    line-height: 24px;
}
.whitesaand-event-list-wrap .whitesaand-course-grid-option li { font-size: 12px;}
.whitesaand-event-list-wrap .whitesaand-course-grid-option li i { font-size: 14px;}
.whitesaand-event-list-wrap .whitesaand-course-grid-option li:last-child { float: right;}
.whitesaand-event-list-wrap .whitesaand-course-grid-option {
    padding-right: 30px;
    padding-bottom: 14px;
}
.whitesaand-event-list-wrap  .whitesaand-course-grid-option li > figure:before { content: none;}
/*Shop Detail*/
.whitesaand-shopwrap,.whitesaand-shop-option,.whitesaand-select {
    float: left;
    width: 100%;
}
.whitesaand-shopwrap { margin: 0px 0px 0px;}
.whitesaand-shopwrap figure {
    float: left;
    width: 300px;
    margin: 0px;
    border: 1px solid #ececec;
}
.whitesaand-shop-detail-text {
    float: left;
    width: 73%;
    padding: 17px 0px 0px 30px;
}
.whitesaand-shop-detail-text h4 {
    margin: 0px 0px 10px 0px;
/*    text-transform: uppercase;*/
    font-weight: bold;
    line-height: 1.1; 
}
.whitesaand-shop-detail-text h4 a {
 
	color:#bd2127 !important;
}
.whitesaand-shop-detail-text .star-rating {
    line-height: 22px;
    width: 17%;
    margin: 0px 0px 2px;
}
.whitesaand-shop-detail-text .star-rating:before,.whitesaand-shop-detail-text .star-rating-box:before { letter-spacing: 3px;}
.whitesaand-shop-detail-text small {
    font-size: 12px;
    color: #666666;
}
.whitesaand-shop-detail-text > span {
    font-size: 24px;
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 0px 0px 18px;
}
.whitesaand-shop-detail-text p {
    float: left;
    line-height: 24px;
    margin: 0px 0px 10px;
}
.whitesaand-shop-option { margin: 0px 0px 11px;}
.whitesaand-shop-option li {
    float: left;
    list-style: none;
    margin: 0px 25px 10px 0px;
}
.whitesaand-shop-option li:last-child { margin-right: 0px;}
.whitesaand-shop-option li span {
    float: left;
    color: #262626;
    margin: 0px 10px 0px 0px;
}
.whitesaand-shop-option li span i {
    font-size: 13px;
    margin: 0px 6px 0px 0px;
}
.whitesaand-shop-option li a {
    float: left;
    font-size: 13px;
    color: #666666;
    margin: 0px 4px 0px 0px;
}
.whitesaand-select input[type="number"] {
    float: left;
    width: 90px;
    text-align: center;
    height: 40px;
    background-color: transparent;
    border: 1px solid #ececec;
    color: #666666;
    margin: 0px 0px 30px;
}
.whitesaand-shop-detail-text .whitesaand-classic-btn {
    font-size: 16px;
    color: #262626;
    padding: 7px 18px 6px;
}
.whitesaand-shop-detail-text .whitesaand-classic-btn:before,.whitesaand-shop-detail-text .whitesaand-classic-btn:after { height: 9px;}
.whitesaand-shop-detail-text .whitesaand-classic-btn:before { top: auto; bottom: 0px;}
.whitesaand-shop-detail-text .whitesaand-classic-btn:after { top: 0px; bottom: auto;}
/* Shop Tabs */
.whitesaand-shop-tabs {
    float: left;
    width: 100%;
    margin: 0px 0px 0px;
}
.whitesaand-shop-tabs .nav-tabs {
    float: left;
    width: 100%;
    border-radius: 0px;
    border: 1px solid #ececec;
    padding: 12px 15px;
}
.whitesaand-shop-tabs .nav-tabs > li > a {
    border-radius: 0;
    margin: 0;
    border: none;
}
.whitesaand-shop-tabs .nav-tabs li {
    list-style: none;
    line-height: 1;
    margin: 0 30px 0 0;
}
.whitesaand-shop-tabs .nav-tabs > li.active > a,
.whitesaand-shop-tabs .nav-tabs > li.active > a:hover,
.whitesaand-shop-tabs .nav-tabs > li.active > a:focus {
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    border-left: none;
    border-right: none;
    color: #fff;
}
.whitesaand-shop-tabs .nav-tabs li a {
    float: left;
    padding: 7px 25px 8px;
    font-size: 16px;
    color: #262626;
    font-weight: bold;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    position: relative;
}
.whitesaand-shop-tabs .nav-tabs > li > a:hover {
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;    
}
.whitesaand-shop-tabs .nav-tabs li a:before,.whitesaand-shop-tabs .nav-tabs .active a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 1px;
    height: 16px;
}
.whitesaand-shop-tabs .nav-tabs li a:after,.whitesaand-shop-tabs .nav-tabs .active a:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 16px;
}
.whitesaand-shop-tabs .tab-content {
    display: inline-block;
    width: 100%;
    padding-top: 0px;
}
.whitesaand-shop-tabs .tab-content .comment-respond { margin: 0px 0px 13px;}
.whitesaand-description p {
    margin: 0;
    line-height: 24px;
}
.whitesaand-description {
    float: left;
    width: 100%;
    margin: 0px 0px 50px;
}

/*shop related*/
.whitesaand-shop-related .whitesaand-shop-grid-text:before {
    border-bottom: 20px solid #f5f5f5;
    border-left: 20px solid transparent;
}
.whitesaand-shop-grid.whitesaand-shop-related figure:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #3f51b5;
    bottom: 6px;
    left: 50%;
    width: 0px;
    background-color: transparent;
    margin: 0px 0px 0px -7px;
}
.whitesaand-shop-grid.whitesaand-shop-related figure a:before { height: 6px; opacity: 1;}
.whitesaand-shop-grid.whitesaand-shop-related figure:after { content: none;}
.whitesaand-shop-grid.whitesaand-shop-related figure a i { bottom: 15%;}

/*shop-detail*/

/*Shop Grid*/
.whitesaand-shop,.whitesaand-shop-grid-text,.whitesaand-shop-grid figure,.whitesaand-shop-grid figure a,.whitesaand-shop-grid figure a img {
    float: left;
    width: 100%;
}
.whitesaand-shop > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.whitesaand-shop-grid figure { margin: 0px;}
.whitesaand-shop-grid figure:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -6px;
    width: 50%;
    height: 11px;
    background-color: #ffffff;
    z-index: 2;
}
.whitesaand-shop-grid figure:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -6px;
    width: 51%;
    height: 11px;
    background-color: #ffffff;
    z-index: 1;
}
.whitesaand-shop-grid ul li:hover figure:before,.whitesaand-shop-grid ul li:hover figure:after { width: 0px;}
.whitesaand-shop-grid figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-shop-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    opacity: 0;
    z-index: 1;
}
.whitesaand-shop-grid ul li:hover figure a:before {
    height: 100%;
    opacity: 1;
}
.whitesaand-shop-grid figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #000;
}
.whitesaand-shop-grid figure a i {
    position: absolute;
    left: 50%;
    bottom: 0%;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 19px 0px 0px;
    border-radius: 100%;
    margin: 0px 0px -25px -24px;
    opacity: 0;
    z-index: 1;
}
.whitesaand-shop-grid ul li:hover figure a i {
    opacity: 1;
    bottom: 50%;
}
.whitesaand-shop-grid-text {
    border: 1px solid #ececec;
    line-height: 1;
    padding: 19px 0px 28px 29px;
    position: relative;
}
.whitesaand-shop-grid-text:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: -1px;
    border-bottom: 50px solid #f5f5f5;
    border-left: 50px solid transparent;
}
.whitesaand-shop-grid-text > a {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 9px 0px 0px;
    font-size: 13px;
    color: #777777;
}
.whitesaand-shop-grid ul li:hover .whitesaand-shop-grid-text > a { color: #ffffff;}
.whitesaand-shop-grid-text h5 {
    font-weight: bold;
    margin: 0px;
}
.whitesaand-shop-grid-text > small {
    font-size: 12px;
    color: #666666;
}
.whitesaand-shop-grid-text .star-rating { width: 34%; line-height: 17px; margin: 0px 0px 5px;}
.whitesaand-shop-grid-text .star-rating:before, .whitesaand-shop-grid-text .star-rating-box:before { letter-spacing: 3px;}
.whitesaand-shop-grid-text span {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}
.whitesaand-shop-grid-text span > small {
    font-size: 13px;
    color: #999999;
    font-weight: normal;
    margin: 0px 6px 0px 0px;
}
/*Shop List*/
.whitesaand-shop-list figure a,.whitesaand-shop-list figure a img {
    float: left;
    width: 100%;
}
.whitesaand-shop-list figure {
    float: left;
    width: 310px;
    margin: 0px;
}
.whitesaand-shop-list figure span {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #a34af7;
    font-size: 12px;
    color: #ffffff;
    line-height: 1.2;
    padding: 2px 8px 3px;
    border-radius: 3px;
}
.whitesaand-shop-list ul li:hover figure span { opacity: 0;}
.whitesaand-shop-list figure:before {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    z-index: 1;
    margin: -10px 0px 0px;
    border-top: 10px solid transparent;
    border-right: 10px solid #3f51b5;
    border-bottom: 10px solid transparent;
}
.whitesaand-shop-list figure a {
    position: relative;
    overflow: hidden;
}
.whitesaand-shop-list figure a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 6px;
    height: 100%;
    z-index: 1;
}
.whitesaand-shop-list ul li:hover figure a:before { width: 100%;}
.whitesaand-shop-list figure a:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}
.whitesaand-shop-list figure a i {
    position: absolute;
    right: 10%;
    top: 50%;
    background-color: #ffffff;
    border-radius: 100%;
    text-align: center;
    padding: 18px 0px 0px 0px;
    font-size: 16px;
    width: 50px;
    height: 50px;
    margin: -25px -25px 0px 0px;
    opacity: 0;
    z-index: 1;
}
.whitesaand-shop-list ul li:hover figure a i { opacity: 1; right: 50%;}
.whitesaand-shop-list figure ~ .whitesaand-shop-list-text { margin: 0px 0px 0px 310px; line-height: 1;}
.whitesaand-shop-list-text {
    background-color: #f5f5f5;
    padding: 24px 30px 25px 29px;
}
.whitesaand-shop-list-text h5 {
    margin: 0px;
    font-weight: bold;
}
.whitesaand-shop-list-text .star-rating {
    margin: 0px 0px 4px;
    width: 16%;
    line-height: 17px;
}
.whitesaand-shop-list-text .star-rating:before, .whitesaand-shop-list-text .star-rating-box:before { letter-spacing: 3px;}
.whitesaand-shop-list-text small {
    font-size: 12px;
    color: #666666;
    margin: 0px 0px 0px 3px;
}
.whitesaand-shop-list-text > span {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    margin: 0px 0px 18px;
}
.whitesaand-shop-list-text > span > small {
    font-size: 13px;
    font-weight: normal;
    color: #999999;
    margin: 0px 7px 0px 0px;
}
.whitesaand-shop-list-text p {
    margin: 0px 0px 19px;
    line-height: 24px;
}
.whitesaand-shop-list-text .whitesaand-classic-btn {
    float: none;
    display: inline-block;
    color: #ffffff;
    line-height: 2;
    padding: 2px 22px 3px;
}
.whitesaand-shop-list ul li:hover .whitesaand-classic-btn { background-color: transparent;}

/*404*/
.whitesaand-Error-page {
    float: left;
    width: 100%;
    text-align: center;
}
.whitesaand-Error-page h3 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 2px;
    line-height: 1;
}
.whitesaand-Error-page h2 {
    font-size: 100px;
    line-height: 0.9;
    font-weight: bold;
    margin: 0px 0px 2px;
}
.whitesaand-Error-page h4 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 6px;
}
.whitesaand-Error-page p {
    display: inline-block;
    width: 100%;
    color: #262626;
    font-weight: bold;
    font-size: 16px;
}
.whitesaand-Error-page p a { position: relative;}
.whitesaand-Error-page p a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 2px;
}
.whitesaand-Error-page p a:hover:before { width: 100%;}

/*contact us*/

.whitesaand-contact-us,.whitesaand-contact-us ul li {
    float: left;
    width: 100%;
}
.whitesaand-contact-us ul li {
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 3px;
    position: relative;
    margin-bottom: 30px;
    padding: 24px 0px 25px 30px;
    margin-top: 35px;
}
.whitesaand-contact-us ul li h6 {
    margin: 0px 0px 6px;
    font-size: 18px;
    font-weight: bold;
}
.whitesaand-contact-us ul li span,.whitesaand-contact-us ul li a {
    float: left;
    font-size: 14px;
}
.whitesaand-contact-us ul li a { color: #555555;}
.whitesaand-contact-us ul li i {
    position: absolute;
    top: -35px;
    right: 20px;
    color: #bd2127;
    width: 70px;
    height: 70px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 17px;
    border-radius: 40px;
    border: 1px solid #f8f8f8;
    font-size: 35px;

}
.whitesaand-contact-us-map {
    float: left;
    width: 100%;
    margin: 0px 0px 95px;
}
#map { 
    width: 100%;
    height: 550px;
}
.whitesaand-contact-us-form {
    float: left;
    width: 100%;
}
.whitesaand-contact-us-form form ul  {
    margin-left: -15px;
    margin-right: -15px;
}
.whitesaand-contact-us-form form ul li {
    list-style: none;
    width: 33%;
    float: left;
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.whitesaand-contact-us-form form ul li input[ type="text"] {
    float: left;
    width: 100%;
    background-color: transparent;
    border: 1px solid #ececec;
    font-size: 13px;
    font-style: italic;
    height: 50px;
    padding-left: 15px;
    color: #a1a1a1;
    font-weight: 500;
}
.whitesaand-contact-us-form form ul li input[ type="date"] {
    float: left;
    width: 100%;
    background-color: transparent;
    border: 1px solid #ececec;
    font-size: 13px;
    font-style: italic;
    height: 50px;
    padding-left: 15px;
    color: #a1a1a1;
    font-weight: 500;
}
.whitesaand-contact-us-form form ul li i {
    position: absolute;
    right: 15px;
    top: 0px;
    background-color: #f5f5f5;
    font-size: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 17px;
    color: #999999;
}
.whitesaand-contact-us-form ul .message-box {
    float: left;
    width: 100%;
}
.whitesaand-contact-us-form ul .message-box textarea {
    float: left;
    width: 100%;
    height: 220px;
    background-color: transparent;
    border: 1px solid #ececec;
    padding-left: 15px;
    padding-top: 11px;
    color: #555555;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
}
.whitesaand-contact-us-form ul li label {
    float: left;
    position: relative;
    margin: 0px;
}
.whitesaand-contact-us-form ul li label input[ type="submit"] {
    float: left;
    background-color: #ffffff;
    border: none;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    padding: 3px 50px 4px;
}
.whitesaand-contact-us-form ul li label:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 10px;
}
.whitesaand-contact-us-form ul li label:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1px;
    height: 10px;
}
/*contact us*/
.whitesaand-search-result {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding-left: 30px;
    padding-top: 59px;
    padding-bottom: 47px;
    position: relative;
    margin-bottom: 40px;
}
.whitesaand-search-result:after {
    content: '';
    position: absolute;
    left: 0px;
    top: -20px;
    width: 50%; 
    height: 30px;
    background-color: #ffffff;
}
.whitesaand-search-result:before {
    content: '';
    position: absolute;
    right: 0px;
    top: -20px;
    width: 51%; 
    height: 30px;
    background-color: #ffffff;
}
.bootom-lawyer:after {
     content: '';
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 50%; 
    height: 30px;
    background-color: #ffffff;
}
.bootom-lawyer:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -20px;
    width: 51%; 
    height: 30px;
    background-color: #ffffff;
}
.whitesaand-search-result h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    margin: 0px 0px 5px;
}
.whitesaand-search-result span {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1;
}
.whitesaand-search-result form {
    float: left;
    position: relative;
    width: 82%;
}
.whitesaand-search-result form input[ type="text"] {
    float: left;
    width: 100%;
    background-color: #ffffff;
    height: 45px;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 12px;
    position: relative;
}
.whitesaand-search-result form label {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
}
.whitesaand-search-result form label input[ type="submit"] {
    float: left;
    background-color: #ffffff;
    border: none;
    color: #262626;
    text-transform: uppercase;
    font-size: 15px;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    padding: 11px 16px 10px 16px;
}
.whitesaand-search-result form label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 20px;
}
.whitesaand-search-result form label:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 20px;
}

/* faq */
.whitesaand-faq-page,.faq-accordion {
    float: left;
    width: 100%;
}
.whitesaand-faq-page { margin: 0px 0px 88px;}
.whitesaand-faq-page .panel-heading { padding: 0px;}
.whitesaand-faq-page .panel-default { border: none;}
.whitesaand-faq-page .panel-group .panel {
    border-radius: 0px;
}
.whitesaand-faq-page .panel-default .collapsed {
    display: inline-block;
    background-color: #ffffff;
    width: 100%;
    color: #000;
    position: relative;
    border: 1px solid #cccccc;
    z-index: 0;
}
.whitesaand-faq-page .panel-title a {
    display: inline-block;
    width: 100%;
    border: 1px solid #3f51b5;
    padding-left: 57px;
    padding-top: 17px;
    padding-bottom: 18px;
    padding-right: 70px;
    color: #ffffff;
    position: relative;
    border-bottom: none;
    z-index: 1;
}
.whitesaand-faq-page .panel-title .collapsed:after,.panel-default a:after {
    content: "\f18e";
    position: absolute;
    left: 30px;
    top: 18px;
    font-family: fontawesome;
    font-size: 16px;
    font-weight: 400;
}
.whitesaand-faq-page .panel-default a:after { content: "\f01a";}
.whitesaand-faq-page .panel-title {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    position: relative;
    padding-bottom: 25px;
}
.whitesaand-faq-page .panel-title span {
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin: 0px 0px 0px -15px;
    width: 20px;
}
.whitesaand-faq-page .panel-title span:before {
    background-color: #cccccc;
    bottom: 8px;
    content: "";
    height: 15px;
    position: absolute;
    right: 5px;
    width: 1px;
}
.whitesaand-faq-page .panel-title span:after {
    background-color: #cccccc;
    bottom: 8px;
    content: "";
    height: 15px;
    position: absolute;
    left: 5px;
    width: 1px;
}
.whitesaand-faq-page .panel-title a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0; 
    height: 0; 
    border-top: 10px solid #ffffff; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent;
    margin-left: -15px;
}
.whitesaand-faq-page .panel-body:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -25px;
    width: 0; 
    height: 0; 
    border-top: 10px solid #3f51b5; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent;
    z-index: 2;
    margin-left: -15px; 
}
.whitesaand-faq-page .panel-body {
    background-color: #f5f5f5;
    padding-left: 30px;
    padding-right: 70px;
    padding-bottom: 25px;
    width: 100%;
    padding-top: 0px;
    position: relative; 
}
.whitesaand-faq-page .panel-body p {
    margin: 0px;
    line-height: 24px;
}
.whitesaand-faq-page .panel-group .panel + .panel { margin-top: 30px;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}

/* Login Modal Box */
.loginmodal .modal-dialog {
    width: 460px;
    margin-top: 150px;
}
.whitesaand-login-box {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 31px 40px 33px 40px;
}
.whitesaand-login-box h4 {
    color: #262626;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}
.whitesaand-login-box form { margin-bottom: 31px; }
.whitesaand-login-box form,
.whitesaand-login-box form input[type='text'],
.whitesaand-login-box form input[type='password'] {
    float: left;
    width: 100%;
}
.whitesaand-login-box form input[type='text'],
.whitesaand-login-box form input[type='password'] {
    background-color: transparent;
    border: 1px solid #ececec;
    padding: 6px 20px;
    height: 40px;
    font-size: 12px;
    color: #999999;
    font-style: italic;
    margin-bottom: 15px;
}
.whitesaand-login-box form a {
    color: #666666;
    font-size: 14px;
    float: right;
    border-bottom: 1px solid #37383a;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 15px;
}
.whitesaand-login-box form label {
    float: left;
    position: relative;
    margin-bottom: 0px;
}
.whitesaand-login-box form input[type='submit'] {
    float: left;
    background-color: transparent;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    border-right: none;
    border-left: none;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 25px 12px 25px;
    line-height: 1;
    color: #666666;
}
.whitesaand-login-box form label:before {
    content: "";
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    background-color: #3f51b5;
}
.whitesaand-login-box form label:after {
    content: "";
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: #3f51b5;
}
.login-network { margin: 0px -5px; }
.login-network li {
    float: left;
    width: 33.333%;
    padding: 0px 5px;
    list-style: none;
    margin-bottom: 20px;
}
.login-network li a {
    float: left;
    width: 100%;
    background-color: #47619c;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 15px;
}
.login-network li a i {
    float: left;
    font-size: 14px;
    margin: 7px 13px 0px 0px;
}
.whitesaand-login-box p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #666666;
    margin: 5px 0px 0px 0px;
}
.whitesaand-login-box p a { text-transform: uppercase; }
.login-network li.whitesaand-twitter a { background-color: #02aaf1; }
.login-network li.whitesaand-google-plus a { background-color: #eb6250; }
.whitesaand-login-close {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 59px;
    height: 59px;
    background-color: #ffffff;
    border-radius: 100%;
    text-align: center;
    padding-top: 16px;
    color: #666666;
}