/*** Fonts Start ***/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 13, 2020 */

/*@font-face {
    font-family: 'oswaldlight';
    src: url('/vendor-lib/fonts/google-fonts/oswald/oswald-light-webfont.eot');
    src: url('/vendor-lib/fonts/google-fonts/oswald/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/vendor-lib/fonts/google-fonts/oswald/oswald-light-webfont.woff2') format('woff2'),
         url('/vendor-lib/fonts/google-fonts/oswald/oswald-light-webfont.woff') format('woff'),
         url('/vendor-lib/fonts/google-fonts/oswald/oswald-light-webfont.ttf') format('truetype'),
         url('/vendor-lib/fonts/google-fonts/oswald/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*@font-face {
    font-family: 'oswaldlight';
    src: url('/vendor-lib/fonts/google-fonts/oswald/oswald-light.eot');
    src: url('/vendor-lib/fonts/google-fonts/oswald/oswald-light.eot?#iefix') format('embedded-opentype'),
            url('/vendor-lib/fonts/google-fonts/oswald/oswald-light.woff2') format('woff2'),
            url('/vendor-lib/fonts/google-fonts/oswald/oswald-light.woff') format('woff'),
            url('/vendor-lib/fonts/google-fonts/oswald/oswald-light.ttf') format('truetype'),
            url('/vendor-lib/fonts/google-fonts/oswald/oswald-light.svg#oswald-light') format('svg');
    font-weight: 300;
    font-style: normal;
}*/
@font-face {
    font-family: 'playfair_displayregular';
    src: url('/vendor-lib/fonts/google-fonts/playfair-display/playfairdisplay-regular-webfont.eot');
    src: url('/vendor-lib/fonts/google-fonts/playfair-display/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/vendor-lib/fonts/google-fonts/playfair-display/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('/vendor-lib/fonts/google-fonts/playfair-display/playfairdisplay-regular-webfont.woff') format('woff'),
         url('/vendor-lib/fonts/google-fonts/playfair-display/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('/vendor-lib/fonts/google-fonts/playfair-display/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/vendor-lib/fonts/google-fonts/open-sans/opensans-semibold-webfont-webfont.eot');
    src: url('/vendor-lib/fonts/google-fonts/open-sans/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-semibold-webfont-webfont.woff2') format('woff2'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-semibold-webfont-webfont.woff') format('woff'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-semibold-webfont-webfont.ttf') format('truetype'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('/vendor-lib/fonts/google-fonts/open-sans/opensans-regular-webfont-webfont.eot');
    src: url('/vendor-lib/fonts/google-fonts/open-sans/opensans-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-regular-webfont-webfont.woff2') format('woff2'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-regular-webfont-webfont.woff') format('woff'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-regular-webfont-webfont.ttf') format('truetype'),
         url('/vendor-lib/fonts/google-fonts/open-sans/opensans-regular-webfont-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    font-size: 16px;
    line-height: 1.6;
    background-color: transparent;
}

/* fonts */
/*body,
footer h3,
.r2g-form-main-strip-component .button,
.r2g-form-main-strip-component button:not(.fancybox-button),
.r2g-form-main-strip-component input[type="submit"]{
   font-family: 'open_sansregular', sans-serif ;
}*/

header.style-3,
footer .content-wrapper .contact-details-col.tel-col a,
footer{
  font-family: 'open_sansregular', sans-serif ;  
}
body, footer h3,
.r2g-form-main-strip-component .button,
.r2g-form-main-strip-component button:not(.fancybox-button),
.r2g-form-main-strip-component input[type="submit"],
h1,h2,.slogan,.cookie-section h5,
h3,h4,h5,h6,.link{
    font-family: 'playfair_displayregular', serif;
}
/*h3,h4,h5,h6,.link,
.popup-contacts-wrapper .contact-details-row:last-child a,
.popup-contacts-wrapper .contact-details-row:last-child{
    font-family: 'open_sanssemibold', sans-serif;
}*/

h1{
    font-size: 2em;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 30px;
    margin-top: 0;
    font-weight: normal;
}
    h1 .color-red {
    	font-size: 1.4em;
    	display: block;
    }
h2{
    font-size: 1.8em;
    line-height: 1.1;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: normal;
}
    h2 .color-red {
    	font-size: 1.3em;
    	display: block;
    }

h3{
    font-size: 1.23em;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: normal;
}

h4{
    font-size: 1.1em;
    line-height: 1.35;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: normal;
}

h5{
    font-size: 1.05em;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: normal;
}

h6{
    font-size: 1.05em;
    line-height: 1.12;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: normal;
}

p{
    margin: 0 0 15px 0;
}
ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding:0;
}
ol{
  margin: 0 0 15px 0;  
}
    .content-wrapper ul li {
    	position: relative;
    	padding-left: 32px;
    }
        .content-wrapper ul li::before {
        	content: "\eb0f";
        	font-family: icomoon;
        	line-height: 1;
        	top: 4px;
        	left: 0;
        	position: absolute;
        	font-size: 1.1em;
        }
.content-wrapper ol{
    padding-left: 0;
    list-style-position: inside;
}
    .content-wrapper ol li {
    	margin-left: 22px;
    	text-indent: -18px;
    }

a{
    text-decoration: none;
}

.content-wrapper *:last-child{
    margin-bottom: 0;
}



/* links and buttons */
.link{
    font-size: 0.86em;
    text-decoration: none;
    display:inline-block;
    padding-right: 20px;
    position:relative;
}
.link:after{
    content:"";
    position: absolute;
    width: 14px;
    height:14px;
    border-radius: 100%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:1;
    
}
.link:before{
    content:"\e9e6";
    font-family: icomoon;
    position: absolute;
    line-height: 1;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:2;
    font-size: 0.6em;
}

.link.normal-sized-link{
    font-size:1em;
}

.link-as-button,
header.style-3 .top-bar .primary-button,
.slogan-read-more .read-more,
.r2g-form-main-strip-component .button,
.r2g-form-main-strip-component button,
.r2g-form-main-strip-component input[type="submit"],
.cookie-accept.primary-button{
	text-transform: uppercase;
	font-size: 0.92em;
	padding: 10px 25px 7px;
	border:none;
	border-radius: 30px;
	display: inline-block;
	line-height: 1;
	
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/* arrows */
.r2g-flex-xlist-main-strip.flex-with-rotator .rotatorElement .arrows-wrapper,
.arrows-wrapper{
    width: calc(100% + 40px);
    left: -20px;
}
.main-visual-arrow-wrapper .slick-arrow,
.arrows-wrapper .slick-arrow{
    width:28px;
    height: 28px;
    border-radius: 100%;
    border: none;
    float:none;
    position: absolute;
    top: -14px;
}
/*.arrows-wrapper .slick-arrow{
    top: 0px;
}*/
.main-visual-arrow-wrapper .slick-arrow.nav-left,
.arrows-wrapper .slick-arrow.nav-left {
	left: 0;
	float:none;
}
/*.arrows-wrapper .slick-arrow.nav-left {
	left: auto;
	right: 33px;
}*/
.main-visual-arrow-wrapper .slick-arrow.nav-right,
.arrows-wrapper .slick-arrow.nav-right {
	right: 0;
	float:none;
}
    .main-visual-arrow-wrapper .slick-arrow span,
    .arrows-wrapper .slick-arrow span{
        display: none;
    }
    .main-visual-arrow-wrapper .slick-arrow:before,
    .arrows-wrapper .slick-arrow:before{
        content: "\eb2a";
        font-family: icomoon;
        line-height:1;
        display:block;
        position: absolute;
        top: 50%;
        left: calc(50% - 1px);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .main-visual-arrow-wrapper .slick-arrow.nav-right:before,
    .arrows-wrapper .slick-arrow.nav-right:before{
        content: "\e9e6";
        left: calc(50% + 1px);
    }
    
.strip-row {
	margin-bottom: 30px;
}


/* breadcrumb */
.breadcrumb-nav {
	padding: 0;
	box-sizing: border-box;
	font-size: 0.9em;
}
    .breadcrumb-nav a {
    	display: inline-block;
    	vertical-align: middle;
    }
    .breadcrumb-nav a:last-child {
    	pointer-events: none;
    	text-decoration: none;
    }
        .breadcrumb-nav span {
        	text-indent: 0;
        	display: inline-block;
        	width: 0;
        	padding-left: 23px;
        	overflow: hidden;
        	vertical-align: middle;
        	position: relative;
        	line-height: 1;
        	margin: 0 12px;
        }
            .breadcrumb-nav span::after {
            	content: "\ec42";
            	font-family: icomoon;
            	font-size: 1.6em;
            	margin: 0;
            	line-height: 1;
            	position: absolute;
            	left: 0;
            	top: 50%;
            	transform: translateY(-50%);
            }

/* header */
.header-fixed .r2g-header {
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
}
    header.style-3 #branding {
    	max-width: 130px;
    	margin: 15px 0;
    }
    header.style-3 .top-bar{
        margin-top: 0px;
        right: 55px;
    }
        .top-bar-wrapper {
        	display: flex;
        	align-items: center;
        }
        .top-bar-wrapper > * {
        	margin-left: 5px;
        }
        header.style-3 .top-bar .r2g-contact-options {
        	margin-left: 0;
        }
        .top-bar-wrapper > *:first-child {
        	margin-left: 0px;
        }
            header.style-3 .top-bar .primary-button{
                display:none;
            }
    
            /* lang switcher */
            .r2g-cms-language .selected-lan {
            	display: none;
            }
            .r2g-cms-language nav ul {
            	height: 0;
            	padding-top: 24px;
            	position: relative;
            	cursor: pointer;
            	min-width: 80px;
            }
                .r2g-cms-language nav ul::after {
                	content: "\eb66";
                	font-family: icomoon;
                	line-height: 1;
                	top: 50%;
                	left: auto;
                	position: absolute;
                	font-size: 0.8em;
                	right: 1px;
                	-webkit-transform: translateY(-50%);
                	-ms-transform: translateY(-50%);
                	transform: translateY(-50%);
                }
                .r2g-cms-language nav ul.lang-open::after {
                	content: "\eb79";
                	top: calc(50% + 1px);
                }
                .r2g-cms-language nav ul li {
                	padding: 0;
                	font-size: 0.93em;
                	opacity: 0;
                	pointer-events: none;
                	-webkit-transition: opacity 0.4s ease;
                	-ms-transition: opacity 0.4s ease;
                	transition: opacity 0.4s ease;
                }
                .r2g-cms-language nav ul.lang-open li {
                	opacity: 1;
                	pointer-events: auto;
                }
                .r2g-cms-language nav ul li.active {
                	position: absolute;
                	top: 0;
                	left: 0;
                	opacity: 1;
                	pointer-events: none;
                }
                .r2g-cms-language nav ul li:not(.active) {
                    	border-radius: 4px;
                    	/* padding: 5px 25px 5px 5px; */
                    	margin: 2px 0;
                    }
                    .r2g-cms-language nav ul li a {
                    	text-decoration: none;
                    	padding: 2px 25px 1px 5px;
                    	display: block;
                    }
                    .r2g-cms-language nav ul li:not(.active) a {
                    	padding: 5px 25px 9px 5px;
                    	line-height: 1;
                    }
                    
        /* header button */
        header.style-3 .header-bottom-bar .primary-button {
        	position: fixed;
        	top: auto;
        	padding: 10px 32px 10px;
        	bottom: 0;
        	text-transform: uppercase;
        	text-decoration: none;
        	letter-spacing: 0.7px;
        	-webkit-transition: all 0.4s ease;
        	-ms-transition: all 0.4s ease;
        	transition: all 0.4s ease;
        }
        
        /*  more menu */
        header.style-3 #more-menu-wrapper {
        	top: 56px;
        	height: calc(100% - 56px);
        }
            header.style-3 #more-menu-wrapper .logo-wrapper {
            	text-align: center;
            	display: none;
            }
            header.style-3 nav li{
            	font-size: 1.06em;
            }
        header.style-3 .more-menu-wrapper .social-media-links {
        	margin: 20px auto;
        }
        .social-media-links ul a {
        	display: flex;
        	align-items: center;
        }
        .social-media-links ul a .icon {
        	width: 28px;
        	height: 28px;
        	display: inline-block;
        	position: relative;
        }
            .social-media-links ul a .icon::before {
            	z-index: 1;
            	position: absolute;
            	top: 50%;
            	-webkit-transform: translate(-50%,-50%);
            	-ms-transform: translate(-50%,-50%);
            	transform: translate(-50%,-50%);
            	left: 50%;
            }
            .social-media-links ul a .icon::after {
            	content: "";
            	width: 28px;
            	height: 28px;
            	position: absolute;
            	top: 0;
            	left: 0;
            	border-radius: 100%;
            	z-index: 0;
            }
            .social-media-links.icon-only ul a .icon {
            	font-size: 0.9em;
            }
            
            nav li.active > a{
                pointer-events: none;
            }
            
/* footer */
footer {
	padding: 30px 0 45px;
	font-size: 0.86em;
}
.footer-inner-container .footer-item{
    margin-bottom: 30px;
}

footer h3{
    font-size: 1.14em;
    margin-bottom: 30px;
}
    .brand-logo {
    	max-width: 180px;
    }
    
    .xmenu-footer-with-heading ul li {
    	padding-left: 15px;
    	margin-bottom: 5px;
    }
        .xmenu-footer-with-heading ul li::before {
        	content: "";
        	width: 4px;
        	height: 4px;
        	position: absolute;
        	top: 8px;
        	left: 0;
        	border-radius: 100%;
        }
    footer .social-media-links ul li {
    	margin-bottom: 10px;
    }
    footer .social-media-links ul li:last-child {
    	margin-bottom: 0px;
    }
        footer .social-media-links ul a .icon {
        	padding-right: 0;
        	margin-right: 15px;
        }
        
        .contact-details-row {
        	display: flex;
        	align-items: center;
        	justify-content: left;
        	margin-bottom: 10px;
        }
        .contact-detail-row.address .icon {
        	font-size: 1.5em;
        	top: -4px;
        }
        .contact-details .address .contact-detail-row-inner {
        	padding: 0 0 0 30px;
        }
        .contact-details-row:last-child {
        	margin-bottom: 0px;
        }
            .contact-details-col.app-icon-col {
            	width: 28px;
            }
                .app-icon {
                	width: 28px;
                	height: 28px;
                	display: block;
                	border-radius: 100%;
                	position: relative;
                }
                    .app-icon::before {
                    	content: "\eb5c";
                    	font-family: icomoon;
                    	line-height: 1;
                    	display: block;
                    	font-size: 1.4em;
                    	position: absolute;
                    	top: calc(50% - 1px);
                    	left: calc(50% + 1px);
                    	-webkit-transform: translate(-50%,-50%);
                	    -ms-transform: translate(-50%,-50%);
                	    transform: translate(-50%,-50%);
                    }
                    .app-icon.whatsapp::before {
                    	content: "\eb5c";
                    }
                .contact-details-col {
                	margin-right: 4px;
                }
                .contact-details-row .contact-details-col:last-child {
                	margin-right: 0px;
                }
        .copyright-bar {
        	display: none;
        }
            
.main-container {
	margin-top: 57px;
}
html {
/*	background-image: url(/images/site-specific/site_bg.svg);*/
	background-size: contain;
	background-repeat: repeat-y;
}

/* main visual */
.main-visual-default::before {
	display: none;
}
.main-visual-default .main-visual-slogan-wrapper {
	display: block;
	padding: 16px 0;
}
    .main-visual-default .slogan {
    	margin-bottom: 15px;
    }
        .main-visual-default .slogan span.first-phrase {
        	font-size: 2.2em;
        	line-height: 1.2;
        	margin-bottom: 8px;
        }
        .main-visual-default .slogan span.second-phrase {
        	font-size: 1.5em;
        	line-height: 1.3;
        }
        
.main-visual-default .main-visual-pager-wrapper {
	z-index: 2;
	display: none;
}
    .main-visual-default .main-visual-pager-wrapper li {
    	width: 10px;
    	height: 10px;
    }
    .main-visual-default .main-visual-pager-wrapper .slick-active {
    	cursor: default;
    	width: 0;
    	height: 0;
    	border-width: 7px;
    	border-style: solid;
    }
.main-visual-default .main-visual-arrow-wrapper {
	display: block;
	top: 28.125vw;
	width: calc(100% - 40px);
	margin-top: 0;
	padding: 0;
	left: 20px;
	z-index: 4;
}

/* flex xlist */
.flex-xlist > .xList-items > .xList-item {
	margin-bottom: 35px;
}
.flex-xlist > .xList-items > .xList-item:last-child {
	margin-bottom: 0;
}

/* xlist */
.r2g-xlist-main-strip > .xList > .xList-items > .xList-item {
	margin-bottom: 55px;
}
.r2g-xlist-main-strip > .xList > .xList-items > .xList-item:last-child {
	margin-bottom: 0;
}

/* content block - sub componenet - default */
.r2g-content-block-sub-component {
	padding: 0;
}

/* xbox - option-1 / default */
.xbox-default.option-one .xbox .flex-container {
	padding-top: 25px;
}
.xbox-default.option-one.default-component .xbox .image-wrapper img{
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 5px 4px 8px -1px rgba(0,0,0,0.35);
	width: auto;
	height: auto;
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.main-content-strip .xbox-default.option-one.default-component .xbox .image-wrapper img{
    border-radius: 0px;
    box-shadow: none;
}

/* xbox - option-1 / v1 */
.xbox-default.option-one.variation-one .r2g-xbox .image-wrapper img{
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: block;
}

/* xbox - option-1 / v2 */
.xbox-default.option-one.variation-two > .container{
	width: 100%;
	padding: 0;
}
    .xbox-default.option-one.variation-two > .container > .intro-content{
    	width: 100%;
    	padding: 0 20px;
    	box-sizing: border-box;
    }
    .xbox-default.option-one.variation-two .r2g-xbox .flex-container{
    	padding-top:0;
    }


/* xbox - option-2 / default */
.xbox-style-1.option-two .r2g-xbox .flex-container {
	padding-top: 25px;
}
.xbox-style-1.option-two .r2g-xbox .image-wrapper img{
	width: auto;
	height: auto;
	margin: 0 auto;
	display: block;
}

/* xbox - option-5 / default */
.xbox-style-1.option-five .r2g-xbox .flex-container {
	padding-top: 25px;
}
.xbox-style-1.option-five .r2g-xbox .image-wrapper img {
	width: auto;
	height: auto;
	margin: 0 auto;
	display: block;
}

/* form - v-1*/
.r2g-form-main-strip-component.variation-one{
    background-image: url(/images/site-specific/newsletter-bg.jpg);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 20px 0 30px;
}
    .r2g-form-main-strip-component .cms-form-holder .cms-form .form-group{
        margin-bottom: 15px;
    }
    .r2g-form-main-strip-component .cms-form-holder .cms-form .form-group:last-child{
        margin-bottom: 0px;
    }
        .r2g-form-main-strip-component input[type="email"],
        .r2g-form-main-strip-component input[type="text"]{
            height: 39px;
            padding: 6px 15px;
            border:none;
            border-radius: 6px;
            font-size: 0.81em;
            
        }
        .r2g-form-main-strip-component.default-component input[type="email"],
        .r2g-form-main-strip-component.default-component input[type="text"]{
            box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
        }
        
        .r2g-form-main-strip-component.variation-one input[type="email"]{
            border-radius: 30px;
            padding: 6px 25px;
        }
        .r2g-form-main-strip-component .button,
        .r2g-form-main-strip-component button:not(.fancybox-button),
        .r2g-form-main-strip-component input[type="submit"]{
            height: 39px;
            font-weight: normal;
            line-height: 1;
        }
        label {
        	font-size: 0.81em;
        }
        .fb-cr {
        	padding: 0 0 8px 13px;
        }
        .fb-helper, .fb-cr input {
        	position: absolute;
        	top: 4px;
        	left: 0;
        	height: 13px;
        	width: 13px;
        	font-size: 13px;
        	border-radius: 4px;
        	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
        }
        .fb-checkbox-helper::after {
        	content: "";
        	width: 9px;
        	height: 9px;
        	position: absolute;
        	top: 2px;
        	left: 2px;
        	border-radius: 3px;
        }
        .fb-cr input:checked ~ .fb-checkbox-helper::after {
        	content: "";
        }
        
        .r2g-form-main-strip-component input::-moz-placeholder{ opacity: 1; }
        .r2g-form-main-strip-component input::-webkit-input-placeholder{ opacity: 1; }
        .r2g-form-main-strip-component input:-ms-input-placeholder{ opacity: 1; }
        .r2g-form-main-strip-component input::placeholder{ opacity: 1; }
        
        .cms-form label.error {
        	font-size: 0.81em;
        	position: relative;
        }
        
        
/* contact form */
.r2g-form-main-strip-component.text-align-right.default-component{
    display:none
}
.r2g-form-main-strip-component.default-component.fancybox-content {
	padding: 20px 0;
    /*background-image: url(/images/site-specific/site_bg.svg);*/
	background-size: cover;
	background-repeat: repeat-y;
	margin-bottom: 0;
}
.r2g-form-main-strip-component.text-align-right.default-component .intro-content {
	text-align: left;
}
.r2g-form-main-strip-component.default-component.fancybox-content h2 {
	line-height: 1.1;
}
.fancybox-button svg path {
	fill: #000;
}
        
        
/* contact details popup */
.contact-details-wrapper.popup-contacts-wrapper {
	max-width: 435px;
	width: 320px;
	box-sizing: border-box;
	opacity:0;
	pointer-events:none;
	position:fixed;
	top: 80px;
	left: 0;
	z-index:10;
	margin-left:0;
	
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.contact-details-wrapper.popup-contacts-wrapper .popup-contacts-inner-rapper {
	border-radius: 15px;
	overflow: hidden;
	width: 100%;
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
}
.contact-details-wrapper.popup-contacts-wrapper .arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px;
	z-index: 11;
	left: calc(50% - 5px);
	top: -10px;
}
.contact-details-wrapper.popup-contacts-wrapper.view-popup {
	opacity:1;
	pointer-events:auto;
	top: 39px;
}
    .popup-contacts-wrapper .contact-details-row {
    	margin-bottom: 0;
    	padding: 8px 5px;
    	font-size: 0.85em;
    }
    .popup-contacts-wrapper .contact-details-col.app-icon-col {
    	height: 28px;
    }
        .popup-contacts-wrapper .contact-details-col.tel-col {
        	width: 110px;
        	flex-basis: 110px;
        }
        .popup-contacts-wrapper .contact-details-col.name-col {
        	width: 55px;
        	flex-basis: 55px;
        }
        
    .popup-contacts-wrapper .contact-details-row:last-child {
    	padding: 12px 10px;
    	justify-content: space-evenly;
    }
    .popup-contacts-wrapper .contact-details-row:last-child .app-icon-col,
    .popup-contacts-wrapper .contact-details-row:last-child .lang-col{
        display: none;
    }
    .popup-contacts-wrapper .contact-details-row:last-child .tel-col,
    .popup-contacts-wrapper .contact-details-row:last-child .name-col{
        width: auto;
        flex-basis: auto;
        margin-right: 0;
    }
    
    .content-wrapper h3 a,
    .content-wrapper h3 a:hover {
    	color: inherit;
    }
    
    .header-bottom-bar .r2g-contact-options {
    	margin-left: 25px;
    	vertical-align: middle;
    	display:none;
    }
    
    .core-features-strip .xbox-default.option-one.variation-one .r2g-xbox .image-wrapper img {
    	max-width: 95px;
    }
    
    .blog-strip .xbox-default.option-one.variation-one .r2g-xbox .image-wrapper img {
    	width: 100%;
    	height: auto;
    }
    
    /* lang switch temp remove from blog page */
    .language-switcher,
    .lang-menu li.ta{
        display:none;
    }
    
    /* cookie message */
    .cookie-section {
    	/*display: none !important;*/
    	/*background-image: url(/images/site-specific/newsletter-bg.jpg);*/
    	background-color: #032575;
    	background-size: cover;
    	background-repeat: no-repeat;
    	background-position: center center;
    	box-shadow: 0px 16px 7px 17px rgba(0,0,0,0.2);
    }
    .cookie-section .cookie-wrapper {
    	padding: 20px;
    }
        .cookie-section h5 {
        	color: #fff;
        	font-size: 1.2em;
        }
            .cookie-content {
            	font-size: 0.8em;
            	margin-bottom: 10px;
            	color: #fff;
            }
                .cookie-content .primary-link {
                	margin-left: 5px;
                }
                .cookie-section .cookie-wrapper a.cookie-accept {
                	font-size: 1em;
                }

/* Header Learn Dropdown adding */
header.style-3 #more-menu nav li.last-2 {
    border-bottom: none;
}

#more-menu .sub-menu-arrow::before {
    color: #fff;
}

header.style-3 #more-menu nav .sub-menu-active > a,
header.style-3 #more-menu nav .sub-menu-active > .sub-menu-arrow:before {
  color: #000;
}


