/*

	Theme Name: Stormse APP

	Theme URI: https://order-app.se

	Description: Order an app or Home page

	Version: 1.0

	Author: Daniel Adlouni

	Author URI: http://stormse.se

	Tags: Blank, HTML5, CSS3



	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}

body {

	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color:#444;

   /* background-image: url(img/texture.png); 

    color:#fff; */

}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#444;

	text-decoration:none;

}

a:hover {

	color:#444;

}

a:focus {

	outline:0;

}

a:hover,

a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/



/* wrapper */

.wrapper {

	max-width:1000px;

	width:100%;

	margin:0 auto;

	position:relative;



}

/* header */

.header {

float: left;

width:100%;


}

.top {

float: left;

width: 100%;

/* background-image: url(img/bg.png); */

padding: 15px 10px;

margin-bottom: 20px;

}

.top-social {

background: #0d4fc4;

float: left;

width: 100%;

margin-top: 5px;

}

/* logo */

.logo {

    float: left;

    width: 25%;

}

.page-template-Contact-page .logo{margin: 0 auto; float: none;}

.logo-img {

width: 100%;

height: auto;
margin-top: 22px;

}

/* nav */

.nav {

float: left;

text-align: right;

width: 75%;

}

.nav ul {

list-style: none;

}

.nav ul li {

font-size: 23px;

display: inline;

margin: 0 0 0 17px;

}

.nav ul li a {

color: #19b568;

}

/* sidebar */

.sidebar {



}

/* footer */

.footer {

float: left;

background-image: url(img/bg.png);

width: 100%;

text-align: center;

font-size: 15px;

color: blue;

}

.sw_footer {
        background:#D7B991; 
        overflow:hidden;
        padding:10px 5px;
}



/*------------------------------------*\

    PAGES

\*------------------------------------*/

.j_text_content {
    color: #81ace6;
    margin: 20px 0 50px;
}

.j_text_note {
    color: #d02718;
    margin: 10px 0px 0px;
   font-weight:bold;
    
}

.j_text_buttons {
    margin-bottom: 0px;
}

