@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Domain Search
7. Why Choose Us
8. Video
9. Team
10. Extra Content
11. CTA
12. Footer


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: 1.9;
	font-weight: 400;
	color: #656566;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: rgba(27,239,197,0.75);
	color: #FFFFFF;
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	line-height: 1.2;
	font-weight: 700;
	color: #1f1d22;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nopadding
{
	padding: 0px !important;
}
.section_title h2
{
	color: #1f1d22;
	line-height: 0.75;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	background: transparent;
	z-index: 100;
}
.header.scrolled
{
	background: #200e35;
	padding: 10px 0px;
}
.header_content
{
	width: 100%;
	height: 124px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}
.logo
{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.logo a
{
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
}
.logo a span
{
	color: #1befc5;
}
.main_nav ul li:not(:last-child)
{
	margin-right: 48px;
}
.main_nav ul li a
{
	font-size: 17px;
	font-weight: 600;
	color: #FFFFFF;
}
.main_nav ul li.active a,
.main_nav ul li a:hover
{
	color: #1befc5;
}
.log_reg
{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.log_reg_text a
{
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
}
.log_reg_text a:hover
{
	color: #1befc5;
}
.log_reg_content > div:not(:last-child)::after
{
	display: inline-block;
	content: '/';
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	margin-left: 4px;
	margin-right: 4px;
}
.hamburger
{
	display: none;
	cursor: pointer;
	border: solid 1px transparent;
	border-radius: 7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover
{
	border: solid 1px rgba(255,255,255,0.15);
}
.hamburger i
{
	font-size: 20px;
	color: #FFFFFF;
	padding: 5px;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -350px;
	width: 350px;
	height: 100vh;
	background: #200e35;
	z-index: 102;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 50px;
}
.menu.active
{
	right: 0;
}
.menu_overlay
{
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,0.55);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
}
.menu_overlay.active
{
	visibility: visible;
	opacity: 1;
}
.menu_close_container
{
	position: absolute;
    top: 41px;
    left: 28px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 1;
}
.menu_close
{
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}
.menu_close div
{
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_close div:last-of-type
{
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}
.menu_close:hover div
{
    background: #1befc5;
}
.menu .log_reg
{
	display: block;
	position: relative;
	top: auto;
	right: auto;
	text-align: right;
}
.menu_nav
{
	margin-top: 50px;
}
.menu_nav ul li:not(:last-child)
{
	margin-bottom: 3px;
}
.menu_nav ul li a
{
	font-size: 24px;
	font-weight: 500;
	color: rgba(255,255,255,0.75);
}
.menu_nav ul li a:hover
{
	color: #1befc5;
}

/*********************************
5. Home
*********************************/

.home
{
	width: 100%;
	height: 350px;
	overflow: hidden;
}
.home_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #4d1d85;
    background-image: linear-gradient(to bottom, #200e35, #4d1d85);
    background: #4d1d85;
    background: linear-gradient(to bottom, #200e35, #4d1d85);
    z-index: 1;
}
.background_city
{
	z-index: 3;
}
.cloud
{
	position: absolute;
	width: 138px;
	height: 57px;
	z-index: 4;
}
.cloud img
{
	max-width: 100%;
}
.cloud_1
{
	top: 164px;
	left: -138px;
	-webkit-animation: cloud_anim 60s -50s linear infinite;
	animation: cloud_anim 60s -50s linear infinite;
}
.cloud_2
{
	top: 107px;
	left: -138px;
	-webkit-animation: cloud_anim 60s -13s linear infinite;
	animation: cloud_anim 60s -13s linear infinite;
}
.cloud_3
{
	top: 311px;
	left: -138px;
	-webkit-animation: cloud_anim 60s -40s linear infinite;
	animation: cloud_anim 60s -40s linear infinite;
}
.cloud_4
{
	top: 292px;
	left: -138px;
	-webkit-animation: cloud_anim 60s -7s linear infinite;
	animation: cloud_anim 60s -7s linear infinite;
	z-index: 2;
}
@-webkit-keyframes cloud_anim
{
	0%
	{
		left: -138px;
	}
	100%
	{
		left: calc(100vw + 138px);
	}
}
@keyframes cloud_anim
{
	0%
	{
		left: -138px;
	}
	100%
	{
		left: calc(100vw + 138px);
	}
}
.home_container
{
	position: absolute;
	left: 0;
	top: 53.88%;
	width: 100%;
	z-index: 5;
}
.home_content
{
	
}
.home_title
{
	font-size: 40px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1;
}
.breadcrumbs
{
	margin-top: 15px;
}
.breadcrumbs ul li,
.breadcrumbs ul li a
{
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
}
.breadcrumbs ul li,
.breadcrumbs ul li a:hover
{
	color: #1befc5;
}
.breadcrumbs ul li:not(:last-of-type)::after
{
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	content: '/';
	margin-left: 5px;
	margin-right: 5px;
}

/*********************************
6. Domain Search
*********************************/

.domain_search
{
	width: 100%;
	background: #25103f;
	z-index: 1;
}
.domain_search_form_container
{
	height: 152px;
}
.domain_search_form
{
	width: 100%;
}
.domain_search_form > div
{
	width: calc(100% - 196px);
	margin-right: 30px;
}
.domain_search_input
{
	width: calc(100% - 141px);
	height: 60px;
	background: #FFFFFF;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border: none;
	outline: none;
	padding-left: 30px;
	font-size: 24px;
	font-weight: 500;
	color: #1f1d22;
}
.domain_search_input::-webkit-input-placeholder
{
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #1f1d22 !important;
}
.domain_search_input:-moz-placeholder
{
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #1f1d22 !important;
}
.domain_search_input::-moz-placeholder
{
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #1f1d22 !important;
} 
.domain_search_input:-ms-input-placeholder
{ 
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #1f1d22 !important;
}
.domain_search_input::input-placeholder
{
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #1f1d22 !important;
}
.domain_search_dropdown
{
	position: absolute;
	top: 0;
	right: 0;
	width: 141px;
	height: 60px;
	background: #7836c6;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	cursor: pointer;
	padding-left: 19px;
}
.domain_search_dropdown i
{
	color: #FFFFFF;
}
.domain_search_selected
{
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 28px;
}
.domain_search_dropdown ul
{
	position: absolute;
	left: 0;
	top: 100%;
	padding-left: 19px;
	background: #FFFFFF;
	min-width: 90%;
	visibility: hidden;
	opacity: 0;
	padding-top: 15px;
	padding-bottom: 10px;
}
.domain_search_dropdown.active ul
{
	visibility: visible;
	opacity: 1;
}
.domain_search_dropdown ul li
{
	font-size: 24px;
	font-weight: 500;
	color: #1f1d22;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.domain_search_dropdown ul li:not(:last-child)
{
	margin-bottom: 5px;
}
.domain_search_dropdown ul li:hover
{
	color: #1befc5;
}
.domain_search_button
{
	width: 166px;
	height: 60px;
	background: #1befc5;
	border-radius: 12px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 24px;
	font-weight: 600;
	color: #1f1d22;
}
.domain_search_button img
{
	margin-right: 10px;
}
.domain_search_button:hover
{
	background: #FFFFFF;
}

.ft_cont {display:block; border-top:1px #4b237a dashed; padding-top:20px;}
.ft_cont p {font-size:15px; color:#a593bb; line-height:24px;}
.ft_cont span {font-size:20px; font-weight:600; display:block; margin-bottom:10px;}

/*********************************
7. Why Choose Us
*********************************/

.printer_details h1 {
    font-size: 40px;
    text-align: center;
    padding:0px;
    color: #0c3354;
}
.printer_details p {
    font-size: 26px;
    text-align: center;
    color: #1befc5;
	font-weight:700;
}
.printer_details fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%);
    padding:15px 30px;
    box-sizing: border-box;
    width: 100%;
    margin: 25px auto;
    position: relative;
	border-radius:12px;
}
.printer_details input,
.printer_details textarea {
    width: 100%;
    padding: 1rem 5.4rem 1rem 1rem;
    -moz-padding-start: calc(1.8rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--fg-input-color);
    background-color: var(--fg-input-bg);
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    background-size: 16px 12px;
    border: 1px solid #1e834f;
    border-radius: 8px;
    -webkit-box-shadow: var(--fg-box-shadow-inset);
    box-shadow: var(--fg-box-shadow-inset);
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    width: 100%;
}
.printer_details select {
    width: 100%;
    padding: 1rem 5.4rem 1rem 1rem;
    -moz-padding-start: calc(1.8rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--fg-input-color);
    background-color: var(--fg-input-bg);
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    background-size: 16px 12px;
    border: 1px solid #1e834f;
    border-radius: 8px;
    -webkit-box-shadow: var(--fg-box-shadow-inset);
    box-shadow: var(--fg-box-shadow-inset);
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    width: 100%;
}
.thanktext {padding:5px 25px;}
.thanktext img {width:98%;}

.printer_details input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #222;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    padding:7px;
}

/* ACTIVE / CHECKED */
.printer_details input[type="radio"]:checked {
    border: 3px solid #0cc9a3;
    padding:7px;
}

/* INNER DOT */
.printer_details input[type="radio"]:checked::after {
    content: "";
    width: 7px;
    height: 7px;
    background: #0cc9a3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.printer_details input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #7acb9e;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    padding:7px;
	margin-right:10px;
}

/* ACTIVE / CHECKED */
.printer_details input[type="checkbox"]:checked {
    border: 3px solid #0cc9a3;
    padding:7px;
}

/* INNER DOT */
.printer_details input[type="checkbox"]:checked::after {
    content: "";
    width: 7px;
    height: 7px;
    background: #0cc9a3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.printer_details input:focus,
.printer_details textarea:focus {
    border-color: #679b9b;
    outline: none;
    color: #637373;
}
.printer_details label {
	color:#444;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.printer_details input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #7acb9e;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    padding: 7px;
	margin-right:10px;
}
.big-radio {
    transform: scale(1.5);
    margin-right: 5px;
    cursor: pointer;
}
.frm .col-md-6 {margin:12px 0px;}
.submitbtn {background:#1cd9af; padding:15px 50px; border:1px #14b994 solid; font-weight:700; font-size:20px;}

.why
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 70px;
	padding-bottom: 70px;
}
.why_col { background:#e5efee; padding:50px; border-radius:6px;}
.why_text{margin-top: 20px;}
.why_text p{ font-size:20px; color:#444;}
.why_list
{
	margin-top: 38px;
}
.why_list ul li
{
	font-size: 15px;
	font-weight: 400;
	color: #656566;
}
.why_list ul li:not(:last-of-type)
{
	margin-bottom: 17px;
}
.why_list ul li > div
{
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background: #1befc5;
	margin-right: 12px;
}
.why_list ul li > div::after
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	content: '';
	background: #7836c6;
	z-index: 1;
}
.why_image
{
	position: absolute;
	right: 15px;
	bottom: -57px;
	width: calc(100% - 30px);
}
.why_image img
{
	max-width: 100%;
}

/*********************************
8. Video
*********************************/

.video
{
	width: 100%;
	height: 693px;
}
.video_content
{
	width: 100%;
	height: 100%;
}
.video_play_icon
{
	width: 123px;
	height: 123px;
	border-radius: 50%;
	background: #1befc5;
}
.video_play_icon a:focus
{
	outline: none !important;
}
.video_play_icon a
{
	display: block;
	width: 100%;
	height: 100%;
}
.video_play_icon i
{
	font-size: 36px;
	color: #7836c6;
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
}
.video_play_icon:hover a i
{
	color: #FFFFFF;
}
.video_title
{
	font-size: 36px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.2;
	margin-top: 36px;
}

/*********************************
9. Team
*********************************/

.team
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 95px;
	padding-bottom: 95px;
}
.section_text
{
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.team_row
{
	margin-top: 86px;
}
.team_image
{
	width: 100%;
}
.team_image img
{
	max-width: 100%;
}
.team_content
{
	position: absolute;
	left: 30px;
	bottom: 25px;
}
.team_name a
{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.2;
}
.team_title
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.2;
	margin-top: 6px;
	padding-left: 2px;
}

/*********************************
10. Extra Content
*********************************/

.extra_section
{
	width: 100%;
	background: #FFFFFF;
	padding: 80px 0px;
}
.extra_container
{
	width: 100%;
	overflow: hidden;
	background: #21ad9f;
	border-radius:8px;
}
.extra_container a
{
	display: block;
	width: 100%;
}
.extra_content
{
	width: 100%;
	height: 232px;
}
.extra_1
{
	padding-left: 150px;
}
.extra_icon
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 157px;
	height: 157px;
}
.extra_1 .extra_icon
{
	left: -30px;
}
.extra_2
{
	padding-left: 150px;
}
.extra_2 .extra_icon
{
	left: -27px;
}
.extra_icon img
{
	max-width: 100%;
}
.extra_title
{
	font-size: 32px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.2;
}
.extra_title span
{
	color: #fff;
}
.extra_1 .extra_title span
{
	font-size: 32px;
	font-weight:700;
}
.extra_text
{
	margin-top: 15px;
	margin-right:25px;
}
.extra_text p
{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
}
.about_sec {background:#edf6f5; padding:80px 0px;}
.about_cont {display:block;}
.about_cont h3 {font-size:40px; padding:10px 0px; color:#0c3354;}
.about_cont p {font-size:19px;}
.picimg {width:100%; border-radius:12px;}
ul.independent {padding:0px;}
ul.independent li { font-size:17px; color:#444;padding:5px 0px; background:url('../images/right-arrow.png')0px 8px no-repeat; padding-left:30px;}
ul.independent li span {display:block; font-weight:700;}

/*********************************
11. CTA
*********************************/

.cta
{
	width: 100%;
	background: #715691;
}
.cta_content
{
	width: 100%;
	height: 135px;
	padding-left: 5px;
}
.cta_title
{
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.2;
}
.cta_price
{
	font-size: 48px;
	color: #1befc5;
	font-weight: 700;
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
}
.cta_price span
{
	font-size: 16px;
}
.cta_price span:first-child
{
	margin-right: 5px;
}
.cta_button
{
	width: 180px;
	height: 62px;
	border-radius: 12px;
	background: #1befc5;
	text-align: center;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cta_button a
{
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #35214d;
	padding: 20px;
}
.cta_button:hover
{
	background: #26064c;
}
.cta_button:hover a
{
	color: #FFFFFF;
}

.modal {
    position: fixed;
    z-index: 1;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999999;
}

.modal-body {padding:0px !important;}
.modal-content {position:relative; border-radius:10px !important; width:45% !important; margin:5% auto; border:1px solid #161785 !important}

.modal-header {
	position: absolute;
    top: 5px;
    right: 0px;
}
.send_messageForm{padding:20px;}
.modal-content p {
  font-size: 20px;
  font-weight: 500;
  padding: 10px 20px 15px;
    background: #1c9993;
    color: #fff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:22px;
}

.send_messageForm .inp {
  width: 100%;
  border: 0px;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 45px;
  padding: 10px;
  font-size: 16px;
  border: 1px #8f9ab7 solid;
  background: #fff;
  color: #333;
}

.send_messageForm select {
  width: 100%;
  border: 0px;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 45px;
  padding: 10px;
  font-size: 16px;
  outline: none;
  background: url(../img/contact-drop-icon.png) right center no-repeat #fff;
  background-position-x: 95%;
  -webkit-appearance: none;
  border: 1px #8f9ab7 solid;
  background: #fff;
  color: #666;
}

.send_messageForm .inp2 {
  width: 100%;
  border: 0px;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 100px;
  padding: 10px;
  font-size: 16px;
  border: 1px #8f9ab7 solid;
}
.close {
    color: #fff !important;
    opacity: 1 !important;
    z-index: 99999;
    font-size: 35px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
}
.take_support button.popUpBtn {
    border: none;
    background: none;
}
input.sendBtn {
  background: #1bab80;
  border: 0px;
  color: #fff;
  padding: 15px 30px !important;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  border-radius: 6px;
  margin-left: 12px;
  cursor: pointer;
}

input.sendBtn:hover {
  background: #32b06f;
  color: #fff;
}
.error {
  color: red;
  font-size: 13px;
  display: block;
  margin-top: 0px;
  position: relative;
  top: -15px;
}

/*********************************
12. Footer
*********************************/

.footer
{
	width: 100%;
	background: #26064c;
	padding-top: 70px;
	padding-bottom: 30px;
}
.footer_logo
{
	font-size: 47px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 0.75;
}
.footer_logo span
{
	color: #1befc5;
}
.copyright
{
	font-size: 11px;
	font-weight: 400;
	color: #715691;
	margin-top: 17px;
}
.footer_text
{
	margin-top: 33px;
}
.footer_text p
{
	color: #FFFFFF;
}
.contact_container
{
	margin-top: 38px;
}
.contact_form > div:not(:last-of-type)
{
	margin-bottom: 21px;
}
.contact_input
{
	width: 100%;
	height: 49px;
	border: none;
	outline: none;
	border-radius: 12px;
	background: #715691;
	padding-left: 29px;
	color: #FFFFFF;
}
.contact_textarea
{
	height: 142px;
	padding-top: 15px;
}
.contact_input::-webkit-input-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.contact_input:-moz-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.contact_input::-moz-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
} 
.contact_input:-ms-input-placeholder
{ 
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.contact_input::input-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.contact_button
{
	width: 108px;
	height: 52px;
	background: #1befc5;
	border: none;
	outline: none;
	border-radius: 12px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	color: #35214d;
	margin-top: 23px;
}
.footer_links
{
	padding-top: 13px;
}
.footer_list_col:not(:nth-child(n+3))
{
	margin-bottom: 45px;
}
.footer_list_title
{
	font-size: 20px;
	font-weight: 700;
	color: #1befc5;
}
.footer_list
{
	margin-top: 36px;
}
.footer_list li:not(:last-of-type)
{
	margin-bottom: 14px;
}
.footer_list li a
{
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
}
.footer_list li a:hover
{
	color: #1befc5;
}