/* style formats for CMS editor
DON'T REMOVE THIS SECTION 
*/

/**style_formats**

{ "title": "Link Formats" },
{ "title": "Link Default", "selector": "a", "classes": "link check-empty-href" },
{ "title": "Link Option One", "selector": "a", "classes": "link link-one check-empty-href" },
{ "title": "Link Option Two", "selector": "a", "classes": "link link-two check-empty-href" },
{ "title": "Link as Button Default", "selector": "a", "classes": "link-as-button check-empty-href" },
{ "title": "Link as Button Option One", "selector": "a", "classes": "link-as-button button-one check-empty-href" },
{ "title": "Link as Button Option Two", "selector": "a", "classes": "link-as-button button-two check-empty-href" },
{ "title": "Link as Button Option Three", "selector": "a", "classes": "link-as-button button-three check-empty-href" },
{ "title": "Contact Form Popup" },
{ "title": "Contact Form Popup Button", "selector": "a", "classes": "link-as-button contact-form-pop-up check-empty-href" },
{ "title": "P Options" },
{ "title": "Blog Date", "selector": "p", "classes": "blog-date check-empty-href" },
{ "title": "Color Options" },
{ "title": "Color White", "selector": "h1,h2,h3,h4,h5,h6,p,span", "classes": "color-white check-empty-href" },
{ "title": "Color Red", "selector": "h1,h2,h3,h4,h5,h6,p,span", "classes": "color-red check-empty-href" },
{ "title": "Color Black", "selector": "h1,h2,h3,h4,h5,h6,p,span", "classes": "color-black check-empty-href" },
{ "title": "Color Maroon", "selector": "h1,h2,h3,h4,h5,h6,p,span", "classes": "color-maroon check-empty-href" },
{ "title": "Blog Date", "selector": "p", "classes": "blog-date check-empty-href" },
{ "title": "Footer Images" },
{ "title": "Brand Logo", "selector": "img", "classes": "brand-logo" },
{ "title": "Company Logo", "selector": "img", "classes": "company-logo" }

**style_formats**/

