/*
Theme Name: Arlo
Theme URI: http://arlo.select-themes.com
Description: A Fresh Theme for Tech & Digital Businesses
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 1.3
Text Domain: arlo
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@import url('https://fonts.googleapis.com/css?family=Arimo|Raleway');
body, h1, h2, h3, h4, p, .qodef-mobile-header .qodef-mobile-nav a, .qodef-btn.qodef-btn-solid {
	font-family: 'Arimo', sans-serif !important;
}
p {
	font-size: 18px !important;
	font-weight: normal !important;
}
.qodef-page-header {
	position: absolute !important;
}
.qodef-header-standard .qodef-menu-area {
	background: none !important;
}
.qodef-title {
	display: none !important;
}
.qodef-container-inner {
	width: 100% !important;
	padding: 0px !important;
}
.top-back-ground {
	position: relative;
}
.set-pink {
	width: 100%;
	height: 100%;
	display: block;
	background: #9e1e40e0;
	position: absolute;
	top: 0;
	left: 0;
}
.set-inner-contaent {
	z-index: 999;
	position: relative;
	color: #fff;
}
.set-inner-contaent p {
	font-size: 33px;
	color: #fff;
	margin-bottom: 49px;
}
.set-inner-contaent h1 {
	font-size: 9vh;
	margin-bottom: 15px;
	line-height: 1.1;
}
.set-inner-contaent p {
	font-size: 3vh !important;
	line-height: 38px;
}



.pinl-button {
	color: #fff;
	background: #e02b59;
	font-size: 21px;
	padding: 5px 0px;
	display: block;
	width: 160px;
	margin: 6px auto;
	border-radius: 25px;
	text-align: center;
	font-weight: normal;
}
.pinl-button:hover {
	color: #fff;
}
.qodef-main-menu ul li a {
	color: #fff !important;
	font-size: 16px !important;
	font-family: 'Raleway', sans-serif !important;
}
.set-mid-contener {
	max-width: 1177px !important;
	margin: 0px auto !important;
}

#qodef-back-to-top .qodef-icon-stack {
	background-color: #d01d4a !important;
}
#qodef-back-to-top > span {
	background-color: #d01d4a !important;
}

#qodef-back-to-top:hover>span{background-color: #d01d4a !important;}

#qodef-back-to-top span span {
    background: #b10e37 !important;
    border-radius: 73% !important;
}



.qodef-icon-stack{ background:none !important;}

.white-button {
	color: #e02b59;
	background: #ffffff;
	font-size: 24px;
	padding: 8px;
	display: block;
	width: 220px;
	border-radius: 17px;
	text-align: center;
}
.white-button:hover {
	color: #e02b59;
}
.containernew {
	max-width: 1087px;
	margin: 0px auto;
}
.colmd-30 {
	width: 30%;
	float: left;
}
.colmd-40 {
	width: 40%;
	float: left;
}
.colmd-33 {
	width: 30%;
	float: left;
}
.copyrightsec {
	overflow: hidden;
	width: 100%;
}
.fotmenu {
	margin-top: 35px;
	text-align: center;
}
.fotmenu ul li {
	display: inline-block;
	margin-right: 20px;
}
.fotmenu ul li a {
	color: #fff;
	font-size: 1.8vh;
	font-weight: normal;
}
.forleft {
	float: left;
}
.forleft h1 {
	position: relative;
	color: #fff;
	font-size: 60px;
}
.forright p {
	color: #fff;
}
.forleft h1:after {
	content: "";
	position: absolute;
	background: #fff;
	height: 60px;
	width: 2px;
	top: 0;
	margin-left: 10px;
	margin-top: 5px;
}
.forright {
	margin-left: 105px;
	padding-top: 10px;
}
.style-8 {
	background: #263238;
	padding: 30px 0;
}
.botlone {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	overflow: hidden;
}
.cps-socials ul li {
	display: inline-block;
	margin-right: 20px;
}
.cps-socials {
	margin-top: 30px;
	text-align: right;
}
.cps-socials ul li a {
	height: 40px;
	width: 40px;
	display: block;
	border-radius: 100%;
}
.cps-socials ul li a .fa {
	font-size: 18px;
	color: #fff;
	    padding: 14px;    text-align: center;
}
.cps-socials ul li .face {
	background: #3B5998;
}
.cps-socials ul li .twitt {
	background: #4099FF;
}
.cps-socials ul li .linkd {
	background: #03659A;
}
.copyright {
	text-align: center!important;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0;
}
.qodef-footer-inner {
	display: none !important;
}
.nf-field-element .nf-element {
	background: #fff;
	border: none;
	height: 36px;
	padding: 0 9px;
	box-shadow: none!important;
	border-radius: 10px;
}
.nf-field-element textarea {
	height: 200px!important;
}
#nf-field-16 {
	background: #E02B59;
	color: #ffff;
	float: right;
	padding: 6px 20px;
	border-radius: 40px;
}
.nf-field-label label {
	color: #e02b59;
}
.contact-cloumn {
	background: #fff;
	width: 40%!important;
	margin: 0 35px;
	-webkit-box-shadow: -3px -1px 44px -15px rgba(0,0,0,0.98);
	-moz-box-shadow: -3px -1px 44px -15px rgba(0,0,0,0.98);
	box-shadow: -3px -1px 44px -15px rgba(173, 173, 173, 0.98);
	border-radius: 20px;
}
.wpcw-widget-contact ul li {
	list-style: none;
}
.contect-info h3 {
	color: #000!important;
	font-size: 30px;
	padding-top: 20px;
}
#nf-form-1-cont h3, .nf-form-fields-required {
	display: none;
}
.fl-node-5bbefd93ba73c {
	margin-top: 40px;
}
.contect-info i {
	color: #e02b59;
	font-size: 19px;
	margin-right: 13px;
}
.contect-info p {
	color: #000;
	overflow: hidden;
	margin-top: 25px;
}
.map-frame iframe {
	height: 300px;
}
.fl-module-content .fl-rich-text h3 {
	color: #e02b58;
	font-size: 30px;
}
.fl-builder-content-394 {
	background: #F5F5F5;
}
.fl-node-15bbe10eb58673 .fl-photo-content img {
	top: 32px;
}
.contact-cloumn .fl-module-content {
	margin: 0px;
}
.contect-info {
	padding: 0 15px;
	padding-bottom: 15px;
}
.fl-node-5bbefd9fc7802 .fl-rich-text h3 {
	color: #000;
}
.map-frame {
	margin-bottom: -8px;
	position: relative;
}
.set-cont-marg {
	margin-top: 50px;
}
.set-cont-marg .fl-rich-text h3 {
	color: #000;
}
.footer-cont-box .fl-rich-text h2 {
	color: #fff;
}
.footer-cont-box .fl-rich-text p {
	color: #fff;
}
.pro-box-1 h2 {
	color: #282d33;
	font-family: Roboto;
	font-size: 4vh;
	line-height: 47px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 30px;
}
.pro-box-1 p {
	line-height: 30px;
	margin-bottom: 24px;
	color: #5d6265;
}
.pro-box-1 {
	margin-top: 95px;
}
.pro-box-2 .fl-photo-content {
	top: 40px;
}
.fl-node-5bbe11d7e5109 {
	margin-top: 40px;
}
.pro-box-3 .fl-photo-content img {
	padding-top: 60px;
}
.prim-img .fl-photo-content img {
	margin-top: -15px;
}
.prim-img-side-cont .fl-rich-text h3 {
	color: #e02b58;
	font-size: 25px;
}
.prim-img-side-cont .fl-module-content {
	margin: 20px 0px;
}
.prim-img-side-cont .fl-module-content p {
	line-height: 27px;
	color: #5d6265;
}
.we-provides .fl-rich-text p {
	line-height: 36px;
	color: #263238;
	padding: 40px 0;
}
.qodef-main-menu>ul>li>a:after {
	display: block;
	content: '';
	background-color: #e02b59!important;
}
.qodef-main-menu>ul>li>a span.item_inner:after, .qodef-main-menu>ul>li>a span.item_inner:before, .qodef-main-menu>ul>li>a:after, .qodef-main-menu>ul>li>a:before {
	content: "";
	background-color: #e02b59!important;
}
.qodef-main-menu.qodef-sticky-nav > ul > li > a {
	color: #fff!important;
}
.qodef-main-menu.qodef-sticky-nav > ul > li > a:hover {
	color: #fff;
}
.home-box-full {
	margin-top: 60px;
}
.home-box-1 h2, .home-box-4 h2 {
	color: #282d33;
	font-family: Roboto;
	font-size: 4vh;
	line-height: 46px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 18px;
}
.home-box-3, .home-box-4 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.home-box-1 p, .home-box-4 p {
	line-height: 30px;
	margin-bottom: 24px;
	color: #5d6265;
}
.home-box-5 h2 {
	color: #fff;
	font-family: Roboto;
	font-size: 41px;
	line-height: 48px;
	font-style: normal;
	font-weight: 400;
}
.home-box-5 p {
	color: #fffcfc;
	font-family: Roboto;
	padding: 5px 114px;
	line-height: 38px;
	font-style: normal;
	font-weight: 400;
}
.home-box-5 .pinl-button {
	color: #fff;
	background: #e02b59;
	font-size: 21px;
	padding: 5px 0px;
	display: block;
	width: 25%;
	margin: 6px auto;
	border-radius: 25px;
	text-align: center;
	font-weight: normal;
}
.home-box-6 h2 {
	/* color: #282d33; */
	font-family: Roboto;
	font-size: 40px;
	line-height: 48px;
	font-style: normal;
	font-weight: 400;
	margin-top: 52px;
	margin-bottom: 20px;
}
.home-box-6 p {
	line-height: 38px;
	margin-bottom: 24px;
	color: #5d6265;
}
.home-box-6 .pinl-button {
	color: #fff;
	background: #e02b59;
	font-size: 21px;
	padding: 5px 0px;
	display: block;
	width: 21%;
	margin: 6px auto;
	border-radius: 25px;
	text-align: center;
	font-weight: normal;
}

