/*
Theme Name: Dryve
Description: Custom theme for Dryve Designed by Krinsky Design. This theme is a derivative of Super Hijinksified, by Amber Weinberg.
Author: Krinsky Design
Author URI: http://www.krinskydesign.com
Version: 1.0

*/

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

/*HTML5 BOILERPLATE MINIFIED*/

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

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}.hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

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

/*BODY STYLES*/

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

:root {
	--orange: #f65231;
	--blue: #080e43;
	--black: #000;
	--white: #fff;
	--light-gray: #f3f4f8;
}

html {
    font-size: 18px;
}

body { 
	background: #e5e5e3; 
	color: var(--blue); 
	font-size: 1rem; 
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

#page{
	max-width: 1560px;
	margin:0 auto;
	position: relative;
	background: #fff;
}


body, .default-font, button.accordion, button.mobile-menu{
	font-family: 'Tajawal', sans-serif;
}

.secondary-font{
	font-family: 'Playfair Display', serif;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1274px;
	padding: 0;
	position: relative;
}

.container.more-padding{
	padding: 0 62px;
}

.container.top-padding{
	padding-top: 50px;
	padding-bottom: 50px;
}

img {
	height: auto;
	max-width: 100%;
}

iframe {
    max-width: 100%;
}

h1.no-margin, 
h2.no-margin,
h3.no-margin,
p.no-margin,
ul.no-margin,
.wpcf7-form p{
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-weight: normal;
}

a{ 
	text-decoration: none;
}



header, 
section, 
footer {
	width: 100%;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
}


.block{
	display: block;
}

.relative{
	position: relative;
}


.center{
	text-align: center;
}

a, .transition-all, .feature-tabs .tab:before, .flexible-pricing-tabs .inner-tab:before{
	transition: all .5s ease;
}

.CAPS{
	text-transform: uppercase;
}

.half-width{
	width: 50%;
	position: relative;
}

#page_section_1 .right_side_content .loader,
#page_section_6 .small-form .loader
{
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	position: absolute;
	z-index: 3;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	right: 0;
	bottom: 0;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#page_section_1 .right_side_content .overlay,
#page_section_6 .small-form .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 1;
}
#countdown,
.codeform #code-error{
	display: none !important;
}
#form-message{
	font-size: 16px;
	margin: 20px 1px;
	padding: 10px 15px 6px;
	color: #155724;
	background: #d4edda;
	border: 1px solid #c3e6cb;
}
#form-message.error-msg{
	color: #721c24;
	background: #f8d7da;
	border: 1px solid #f5c6cb;
}
#form-message p{
	margin: 0;
}
.message{
	margin: 2em 0.5em 1em;
	padding: 0.5em 1em;
	border: none;
	background: var(--light-gray);
}

.clearfix{
	clear: both;
}

.accordion, .feature-tabs .tab, .compare-options .option{
	cursor: pointer;
}