/**templates**

{ "title": "Home Main Content Grid Item", "description": "Use this to add Home Main Content Grid Item", "content": "<div class=\"main-content-grid-item\"><h3 class=\"main-content-grid-item-title check-empty-text\">Establisment<\/h3><h3 class=\"main-content-grid-item-counter check-empty-text\">1979<\/h3><h3 class=\"main-content-grid-item-sub-title check-empty-text\">Billion<\/h3><\/div>"},
{ "title": "Wrap with sapn", "description": "Use this to Wrap with sapn", "content": "<span>replaced word<\/span>"}

**templates**/


/*Contact Us Page Form Styles - WM - Deminda 2022-01-31 - Start*/

.page-25 .cms-form.form-inquiry {
    width: 90%;
    margin: 0 auto;
}

.page-25 .fb-paragraph.form-group p {
    margin-left: 30px;
}


.page-25 .fb-text.form-group , 
.page-25 .fb-textarea.form-group , 
.page-25 .fb-privacyfield.form-group , 
.page-25 .fb-captcha.form-group {
    width: calc(50% - 31px);
    float: left;
    margin-left: 30px;
}

.page-25 .fb-privacyfield.form-group {
    margin-top: 15px;
}

.page-25 .fb-captcha.form-group div.recaptcha {
    width: fit-content;
    margin-left: auto;
}

.page-25 .fb-textarea.form-group .fb-text-label span{
    font-family: 'playfair_displayregular', serif !important;
    font-size: unset !important;
    color: #666 !important;
}


@media (max-width: 1024px) { 
    
    .page-25 .cms-form.form-inquiry {
    width: 95%;
    }
    
}

@media (max-width: 768px) { 
    
    .page-25 .fb-text.form-group , 
    .page-25 .fb-textarea.form-group , 
    .page-25 .fb-privacyfield.form-group , 
    .page-25 .fb-captcha.form-group {
        width: 100%;
        clear: both;
        margin-left: 0px
    }
    
}

.page-25 .slider-item .image-only.image-wrapper {
    height: 53vh;
}

.page-25 .row.strip-row.r2g-main-visual.clearfix.default-banner-full-height.default-slogan-left.variation-one, 
.page-25 .row.strip-row.clearfix.r2g-breadcrumb.default-component {
   margin-bottom: unset;
}

.page-25 .fb-button.form-group.field-button-1643607078889 {
    clear:both;
}

.page-25 textarea.form-control{
    font-family: sans-serif;
    font-size: 14px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 20%);
    border: none;
    background-color: transparent;
    resize: none;
    outline: none;
}