.home-box-7 .fl-photo-content {
	top: 40px;
}
.tech-box-full {
	margin-top: 50px;
}
.tech-box-full h3 {
	margin-bottom: 12px;
}
.qodef-page-header .qodef-sticky-header .qodef-sticky-holder {
	background-color: #000!important;
}
.tech-box-1 h4, .tech-box-2 h4, .tech-box-3 h4 {
	color: #e02b59;
	font-family: Roboto;
	font-size: 25px;
	line-height: 36px;
	font-style: normal;
	font-weight: 400;
}
.map-frame:before {
	content: '';
	display: block;
	position: absolute;
	background: #ff235b9e;
	height: 100%;
	width: 100%;
}
 @media(max-width:1200px) {
.home-box-6 .pinl-button, .home-box-5 .pinl-button {
	width: 54%;
	font-size: 18px;
}
}
 @media(max-width:1024px) {
.qodef-mobile-header .qodef-mobile-menu-opener .qodef-mobile-opener-icon-holder {
	color: #fff;
}
.qodef-mobile-header .qodef-mobile-header-inner .qodef-mobile-header-holder {
	background: #000;
}
}
 @media(max-width:991px) {
.home-box-6 .pinl-button, .home-box-5 .pinl-button {
	width: 70%;
}
.home-box-6 h2 {
	font-size: 30px;
}
}
 @media(max-width:767px) {
.prim-img-side-cont .fl-rich-text h3 {
	text-align: center;
}
.contect-info p {
	text-align: unset;
}
.forleft h1:after {
	display: none;
}
.contact-cloumn {
	width: 90%!important;
	margin: 0 auto;
}
.forleft {
	float: none;
}
.cps-socials ul, .fotmenu ul {
	text-align: center;
}
h2, p {
	text-align: center;
}
.white-button {
	margin: 0 auto;
	line-height: 38px;
	padding: 5px 0px;
}
.forright {
	margin-left: 0px;
	padding-top: 0px;
}
.colmd-30 {
	width: 100%;
	float: none;
	text-align: center;
}
.colmd-40 {
	width: 100%;
	float: left;
}
.colmd-33 {
	width: 100%;
	float: none;
	text-align: center;
}
.cps-socials {
	margin-top: 0px;
	text-align: left;
	padding: 0 8px;
}
.fotmenu {
	margin-top: 12px;
	text-align: unset;
	margin-left: 5px;
}
.cps-socials ul li {
	margin-right: 0;
	padding: 0 6px;
}
.home-box-6 .pinl-button, .home-box-5 .pinl-button {
	width: 100%;
}
.home-box-5 p {
	padding: 0 40px;
	line-height: 28px;
}
h2 {
	font-size: 29px;
}
p {
	font-size: 16px !important;
	font-weight: normal !important;
}
}
 @media(max-width:425px) {
.home-box-6 .pinl-button, .home-box-5 .pinl-button {
	width: 100%;
	font-size: 16px;
}
.home-box-5 p {
	padding: 0 7px;
	line-height: 28px;
}
.home-box-5 h2 {
	font-size: 25px;
}
.home-box-1 h2, .home-box-4 h2 {
	line-height: 28px;
	text-align: center;
}
}

.qodef-btn.qodef-btn-solid {
    color: #ffffff;
    border-color: #d01d4a!important;
    background-color: #d01d4a!important;
}

.qodef-btn.qodef-btn-solid:hover {
    color: #ffffff;
    border-color: #d01d4a!important;
    background-color: #d01d4a!important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover {
    border-color: #d01d4a!important;
}
.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover {
    background-color: #d01d4a!important;
}