.vertical-center{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

ul.no-list{
	list-style: none;
}

.left, a.logo, .menu-primary-container, .site-header nav li, .social-navigation li, .slide .content{
	float: left;
}

.right, .menu-apps-container, .social-navigation, .large-contact-form-wrap, .accordion .icon, .large-contact-form-wrap .wpcf7-submit, .slide .image{
	float: right;
}

.bold, .current-menu-item{
	font-weight: 700;
}


.footer-section-bottom{
	font-size: 0.9rem;
}

.flexible-pricing-tabs .tab .title, .flexible-pricing-tabs .group-title{
	font-size: 1rem;
}

.footer-section-top, .page-subtitle, .left_side_content .content{
	font-size: 1.1rem;
}

.site-header, .slide .paragraph, .gs-tab{
	font-size: 1.2rem;
}

.steps-tabs .number{
	font-size: 1.3rem;
}

.accordion, ol.gs-steps > li > span{
	font-size: 1.4rem;
}



.large-contact-form-wrap .bottom-title{
	font-size: 1.6rem;
}

ol.gs-steps, .large-contact-form-wrap .title{
	font-size: 1.8rem;
}


.left_side_content .title, .pricing-tabs .main-title, .steps-tabs .main-title, .get-started-right .main-title{
	font-size: 1.9rem;
}

.page-title{
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.home-hero .page-title{
	font-size: 4rem;
	line-height: 4rem;
}

.option .year{
	font-size: 5.4rem;
	line-height: 3.5rem;
}


.large-contact-form-wrap .bottom-title, .flexible-pricing-tabs .group-title, ol.gs-steps>li{
	line-height: 1rem;
}

.pricing-tabs .tab-title{
	line-height: 1.2rem;
}

.page-subtitle{
	line-height: 1.3rem;
}

.large-contact-form-wrap .title{
	line-height: 1.8rem;
}


.slide .title{
	letter-spacing: 0.1rem;
}

a, .accordion .icon, .option-tabs .tab:hover, .site-header.fixed.active a{
	color: var(--blue); 
}

a:hover, .orange, .current-menu-item a, .site-header.fixed .current-menu-item a, .site-header.fixed a, .page-title, .pricing-tabs .tab:hover .tab-title, .option .year, .gs-tab.active, .gs-tab:hover, .mobile-menu, .site-header.fixed a:hover, .site-header.fixed.active .current-menu-item a, .site-header.fixed.active a:hover, .large-contact-form-wrap a:hover, .small-form a:hover{
	color: var(--orange); 
}

.white, .site-header.fixed a, h2.page-subtitle, .option-tabs .tab, .compare-options .option:hover .year, .large-contact-form-wrap .wpcf7-list-item-label, .small-form .wpcf7-list-item-label, .large-contact-form-wrap a, .small-form a{
	color: var(--white);
}

.blue, .pricing-tabs .tab{
	color: var(--blue);
}

.site-header.fixed, .option-tabs .tab, .flexible-pricing-tabs .tab:hover .title, .large-contact-form-wrap{
	background: var(--blue);
}

.divider, .compare-options .option:hover, .flexible-pricing-tabs .tab .title{
	background: var(--orange);
}

.white-bg, .option-tabs .tab:hover, .pricing-tabs .tab, .compare-options .option{
	background: var(--white);
}

.get-started-bottom-tab, div.wpcf7-response-output{
	background: var(--light-gray);
}





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

/*HEADER STYLES*/


/***************************************************************************************************************************************************************************************/
.site-header{
	height: 86px;
	padding: 25px 0;
}

.site-header.fixed{
	position: fixed;
    top: 0;
    left: 0;
	z-index: 1000;
}

.site-header.fixed .logo_item_blue{
	fill: #ffffff;
}

a.logo{
	height: 48px;
	width: 134px;
	margin-right: 17rem;
}


.primary-menu li{
	margin:0 2.25rem;
	margin-top: 10px;
}


.apps-menu li{
	width: 125px;
	margin-left: 10px;
}

.page-header, .page-section.has-bg{
	background-size: cover;
    background-repeat: no-repeat;
}

.page-header, .page-heading{
	height: 500px;
}

.home-hero{
	height: 700px;
}

.hero-rotate>div{
	display: none;
}

h2.page-subtitle{
	width: 13.1rem;
	margin-top: 30px;
}

.error404 .page-subtitle{
	width: 20.1rem;
}


/***Mobile Menu***/

.mobile-menu {
	display: none;
	background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
    margin: 1px auto 2px;
    text-shadow: none;
    padding: 0;
    outline: none;
    font-size: 1.3rem;
	text-transform: uppercase;
}



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

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/
.site-footer{
	background: #ecedf2;
}

.footer-section-top, .footer-section-bottom{
	padding: 25px;
}

.partner-logo{
	min-width: 46px;
	display: inline-block;
	margin-left: 15px;
}

.social-navigation{
	margin-top: -10px;
}

.social-navigation li{
	
	margin-left: 10px;
}

.social-navigation .svg-inline--fa, .social-navigation i.fa{
	border: 1px solid var(--blue);
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	padding: 8px;
}

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

/*DEFAULT PAGE STYLES*/

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

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignnone {
    display: block;
    margin: 0 0 20px;
}

.wp-caption {
    max-width: 100%;
}


.container404{
	padding: 145px 0 340px;
}

.fof-image{
	width: 180px;
	margin: 0 auto;
}

.page-section.has-bg, .help-tab, .feature-tabs{
	min-height: 500px;
}

.left_side_content{
	padding-right: 25px;
}


.error404 .site-content-contain{
	background: var(--light-gray);
}

.large-contact-form-wrap{
	padding: 30px;
	width: 400px;
	margin-top: -180px;
	position: relative;
}

.large-contact-form-wrap .title{
	margin-bottom: 20px;
}

.large-contact-form-wrap .wpcf7{
	margin-top: 30px;
}

.large-contact-form-wrap .wpcf7-form-control-wrap{
	display: block;
}

input{
	border-radius: 0;
}

.wpcf7-form-control-wrap input{
	border: 1px solid var(--blue);
	padding: 20px;
	outline: 0;
	max-width: 100%;
}

.large-contact-form-wrap .wpcf7-form-control-wrap input{
	border-top: 0;
}


input.wpcf7-not-valid{
	border-color: red;
}

.wpcf7-not-valid-tip{
	display: none !important;
}

.wpcf7-submit, .btn{
	border: 0;
	outline: 0;
	background:  url('images/submit-bg.svg') no-repeat 210px center;
	background-size: 5%;
	background-color: var(--orange);
	color: var(--white);
	text-transform: uppercase;
	font-family: 'Tajawal', sans-serif;
	padding: 10px 30px !important;
	padding-right: 50px !important;
	background-position:86% 9px;
}

.wpcf7-checkbox input{
	-webkit-appearance: none;
	background: none;
	box-shadow: none;
	padding: 8px;
	border-radius: 0;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-right: 10px;
}

.small-form .wpcf7-form-control-wrap .wpcf7-checkbox input{
	height: auto;
	padding: 8px;
}

.wpcf7-checkbox input:checked:after {
	content: '\2714';
	font-size: 0.7rem;
	position: absolute;
	bottom: 0;
	left: 3px;
	color: var(--white);
}

.wpcf7-form-control-wrap input:nth-of-type(1){
	border-right: 0;
}

.large-contact-form-wrap .wpcf7-form-control-wrap .wpcf7-checkbox input, .small-form .wpcf7-form-control-wrap .wpcf7-checkbox input{
	border: 1px solid #fff;
}

.large-contact-form-wrap .wpcf7-checkbox, .small-form .wpcf7-checkbox{
	display: block;
}

.large-contact-form-wrap .wpcf7-checkbox{
	margin-top: 20px;
}

span.wpcf7-list-item{
	margin: 0;
}

.btn{
	background-image: none;
    padding: 10px 20px;
    display: inline-block;
	background-position: 110px;
	text-align: center;
}

.btn:hover{
	color: var(--white);
}

.small-form .wpcf7-submit{
	text-indent: -9999px;
	background-position: 25px;
    background-size: 20%;
	width: 5%;
	padding: 0;
    border: 1px solid var(--blue);
    outline: 0;
    border-left: 0;
}


div.wpcf7-response-output{
	margin-top: 10px;
	padding: 0.5em 1em;
	border: none;
}

.large-contact-form-wrap div.wpcf7-response-output{
	margin-top: 35px;	
}

.small-form .wpcf7-form-control-wrap input{
	max-width: 19%;
	padding: 10px 20px;
	border-right: 0;
}

::placeholder {
	font-family: 'Tajawal', sans-serif;
    color: #8487a1;
	font-size: 1.1rem;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { 
	font-family: 'Tajawal', sans-serif;
	font-size: 1.1rem;
    color: #8487a1;
}

::-ms-input-placeholder { 
	font-family: 'Tajawal', sans-serif;
	font-size: 1.1rem;
    color: #8487a1;
}

.accordion_content{
	padding: 50px 0;
}

.accordion {
    background-color: #fff;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	border-bottom: 1px solid #333333;
}

.last-tab .accordion{
	border-bottom: 0;
}

.panel {
	padding: 0 40px;
	display: none;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
}

.icon.rotate{
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);     
}

.help-tab{
	padding: 60px 0;
	display: flex;
}

.help-tab .text-content{
	width: 30%;
	padding: 50px;
}

.help-tab .image-holder{
	width: 70%;
}

.help-tab .icon{
	width: 110px;
	margin-bottom: 30px;
}

.help-tab h2, .help-tab .btn{
	margin-bottom: 20px;
}

.help-tab .btn{
	width: 50%;
}

.option-tabs .tab{
	width: 30%;
	border-top: 20px solid var(--orange);
}

.pricing-tabs .tab{
	border-top: 20px solid var(--blue);	
}

.feature-tabs .tab, .flexible-pricing-tabs .inner-tab{
	padding: 0 50px 30px;
}

.feature-tabs .tab:before, .compare-options .option:before, .flexible-pricing-tabs .inner-tab:before{
	content: "";
	border-style: solid;
	border-width: 20px 17.5px 0 17.5px;
	border-color: #f65231 transparent transparent transparent;
	display: inline-block;
}

.pricing-tabs .tab:before{
	border-color: #080e43 transparent transparent transparent;
}

.pricing-tabs .tab:hover{
	border-top: 20px solid var(--orange);	
}

.pricing-tabs .tab:hover:before{
	border-color: #f65231 transparent transparent transparent;
}

.flexible-pricing-tabs .tab{
	padding: 0;
}

.flexible-pricing-tabs .tab, .flexible-pricing-tabs .tab:hover{
	border:none;
}

.flexible-pricing-tabs .tab:before{
	display: none;
}

.flexible-pricing-tabs .tab:hover .inner-tab:before{
	border-color: #080e43 transparent transparent transparent;
}

.compare-options .option:before{
	margin-left: 30px;
}

.feature-tabs .divider{
	width: 1rem;
	height: 2px;
}

 .map-container {
        /*height: 400px; */
        width: 100%;     
}

.pricing-tabs .tab .icon{
	width: 25px;
	display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}

.pricing-tabs .main-title, .steps-tabs .main-title{
	margin-bottom: 10px;
}

.pricing-tabs .main-subtitle, .steps-tabs .main-subtitle{
	margin-bottom: 30px;
}

.steps-tabs .step{
	width: 33.333%;
	padding: 0 40px;
}

.steps-tabs .step .icon{
	margin: 0 auto;
}

.steps-tabs .tab-content{
	padding: 0 20px;
}

.steps-tabs .number, .steps-tabs .content{
	margin: 10px 0;
}



.steps-tabs .step_2{
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}


.container.more-padding.small-form{
	padding-top: 25px;
	padding-bottom: 25px;
}

.small-form .title{
	margin-bottom: 10px;
}

.slideshow-container{
	padding-top: 60px;
	padding-bottom: 60px;
}

.slide .content{
	width: 30%;
	padding: 54px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.slide .image{
	width: 70%;
}

.slide .paragraph{
	margin-top: 35px;
}

.slide .name{
	margin-top: 25px;
}

article.standard .content{
	padding: 20px 40px;
}

.compare-options{
	margin-top: 25px;
}

.compare-options .option{
	width: 48%;
	padding: 45px;
	height: 308px;
	padding-top: 0;
}

.option .image-holder{
	width: 400px;
	margin: 0 auto;
	position: absolute;
	top: 45px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.option .year{
	margin-top: 25px;
}

.flexible-pricing-tabs .tab .title{
	letter-spacing: 0.1rem;
	padding: 8px;
}

ul.option-group{
	margin-top: 5px;
}

.flexible-pricing-tabs .group:first-child{
	margin-top: 0;
}

.flexible-pricing-tabs .group{
	margin-top: 20px;
}

.gs-image{
	display: none;
	width: 448px;
	margin-top: -15px;
}

.gs-first-image{
	display: block;
}

.get-started-right{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	left: 42%;
	width: 35%;
}

.get-started-right .main-title{
	margin-bottom: 30px;
}

ol.gs-steps > li{
	margin-bottom: 25px;
}

ol.gs-steps > li > span{
	font-weight: normal;
}

.gs-tab{
	padding: 30px 0;
    width: 33.333%;
	cursor: pointer;
}

.gs-tab .check{
	width: 17px;
	margin-right: 15px;
	display: inline-block;
}





/*Slideshow*/
ul.slides.loading{
	width: 100%; 
	height: 530px; 
	background: url('images/loading.svg') no-repeat center; 
	background-size: 6%;
}

.flexslider{
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.flexslider .slide{
	position: relative;
	background: var(--white);
}

/* Control Nav */
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1;}
.flex-control-paging li a{
	width: 12px; 
	height: 12px; 
	background:#ffffff; 
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.flex-control-paging li a:hover, .gs-nav-control.active, .flex-control-paging li a.flex-active{
	background: var(--blue);
	border: 0;
}


.flex-control-paging li a.flex-active {
	cursor: default;
}

.flex-control-nav {
	width: 100%;
	position: relative; 
	text-align: center; 
}

.flex-control-nav li {
	margin: 0 6px; 
	display: inline-block;
}

/* single blog page css */
.single-post header.page-header{
	position: relative;
}
.single-post header.page-header .overlay{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
}
.single-post .page-heading.vertical-center {
	text-align: center;
}
.single-post .page-heading.vertical-center > span{
	margin-bottom: 10px;
}
.single-post .page-heading.vertical-center .post-author img{
	border-radius: 50%;
}
.single-post .page-heading.vertical-center .post-author a,
.single-post .page-heading.vertical-center .post-author span{
	color: #fff;
	vertical-align: -webkit-baseline-middle;
	margin-left: 5px;
}
.single-post .page-heading.vertical-center .post-author span.date{
	margin-left: 30px;
}
.single-post .page-heading.vertical-center .post-author a:hover{
	color: #f65231;
}
.single-post nav.social-navigation-header ul{
	display: flex;
	justify-content: center;
	padding-top: 10px;
}
.single-post nav.social-navigation-header ul li{
	margin: 0 10px;
}
.single-post nav.social-navigation-header ul li a{
	display: block;
	color: #fff;
	font-size: 15px;
	padding: 10px;
	border: 1px solid;
	border-radius: 50%;
	height: 37px;
	width: 37px;
}
.single-post nav.social-navigation-header ul li a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #f65231;
}
.single-post .blog-content{
	padding: 40px 0;
}
.single-post .blog-content .container{
	max-width: 960px;
}
.single-post header.page-header .page-heading h1{
	font-weight: bold;
	font-size: 42px;
	line-height: 1em;
	color: #fff;
	margin-bottom: 10px;
	margin-top: 0;
}
.single-post header.page-header .page-heading h3{
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	margin-bottom: 15px;
	margin-top: 0;
}
/*Usman Code*/
#codeverification #countdown,
#codeverification .error,
#signup .error{
	color: var(--orange);
}
.form-wrap{
	margin-top: 20px;

}
.codeform input,
.form-wrap input,
.form-wrap select{
	border: 1px solid var(--blue);
	border-top: 0;
	border-right: 0 !important;
	padding: 20px;
	outline: 0;
	max-width: 100%;
	width: 100%;
}
.form-wrap select{
	background: #fff;
	padding: 12px 10px;
}
div.codeform .btn-code{
	float: right;
	display: inline-flex;
	margin-top: 0;
}
div.codeform .btn-code .wpcf7-submit {
	background-size: 10px auto;
	padding-top: 13px !important;
	padding-bottom: 8px !important;
	background-position: 87% 12px;
	padding-left: 20px !important;
	padding-right: 40px !important;
}
#cancle{
	float: right;
}
.form-wrap input .btn{
	cursor: pointer;
	-webkit-appearance: button;
	overflow: visible;
	border: 0;
	outline: 0;
	background: url('images/submit-bg.svg') no-repeat 175px center;
	background-color: rgba(0, 0, 0, 0);
	background-size: auto;
	background-size: 5%;
	background-color: var(--orange);
	color: var(--white);
	text-transform: uppercase;
	font-family: 'Tajawal', sans-serif;
	padding: 10px 30px;
	padding-right: 30px;
	padding-right: 50px;
}

.custom-form-wrapper{
	display: flex;
}

.form-wrap .custom-form-wrapper .wpcf7-submit{
	width: auto;
	max-width: inherit;
	padding: 0px 26px !important;
	/*line-height: 46px;*/
	background-position: center center;
	cursor: pointer;
	height: 61px;
	border: 0;
	border-bottom: 1px solid var(--orange);
	background-size: 17%;
}

.form-wrap .custom-form-wrapper label.error{
	display: none !important;
}

.form-wrap .custom-form-wrapper .error{
	border-color: red;
}

.small-form .form-content{
	width: 100%;
}
.codeform form input.wpcf7-submit {
	text-indent: 0;
	width: auto;
	background-size: 8%;
}
.codeform form .btn-code {
	display: flex;
	align-items: center;
}
.codeform.hidden-form form .btn-code input {
	margin-left: 2px;
}
.codeform.hidden-form form .btn-code input#resendcode {
	background-size: 5%;
}
.codeform.hidden-form form .btn-code #cancle {
	margin-right: 15px;
}
.codeform .btn-code a#cancletwo,
.codeform .btn-code a#cancleone{
	margin-right: 10px;
}