.page-25 .cms-form.form-inquiry , .page-25 input.form-control , .page-25 label{
    font-family: sans-serif !important;
    font-size: 15px !important;
    
}

.page-25 .form-wrapper div.success {
    
    text-align: center;
}

.page-25 .form-wrapper div.success h2.success  {
    
    display: none;
}

.page-25 .form-wrapper div.success p {
    color: rgb(255,90,1);
    font-size: 1.5em;
}


.page-25 .fb-paragraph.form-group p {
    text-align: center;
    margin-bottom : 50px;
}

.page-25 .r2g-form-main-strip-component .cms-form-holder .cms-form .form-group {
    margin-bottom: 25px;
}

::placeholder{
    color:rgb(180,180,180) !important;
     opacity: 1;
}


/*@-moz-document url-prefix() {*/
    /*.page-25 textarea.form-control{*/
    /*    color: rgb(180,180,180) !important;*/
    /*}*/
/*    ::placeholder{*/
/*        color:rgb(180,180,180) !important;*/
/*        opacity: 1;*/
/*    }*/
/*}*/


@media (min-width: 1366px){
.page-25 .main-visual-default .main-visual-slogan-wrapper {
    width: 28%;
}
}



/*Contact Us Page Form Styles - WM - Deminda 2022-01-31 - End*/


/*Contact Us Page Styles Changes - WM - Deminda 2022-03-11 - Start*/

.page-25 .fb-paragraph.form-group p{
    font-size: 1.2em;
}

@media only screen and (max-width: 600px){
	
	.page-25 .intro-content {
	    margin-top: 15px;
	}
}

.page-25 button[name="button-1643607078889"] {
  font-family: 'open_sansregular', sans-serif;
}

.page-19 a.link-as-button.link-as-button-option-1{
    font-family: 'open_sansregular', sans-serif;
    letter-spacing: 0.7px;
}

@media (min-width: 768px) and (max-width: 999px){
        .main-visual-default .main-visual-slogan-wrapper {
        width: 45% !important;
    }
}

/*Contact Us Page Styles Changes - WM - Deminda 2022-03-11 - End*/

/* Implementing Tawk.to Chat Option for Customers*/
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
 
@media(min-width:768px) and (max-width:850px){
.social-media-links.horizontal ul li {
    margin-left: 4px;
}
.top-bar-wrapper {
    font-size: 12px;
}

header.style-3 .top-bar .r2g-contact-options {
    margin-left: 0;
    margin-right: -10px;
}

.top-bar-wrapper a.primary-button {
    margin-left: 5px;
    margin-right: -12px;
}
div .goog-te-gadget-simple {
    font-size: 12px;
}
}
@media(min-width:320px) and (max-width:600px){

div .goog-te-gadget-simple {
    font-size: 9px;
}
}
/*.header-bottom-bar div#google_translate_element {
    display: none;
}*/

body.page-1.cse_body.page-home.window-scrolled.header-fixed.scrolled .header-bottom-bar div#google_translate_element {
    display: block;
}
.translated-ltr div#main-menu {
    font-size: 12px;
}




@media(min-width:1366px){

.header-fixed.scrolled header.style-3 .top-bar {
    top: 53px !important;
   
}

.header-fixed.scrolled header.style-3 .header-bottom-bar {
    top: 50px  !important;
}

.header-fixed header.style-3 .header-bottom-bar .primary-button, .header-fixed .header-bottom-bar .r2g-contact-options {
    display: none  !important;
}
.header-fixed.scrolled header.header-topbar-moremenu.style-3.r2g-header {
    height: 100px;
}
}

@media(max-width:1199px){

.goog-te-menu-frame {
        max-width:100% !important; 
        }
        
.goog-te-menu2 { 
        max-width: 100% !important;
        overflow-x: scroll !important;
        box-sizing:border-box !important; 
        height:auto !important; 
        }
}

.window-scrolled.header-fixed.scrolled .goog-te-menu-frame{
    top:53px!important;
}
/* End Implementing Tawk.to Chat Option for Customers*/

/*Success story pg implementation*/
ul.xList-items.store-locators-inner-wrapper.clearfix li.xList-item {
    width: 45%;
    margin: 55px 30px auto;
    padding-left: 0;
    display:none;

}

ul.xList-items.store-locators-inner-wrapper.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
}


ul.xList-items.store-locators-inner-wrapper.clearfix li:before {
    display: none;
}
.x-box.listing-stories-wrapper .content-wrapper {
    background-color: #f3f1f1;
    padding: 25px 35px;
    height: 330px;
    /*height: auto;*/
}
.xList.success-stories-wrapper {
    margin-bottom: 60px;
}

ul.xList-items.store-locators-inner-wrapper.clearfix .read-story {
    margin: 15px 0 25px 0px;
}
.x-box.listing-stories-wrapper h2 {
    margin-bottom: 15px;
    margin-top: -5px;
}

.success-stories-dropdown-wrapper.row {
    display: inline-block;
    margin-bottom: 50px;
    margin: 55px 30px auto;
}
select#store-locator-region-indus,select#store-locator-region-use {
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #828786;
    border-radius: 0;
    padding: 2px;
    margin-left: 20px;
    width: auto;
    height: 30px;
    
}

.text-align-left.r2g-content-block #store-locator-region-indus option,.text-align-left.r2g-content-block  #store-locator-region-use option {
    text-align: center;
}

a#load-more-button {
    margin: 0 auto;
    background-color: #ff5900;
    color: #fff;
    padding: 11px 30px;
    border-radius: 30px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.load-more-button {
    padding-bottom: 50px;
    display: inline-block;
        margin: 0 43% auto;
    
}
a#load-more-button:hover {
   background:#2a007c;
} 

@media (max-width:699px){
    .load-more-button {
 margin: 0 20% auto;
    }
}
@media (min-width:320px) and  (max-width:1023px){

ul.xList-items.store-locators-inner-wrapper.clearfix li.xList-item {
    width: 100%;
    margin: 50px 0 auto;
   
}
    
}
@media (min-width:1024px) and  (max-width:1365px){

ul.xList-items.store-locators-inner-wrapper.clearfix li.xList-item {
    width: 43%;
    margin: 55px 32px auto;
}
}

@media (min-width:750px) and (max-width: 999px){
.load-more-button {
    margin: 0 35% auto;
}
}
@media(min-width:1366px){

.strip-row {
    margin-bottom: 45px !important;
}
}
.client-logo-wrapper {
    padding-bottom: 20px;
}

.success-story-wrapper h1 {
    font-size: 3em;
}
.container.case-studies-detail-wrapper {
    margin-top: -35px;
    margin-bottom: 75px;
    
}
.detail-banner-wrapper {
    padding-bottom: 20px;
}
.case-study-wrapper {
   margin: 0 15% auto;
    display: flex;
    border-bottom: 1px solid #cbbfbf;
    width: 70%;
    margin-bottom: 45px;
}
.case-study-wrapper p {
    padding: 0 80px 0 0px;
}
.content-wrapper.bottom-content {
    width: 70%;
    margin: auto;
}

.content-wrapper.bottom-content h2 {
    font-size: 2em;
}

.content-wrapper.bottom-content div {
    padding: 0 0 35px 0;
}
.shop-url-wrapper .primary-button {
    color: #fff!important;
    text-align: center;
    margin: 0 auto;
    background-color: #ff5900;
    padding: 10px 50px;
    border-radius: 25px;
}


.shop-url-wrapper a {
    display: block;
    margin: auto;
    width: 75px;
}
.blue-box-business {
    background-color: hsl(189deg 68% 61%);
    padding: 50px 178px;
    margin-top: 30px;
}

.text-align-left.r2g-content-block .blue-box-business h3 {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    padding-bottom: 15px;
}
a.talk-to-us.primary-button {
    border-radius: 20px;
    background-color: #fff;
    padding: 9px 35px;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100px;
    color: #58cbdf;
}

@media(max-width:767px){
.case-study-wrapper p {
    padding: 0 19px 0 0px;
}
.case-study-wrapper {
    margin: 0 auto;
    margin-bottom: 45px;
        width: 100%;
    
}

.blue-box-business {
    padding: 50px 5px;
}
.text-align-left.r2g-content-block .blue-box-business h3 {
    font-size: 1.8em;
    
}
.content-wrapper.bottom-content {
    width: 85%;
}
.success-story-gallery .arrows-wrapper .slick-arrow {
    width: 20px;
    height: 20px;
}

.more-stories.r2g-flex-xlist-main-strip.flex-with-rotator .rotatorElement .slick-slide {
    margin-left: 0;
    margin-right: 0;
}
}
@media (min-width:768px) and (max-width:1023px){
    .blue-box-business {
    padding: 50px 115px;
}

.success-stories-home.xbox-style-1.option-two .r2g-xbox .image-wrapper img {
    width: 100%;
    height: 100%;
    
}
}



.success-story-gallery .container {
    margin-bottom: 80px;
    margin-top: -70px;
    width: 60%;


}

.success-story-gallery .slick-slide img {
    display: block;
    width: 100%;
}

.container.case-studies-detail-wrapper .contact-details-wrapper.popup-contacts-wrapper.view-popup {
    position: absolute;
   margin-left: 45%;
  top: 98%;
   
}

/*.success-story-gallery ul.xList-items.list-style-none.slick-initialized.slick-slider {
    margin: 0 auto;
}*/

@media (min-width:320px) and (max-width:767px){


.more-stories ul.xList-items.list-style-none.slick-initialized.slick-slider{
    margin: auto;
    width: 90%;
}
.success-story-gallery .container {
        width: 83%;

}
.x-box.listing-stories-wrapper .content-wrapper {
    /*height: 235px;*/
    height: auto;
}
.more-stories .x-box.listing-stories-wrapper .content-wrapper {

height: 370px;
}

select#store-locator-region-indus, select#store-locator-region-use {
        margin-left: 5px;
            width: 100px;


}
.success-stories-home .content-wrapper {
    padding: 10px;
}
.text-align-left.r2g-content-block #store-locator-region-indus option, .text-align-left.r2g-content-block #store-locator-region-use option {
    font-size: 12px;
}
.container.case-studies-detail-wrapper .contact-details-wrapper.popup-contacts-wrapper.view-popup {
    left: 0% !important;
    top: 98%;
    margin: 0 4% auto;
}
}
.success-stories-home .container {
            width: 100%;

}
.success-stories-home .flex-container {
    background-color: #ccd3d5;
}
.success-stories-home {
    padding-bottom: 60px;
}