.j_btn {
  background: #d10c27;
  background-image: -webkit-linear-gradient(top, #d10c27, #b0271e);
  background-image: -moz-linear-gradient(top, #d10c27, #b0271e);
  background-image: -ms-linear-gradient(top, #d10c27, #b0271e);
  background-image: -o-linear-gradient(top, #d10c27, #b0271e);
  background-image: linear-gradient(to bottom, #FF171F, #d10c27);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 11px 42px;
  text-decoration: none;
  border:2px solid #818181;
}

.j_btn2 {
  background: #2610FF;
  background-image: -webkit-linear-gradient(top, #d10c27, #b0271e);
  background-image: -moz-linear-gradient(top, #d10c27, #b0271e);
  background-image: -ms-linear-gradient(top, #d10c27, #b0271e);
  background-image: -o-linear-gradient(top, #d10c27, #b0271e);
  background-image: linear-gradient(to bottom, #2B35FF, #6E72FF);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding:11px 60px;
  text-decoration: none;
  border:2px solid #818181;
}

.j_btn:hover {
  background: #FFA562;
  background-image: -webkit-linear-gradient(top, #fc9c3c, #d93f34);
  background-image: -moz-linear-gradient(top, #fc9c3c, #d93f34);
  background-image: -ms-linear-gradient(top, #fc9c3c, #d93f34);
  background-image: -o-linear-gradient(top, #fc9c3c, #d93f34);
  background-image: linear-gradient(to bottom, #FFB671, #D9191B);
  text-decoration: none;
  color: #ffffff !important;
}

.j_btn2:hover {
  background: #1707FF;
  background-image: -webkit-linear-gradient(top, #342DFF, #BDCFFC);
  background-image: -moz-linear-gradient(top, #342DFF, #BDCFFC);
  background-image: -ms-linear-gradient(top, #342DFF, #BDCFFC);
  background-image: -o-linear-gradient(top, #342DFF, #BDCFFC);
  background-image: linear-gradient(to bottom, #fff, #4331FC);
  text-decoration: none;
  color:#fff !important;
}

/* Home Page */

.front-page {

float: left;

width: 100%;

}

.img_bg {

float: left;

width: 500px;

padding: 0 0 0 100px;

}

.text {

float: left;

width: 42%;

margin-right: 50px;

margin-top: 5%;

}

img.bg_front {

width: 70%;

height: auto;

}

.bg {

background: url(img/IPhone_5sbg.png);

padding: 19% 5%;

background-repeat: no-repeat;

background-size: 70%;

height: 100%;

overflow:hidden;

}

.textmesage {

float: left;

width: 100%;

}

.textmesage span textarea,.textmesage input {

width: 64.8%;

border-bottom-left-radius: 4px;

border-bottom-right-radius: 4px;

font-size: 15px;

background: transparent;

border: 2px solid grey;

color: #fff;

margin: 0px 5px;
padding:5px;

border-radius: 4px;
border:#fff solid 1px !important;

resize: none;

}

.textmesage textarea{height:318px !important;}

span.front_text_message {

float: left;

width: 100%;

color: #fff;

font-size: 15px;

padding-top:15px;

padding-left:15px;

}

::-webkit-input-placeholder { 

color:#f00; 

text-align: center;

padding:60% 0;

}

.send_textmesage input[type=submit] {

border: none !important;

background: transparent;

float: left;

padding: 4.5% 28.2%;

font-size: 15px;

text-transform: uppercase;

}

.logo_text {

float: left;

width: 100%;

margin: 0 0 10% 0;

}

.front_info_text {

float: left;

width: 100%;

}

.front_info_text p {

font-size: 16px;

}

.front_info_text h2 {

font-size: 24px;

}

.front_info_text h3 {

font-size: 18px;

}

.app_store {

float: left;

width: 100%;

margin-top: 18%;

margin-right: 2%;

}

.app_store img{

   opacity: 0.5; 

   cursor: pointer;

}

img.store, img.google {

width: 100%;

height: auto;

}

.app_store img:hover{



opacity: 1;

-webkit-transition: opacity .15s ease-in-out;

-moz-transition: opacity .15s ease-in-out;

-ms-transition: opacity .15s ease-in-out;

-o-transition: opacity .15s ease-in-out;

transition: opacity .15s ease-in-out;

}

.google_play {

float: left;

width: 100%;

margin-top: 18%;

margin-left: 2%;

}

.google_play img{

   opacity: 0.5; 

   cursor: pointer;

}

.google_play img:hover{

opacity: 1;

-webkit-transition: opacity .15s ease-in-out;

-moz-transition: opacity .15s ease-in-out;

-ms-transition: opacity .15s ease-in-out;

-o-transition: opacity .15s ease-in-out;

transition: opacity .15s ease-in-out;

}

.textmesage span span {

float: left;

width: 100%;

margin: -123% 15%;

}

.img_bg div form div.wpcf7-response-output {

margin: -54% 0;

margin: 0 0;

padding: 0.2em 1em;

position: absolute;

left: 12.5%;

right: 64.1%;

color: red;

}



/* App Request */



.app_request {

float: left;

background: url(img/ipadbg.png);

width: 100%;

padding: 1% 7%;

background-repeat: no-repeat;

background-size: 100%;

height: 100%;

}

.form_req {

float: left;

width: 100%;

padding: 9%;

}



.width100 {

float: left;

width: 100%;

}

.left {

float: left;

width: 49%;

margin-right: 1%;

}

.right {

float: left;

width: 48%;

margin-right: 2%;

}

.width100 div span input {

height: 30px;

margin: 10px 0;

width:100%

}

.width100 div span textarea {

width: 98%;

margin-bottom: 5px;

}

.width100 div span.wpcf7-not-valid-tip {

margin-top: -10px;

margin-left: 10px;



}

span.label {

margin-top: 10px;

float: left;

width: 100%;

color: #fff;

font-size: 15px;

font-weight: bold;

}

.submi_appreq input {

border: none;

margin-top: 25px;

text-align: center;

float: left;

width: 100%;

font-size: 13px;

font-weight: bold;

padding: 7px;

margin-bottom: 25px;

}

span.label.messagel {

margin-top: -10px;

}



/* Contact Page*/

.width23.left2 {

float: left;

width: 23%;

margin-right: 2%;

}

.width75 {

float: left;

width: 73%;

margin-left: 2%;

}
.wpcf7-mail-sent-ok{
	color: #398f14 !important;
}
/*------------------------------------*\

    IMAGES

\*------------------------------------*/







/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/



@font-face {

	font-family:'Font-Name';

	src:url('fonts/font-name.eot');

	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),

		url('fonts/font-name.woff') format('woff'),

		url('fonts/font-name.ttf') format('truetype'),

		url('fonts/font-name.svg#font-name') format('svg');

    font-weight:normal;

    font-style:normal;

}



/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



@media only screen and (min-width:320px) {



}

@media only screen and (min-width:480px) {



}

@media only screen and (min-width:768px) {



}

@media only screen and (min-width:1024px) {



}

@media only screen and (min-width:1140px) {



}

@media only screen and (min-width:1280px) {



}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {



}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 0px 0px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}

.page-template-Contact-page #googlemaps { 

  height: 100%; 

  width: 100%; 

  position:absolute; 

  top: 0; 

  left: 0; 

  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */

  opacity: 0.3;

}

.page-template-Contact-page .wrapper{position:absolute!important; max-width: 100%;}

.page-template-Contact-page .width100{position: relative;}

.page-template-Contact-page .header{position: relative; z-index:999;}

.page-template-Contact-page .wp_gmaps_canvas{border:2px solid black;}

.width50{width:48% !important; float:left !important;}

.width45-left{width:45% !important; float:left !important;}

.width45-right{width:45% !important; float:right !important;}

.width45-right p{font-weight:bold !important;}

body .j_text_buttons .j_btn2.j_btn_order_app{border:0; background: linear-gradient(to right,#3457e4 0%,#244dd4 100%); border-radius:30px; border:0; box-shadow: 1px 4px 14px -5px rgba(4,7,86,1); -webkit-1px 4px 14px -5px rgba(4,7,86,1); -mz-1px 4px 14px -5px rgba(4,7,86,1); -ms-1px 4px 14px -5px rgba(4,7,86,1); -o-1px 4px 14px -5px rgba(4,7,86,1);}
body .j_text_buttons .j_btn2.j_btn_order_app:hover{box-shadow:none; background: linear-gradient(to left,#3457e4 0%,#244dd4 100%);}

body .j_text_buttons .j_btn.j_btn_order_web{border:0; background: linear-gradient(to right,#d61a1a 0%,#d42424 100%); border-radius:30px; border:0; box-shadow: 1px 4px 14px -5px rgba(165,11,11,1); -webkit-1px 4px 14px -5px rgba(165,11,11,1); -mz-1px 4px 14px -5px rgba(165,11,11,1); -ms-1px 4px 14px -5px rgba(165,11,11,1); -o-1px 4px 14px -5px rgba(165,11,11,1);}
body .j_text_buttons .j_btn.j_btn_order_web:hover{box-shadow:none; background: linear-gradient(to left,#d61a1a 0%,#d42424 100%);}

body .app_request form textarea{height:100px;}
body .app_request form input{margin:5px 0;}
body .app_request .fb_iframe_widget{margin-top:140px !important;}
body .app_request .form_req{padding:5% 9%;}

body .col-sm-8.j_home_text .rt-sec {
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 4px 14px -5px;
    padding: 0 0 30px 0;
}

body .col-sm-8.j_home_text .j_text_buttons.row.j_text_buttons, body .col-sm-8.j_home_text .row.j_text_profiles {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0;
}

body .col-sm-8.j_home_text .j_text_buttons.row.j_text_buttons .col-md-6.text-center, body .col-sm-8.j_home_text .row.j_text_profiles .col-md-6.text-center{width: auto;}

body .j_home_content .j_home_text .j_text_content h2{text-shadow: none !important;}

.contact-page{clear:both; margin-bottom:50px;}
.contact-page h1{    
	padding-top: 15px;
    padding-bottom: 15px;
    background: #bbecd4;
    padding-left: 30px;
    border-radius: 5px;
    position: relative;
    top: 50px;
    display: block;
    width: 100%;
    margin-bottom: 50px;
    clear: both;}
.contact-container .main-container{ 
	display: flex;
    justify-content: space-between;
    width: 100%;
	flex-direction: row;
}
.contact-page article#post-12{padding-top:30px;}
.contact-page .left-sec{
	width: 40%;
    display: flex;
    flex-direction: column;    
    align-items: center;}
.contact-page .left-sec .left-top-sec{
	    width: 90%;
    display: flex;
    align-self: flex-start;
}
.contact-page .left-sec .left-btm-sec{
	width: 90%;
    padding-right: 10%;
    box-shadow: 1px 4px 14px -5px rgba(27,82,55,0.6);
    border-radius: 10px;
    padding: 30px 30px;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
	background: #f7fffb;
}

.contact-page .left-sec .left-top-sec a{
	width:100%;
}
.contact-page .left-sec .left-top-sec img{
	float: none;
    width: 100%;
    margin: 0;
    border-radius: 5px;
    border: 5px solid #f1f3f2;
    padding: 2px;
}
.contact-page .left-sec .left-btm-sec h2{
	font-size:20px;
}
.contact-page .left-sec .left-btm-sec h2 span{display:inline-block;}
body {
    overflow-x: hidden;
}

.contact-page .right-sec{width:60%; 
	box-shadow: 1px 4px 14px -5px rgba(0,0,0,0.6);
    border-radius: 10px;
    padding: 30px 50px;}
.contact-page .right-sec p{font-size:18px;}
.contact-page .right-sec br{display:none;}

.contact-page input, .contact-page select, .contact-page textarea{ 
	margin-top:5px;
	margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ccc;
    min-height: 42px;}

.contact-page textarea{max-height:150px; overflow-y:auto;}


.contact-page  input.wpcf7-form-control.wpcf7-submit {
    background: #93e9be;
    border: 0;
    box-shadow: 1px 4px 14px -5px rgb(7, 181, 94);
    color: #fff;
    text-transform: uppercase;
    max-width: 160px;
    float: right;
}

.contact-page  input.wpcf7-form-control.wpcf7-submit:hover{
	background:#26d87f;
	box-shadow:none;
}

body.page-id-12 .top{display: flex; align-items: center;}
body.page-id-12 .top .nav ul{margin-bottom:0;}

footer.sw_footer_container .container{max-width:1000px; width:100%; margin:0 auto; padding:15px 0;}

footer.sw_footer_container .fa-facebook::before {
    content: "\f09a";
    font-size: 24px;
    color: #3a559f;
}

footer.sw_footer_container .fa-twitter::before {
    content: "\f099";
    color: #55acee;
    font-size: 24px;
}

footer.sw_footer_container .fa-google::before {
    content: "\f1a0";
    font-size: 24px;
    color: #dd4337;
}

footer.sw_footer_container .fa-linkedin::before {
    content: "\f0e1";
    font-size: 24px;
    color: #0077b7;
}

footer.sw_footer_container .sw_footer_ns_title {
    font-size: 24px;
    color: #fff;
}

footer.sw_footer_container .j_social_icons .col-md-3 {
    width: auto;
}

footer.sw_footer_container .sw_footer_ns_des {
    font-size: 16px;
    color: #fff;
}

.copyright-blk{
	background: #c6ae8d;
	color: #fbfbfb;
	padding-top: 4px;
}
.copyright-blk a{color: #2c9762; padding-left:5px;}

footer.sw_footer_container form .input-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

footer.sw_footer_container form .btn-wrapper .wpcf7-form-control.wpcf7-submit {
    padding: 8px 15px;
    border: 0;
    background: #66e0a3;
    color: #fff;
    text-transform: uppercase;
}

footer.sw_footer_container form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -18px;
}

footer.sw_footer_container form .btn-wrapper .ajax-loader {
    position: absolute;
}