.codeform form .btn-code.signup-banner-form {
	display: block;
	float: none;
}

.signup-custom-inputs {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.signup-custom-inputs input {
	width: 50% !important;
}
.signup-small-form {
	display: flex;
}
.map-container iframe {
	width: 100%;
	height: 400px;
}
section#page_section_3 {
	padding: 30px 0px;
}
.map-container a {
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
}
.map-container a:hover img{
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.map-container a img {
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* Umr Code */
.signup-driv .wpcf7-submit, .signup-driv .btn {
	width:initial;
}
.agree-btn {
	display:inline-block;
	color:#fff;
	margin-top:25px;
}
.agree-txt{
	position: relative;
}
div.form-wrap .agree-btn label {
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	font-size: 15px;
	border: none !important;
}
.agree-btn input {
	border:1px solid #fff !important;
	width:initial;
	-webkit-appearance: none;
	background: none;
	box-shadow: none;
	padding: 8px;
	border-radius: 0;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-right: 10px;
	box-sizing: border-box;
	width: 13px;
	height: 13px;
	top: -1px;
}

.agree-btn input:checked:after {
	content: '\2714';
	font-size: 0.7rem;
	position: absolute;
	bottom: 0;
	left: 3px;
	color: var(--white);
}
.half-width .error{
	border:1px solid red !important;
	border-top: 0 !important;
	border-right:  0 !important;
}
.half-width .error:last-child{
	display: none !important;
}
.agree-btn .error{
	border: 1px solid red !important;
}

div.form-wrap .wpcf7-submit{
	padding-top: 11px !important;
	padding-bottom: 8px !important;
	background-position: 86% 10px;
}

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

/*MQ MAX-WIDTH 850*/

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

/*1310*/
@media only screen and (max-width: 81.875rem) {
	
	.container{
		padding: 0 20px;
	}
	
	.container404{
		padding: 145px 0 340px;
	}
	
	.slideshow-container{
		padding: 45px 0;
	}
	
	.help-tab .btn{
		width: 25%;
	}

}

/*1280*/
@media only screen and (max-width: 81.875rem) {
	a.logo{
		margin-right: 6rem;
	}
	
	.feature-tabs .tab, .flexible-pricing-tabs .inner-tab{
		padding: 20px;
		padding-top: 0;
	}
	
	.flexible-pricing-tabs .tab{
		padding: 0;
	}
	
	.social-navigation, .social-navigation li{
		float: none;
	}
	
	.social-navigation{
		margin-top: 0;
		text-align: center;
	}
	
	.social-navigation li {
		display: inline-block;
		margin-left: 0;
		margin-right: 10px;
	}
	
	.social-navigation li:last-child{
		margin-right: 0;
	}
	
	
	.footer-bottom-text{
		clear: both;
		margin-top: 25px;
	}
	
	.help-tab{
		display: block;
	}
	
	.help-tab .text-content, .help-tab .image-holder{
		width: 100%;
	}
	
	.help-tab .text-content{
		display: block;
	}
}


/*1100*/
@media only screen and (max-width: 68.75rem) {

	a.logo{
		margin-right: 4rem;
	}
	
	.primary-menu li{
		margin-right: 3.5rem;
	}
	
	.primary-menu li:last-child{
		margin-right: 0;
	}
	
	.option-tabs .tab {
		width: 32%;
	}
	
	.slide .paragraph, .slide .name {
		margin-top: 15px;
	}
	
	.get-started-right{
		left: 50%;
	}
	
	.get_started-image, .get-started-bottom-tab{
		display: none;
	}
	
	.get-started-right{
		position: relative;
		transform: none;
		left: 0;
   		width: 100%
	}
	
	article.standard .content{
		padding: 0;
	}
	
	.page-section{
		padding: 25px 0;
	}
	
}

/*960*/
@media only screen and (max-width: 60rem) {
	.container.more-padding{
		padding: 0 20px;
	}
	
	.container404{
		padding: 90px;
	}
	
	.page-header, .page-heading {
		height: 300px;
	}
	
	/***Header***/
	.mobile-menu {
		display: block;
		float: right;
	}
	
	.main-navigation{
		position: absolute;
		top: 0;
		right: 20px;
		margin-top: 0;
	}
	
	.site-header.active .main-navigation {
		height: 100vh;
		background: #fff;
		width: 100%;
		right: 0;
		padding: 28px 20px;
		position: fixed;
		overflow: auto;
		z-index: 1000;
	}
	
	.main-navigation ul, .site-header.active .mobile-menu .fa-bars, .mobile-menu .fa-times{
		display: none;
	}
	
	.site-header.active .mobile-menu .fa-times {
		display: inline-block;
	}
	
	.main-navigation.toggled-on{
		height: 100vh;
		background: #001b26;
		width: 100%;
		right: 0;
		padding: 28px 20px;
    	position: fixed;
		overflow: auto;
		z-index: 1000;
	}
	
	.site-header.active .main-navigation > div > ul{
		display: block;   	
	}
	
	.menu-primary-container{
		margin-top: 40px;
	}
	
	.primary-menu li{
		margin-right: 0;
		margin-top: 0;
	}
	
	.apps-menu li{
		margin-left: 0;
	}
	
	.site-header nav li, .menu-primary-container, .menu-apps-container{
		float: none;
	}
	
	.main-navigation li{
		margin-bottom: 1rem;
		margin-left: 2rem;
	}
	
	.large-contact-form-wrap{
		margin-top: 0;
	}
	
	/*Dropdowns*/
	
	header li.menu-item-has-children {
		position: relative;
	}
	
	header li.menu-item-has-children .open-children {
		border-left: 1px solid #ddd;
		position: absolute;
		right: 0;
		text-align: center;
		text-rendering: auto;
		top: 0;
	    -webkit-font-smoothing: antialiased;
	    width: 60px;
	}
	
	header li.menu-item-has-children.active > .open-children i {
		transform: rotate(-180deg);
	}
	
	#menu-main .sub-menu {
		background: none;
		box-shadow: none;
		display: none;
		padding: 0;
		position: static;
		width: 100%;
	}
	
	#menu-main li:hover .sub-menu {
		display: none;
	}
	
	#menu-main li.menu-item-has-children.active:hover > .sub-menu,
	#menu-main li.menu-item-has-children.active > .sub-menu {
		display: block;
	}
	
	.half-width, .large-contact-form-wrap, .wpcf7-form-control-wrap input, .option-tabs .tab, .steps-tabs .step, .compare-options .option{
		width: 100%;
	}
	
	.wpcf7-form-control-wrap .wpcf7-checkbox input, .small-form .wpcf7-form-control-wrap .wpcf7-checkbox input{
		width: 0;
	}
	
	.left_side_content{
		padding: 25px 0;
	}
	
	.option-tabs .tab {
		margin: 25px 0;
	}
	
	.steps-tabs .step {
		padding: 40px 0;
	}
	
	.steps-tabs .step_2 {
		border-right: 0;
		border-left: 0;
		border-top: 1px solid #333333;
		border-bottom: 1px solid #333333;
	}
	
	.compare-options .option{
		margin-bottom: 20px;
	}
	
	.small-form .wpcf7-submit {
    	background-position: 15px;
	}
	
	
	.large-contact-form-wrap .title, .small-form .title span{
		display: block;
	}
	
	.slideshow-container{
		display: none;
	}
	
	.slide .image{
		width: 55%;
	}
	
	.slide .content{
		width: 45%;
	}
	
	.slide .paragraph{
		font-size: 0.9rem;
	}
	
	.home-hero .page-title{
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

}