@media (min-width:1366px){
header.style-3 .header-bottom-bar {
top: 72px !important;
}

header.style-3 .top-bar {
    margin-top: -16px !important;
}
header.style-3 #more-menu-wrapper {
    top: 50px !important;
    max-height: unset !important;
}
.header-fixed.scrolled header.style-3 .top-bar {
    top: 67px !important;
}
.header-fixed.scrolled header.style-3 #more-menu-wrapper {
    top: 55px !important;

}
.container.case-studies-detail-wrapper .contact-details-wrapper.popup-contacts-wrapper.view-popup {
   top: 96%;

}
.more-stories .x-box.listing-stories-wrapper .content-wrapper {
    height: 320px;
    
}
}

@media (min-width:768px) {

.success-story-gallery .arrows-wrapper .slick-arrow.nav-right{
    right: 0px;
}
.success-story-gallery .arrows-wrapper .slick-arrow.nav-left{
    left:0px;
}

}
@media (min-width:1024px) and (max-width:1365px) {

header.header-topbar-moremenu.style-3.r2g-header #more-menu nav li a {
    padding: 5px;
    
}

header.header-topbar-moremenu.style-3.r2g-header #more-menu nav li.learn ul {

    width: 400px;
}
.more-stories .x-box.listing-stories-wrapper .content-wrapper {
    height: 390px;
    
}
}
.success-story-gallery.r2g-flex-xlist-main-strip.flex-with-rotator .rotatorElement .slick-slide {
    margin-left: 0;
    margin-right: 0;
}
.detail-banner-wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}    

@media (min-width:1600px) and (max-width:1919px) {

ul.xList-items.store-locators-inner-wrapper.clearfix li.xList-item {
    width: 29%;
    margin: 55px 29px auto;
}
.x-box.listing-stories-wrapper .content-wrapper {
    
    height: 300px;
}
}
@media (min-width:1920px){
    ul.xList-items.store-locators-inner-wrapper.clearfix li.xList-item {
    width: 30%;
    margin: 55px 28px auto;
}
.x-box.listing-stories-wrapper .content-wrapper {
    
    height: 310px;
}
}


.success-story-gallery.r2g-flex-xlist-main-strip.flex-with-rotator .rotatorElement .xList-items {
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.container.case-studies-detail-wrapper .contact-details-wrapper.popup-contacts-wrapper.view-popup {
    font-family: 'open_sansregular', sans-serif;
}


.content-wrapper.Sucees-Stories-Detail-BannerArea {
    display: none;
}
.x-box.listing-stories-wrapper .image-wrapper.vmb3 img.u-full-width {
    width: 100%;
}


/*.success-stories-home.r2g-xbox-list-component.text-align-left.xbox-style-1.image-on-left.option-two.default-component {
    display: none;
}
li.success-stories.show-on-1366 {display: none !important;}*/

/*End Success story pg implementation*/

/*Create Account pg implementation*/


.oms-create-account.r2g-xbox-sub-component.text-align-left.xbox-style-1.image-on-left.option-two.default-component {
    background-color: #f5f6f8;
    padding: 0px 0 50px 0;
    margin-bottom: 40px;
    
}

.oms-create-bredrumb.row.strip-row.clearfix.r2g-breadcrumb.default-component {background-color: #f5f6f8;}


.page-31 .row.strip-row.r2g-main-visual.clearfix.default-banner-full-height.default-slogan-left.variation-one {display: none;}
@media (min-width:1024px){
.page-31 .main-container {margin-top: 122px;}
}

.oms-create-bredrumb.strip-row {margin-bottom: 0px!important;}

.oms-create-account h2 {
    text-transform: capitalize;
    line-height: 1.2;
    font-size: 3.5em;
}

.oms-create-account.xbox-style-1.option-two .r2g-xbox .flex-container {
    padding-top: 0;
}
@media (min-width:1000px){
.oms-create-account .image-wrapper {
    /*padding: 70px 150px 0 0;*/
    padding: 55px 125px 0 25px;

}
.oms-create-bredrumb.r2g-breadcrumb .breadcrumb-nav {
    padding: 25px 30px;
}
}
.oms-create-account h3 {
    padding-bottom: 20px;
        font-size: 1.8em;
    color: #4c4c54;

}
.oms-create-account .image-wrapper p {
    padding: 0 20px 0 0;
}
#oms-create-account-form input[type="email"]:focus,
#oms-create-account-form input[type="number"]:focus,
#oms-create-account-form input[type="search"]:focus,
#oms-create-account-form input[type="text"]:focus,
#oms-create-account-form input[type="tel"]:focus,
#oms-create-account-form input[type="url"]:focus,
#oms-create-account-form input[type="password"]:focus,
#oms-create-account-form textarea:focus,
#oms-create-account-form select:focus {
  border: 1px solid #918787;
  outline: 0; 
}
#oms-create-account-form input[type="email"],
#oms-create-account-form input[type="number"],
#oms-create-account-form input[type="search"],
#oms-create-account-form input[type="text"],
#oms-create-account-form input[type="tel"],
#oms-create-account-form input[type="url"],
#oms-create-account-form input[type="password"],
#oms-create-account-form textarea,
#oms-create-account-form select {
  height: 53px;
  border-radius: 25px;
 width: 85%;
 border: 1px solid #918787;
 padding-left: 45px;
font-family: 'open_sansregular', sans-serif;

    
}

#oms-create-account-form .fb-text.form-group{
    padding: 7px;
}

#oms-create-account-form .fb-paragraph.form-group {
    padding: 5px 20% 5px 8%;
    font-size: 15px;
}

#oms-create-account-form .fb-button.form-group {
    float: right;
    padding: 15px 15%;
}
#oms-create-account-form button.link-as-button-option-1.link-as-button {
    height: 50px;
    padding: 5px 35px 5px 35px;
}
#oms-create-account-form button.link-as-button-option-1.link-as-button:hover {
    color: #fff;
}
#oms-create-account-form i.material-icons.fields-icons {
   left: 25px;
    right: auto;
    position: absolute;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#oms-create-account-form input::placeholder {
    
    color:#000;
    color: #857d7d !important;
    font-weight: 600;
    font-family: 'open_sansregular';
}
#oms-create-account-form span.oos-login-error {
    padding: 5px 20% 5px 8%;
    color: red;
    display: inline-block;
}
@media (max-width:767px){

.oms-create-account.xbox-style-1.option-two .r2g-xbox .flex-container {
    padding-top: 20px;
}
#oms-create-account-form span.oos-login-error {
    padding: 0 30px;
    
}
}
.oms-create-account .message-box p{
   
    color: red;
    /*font-weight: 600;*/
    /*padding: 10px;
    box-sizing: border-box;
    border: 1px solid #f58a05;
    text-align: center;*/
    margin-bottom: 10px;
    padding: 5px 20% 5px 8%;

}
.pgloading {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    height: 100%;
    opacity: 0.5;
    top: -250px;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
}
.pgloading p {
    vertical-align: middle;
    color: #fff;
     margin-top:35%;
     font-size:1.9em;
}
.page-32 div#uid_mainvisual-blank__1557976917093 {display: none;}

.page-32 .oms-create-bredrumb.row.strip-row.clearfix.r2g-breadcrumb.default-component {display: none;}


    
@media (min-width:1024px){
.registration-success-wrapper {
   margin-top: 115px;
   
}
}

.registration-success.r2g-content-block.content-block.r2g-content-block-sub-component.text-align-left.default-component {
    background-color: #fff;
    padding: 45px 20px 70px 20px;
}
.registration-success-wrapper {
   margin-top: 130px;
   
}
@media (max-width:1023px){

.registration-success-wrapper {
    margin-top: 0;
}
}
.registration-success .content-wrapper h1 {text-align: center;font-size: 3em;}
.registration-success-bottom .content-wrapper.shortened {
    margin: 0 auto;
    text-align: center;
    padding: 30px 25% 30px 25%;
}

img.success-gift {
       margin: 0 auto;
    display: block;
}


img.shoponcloud-img {
    position: absolute;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20%;
}
@media(min-width:320px) and (max-width:767px){
.registration-success .content-wrapper h1 {text-align: center;font-size: 2.3em;}
.registration-success-bottom .content-wrapper.shortened {
   
    padding: 0;
}
}
@media (max-width:1023px){

img.shoponcloud-img {

    right: 55px;
    width: 35%;
}
.oms-create-account h3 {
    display: none;
}
.oms-create-account .image-wrapper p {
    padding: 0 20px 0 0;
    display: none;
}
.oms-create-account h2 {
    text-align: center;
}
#oms-create-account-form input[type="email"], #oms-create-account-form input[type="number"], #oms-create-account-form input[type="search"], #oms-create-account-form input[type="text"], #oms-create-account-form input[type="tel"], #oms-create-account-form input[type="url"], #oms-create-account-form input[type="password"], #oms-create-account-form textarea, #oms-create-account-form select {
    width: 95%;
}
#oms-create-account-form .fb-paragraph.form-group {
    padding: 5px 8% 5px 8%;
}
}

.row.strip-row.v404page.r2g-main-visual.clearfix.default-banner-full-height.default-slogan-left.variation-one {
    margin-top: 100px;
}
.page-34 .oms-create-account.r2g-xbox-sub-component.text-align-left.xbox-style-1.image-on-left.option-two.default-component {
    padding: 0;
    margin-bottom: 0;
}
/*End Create Account pg implementation*/


/*dev*/
    .page-14 .main-visual-default .main-visual-slogan-wrapper,
    .page-15 .main-visual-default .main-visual-slogan-wrapper {
        bottom: 35px;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
        margin-bottom: 2px;
    }
    .page-14 .main-visual-default .slogan span.first-phrase,
    .page-15 .main-visual-d,efault .slogan span.first-phrase {
        font-size:1.7em;
    }
    .page-14 .main-visual-default .slogan span.second-phrase,
    .page-15 .main-visual-default .slogan span.second-phrase {
         font-size:0.95em;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
        margin-bottom: 2px;
    }
    .main-visual-slogan-wrapper .slogan-read-more{
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .main-visual-slogan-wrapper .slogan-read-more .read-more {
        padding: 12px 26px 8px;
    }
    .page-15 .main-visual-default .main-visual-slogan-wrapper,
    .page-14 .main-visual-default .main-visual-slogan-wrapper {
    width:70% !important;
    }
    
@media(min-width:768px) and (max-width:900px){
    .page-14 .main-visual-default .main-visual-slogan-wrapper,
    .page-15 .main-visual-default .main-visual-slogan-wrapper {
    bottom: 35px;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
    margin-bottom: 2px;
    }
    .page-14 .main-visual-default .slogan span.first-phrase,
    .page-15 .main-visual-default .slogan span.first-phrase {
    font-size: 1.5em;
    }
    .page-14 .main-visual-default .slogan span.second-phrase,
    .page-15 .main-visual-default .slogan span.second-phrase {
    font-size: 0.75em;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
    margin-bottom: 2px;
    }
    .main-visual-slogan-wrapper .slogan-read-more{
    margin-bottom: 6px;
    margin-top: 4px;
    }
    .page-15 .main-visual-slogan-wrapper .slogan-read-more .read-more,
    .page-14 .main-visual-slogan-wrapper .slogan-read-more .read-more {
    padding: 8px 18px 6px;
    }
    .page-15 .main-visual-default .main-visual-slogan-wrapper,
    .page-14 .main-visual-default .main-visual-slogan-wrapper {
    width: 55% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .page-14 .main-visual-default .main-visual-slogan-wrapper,
    .page-15 .main-visual-default .main-visual-slogan-wrapper {
            bottom: 35px;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
        margin-bottom: 2px;
    }
    .page-14 .main-visual-default .slogan span.first-phrase,
    .page-15 .main-visual-default .slogan span.first-phrase {
            font-size: 1.5em;
    }
    .page-14 .main-visual-default .slogan span.second-phrase,
    .page-15 .main-visual-default .slogan span.second-phrase {
            font-size: 0.75em;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
        margin-bottom: 2px;
    }
    .main-visual-slogan-wrapper .slogan-read-more{
        margin-bottom: 6px;
        margin-top: 4px;
    }
    .main-visual-slogan-wrapper .slogan-read-more .read-more {
        padding: 8px 18px 6px;
    }
}
    
@media only screen and (min-width: 1366px) {
    .page-14 .main-visual-default .main-visual-slogan-wrapper,
    .page-15 .main-visual-default .main-visual-slogan-wrapper {
        bottom: 35px;
    }
    .page-14 .main-visual-default p.slogan, 
    .page-15 .main-visual-default p.slogan {
        margin-bottom: 2px;
    }
    .page-14 .main-visual-default .slogan span.first-phrase,
    .page-15 .main-visual-default .slogan span.first-phrase {
        font-size:1.7em;
    }
    .page-14 .main-visual-default .slogan span.second-phrase,
    .page-15 .main-visual-default .slogan span.second-phrase {
         font-size:0.95em;
    }
    .page-14 .main-visual-default p.slogan,
    .page-15 .main-visual-default p.slogan {
        margin-bottom: 2px;
    }
    .main-visual-slogan-wrapper .slogan-read-more{
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .main-visual-slogan-wrapper .slogan-read-more .read-more {
        padding: 12px 26px 8px;
    }
}
/* ++ ecommerce-packages-plans ++ */
body.page-41 .strip-row {
    margin-bottom: 10px!important;
}
.blog.blog-listing-wrapper.ecommerce-packages-plans-wrapper {
    display: block;
}
.billing-period{
	border:1px solid #ff5900;
	border-radius: 14px;
}
.wrp-period-nav {
    display: flex;
    justify-content: center;
    margin-bottom: 44px;
}
.wrp-period-nav p {
    margin: 4px 12px 0 0;
    font-weight: bold;
    color: #000;
    font-size: 16px;
}
.billing-period {
    border: 1px solid #ff5900;
    border-radius: 14px;
    width:313px;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: 'open_sansregular';
}
.monthly{
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 5px 5px 15px;
    cursor: pointer;
    font-weight: bold;
    color: #000;
}
.annual{
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px 5px 5px;
    cursor: pointer;
    font-weight: bold;
    color: #000;
}
td.hari {
    color: #1f8f19;
    text-align: center!important;
}
.activebuttion{
    background-color:transparent;
    color: #fff;
    border-radius: 14px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    padding: 5px 13px;
    font-weight: 100;
/*-webkit-transition: background 3000ms ease-in-out;
-moz-transition: background 3000ms ease-in-out;
-ms-transition: background 3000ms ease-in-out;
-o-transition: background 3000ms ease-in-out;
transition: background 3000ms ease-in-out;*/
-webkit-transition: width 3000ms ease-out;
-moz-transition: width 3000ms ease-out;
-ms-transition: width 3000ms ease-out;
-o-transition: width 3000ms ease-out;
transition: width 3000ms ease-out;
/*transition: $transition;*/
cursor: default;
}

span.buttionanimation {
    position: absolute;
    background: #ff5900;
    height: 32px;
    border-radius: 14px;
    z-index: -1;
    /*-webkit-transition: width 3000ms ease-out;
    -moz-transition: width 3000ms ease-out;
    -ms-transition: width 3000ms ease-out;
    -o-transition: width 3000ms ease-out;
    transition: width 3000ms ease-out;*/
    transition: 0.3s ease left;
}

.monthlybtn .buttionanimation{
    top: -1px;
    left: 0;
    width: 153px;
}
.annualbtn .buttionanimation{
    top: -1px;
    left: 167px;
    width: 147px;
}
.monthly.activebuttion{
   /*animation-name: activebuttionmove; 
   animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-delay: 3s;*/
   /*   -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      animation-name: bounceIn;
      animation-duration:5s;*/
      
      
     /* transition: $transition, height #{$speed} ease;*/
}
.annual.activebuttion {
   /* animation-fill-mode: forwards;
    animation-delay: 3s;*/
   /*   -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      animation-name: bounceIn;
      animation-duration:5s;*/
      
    /*   transition: $transition, height #{$speed} ease;*/
}

/*
.activebuttion:active + #box{
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      animation-name: bounceIn;
      animation-duration:5s;
}*/

@keyframes activebuttionmove {
  from {left: 0px;}
  to {left: 200px;}
}


table.inner-cont-table {
  border-collapse: collapse;
  width: 100%;
}
table.inner-cont-table th, table.inner-cont-table td {
    padding: 0.25rem;
    font-weight:100;
    border: 0.5px solid #ccc;
    font-size: 15px;
    padding: 7px 10px;
    border-collapse: collapse;
    display: table-cell;
}
td.subheding {
    background: #f0f1f2;
    font-weight: bold;
}
td.recommended {
    background: #2a9525;
    text-align: center;
    color: #fff;
    padding: 5px;
}

td.topheding{
    border: 0.5px solid #ccc; 
    border-collapse: collapse;
    display: table-cell;
}
.heading {
   /* border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;*/
    text-align: center;
}
.heading.last{
   /* border-right: 1px solid #ccc;*/
    text-align: center;
}
td.textcenter {
    text-align: center!important;
}
.cutom-cont.textcenter {
    text-align: center;
}
.free-price{
    position: relative; 
    font-family: 'open_sansregular';
}
.heading h4 {
    text-align: center;
    font-weight: bold;
    margin-top: 8px;
}
.pricess {
    text-align: center;
    font-family: 'open_sansregular';
}
.orgin-price{
    position: relative;
   /* margin-right: 5px;*/
        margin-right: 25px;
}
.discount-price{
    position: relative;
   
}
.discount-price .price.lkr{
     font-weight: bolder;
    color: #ff5900;
}
span.unit {
    font-size: 12px;
    color: #000;
    position: absolute;
}
.free-price span.unit{
    top: -15px;
    /*left: 38%;*/
    left: 28%;
}
.orgin-price span.unit{
    top: -20px;
   /* left: -1px;*/
    left: -14px;
}
.discount-price span.unit{
    top: -20px;
    /*left: -1px;*/
    left: -14px;
}
span.price {
    /*font-size:34px;*/
     font-size:32px;
    /*color: #2a007c;*/
    text-align: center;
    color: #2a007c;
    font-weight: bolder;
}
.orgin-price span.price {
    text-decoration: line-through;
   /* color: #a398b8;*/
       color: #2a007c;
}
.tag {
    text-align: center;
    font-size: 12px;
    padding-bottom: 8px;
}
a.contactus,
a.butngetstar {
    text-transform: uppercase;
    font-size: 0.92em;
    padding: 10px 25px 7px;
    border: none;
    border-radius: 30px;
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #ff5900;
    color: #fff;
    margin: 10px 2px 72px;
    transition: transform .1s linear,box-shadow .1s linear,background-color .1s linear;
}
a.contactus:hover,
a.butngetstar:hover {
    position: relative;
    background-color:#2a007c;
    transform: translateY(-4px);
    color: #fff;
    border-color:#2a007c;
    box-shadow: 0 6px 16px 0 rgb(10 93 66 / 35%);
}

.wrap-cont-butngetstar {
    position: relative;
}
.small-text {
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 0.93em;
    right: 0;
}
.wrap-cont-butngetstar .small-text {
    font-size: 0.85em;
    padding: 7px 37px;
    text-align: center;
}

td.bootmline {
    border-bottom: 0.5px solid #ccc;
    text-align: center;
    vertical-align: top;
    border-left: 0.5px solid #ccc;
}
td.bootmline.last {
    border-right: 1px solid #ccc;
}
.hide {
    display: none!important;
}
td.wrap-morecontent{
    position: relative;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
.adtcontent{
    display: none;
    position: absolute;
    top: 0;
    left:38%;
    width: 306px;
    border-radius: 10;
    padding: 8px 4px 6px 7px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    height: auto;
    background: #fff;
    -webkit-transition: background 600ms ease-out;
-moz-transition: background 600ms ease-out;
-ms-transition: background 600ms ease-out;
-o-transition: background 600ms ease-out;
transition: background 600ms ease-out;
z-index: 200;
box-shadow:4px 3px 10px 2px rgb(0 0 0 / 8%);
}
.adtcontent.show{
    display: block;
}
.inercont-wrap{
    position:relative;
}
.closebtn{
    position: absolute;
    top: -14px;
    right: 0;
    font-size:22px;
    margin: 0;
    padding: 0;
    font-family: arial;
    font-weight: lighter;
    color: #7e7e7e;
    cursor: pointer;
}
.adtcontent h3 {
    padding: 2px 2px 1px 5px;
}
.inercont-wrap p {
    margin: 2px 5px 0;
}
.r2g-content-sub, .r2g-content-sub .content-wrapper,
.r2g-xlist-accordion-main-strip, .r2g-xlist-accordion-main-strip .container, .r2g-xlist-accordion-main-strip .intro-content, .r2g-xlist-accordion-main-strip .strip-item>.accordion-title, .r2g-xlist-accordion-main-strip .strip-item>.inner-wrapper{
    border:none;
}

.r2g-xlist-accordion-main-strip .intro-content h2 {
    text-align: center;
    margin-top: 50px;
}
.page-41 .r2g-xlist-accordion-main-strip h3.accordion-title {
    border-bottom: 1px solid #ccc !important;
}
.page-41 ul.xList-items.list-style-none.strip-accordion-wrapper {
    margin-bottom: 60px;
}
.page-41 .strip-accordion-wrapper .r2g-content-sub.sub-component.text-align-left {
    padding-left: 12px;
}

.adtcontent::before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #d0d0d0;
    position: absolute;
    top: 10px;
    left: -10px;
}

table.out-wrap-table {
    min-width:940px;
    width: 100%;
}

@media (max-width:1060px){
    
    .wrap-table {
    overflow-x: auto;
    }
    .small-text {
        position: relative;
    }
    a.butngetstar {
        margin: 10px 2px 2px;
    }
    .orgin-price {
    display: block;
    }
    .discount-price {
    display: block;
    }
    .orgin-price span.unit {
    top: -8px;
    }
    .discount-price span.unit {
    top: -8px;
    }

}

@media (max-width:580px){
    .annual.activebuttion {
        background:#ff5900;
    }
    .monthly.activebuttion {
        background:#ff5900;
    }
    .monthlybtn .buttionanimation{
        display:none;
    }
    .annualbtn .buttionanimation{
        display:none;
    }
}



.free-price .price {font-weight: bolder;
    color: #2a007c;}

.heading.last .price {font-weight: bolder;
    color: #2a007c;}



@media (min-width:768px) and (max-width:1060px){
.free-price span.unit {
   
    left: 18%;
}
.orgin-price span.unit {
 
    left: 12px;
}
.discount-price span.unit {
    
    left: 12px;
}
.orgin-price {
    margin-right: 5px;
}
span.price {
   
    font-size: 30px;
}
}

@media (min-width:1061px) and (max-width:1199px){
	.orgin-price {
  
    margin-right: 12px;
    
}
.free-price span.unit {
   
    left: 28%;
}
.orgin-price span.unit {
    
    left: -10px;
}
.discount-price span.unit {
   
    left: -15px;
}
}
@media (min-width:1200px) and (max-width:1439px){
	.free-price span.unit {
   
    left: 24%;
}
span.price {
   
    font-size: 25px;
}
}
.tag {
    font-size: 15px;
}
span.light-color-text {
    color: #9b9999;
}
/* ++ ecommerce-packages-plans - end ++ */



/*ecommerce-plan-page-responsive - BHAGYA*/

.adtcontent {
    left: 15%;
}
.wrap-cont-butngetstar .small-text {
    text-decoration: underline;
}
.wrap-cont-butngetstar .adtcontent.show {
    top: 49%;
    left: 85%;
}
@media (min-width:768px)
{
	table.out-wrap-table.mobile {
    display: none;
}
.mobile-free{
    display:none;
}
}


@media (max-width:767px){
    
table.out-wrap-table.mobile.show-features {
    display: none;
}
.hide-plan {
    display: none;
}

table.out-wrap-table{
	 display: none;
}
table.out-wrap-table.mobile table.inner-cont-table tr:last-child td:first-child {
    border: none;
}

table.out-wrap-table.mobile {
    display: unset;
}
span.price {
    font-size: 40px;
}
.adtcontent::before {
    top: -17px;
    left: 36px;
    transform: rotate(90deg);
     display:none;
}
.adtcontent.show {
    /*left: 25%;width: 70%;top: 100%;*/
  
    left: 8%;
    width: 80%;
    top: 100%;

    
}
.wrap-cont-butngetstar .adtcontent::before {
    top: 128px;
    left: 151px;
    transform: rotate(180deg);
    display:none;
}
/*.wrap-cont-butngetstar .adtcontent.show {
    width: 100%;
    left: -155px;
    top: -115px;
}*/
.wrap-cont-butngetstar .adtcontent.show {
    width: 80%;
    left: 8%;
    top: 85%;
}
.wrap-cont-butngetstar .adtcontent h3 {
    
    margin-top: 10px;
}
.wrap-cont-butngetstar .closebtn {

    top: -25px;
}
.mobile-free {
    margin-bottom: 50px;
}
.pricess {
    display: inline-flex;
}
.orgin-price span.unit {
 
    left: -20px;
}
/*.wrap-cont-butngetstar .small-text {
    
    padding: 7px 10px;
    
}*/
a.butngetstar {
    line-height: 1.4;
}

a.contactus{
    display:table-cell;
    line-height: 1.4;
}
/*td.bootmline.last {
    
    display: flex;
}*/
.free-price span.unit {
    left: 105px;
    display: block;
    position: absolute;
}
div.topheding {
    border: 0.5px solid #ccc;
    border-collapse: collapse;
    display: block;
}
a.show-plan, a.hide-plan {
    font-weight: bold;
    font-size: 18px;
}
div.recommended {
    background: #2a9525;
    text-align: center;
    color: #fff;
    padding: 5px;
}
.overlay-design {bottom: 0;
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    height: 100%;
    opacity: 0.5;
    top: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    z-index:1;
}
    
.overlay-design.show{
    display:block;
}

td.bootmline.wrap-morecontent .small-text {
    position: static;
}


td.bootmline.wrap-morecontent {
    position: static;
}

.wrap-cont-butngetstar {
    position: static;
}
}

.adtcontent.show {
    
    z-index: 1;
}
.special-message-sl {
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 16px;
    display: block;
}

span.monthly-rate {right: 75px;top: 20px;font-weight: bolder;}

span.monthly-rate-discount {font-weight: bold;right: -30px;top: -4px;}

@media (min-width: 1200px) and (max-width: 1390px){
span.price {
    font-size: 20px;
}
}
@media(min-width:1440px){
span.price {
    /* font-size: 34px; */
    font-size: 25px;

}
.orgin-price {
    
    margin-right: 12px;
}
.orgin-price span.unit, .discount-price span.unit {
    top: -25px;
}
}
@media(min-width:1600px){

.free-price span.unit {
   
    left: 32%;
}
}
.bootmline.wrap-morecontent .inercont-wrap li {
    list-style: disc;
    list-style-position: outside;
    margin: inherit;
    margin-left: 10%;
}

.r2g-footer-component.xmenu-footer-with-heading ul li::before {
    display: none;

}

.r2g-footer-component.xmenu-footer-with-heading ul li {
    padding-left: 0px;
   
}

/*ecommerce-plan-page-responsive - BHAGYA*/

/* Privacy Policy - Deminda  - 2022/05/17 - Start */
.text-align-center .main-content-strip-block .pripolicy *{
    text-align: left;
}

.text-align-center .main-content-strip-block {
    max-width: 80%;
}


.cookie-content-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    
}


.cookie-content-wrap p{
    width: 80%;
    color: white;
    margin:0;
}

.cookie-content-wrap p a{
        color: orange;
}

.cookie-content-wrap a.cookie-accept.primary-button{
    margin: 0;
    font-family: 'open_sansregular', sans-serif;
    font-weight: 100;

}

.cookie-section .cookie-wrapper{
    padding: 25px;
}


@media (min-width: 1200px){
    .cookie-section .cookie-wrapper {
        justify-content: center;
    }
}

@media(min-width: 1366px){
    .cookie-content-wrap .cookie-accept.primary-button{
        padding: 10px 25px 7px;
    }
}

@media (max-width: 850px){
    .cookie-content-wrap {
       flex-direction: column;
    }
    
    .cookie-content-wrap p{
        margin-bottom: 10px;
    }
}

.cookie-section.cookie-active {
    transform: translateY(0);
}
.cookie-section{
    transform: translateY(100%);
transition: all .5s ease-in-out;
}


.page-45 .main-visual-default .main-visual-slogan-wrapper{
    width: 70%!important;
}

@media only screen and (min-width: 765px){
    .page-45 .main-visual-default .main-visual-slogan-wrapper{
        bottom: 7px;
    }
    .page-45 .main-visual-default .slogan span.first-phrase{
         font-size: 1.7em;
    }
}

.page-45 .main-visual-default .slogan span.second-phrase{
    font-size: 1em;
}




/* Privacy Policy - Deminda  - 2022/05/17 - End */


/*ecommerce plan page FAQ new section changes - Bhagya*/

.removed-faq-section{display:none;}

.container.faq-section .intro-content h2 {text-align: center;padding-top: 45px;padding-bottom: 20px;}

.container.faq-section .xList.grid-list.two-col {width: 75%;margin: auto;}

.container.faq-section  h3.faq-question {font-size: 17px;font-weight: bold;}

.container.faq-section .content-wrapper.faq-answer {font-size: 15px;}
@media(max-width:749px){
.container.faq-section .xList.grid-list.two-col ul li.xList-item {
    padding-bottom: 20px;
}
}
/*ecommerce plan page FAQ new section changes - Bhagya*/


/* ecommerce-website-builder.html - Deminda  - 2022/06/01 - Start */

.fb-captcha.form-group .recaptcha, .makealign{
    width: fit-content;
    margin-left: auto;
    margin-right: 15%;
    
}

.makealign{
    color: red;
}

.domainGen{
    color: rgb(255, 89, 0);
    font-size: 17px !important ;
}


.zdex{
    z-index: -1 !important;
}

.page-31 .r2g-footer.row-style{
        position: relative;
    z-index: -1;
}



/* ecommerce-website-builder.html - Deminda  - 2022/06/01 - End */

/* ecommerce-website-builder.html - Footer not click issue - Deminda  - 2022/06/27 - Start */
.page-31 {
    z-index: 2;
    position: relative;
}

.page-31 .xList-item{
        position: relative;
    z-index: 1;
}
/* ecommerce-website-builder.html - Footer not click issue - Deminda  - 2022/06/27 - End */


/* SOC website updates Wednesday, January 11, 2023  Search Bar & Search Page - Deminda  - 2023/01/13 - START */


.main-menu .r2g-header-sub-component.search-wrapper .search-icon:before{
    /*font-size: 1.5rem;*/
    font-family: 'icomoon';
    content: '\ead5';
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    font-size: 2rem;
    line-height: 1;
    
}


.search-wrapper {
    display: inline-block;
    margin: 0 2px 0  8px;
    /*display:none;*/
}

.search-wrapper .search-icon:before {
    font-family: 'icomoon';
    content: '\ead5';
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 1.8rem;
    line-height: 1;
}


.search-wrapper .search-form-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    /*background: #ff5900;*/
    /*background:linear-gradient(90deg, rgba(42,0,124,1) 20%, rgba(255,89,0,1) 45%);*/
    background: rgb(131,58,180);
    background: -moz-linear-gradient(47deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 34%, rgba(252,176,69,1) 100%);
    background: -webkit-linear-gradient(47deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 34%, rgba(252,176,69,1) 100%);
    background: linear-gradient(47deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 34%, rgba(252,176,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#833ab4",endColorstr="#fcb045",GradientType=1);
    height: auto;
    z-index: 2;
    padding: 28px 20px 38px;
    box-sizing: border-box;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


header.style-3 .header-bottom-bar {
    top: 45px !important;
}


@media (max-width: 768px){

    header.style-3 .top-bar{
        
        position: absolute;
        top: 28%;
        right: 85px;
        left: auto;
        margin-top: 2px;
        line-height: 1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    
    }

    header.style-3 .header-bottom-bar {
        float: right;
        clear: right;
        margin-top: 14px;
        margin-right: 33px;
    }

}


@media (min-width: 768px){
    header.style-3 #more-menu-wrapper {
        top: 85px !important;
        max-height: unset !important;
    }
}


body.window-scrolled.header-fixed.scrolled.menu-open .style-3 #more-menu-wrapper{
    top: 100px !important;
}


.page-49 .text-align-center .main-content-strip-block *{
    text-align: left;
}

.page-49 .search-result-div > .sr-div div{
    margin: 5px 0px 5px 0px;
}

.page-49 .search-result-div > .sr-div > .title-text{
    font-size: 1.2em;
}


.page-49 .r2g-main-content-strip-block > .content-wrapper{
    margin-top: 55px;
}

.page-49 .r2g-main-content-strip-block > .content-wrapper .search-word-div{
    margin-bottom: 5px;
}


.page-49 .search-result-div .sr-more-link a {
    color: #6792e1;
    font-weight: 600;
}



/* SOC website updates Wednesday, January 11, 2023  Search Bar & Search Page - Deminda  - 2023/01/13 - END */





/* SOC website updates Wednesday, January 11, 2023  Testimonials slider - Deminda  - 2023/01/17 - START */


@media only screen and (max-width: 1600px){
    
    .testimonials-slide > .container > .xList {
        width: 95%;
        max-width: 1190px;
        margin: 0 auto;
    }

    .testimonials-slide .testimonial-item-wrapper{
        display: flex;
    }
        
    .testimonials-slide .testimonial-item-wrapper > div:first-child{
    /* width: calc(((100%-2%)/5)*3); */
    max-width: 73%;
    flex-basis:73%;
    /*padding: 0px 20px;*/
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
    margin: 0 40px 0 20px;
    border-radius: 25px;
    box-sizing: border-box;
    }

    .testimonials-slide .testimonial-item-wrapper > div:first-child p:before {
        position: absolute;
        top: 8px;
        font-size: 30px;
    }


    .testimonials-slide .testimonial-item-wrapper > div:first-child p{
        padding: 40px 60px 10px 60px;
        position:relative;
    }


    .testimonials-slide .testimonial-item-wrapper > div:last-child{
        /* width: calc(((100%-2%)/5)*2); */
        max-width: 25%;
        flex-basis:25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*padding: 28px;*/
    }


    .testimonials-slide .testimonial-item-wrapper > div:last-child > div:last-child > p:first-child{
        font-weight: bold;
        font-size: 1.1em;
    }

}



@media only screen and (max-width: 1200px){
    .testimonials-slide .testimonial-item-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    
    .testimonials-slide .testimonial-item-wrapper > div:first-child{
        max-width: 100%;
        flex-basis: 100%;
        display: flex;
        align-items: center;
        background-color: #f6f6f6;
        margin: 0 40px 0 20px;
        border-radius: 25px;
        box-sizing: border-box;
    }
    .testimonials-slide .testimonial-item-wrapper > div:last-child{
        max-width: 50%;
        flex-basis: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .testimonials-slide .testimonial-item-wrapper > div:last-child > div:first-child{
        max-width: 250px;
    }
    
}



.page-1 .slick-track {
    display: flex;
    align-items: center;
}

.search-form-inner input[type="text"]::placeholder {
    color: #e1e1e1 !important;
}



/* SOC website updates Wednesday, January 11, 2023  Testimonials slider - Deminda  - 2023/01/17 - END */







/*   Buttion Animation - Dilum  - 2023/01/13 - START */

span.buttionanimation {
    height: 100%;
}

.search-wrapper .search-icon:before {
    font-size: 1.6rem;
}

.page-49 .sr-separater {
    background-color: #ff5900;
}

.page-49 .search-result-div .sr-more-link a {
    color: #091224;
}

.page-49 .sr-highlighter {
    color: #2a007c;
}

.sr-url a {
    color: #2385C2 !important;
    font-weight: bold;
}

.sr-url a:hover  {
    color: #000 !important;
    font-weight: bold;
}
/*   Buttion Animation - Dilum  - 2023/01/13 - END */


/*Responsive Changes Testimonials Slider - Sashini - 19/01/2023 - Start */

@media (max-width: 767px)
{
.testimonials-slide .testimonial-item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.testimonials-slide .testimonial-item-wrapper > div:first-child {
    max-width: 100%;
    flex-basis: 100%;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
    margin: 0px 15px 0px 15px;
    border-radius: 25px;
    box-sizing: border-box;
    font-family: 'playfair_displayregular', serif;
    font-size: 15px;
}

.testimonials-slide .testimonial-item-wrapper > div:first-child p {
    padding: 35px 20px 25px 20px;
    position: relative;
}

.testimonials-slide .testimonial-item-wrapper > div:first-child p:before {
    position: absolute;
    top: 5px;
    font-size: 25px;
    left: 12px;
}

.testimonials-slide .slick-slide {
    height: 0px!important;
   }
  .testimonials-slide .slick-slide.slick-active {
      height: 100% !important; 
  }
}



@media (min-width: 1601px) and (max-width: 2500px)
{
    .testimonials-slide .testimonial-item-wrapper {
    display: flex;
    }

    .testimonials-slide .testimonial-item-wrapper > div:first-child p {
        padding: 40px 60px 10px 60px;
        position: relative;
    }

    .testimonials-slide .testimonial-item-wrapper > div:first-child p:before {
        position: absolute;
        top: 8px;
        font-size: 30px;
    }

    .testimonials-slide .testimonial-item-wrapper > div:first-child {
        /* width: calc(((100%-2%)/5)*3); */
        max-width: 73%;
        flex-basis: 73%;
        /* padding: 0px 20px; */
        display: flex;
        align-items: center;
        background-color: #f6f6f6;
        margin: 0 40px 0 20px;
        border-radius: 25px;
        box-sizing: border-box;
    }
 
}

/*Responsive Changes Testimonials Slider - Sashini - 19/01/2023 - End */




/*  Customer Login To the SOC System through API - DEV - 2023/02/03 - Start */



#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}

#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:7px; 
	width:550px;
	z-index: 10;
}

#dialogbox > div{
    background:#FFF; 
    margin:8px; 
}

#dialogbox > div > #dialogboxhead{ 
    background: #666; 
    font-size:19px; 
    padding:10px; 
    color:#CCC; 
}

#dialogbox > div > #dialogboxbody{ 
    background: #333; 
    padding:20px; 
    color:#FFF; 
}

#dialogbox > div > #dialogboxfoot{ 
    background: #666; 
    padding:10px; 
    text-align:right; 
}

#oms-log-account-form {
    display: flex;
    flex-wrap: wrap;
    
}

#oms-log-account-form > input:first-child{
    width: 75%;
    flex-basis: 75%;
    border-radius: 4px 0 0 4px;
}

#oms-log-account-form > input:last-child{
    width: 25%;
    flex-basis: 25%;
    border-radius: 0 4px 4px 0;
}


/*  Customer Login To the SOC System through API - DEV - 2023/02/03 - END */