/*780*/
@media only screen and (max-width: 48.75em) {
	.small-form .wpcf7-form-control-wrap input, .small-form .wpcf7-submit, .error404 .page-subtitle{
		width: 100%;
	}
	
	.small-form .wpcf7-form-control-wrap input{
		max-width: 100%;
	}
	
	.small-form .wpcf7-submit{
		background-size: 2%;
		background-position: 50%;
	}
	
	.container404{
		padding: 20px;
	}
	
	.fof-image {
    	width: 50%;
	}
	
	.footer-section-top{
		font-size: 0.8rem;
	}
	
	.left_side_content .title, .pricing-tabs .main-title, .steps-tabs .main-title, .get-started-right .main-title{
		font-size: 1.6rem;
	}
	
	.footer-section-top, .page-subtitle, .left_side_content .content {
		font-size: 0.9rem;
	}
	
	.page-title {
		font-size: 1.9rem;
		line-height: 1.9rem;
	}
	
	::placeholder {
		font-size: 0.9rem;
	}

	:-ms-input-placeholder { 
		font-size: 0.9rem;
	}

	::-ms-input-placeholder { 
		font-size: 0.9rem;
	}
	
	.map-container{
		/*height: 250px;*/
		height: auto;
	}
	
	.slide .image, .slide .content{
		width: 100%;
	}
	
	.slide .content{
		position: relative;
		transform: none;
		padding: 20px;
	}
	
	.flex-control-nav{
		bottom: 0;
	}
	
	.option .year {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.accordion {
		font-size: 1.2rem;
	}
	
	.panel{
		padding: 0;
	}
	
	.help-tab .text-content {
		padding: 20px;
	}
	
	.partner-logo {
		display: block;
		margin-left: 0;
		max-width: 60px;
		margin: 0 auto;
		margin-top: 15px;
	}
	
	.help-tab .btn{
		width: 50%;
	}

	.single-post header.page-header .page-heading h1{
		font-size: 36px;
	}
	.single-post header.page-header .page-heading h3{
		font-size: 20px;
	}
}

/*480*/
@media only screen and (max-width: 30em) {
	.option .year {
		margin-top: 0;
	}
	
	.option .image-holder{
		width: 85%;
	}
	
	.compare-options .option {
		height: 240px;
	}
	
	.help-tab .icon {
		width: 25%;
		margin-bottom: 15px;
	}
	
	.help-tab h2 {
		font-size: 1rem;
	}
	
	.help-tab p{
		font-size: 0.9rem;
	}
	
	.help-tab {
		padding: 0;
		display: block;
		min-height: auto;
	}
	
	.home-hero .page-title{
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
}

/*380*/
@media only screen and (max-width: 23.75em) {
	.large-contact-form-wrap .wpcf7-submit{
		width: 100%;
	}
	
	.wpcf7-submit{
		background-position: 190px;
	}
	
	.slide .content{
		height: 150px;
	}
	.slide .image{
		display: none;
	}
	
	.flex-control-nav{
		bottom: -15px;
	}
	
	.compare-options .option {
		height: 200px;
	}
	
	.option .year {
		font-size: 2rem;
		line-height: 2rem;
	}
	
}
/***************************************************************************************************************************************************************************************/

/* HAMZA CSS*/
.blog-wrap{
	padding: 50px;
	background: #f3f4f8;
}
.blog-wrap .container{
	/*padding: 0 15px;*/
}
.blog-post-row,
.alm-reveal{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
}
.blog-post{
	-ms-flex: 0 0 calc(100% / 3);
	flex: 0 0 calc(100% / 3);
	max-width: calc(100% / 3);
	position: relative;
	padding: 20px;
}
@media only screen and (max-width: 999px) {
	.blog-post{
		-ms-flex: 0 0 calc(100% / 2);
		flex: 0 0 calc(100% / 2);
		max-width: calc(100% / 2);
		position: relative;
		padding: 20px;
	}
}
@media only screen and (max-width: 639px) {
	.blog-post{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		padding: 20px;
	}
	.blog-post .card-img a,
	.blog-post .card-img img{
		width: 100%;
	}
}
.blog-post .card{
	/*border-radius: 4px;*/
	box-shadow: 0 2px 4px rgba(38, 50, 56, 0.05);
	background: #fff;
	position: relative;
	transition: all .3s ease;
	width: 100%;
	height: 100%;
}
.blog-post .card:hover {
	box-shadow: 0 8px 16px rgba(38, 50, 56, 0.1);
}
.blog-post .card-img a{
	display: inline-block;
	overflow: hidden;
}
.blog-post .card-img img{
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.blog-post .card:hover .card-img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.blog-post .card-body{
	position: relative;
	padding: 25px 25px 20px;
}
.blog-post .card-body h2{
	font-size: 24px;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 10px;
}
.blog-post .card-body p{
	font-size: 16px;
	margin: 0 0 10px;
}
.blog-post .card-body footer{
	font-size: 12px;
	line-height: 12px;
	color: #999;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.blog-post .card-body footer a{
	color: #999;
}
.blog-post .card-body footer a:hover{
	color: #f65231;
}
.card-body .post-author{

}
.card-body .post-author img{
	display: inline-block;
	border-radius: 50%;
	margin: 0 3px 0 0;
}
.card-body .post-date{

}

.wp-pagenavi {
	margin: 0;
	padding: 50px 0 20px;
	width: 100%;
	text-align:center;
}

.wp-pagenavi a,
.wp-pagenavi span{
	font-size: 15px;
	font-weight: bold;
	color: #242424;
	width: 38px;
	height: 38px;
	line-height: 40px;
	margin: 0 10px 0 0;
	padding: 0;
	display:inline-block;
	text-align: center;
	border:1px solid #ddd;
	background: #e2e6e9;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fff;
	border:1px solid #080e43;
	background-color:#080e43;
}
/*.wp-pagenavi a:hover {
	color: #fff;
	border:1px solid #fd602c;
	background-color:#fd602c;
}*/

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

.blog-post .card-img{
	height: 220px;
	overflow: hidden;
}

.blog-post .card-img img{
	width:100%;
	height:220px;
	object-fit:cover;
}

.blog-post .card-body{
	height: 220px;
}

.blog-post .card-body footer{
	position: absolute;
    padding: 15px 25px 0px 25px;
    bottom: 25px;
	left: 0;
}

a.logo{
	margin-right: 8rem;
}

@media only screen and (max-width:1279px){
	a.logo{
		margin-right: 4rem;
	}
	.primary-menu li{
		margin-top:6px;
	}
}
@media only screen and (max-width:1199px){
	a.logo{
		margin-right: 1rem;
	}
	.primary-menu li{
		margin: 0 1.5rem;
		margin-top:6px;
	}
}
@media(max-width: 1023px){
	.custom-form-wrapper{
		flex-wrap: wrap;
	}
	.custom-form-wrapper input {
		width: 50%;
	}
	.form-wrap .custom-form-wrapper input.wpcf7-submit {
		text-indent: 0;
		background-position: 90% !important;
		background-size: 5% !important;
		background-repeat: no-repeat !important;
		height: 0;
		padding: 30px 35px 30px 20px !important;
		line-height: 7px;
		text-transform: capitalize;
		width: 50%;
	}
	.codeform form .btn-code.signup-banner-form {
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-start;
	}
	.signup-custom-inputs {
		display: flex;
		align-items: center;
		margin-bottom: 0px;
	}
	.signup-custom-inputs input {
		width: auto !important;
	}
}
@media(max-width: 767px){
	div.codeform .btn-code {
		float: none;
		display: flex;
		justify-content: flex-end;
		margin-top: 10px;
	}
}
@media(max-width: 575px){
	.codeform form .btn-code.signup-banner-form {
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.signup-custom-inputs{
		width: 100%;
	}
	.signup-custom-inputs input {
		width: 50% !important;
	}
	.btn-code.signup-small-custom {
		flex-direction: column-reverse;
	}
	.signup-small-form {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.signup-small-form input{
		width: 50% !important;;
	}
	.btn-code.signup-small-custom a#cancletwo {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-top: 5px;
	}
}
@media(max-width: 479px){
	.large-contact-form-wrap{
		padding: 30px 15px;
	}
	.agree-btn input{
		margin-right: 0;
	}
	.agree-btn{
		font-size: 16px;
	}
	.custom-form-wrapper input,
	.form-wrap .custom-form-wrapper input.wpcf7-submit{
		width: 100%;
	}
	.form-wrap .custom-form-wrapper input.wpcf7-submit{
		background-size: 3% !important;
	}
	.signup-custom-inputs{
		flex-direction: column;
		margin-bottom: 5px;
	}
	.signup-custom-inputs input {
		width: 100% !important;
	}
	.signup-small-form{
		flex-direction: column;
	}
	.signup-small-form input{
		width: 100% !important;;
	}
	.left_side_content{
		padding-bottom: 0;
	}
}

@media only screen and (max-width:420px){
	.blog-wrap{
		padding: 50px 0px;
	}
	.blog-post .card-body {
		height: 244px;
	}
}