/*

Author: XpeedStudio

Author URI: http://themeforest.net/user/XpeedStudio/portfolio

*/

/* ==========================================================================

   Author's custom styles

   ========================================================================== */

html,

body {

    font-size: 15px;

    color: #565656;

    padding: 0;

    margin-left: 0;

    margin-right: 0;

    font-family: 'robotolight';

    font-weight: 300;

}



img {

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-user-drag: none;

    user-drag: none;

}





/*==========================================

PRE LOADER 

==========================================*/



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fefefe;

    z-index: 99999;

    height: 100%;

    width: 100%;

    overflow: hidden !important;

}



.loaded {

    width: 60px;

    height: 60px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-image: url(../images/preloading.gif);

    background-repeat: no-repeat;

    background-position: center;

    -moz-background-size: cover;

    background-size: cover;

    margin: -20px 0 0 -20px;

}

a,

a:hover,

a:active,

a:focus {

    text-decoration: none;

    outline: none;

}

a,

button,

a span {

    -webkit-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.btn.extra-width {

    padding: 13px 40px;

}

.btn:focus,

.btn:active {

    outline: inherit;

}

*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    /*    direction: rtl;*/

}

p {

    margin: 0 0 15px;

}

.clear {

    clear: both;

}

/*ol,

ul {

    list-style: none;

    padding: 0;

}*/



ul {

    list-style: none;

    padding: 0;

}



img {

    max-width: 100%;

}

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input {

    outline: none;

}

.form-control {

    border: 1px solid rgba(0, 0, 0, 0.08);

    font-size: 16px;

    height: 45px;

}

.form-control:focus {

    border-color: #82ca9c;

}



h1,

h2,

h3 {

    /*font-family: 'Lane', sans-serif;*/

    font-weight: 300;

    margin: 0;

}

h4,

h5 {

    /*font-family: 'roboto', sans-serif;*/

    font-weight: 300;

    margin: 0;

    line-height: 2rem;

}

h1 {

    font-size: 3rem;

    line-height: 4rem;

    font-weight: 300;

}

h2 {

    font-size: 2.5rem;

    line-height: 3rem;

    margin-bottom: .9rem;

}

h3 {

    font-weight: 300;

    margin-bottom: .9rem;

    font-size: 2.1rem;

    line-height: 2.5rem;

}

h4 {

    font-size: 1.6rem;

    line-height: 2.2rem;

    margin-bottom: 1.1rem;

}

h5 {

    font-size: 1.3rem;

    margin-bottom: 1rem;

}

h6 {

    font-size: 1rem;

    margin-bottom: .9rem;

}

p {

    line-height: 1.5rem;

    font-size: 1.1rem;

}

p:last-child {

    margin-bottom: 0px;

}

/*.home-wrap h1,*/

.home-wrap h2,

.home-wrap h3,

.home-wrap h4,

.home-wrap h5,

.home-wrap p {

    color: #ffffff;

    /*font-family: 'roboto', sans-serif;*/

}

.text {

    color: #333333;

}

.colorstext {

    color: #f56363;

}

.coloricon i {

    color: #f56363;

}

.colorsbg {

    background: #f56363;

    color: #ffffff;

}



.lightbg {

    background-color: #f9f9f9;

}

.transition {

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

/*

Section

*/

.sections {

    padding-top: 100px;

    padding-bottom: 100px;

    position: relative;

    overflow: hidden;

}

.sections2 {

    padding-top:40px;

    padding-bottom:40px;

    position: relative;

    overflow: hidden;

}

.sections.footer {

    padding-bottom: 80px;

}

section .subtitle h5 {

    margin-top: 10px;

    font-size: 1.3rem;

    font-family: 'roboto', sans-serif;

}

.parallax-section {

    max-width: 100%;

    color: #ffffff;

}

section .title-half h2 {

    font-size: 3rem;

    line-height: 4rem;

    font-weight: 300;

    margin-bottom: 1.4rem;

}

section .subtitle-half h5 {

    font-weight: 100;

    font-size: 12px;

}





.heading {

    margin-bottom: 4rem;

}

.overlay {

    background-color: rgba(0, 0, 0, 0.3);

    width: 100%;

    min-height: 750px;

}

.overlay-fluid-block {

    background-color: rgba(0, 0, 0, 0.15);

    width: 100%;

}

.home-overlay-fluid {

    background-color: rgba(41, 41, 41, 0.68);

    width: 80%;

    margin: auto;

}

.overlay-img {

    background: rgba(0, 0, 0, 0.3);

    width: 100%;

    padding-top: 100px;

    padding-bottom: 100px;

    color: #ffffff;

}

.no-padding {

    padding: 0 !important;

}

.fluid-blocks-col {

    padding: 70px 40px 0 80px;

}

.fluid-blocks-col-right {

    padding: 70px 80px 0 40px;

}

/*

Separator

*/

.separator {

    height: 2px;

    width: 80px;

    margin: auto;

    background: #ededed;

}



/*

Button

*/

.btn-primary.active.focus,

.btn-primary.active:focus,

.btn-primary.active:hover,

.btn-primary:active.focus,

.btn-primary:active:focus,

.btn-primary:active:hover,

.open > .dropdown-toggle.btn-primary.focus,

.open > .dropdown-toggle.btn-primary:focus,

.open > .dropdown-toggle.btn-primary:hover,

.btn-primary.focus,

.btn-primary:focus,

.btn-primary.disabled{

    color: #ffffff;

    background-color:#64c583;

    border-color: #f56363;

}

.btn-primary:hover {

    background-color:#64c583;

}



.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.728571;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 3px;

    width: 200px;

    height: 50px;

    padding: 1em;

}



.btn-default {

    border-radius: 0px;

    background: #82ca9c;

    color: #ededed;

    border: 0;

    padding: 12px 15px;

    max-width:160px;

    margin-top: 20px;

}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {

    color: #fff;

    background-color: rgba(0, 173, 62, 0.75);

    border-color:transparent;

}





.input-lg, .form-group-lg .form-control {

    height: 46px;

    width: 100%;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.33;

    border-radius:0;

}

.btn-lg, .btn-group-lg>.btn {

    font-size: 18px;

    line-height: 26px;

    border-radius:0;

    background: #82ca9c;

    border: 0;

    padding: 10px 25px;

}

.input-group button a i{

    color:#fff;

}







h1 span {

    color: #f56363;

    font-weight: 400;

}



/*for placeholder changes*/



input::-webkit-input-placeholder {

    color: #CACACA;

    font-size: 12px;

    padding-top:2px;

}

input::-moz-placeholder {

    color: #CACACA;

    font-size: 12px;

    padding-top:2px;

}

input:-ms-input-placeholder {

    color: #CACACA;

    font-size: 12px;

    padding-top:2px;

}

textarea::-webkit-input-placeholder

{

    color: #CACACA;

    font-size: 12px;

    padding-top:2px;



}

textarea::-moz-input-placeholder

{

    color: #CACACA;

    font-size: 12px;

    padding-top:2px;

}

textarea::-ms-input-placeholder

{

    color: #CACACA;

    font-size: 12px;

    padding-top:2px;

}









/*For Our Global CSS*/

.heading-content h1{

    font-size:48px;

    margin-bottom:40px;

}



/* For Social Wrapper */

.social{



    font-family: 'Allerta', Helvetica, Arial, sans-serif;

    background-color: rgb(24, 37, 79);

    padding:15px 0;

    padding-left: 50px !important;

   

}

   



.social-wrapper a{

    float:left;

    font-size:15px;

    color:#fff ;

}

.social-wrapper a:hover{

    color:#fff;

}

.social-wrapper a i{

    display: inline-block;

    padding-right:10px;

}

.social-wrapper .social-contact{

    float:right;

    font-size:13px;

}

.social-wrapper .social-contact a{

    color:#fff;



    margin-right:10px;

}

.social-wrapper .social-contact a:hover{

    color:#fff;

}

.social-wrapper .social-contact a i{



    color: #fff;

    padding-right:5px;

}



.right10px{



    padding-left: 10px;



}



@media screen and (max-width: 600px) {



    }

.social-wrapper a{

    left: 20% !important;

    float: none;

    color:#fff ;

}





}







@media screen and (max-width: 1440px) {



    #social{



        padding-left: 5%;

        padding-right: 2%;

    }



}



@media only screen and (max-width: 800px) {



    



    .social-contact{



        text-align: center;

    }



    .social-icon{

        float: left !important;

        padding-left: 45%;

    }



    .social-phone{



        text-align: center;

        font-size: 2px !important

    }





}





/*For Menu Style*/



.navbar-default {

    background-color: #fff;

    border-color: transparent;

    border-radius:0;

    padding-top:20px;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

    color: #e5a627;

    background-color:transparent;

}

.navbar-default .navbar-nav>li>a {

    color: #000;

    font-size:14px;

    font-weight:600;

	text-transform:uppercase;

}

.navbar-default .navbar-nav li a :hover{

    color: #e5a627;

}

.navbar-default .collapse .login a{

    color: #e5a627;

    border: 1px solid #e5a627;

    border-radius: 20px;

    padding: 4px 30px;

    font-size: 12px;

    margin-top: 10px;

    margin-left: 30px;

    display:inline-block;

    overflow:hidden;

}

.navbar-default .collapse .login:hover a{

    background-color: rgba(229, 166, 39, 0.75);

    color:#fff;

}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {

    color: #e5a627;

    background-color: transparent;

}

.navbar-brand{

	margin-top:-5px;	

}



.nav-dropdown {

  position: absolute;

  display: none;

  z-index: 1;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);

}





/*For Home Section*/

.home{

    background:url(../images/homebg.jpg) no-repeat center center;

    color:#000;

	background-size:cover;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	-ms-background-size:cover;

}

.home-wrapper{

    padding:180px 0px;

    overflow:hidden;

}

.home-content h1{

    font-size:48px;

    font-weight:700;

    margin-bottom: 30px;

    color: #fff;

}

.home-content p{

    margin-bottom: 30px;

    color: #fff;

}

.home-content .home-contact{

    margin-top: 90px;

}



.home-contact .input-group{display: block;}

.home-content .input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 65%;

    margin-bottom: 0;

    height: 60px;



}

.home-content .home-contact input[type="text"]{

    color:#82ca9c;

}

.home-content .home-contact input[type="submit"]{

    display:inline-block;

    width:35%;

    background:#82ca9c;

    color:#fff;

	border: 0px;

}

.home-content .home-contact input[type="submit"]:hover{

	background-color: rgba(0, 173, 62, 0.75);

}

.home-contact p{

    margin-top: 20px;

    color:#000;

    font-size:15px;

}

.form-control {

    border: 1px solid #DEDEDE;

    height:45px;

    border-radius: 0px;

    margin-right: -3px;

}

.head_title {

    margin-bottom: 40px;

}

.head_title p {

    max-width: 55%;

    margin: 10px auto;

    padding-bottom: 20px;

}



.head_title h2 {

    max-width: 55%;

    font-weight: 900;

    margin: 10px auto;

    padding-bottom: 20px;

    color: #000;

}





/*scollup icon*/



.scrollup {

	width: 30px;

	height: 30px;

	border-radius: 15px;

	opacity: .3;

	position: fixed;

	bottom: 20px;

	right: 25px;

	color: #fff;

	cursor: pointer;

	background-color: #000;

	z-index: 10;

	transition: opacity .5s, background-color .5s;

	-moz-transition: opacity .5s, background-color .5s;

	-webkit-transition: opacity .5s, background-color .5s;

}

.scrollup:hover {

	background: #e5a627;;

	opacity: 1;

}

.scrollup i {

	font-size: 13px;

	position: absolute;

	opacity: 1;

	color: #fff;

	left: 50%;

	top: 50%;

	margin-top: -7px;

	margin-left: -6px;

	text-decoration: none;



}



#slide-window

  {

  position:relative;

  width:100%;

  height:100%;

  overflow:hidden;

  top:0px;

  left:0px;

  }







#slides

  {

  width:100%;

  min-height:600px;  

  position:relative;

  margin:0px;

  padding:0px;

  

  -webkit-transform: translate3d(0px,0px,0px);

  transform: translate3d(0px,0px,0px);

    



  

  }





.slide 

  {

  list-style:none;

  position: relative;

  float: left;

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  min-height:600px;

  background: #ccc;

  background-size: cover;

  background-position: 50% 50%;

  text-align: center;

  line-height: 300px; 

  color:#fff;

  -webkit-transform: translate3d(0px,0px,0px);

  visibility:hidden;

  -webkit-transform-style: preserve-3d;

  }



  #slides h1{

	padding-top:8%;

	color:#fff;

	font-size:40px;

	text-transform:uppercase;

	letter-spacing:8px;

}

#slides h3{

	color:#fff;

	font-size:40px;

	text-transform:uppercase;

	letter-spacing:8px;

	padding-top:20px;

}



.alive { visibility:visible; }





  .slidernav 

  { 

  position:absolute; 

  z-index:9; 

  top:40%; 

  cursor:pointer; 

  color:#fff; 

  opacity:0.7; 

  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 

  }



.slidernav:hover { opacity:1.0; }

#left { left:3%; }

#right { right:3%; }



.box {

		margin-bottom: 2rem;



        border: 1px solid grey;

        width: 100%;

        max-width: 500px;



        font-size: 60px;



        color: #18254f;



        align-items: center;

        align-content: center;

        text-align: center;



        transition: color 0.25s;



        

	}



    .material-icons.md1{





        font-size: 100px !important;

        color: darkblue;

    }



    .box.fa-cog {

  color: darkblue;



  font-size: 100px !important;

}



.box:hover::before{



    border-top-color: darkblue;

    border-right-color: darkblue;



    transition:

      width 0.25s ease-out,

      height 0.25s ease-out 0.25s;



      width: 100%;

    height: 100%;



}



.box:hover{





    border: 1px solid darkblue;

}



.box:hover::after{



    width: 100%;

    height: 100%;



    border-bottom-color: darkblue; // Make borders visible

    border-left-color: darkblue;



    transition:

      border-color 0s ease-out 0.5s,

      width 0.25s ease-out 0.5s,

      height 0.25s ease-out 0.75s;

}



		.box .image.fit {

			margin: 0;

			border-radius: 0;

		}



			.box .image.fit img {

				border-radius: 0;

			}



		.box header h2 {

			margin-bottom: 2rem;

            font-size: 20px;

            font-weight: 600;



            color: black !important;

		}



        .box header h2::after {

            

            content: " ";

            border: 1px solid darkblue;

            margin-left: 110px;

            margin-right: 110px;

            display: block;

            margin-top: 20px;

            margin-bottom: 20px;



            





        }



        .box:hover header h2::after{



            

            border: 1px solid darkblue;

            margin-left: 70px;

            margin-right: 70px;



            

        }



        .box p{

            color: grey !important;

        }



		.box header p {

			text-transform: uppercase;

			font-size: 12px;

			font-weight: 300;

			margin: 0 0 .25rem 0;

			padding: 0 0 .75rem 0;

			letter-spacing: .25rem;



            color: grey !important;

		}



			.box header p:after {

				content: '';

				position: absolute;

				margin: auto;

				right: 0;

				bottom: 0;

				left: 0;

				width: 50%;

				height: 1px;

				background-color: rgba(0, 0, 0, 0.125);

			}



		.box .content {

			padding: 3rem;

		}



		.box > :last-child,

		.box > :last-child > :last-child,

		.box > :last-child > :last-child > :last-child {

			margin-bottom: 0;

		}



		.box.alt {

			border: 0;

			border-radius: 0;

			padding: 0;

		}



		@media screen and (max-width: 736px) {



			.box .content {

				padding: 2rem;

			}



		}



	.box {

		border-color: rgba(144, 144, 144, 0.25);

	}





	.leyenda {



		font-family: 'robotolight';



		z-index: 20;

		position: absolute;

		top: 48%;

		background-color: rgba(24, 37, 79, 0.6);

		left: 0;

		margin-right: 40%;

		padding-left: 15%;

		padding-bottom: 30px;

		padding-top: 30px;

		padding-right: 20px;



	}



	.leyenda h1:before{



		background: #fff;

  		content: "";

 		display: block;

  		height: 1px;

  		position: absolute;

    	top: 50%;

  		width: 40%;

	}



	.leyenda h1{

		z-index: 21;

		font-size: 48px;

		color: #fff;

		font-weight: 900;



	}



	.leyenda h2{

		z-index: 21;

		font-size: 32px;

		color: #fff;

	}





	.footer-distributed{

	background-color: #000;

	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);

	box-sizing: border-box;

	width: 100%;

	text-align: left;

	font: bold 16px sans-serif;



	padding: 55px 50px;

	

}



.footer-distributed .footer-left,

.footer-distributed .footer-center,

.footer-distributed .footer-right{

	display: inline-block;

	vertical-align: top;

}



/* Footer left */



.footer-distributed .footer-left{

	width: 40%;

}



/* The company logo */



.footer-distributed h3{

	color:  #ffffff;

	font-size: 36px;

	margin: 0;

}



.footer-distributed h3 span{

	color:  #5383d3;

}



/* Footer links */



.footer-distributed .footer-links{

	color:  #ffffff;

	margin: 20px 0 12px;

	padding: 0;

}



.footer-distributed .footer-links a{

	display:inline-block;

	line-height: 1.8;

	text-decoration: none;

	color:  inherit;

}



.footer-distributed .footer-company-name{

	color:  #8f9296;

	font-size: 14px;

	font-weight: normal;

	margin: 0;

}



/* Footer Center */



.footer-distributed .footer-center{

	width: 35%;

}



.footer-distributed .footer-center i{

	background-color:  #33383b;

	color: #ffffff;

	font-size: 25px;

	width: 38px;

	height: 38px;

	border-radius: 50%;

	text-align: center;

	line-height: 42px;

	margin: 10px 15px;

	vertical-align: middle;

}



.footer-distributed .footer-center i.fa-envelope{

	font-size: 17px;

	line-height: 38px;

}



.footer-distributed .footer-center p{

	display: inline-block;

	color: #ffffff;

	vertical-align: middle;

	margin:0;

}



.footer-distributed .footer-center p span{

	display:block;

	font-weight: normal;

	font-size:14px;

	line-height:2;

}



.footer-distributed .footer-center p a{

	color:  #5383d3;

	text-decoration: none;;

}





/* Footer Right */



.footer-distributed .footer-right{

	width: 20%;

}



.footer-distributed .footer-company-about{

	line-height: 20px;

	color:  #92999f;

	font-size: 13px;

	font-weight: normal;

	margin: 0;

}



.footer-distributed .footer-company-about span{

	display: block;

	color:  #ffffff;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 20px;

}



.footer-distributed .footer-icons{

	margin-top: 25px;

}



.footer-distributed .footer-icons a{

	display: inline-block;

	width: 35px;

	height: 35px;

	cursor: pointer;

	background-color:  #33383b;

	border-radius: 2px;



	font-size: 20px;

	color: #ffffff;

	text-align: center;

	line-height: 35px;



	margin-right: 3px;

	margin-bottom: 5px;

}



/* If you don't want the footer to be responsive, remove these media queries */



@media (max-width: 880px) {



	.footer-distributed{

		font: bold 14px sans-serif;

	}



	.footer-distributed .footer-left,

	.footer-distributed .footer-center,

	.footer-distributed .footer-right{

		display: block;

		width: 100%;

		margin-bottom: 40px;

		text-align: center;

	}



	.footer-distributed .footer-center i{

		margin-left: 0;

	}



}





.navigation {

    z-index: 100;



  height: 70px;

  background: #fff;

  font-family: 'Allerta', Helvetica, Arial, sans-serif;

}



.brand {

  position: absolute;

  padding-left: 20px;

  float: left;

  line-height: 70px;

  text-transform: uppercase;

  font-size: 1.4em;

}

.brand a,

.brand a:visited {

  color: #000;

  text-decoration: none;

}



.nav-container {

    z-index: 100;

top: 0 !important;

  width: 100%;

  padding-left: 15%;

  padding-right: 10%;

  margin: 0 auto;

  font-weight: 900 !important;

  font-size: 14px !important;



}



.navigation-fixed{



    position: fixed;

    z-index: 100;

    background-color: #fff;

}



.nav-container nav {

  float: right;

}

.nav-container nav ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.nav-container nav ul li {

  text-transform: uppercase;

  float: left;

  position: relative;

}

.nav-container nav ul li a,

.nav-container nav ul li a:visited {

  text-transform: uppercase;

  display: block;

  padding: 0 20px;

  line-height: 70px;

  color: #000;

  text-decoration: none;

}

.nav-container nav ul li a:hover,

.nav-container nav ul li a:visited:hover {

  color: #e5a627;

  

}

.nav-container nav ul li a:not(:only-child):after,

.nav-container nav ul li a:visited:not(:only-child):after {

  padding-left: 4px;

  content: ' ▾';

}

.nav-container nav ul li ul li {

  min-width: 190px;

  z-index: 150;

}

.nav-container nav ul li ul li a {

  padding: 15px;

  padding-left: 10px;

  line-height: 20px;

  z-index: 150;

}



.nav-dropdown {

  position: absolute;

  display: none;

  background: #fff;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);

  z-index: 150;

}



/* Mobile navigation */

.nav-mobile {

  display: none;

  position: absolute;

  top: 0;

  right: 0;

  background: #fff;

  height: 70px;

  width: 70px;

}



@media only screen and (max-width: 1600px) {

   .nav-container nav ul li ul li a {



    font-size: 12px;

    padding-left: 10px !important;

  }  

}



@media only screen and (max-width: 798px) {





.navigation-fixed{



    position: absolute;

    z-index: 100;

    background-color: #fff;

}



#nav_bar{



    top: 140px !important;

}



.nav-container {

    

    top: 175px !important;

    position: absolute;

    z-index: 100;

    background-color: #fff;



}





  .nav-mobile {

    top: 0px;

    display: block;

  }



  .nav-container nav {

    width: 100%;

    padding: 70px 0 15px;

  }

  .nav-container nav ul {

    display: none;

  }

  .nav-container nav ul li {

    float: none;

  }

  .nav-container nav ul li a {

    padding: 15px;

    line-height: 20px;

  }

  .nav-container nav ul li ul li a {

    padding-left: 30px;

  }



  .nav-dropdown {

    position: static;

  }



  .brand{

        left: 10px !important;

    }

}



@media only screen and (max-width: 520px) {



    .navigation-fixed{



    position: absolute;

    z-index: 100;

    background-color: #fff;

}



.nav-container {

    

    top: 150px !important;

    position: absolute;

    z-index: 100;

    background-color: #fff;



}



  .nav-mobile {

    top: 0px !important;

    display: block;

  }  

}



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

  .nav-mobile {

    top: 0px !important; 

    display: block;

  }  

}



@media only screen and (max-width: 360px) {



    .navigation-fixed{



    position: absolute;

    z-index: 100;

    background-color: #fff;

}



.nav-container {

    

    top: 200px !important;

    position: absolute;

    z-index: 100;

    background-color: #fff;



}



  .nav-mobile {

    top: 0px !important;

    display: block;

  }  

}

@media only screen and (max-width: 1680px) {



    .nav-container nav ul li {

  left: 17%;

}

    .brand{

        left: 200px;

    }

}



@media only screen and (max-width: 1440px) {



    .nav-container nav ul li {

  left: 15%;

}



.brand{

        left: 120px;

    }



    }



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



    .nav-container nav ul li {

  left: 13%;

}

    .brand{

        left: 120px;

    }

}







@media only screen and (max-width: 800px) {

  .nav-mobile {

    display: block;

  }



  .brand{

        left: 10px !important;

    }



  .nav-container nav {

    width: 100%;

    padding: 70px 0 15px;

  }

  .nav-container nav ul {

    display: none;

  }

  .nav-container nav ul li {

    float: none;

  }

  .nav-container nav ul li a {

    padding: 15px;

    line-height: 20px;

  }

  .nav-container nav ul li ul li a {

    padding-left: 30px;

  }



  .nav-dropdown {

    position: static;

  }

}





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

  .nav-list {

    display: block !important;

  }





}





#nav-toggle {



    z-index: 4;

  position: absolute;

  left: 18px;

  top: 22px;

  cursor: pointer;

  padding: 10px 35px 16px 0px;

}

#nav-toggle span,

#nav-toggle span:before,

#nav-toggle span:after {



    z-index: 4;

  cursor: pointer;

  border-radius: 1px;

  height: 5px;

  width: 35px;

  background: #000;

  position: absolute;

  display: block;

  content: '';

  transition: all 300ms ease-in-out;

}

#nav-toggle span:before {

  top: -10px;

}

#nav-toggle span:after {

  bottom: -10px;

}

#nav-toggle.active span {

  background-color: transparent;

}

#nav-toggle.active span:before, #nav-toggle.active span:after {

  top: 0;

}

#nav-toggle.active span:before {

  transform: rotate(45deg);

}

#nav-toggle.active span:after {

  transform: rotate(-45deg);

}



#abc {



z-index: 200;

width:100%;

height:100%;

opacity:.95 !important;

top:0;

left:0;

display:none;

position:fixed;

background-color:#313131 !important;

overflow:auto;

font-family: 'Allerta', Helvetica, Arial, sans-serif;

}







span.button.b-close {

    position: absolute;

    top: 5px;

    right: 8px;

    cursor:pointer;

    }



div#popupContact {

position:absolute;

left:45%;

top:25%;

margin-left:-202px;

}



form.popup {

max-width:500px;

min-width:300px;

padding:10px 50px;

background-color:#fff

}



.popup h2 {

  font-size: 34px;

  font-weight: 900;

padding:30px 0px;

text-align:center;

}



.popup p {

  font-size: 10px;

  margin-bottom: 0px !important;

  text-align: right;

  color: #e81212;

}





.popup h1 {

padding:0px 35px;

margin:-10px -50px;

text-align:center;



font-size: 14px;

color: #9e9e9e;

}

.popup hr {

margin:10px -50px;

}



.popup input[type=text] {

width:100%;

padding:10px;

margin-bottom:30px;

padding-left:40px;

font-size:16px;

}



.popup ::placeholder{

color: #929292;

}





#submit {

font-family: 'Allerta', Helvetica, Arial, sans-serif;

margin-top: 30px;

text-align:center;

display:block;

background-color:#e5a627;

color:#000;

border:1px solid #e5a627;

padding:10px 0;

font-size:20px;

cursor:pointer;

border-radius:5px

font-weight:900 !important;

margin-bottom: 20px;



}



#submit:hover {

background: #fff;

}



#submit1 {

font-family: 'Allerta', Helvetica, Arial, sans-serif;

margin-top: 30px;

text-align:center;

display:block;

background-color:#e5a627;

color:#000;

border:1px solid #e5a627;

padding:10px 0;

font-size:20px;

cursor:pointer;

border-radius:5px

font-weight:900 !important;

margin-bottom: 170px !important;



}



#submit1:hover {

background: #fff;

}





#close {

color:black;

font-weight:700

}



.popupButton{

  font-weight: 600 !important;

  font-size: 14px !important;

  text-transform: uppercase;

  margin-top: 15px;

  padding-right: 5px;

  padding-left: 5px;

  padding-top: 10px;

  padding-bottom: 10px;

  background: #e5a627;

  color: black;

  border: 1px solid #e5a627;

  border-radius: 10px;

}



.popupButton:hover{

  background: white;

}







.popupMid{



    align-content: center;

    align-items: center;

    text-align: center;

}



@media only screen and (max-width: 798px) {

  .nav-mobile {

    top: 60px;

    display: block;

  }



  .nav-container nav {

    width: 100%;

    padding: 70px 0 15px;

  }

  .nav-container nav ul {

    display: none;

  }

  .nav-container nav ul li {

    float: none;

  }

  .nav-container nav ul li a {

    padding: 15px;

    line-height: 20px;

  }

  .nav-container nav ul li ul li a {

    padding-left: 30px;

  }



  .nav-dropdown {

    position: static;

  }



  .brand{

        left: 10px !important;

    }

}







@media only screen and (max-width: 800px) {

  

    #slides

  {

  width:100%;

  min-height:450px;  

  }





.slide 

  {

  min-height:450px;



  }



  .leyenda h1{



    font-size: 36px;

  }





  .leyenda h2{



    font-size: 28px;

  }



  .leyenda{



    padding-top: 15px;

    padding-bottom: 15px;



    top: 55%;

  }

  

}



@media only screen and (max-width: 695px) {

  





form.popup {

max-width:400px;

min-width:200px;



}



  div#popupContact {



    left:50%;

    top:15%;

    margin-left:-202px;

}



  .leyenda h1{



    font-size: 32px;

  }





  .leyenda h2{



    font-size: 24px;

  }





  #slides

  {

  width:100%;

  min-height:370px;  

  }





.slide 

  {

  min-height:370px;



  }



  .leyenda{



    padding-top: 15px;

    padding-bottom: 15px;



    top: 55%;

  }



}



@media only screen and (max-width: 520px) {



    #slides

  {

  width:100%;

  min-height:350px;  

  }





form.popup {

max-width:350px;

min-width:200px;



}



  div#popupContact {



    left:55%;

    top:10%;

    margin-left:-202px;

}



.slide 

  {

  min-height:350px;



  }



  .leyenda h1{



    font-size: 28px;

  }





  .leyenda h2{



    font-size: 20px;

  }

  

  .leyenda{



    padding-top: 12px;

    padding-bottom: 12px;



    top: 55%;

  }

}



@media only screen and (max-width: 450px) {



    #slides

  {

  width:100%;

  min-height:300px;  

  }





.slide 

  {

  min-height:300px;



  }



  .leyenda h1{



    font-size: 24px;

  }





  .leyenda h2{



    font-size: 16px;

  }

  

  .leyenda{



    padding-top: 8px;

    padding-bottom: 8px;



    top: 55%;

    

  }

}



@media only screen and (max-width: 400px) {



    #slides

  {

  width:100%;

  min-height:300px;  

  }



  form.popup {

max-width:300px;

min-width:200px;



}



  div#popupContact {



    left:65%;

    top:5%;

    margin-left:-202px;

}



.slide 

  {

  min-height:300px;



  }



  .leyenda h1{



    font-size: 20px;

  }





  .leyenda h2{



    font-size: 12px;

  }

  

  .leyenda{



    padding-top: 5px;

    padding-bottom: 5px;



    top: 55%;

  }

}



.wrapper.style3 {

            background-color: #000;

            color: #bfbfbf;

            background-image: url(../images/bg.jpg);

            background-size: cover;

            background-attachment: fixed;

            background-position: center;

            position: relative;

        }



            .wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea {

                color: #ffffff;

            }



            .wrapper.style3 a {

                color: #8a4680;

            }



            .wrapper.style3 strong, .wrapper.style3 b {

                color: #ffffff;

            }



            .wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {

                color: #ffffff;

                text-align: center !important;

                padding-bottom: 30px;

                letter-spacing: 6px;

                font-weight: lighter;

            }



            .wrapper.style3 blockquote {

                border-left-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 code {

                background: rgba(255, 255, 255, 0.075);

                border-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 hr {

                border-bottom-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 .box {

                border-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 input[type="submit"],

            .wrapper.style3 input[type="reset"],

            .wrapper.style3 input[type="button"],

            .wrapper.style3 button,

            .wrapper.style3 .button {

                background-color: #f2f2f2;

                color: #000 !important;

            }



                .wrapper.style3 input[type="submit"]:hover,

                .wrapper.style3 input[type="reset"]:hover,

                .wrapper.style3 input[type="button"]:hover,

                .wrapper.style3 button:hover,

                .wrapper.style3 .button:hover {

                    background-color: white;

                }



                .wrapper.style3 input[type="submit"]:active,

                .wrapper.style3 input[type="reset"]:active,

                .wrapper.style3 input[type="button"]:active,

                .wrapper.style3 button:active,

                .wrapper.style3 .button:active {

                    background-color: #e5e5e5;

                }



                .wrapper.style3 input[type="submit"].alt,

                .wrapper.style3 input[type="reset"].alt,

                .wrapper.style3 input[type="button"].alt,

                .wrapper.style3 button.alt,

                .wrapper.style3 .button.alt {

                    background-color: transparent;

                    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);

                    color: #ffffff !important;

                }



                    .wrapper.style3 input[type="submit"].alt:hover,

                    .wrapper.style3 input[type="reset"].alt:hover,

                    .wrapper.style3 input[type="button"].alt:hover,

                    .wrapper.style3 button.alt:hover,

                    .wrapper.style3 .button.alt:hover {

                        background-color: rgba(255, 255, 255, 0.075);

                    }



                    .wrapper.style3 input[type="submit"].alt:active,

                    .wrapper.style3 input[type="reset"].alt:active,

                    .wrapper.style3 input[type="button"].alt:active,

                    .wrapper.style3 button.alt:active,

                    .wrapper.style3 .button.alt:active {

                        background-color: rgba(255, 255, 255, 0.2);

                    }



                    .wrapper.style3 input[type="submit"].alt.icon:before,

                    .wrapper.style3 input[type="reset"].alt.icon:before,

                    .wrapper.style3 input[type="button"].alt.icon:before,

                    .wrapper.style3 button.alt.icon:before,

                    .wrapper.style3 .button.alt.icon:before {

                        color: #999999;

                    }



                .wrapper.style3 input[type="submit"].special,

                .wrapper.style3 input[type="reset"].special,

                .wrapper.style3 input[type="button"].special,

                .wrapper.style3 button.special,

                .wrapper.style3 .button.special {

                    background-color: #8a4680;

                    color: #ffffff !important;

                }



                    .wrapper.style3 input[type="submit"].special:hover,

                    .wrapper.style3 input[type="reset"].special:hover,

                    .wrapper.style3 input[type="button"].special:hover,

                    .wrapper.style3 button.special:hover,

                    .wrapper.style3 .button.special:hover {

                        background-color: #9b4f90;

                    }



                    .wrapper.style3 input[type="submit"].special:active,

                    .wrapper.style3 input[type="reset"].special:active,

                    .wrapper.style3 input[type="button"].special:active,

                    .wrapper.style3 button.special:active,

                    .wrapper.style3 .button.special:active {

                        background-color: #793d70;

                    }



            .wrapper.style3 label {

                color: #ffffff;

            }



            .wrapper.style3 input[type="text"],

            .wrapper.style3 input[type="password"],

            .wrapper.style3 input[type="email"],

            .wrapper.style3 select,

            .wrapper.style3 textarea {

                background: rgba(255, 255, 255, 0.075);

                border-color: rgba(255, 255, 255, 0.25);

            }



                .wrapper.style3 input[type="text"]:focus,

                .wrapper.style3 input[type="password"]:focus,

                .wrapper.style3 input[type="email"]:focus,

                .wrapper.style3 select:focus,

                .wrapper.style3 textarea:focus {

                    border-color: #8a4680;

                    box-shadow: 0 0 0 1px #8a4680;

                }



            .wrapper.style3 .select-wrapper:before {

                color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 input[type="checkbox"] + label,

            .wrapper.style3 input[type="radio"] + label {

                color: #bfbfbf;

            }



                .wrapper.style3 input[type="checkbox"] + label:before,

                .wrapper.style3 input[type="radio"] + label:before {

                    background: rgba(255, 255, 255, 0.075);

                    border-color: rgba(255, 255, 255, 0.25);

                }



            .wrapper.style3 input[type="checkbox"]:checked + label:before,

            .wrapper.style3 input[type="radio"]:checked + label:before {

                background-color: #8a4680;

                border-color: #8a4680;

                color: #ffffff;

            }



            .wrapper.style3 input[type="checkbox"]:focus + label:before,

            .wrapper.style3 input[type="radio"]:focus + label:before {

                border-color: #8a4680;

                box-shadow: 0 0 0 1px #8a4680;

            }



            .wrapper.style3 ::-webkit-input-placeholder {

                color: #999999 !important;

            }



            .wrapper.style3 :-moz-placeholder {

                color: #999999 !important;

            }



            .wrapper.style3 ::-moz-placeholder {

                color: #999999 !important;

            }



            .wrapper.style3 :-ms-input-placeholder {

                color: #999999 !important;

            }



            .wrapper.style3 .formerize-placeholder {

                color: #999999 !important;

            }



            .wrapper.style3 ul.alt li {

                border-top-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 header p {

                color: #b7b7b7;

                text-align: center;

                padding-top: 30px;

            }



            .wrapper.style3 table tbody tr {

                border-color: rgba(255, 255, 255, 0.25);

            }



                .wrapper.style3 table tbody tr:nth-child(2n + 1) {

                    background-color: rgba(255, 255, 255, 0.075);

                }



            .wrapper.style3 table th {

                color: #ffffff;

            }



            .wrapper.style3 table thead {

                border-bottom-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 table tfoot {

                border-top-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 table.alt tbody tr td {

                border-color: rgba(255, 255, 255, 0.25);

            }



            .wrapper.style3 .inner {



                text-align: center !important;

                position: relative;

                z-index: 2;

            }



            .wrapper.style3 p {

                text-transform: uppercase;

                font-size: .75rem;

                font-weight: 300;

                margin: 0 0 .5rem 0;

                padding: 0 0 1rem 0;

                letter-spacing: .25rem;

            }



               



            .wrapper.style3:before {

                -moz-transition: opacity 3s ease;

                -webkit-transition: opacity 3s ease;

                -ms-transition: opacity 3s ease;

                transition: opacity 3s ease;

                -moz-transition-delay: 1.25s;

                -webkit-transition-delay: 1.25s;

                -ms-transition-delay: 1.25s;

                transition-delay: 1.25s;

                content: '';

                display: block;

                background-color: rgba(0, 0, 0, 0.95);

                height: 100%;

                left: 0;

                opacity: 0.75;

                position: absolute;

                top: 0;

                width: 100%;

                z-index: 1;

            }



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



            .wrapper > .inner {

                width: 75rem;

            }



        }



        @media screen and (max-width: 980px) {



            .wrapper > .inner {

                width: 90%;

            }



            .wrapper.style3 {

                background-attachment: scroll;

            }



        }



        @media screen and (max-width: 736px) {



            .wrapper {

                padding: 3rem 0 1rem 0 ;

            }



        }



        .xdd{

            padding-bottom: 80px !important;

        }

       

       .about{



        line-height: 1.6 !important;

        overflow:hidden;

        padding-left: 10% !important;

        padding-right: 10% !important;

        padding-bottom: 40px;



        margin-bottom: 120px;

       }



        .about h1{



            overflow:hidden;

            letter-spacing: 3px;

            text-align: center;

            font-size: 30px;

            color: #000;

            font-weight: bolder;

            font-style: bold;

            padding-bottom: 0;

            padding-top: 40px;

        }



        .about h4{



            overflow:hidden;

            letter-spacing: 3px;

            text-align: center;

            line-height: 4rem;

            font-size: 30px;

            color: #000;

            font-weight: bolder;

            font-style: bold;

            padding-bottom: 20px;

            padding-top: 40px;

        }



        .about h5{



            overflow:hidden;

            font-size: 18px;

            color: 000;

            font-weight: 200;

        }



        .about h6{



            overflow:hidden;

            display: inline;

            text-align: center !important;

            font-size: 18px;

            color: 000;

            font-weight: 200;

        }



        .about img{



            padding-top: 50px;

            padding-bottom: 70px;

            display: block;

            margin-left: auto;

            margin-right: auto; 



        }



        .fa-check {

  color: #47b7e0;

}



.image3{

    display: block;

    margin-left: auto;

    margin-right: auto;



    padding-top: 40px;

    width: 50%;

}



.h3contacto h5{



    text-align: left;

    font-style: bold;

    text-transform: uppercase;

    font-weight: 200;

    letter-spacing: 2px;

    font-size: 18px;

}



.h3contacto h3{



    text-align: left;

    font-style: bold;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 2px;

    font-size: 24px;

}



.h3contacto{

    text-align: left;

}



@media screen and (max-width: 800px) {



            .h3contacto{

                text-align: center;

            }



            .h3contacto h3{

                text-align: center;

            }



            .h3contacto h5{

                text-align: center;

            }



        }



input[type="submit"]{

    background-color:#e5a627;

    border:1px solid #e5a627;

    color:#fff;

    padding:7px 13px;

    border:none;

}

input[type="submit"]:hover{

    background-color:#fff;

    border:1px solid #e5a627;

}



.blindadas{



    padding-top: 10%;

}







.image4{



    max-height: 800px;

    margin-top: 5%;

    padding-left: 35%;



}



.image5{





    width: 66%;

    padding-right: 30px;

    margin-top: 30px;

    margin-left: 150px;



}



.image7{





    width: 66%;

    padding-right: 30px;

    padding-top: 80px;

    margin-left: 150px;



}



.image6{





    width: 60%;

    padding-right: 30px;

    padding-top: 60px;

    margin-left: 150px;



}



.tarjetas {



    

}



.tarjetas img {



    display: block;

    margin-left: auto;

    margin-right: auto;

}



 @media screen and (max-width: 1440px) {



    .image3{



    width: 50%;



    margin-top: 25%;

    }



    .image4{





    max-height: 800px;

    margin-top: 5%;

    padding-left: 35%;



    }



    .image7{



        padding-top: 130px;



    }

}







 @media screen and (max-width: 800px) {



            .image5{



                margin-left: 70px;

                

            }



            .image4{





                padding-left: 70px;

                max-height: 400px;

                

            }

            .image6{



                margin-left: 80px;

                

            }



            .image7{



                margin-left: 70px !important;

                

            }



}



.popupButton2{



font-family: 'Allerta', Helvetica, Arial, sans-serif;

  display: block;

  margin-left: 40%;

  margin-bottom: 50px;



  font-weight: 600 !important;

  font-size: 14px !important;

  text-transform: uppercase;

  margin-top: 15px;

  padding-right: 5px;

  padding-left: 5px;

  padding-top: 10px;

  padding-bottom: 10px;

  background: #e5a627;

  color: black;

  border: 1px solid #e5a627;

  border-radius: 10px;

}



.popupButton2:hover{

  background: white;

}



 @media screen and (max-width: 1440px) {



         .popupButton2{



            margin-left: 35%;}



}



 @media screen and (max-width: 800px) {



    .image7{



        margin-left: 30%;

    }





    .popupButton2{



        margin-left: 23%;

}







}



.mailEnviado{



    padding-top: 2%;

    padding-bottom: 4%;



    color: #18254f;



    font-size: 130px;



    text-align: center;



    line-height: 1.5em;

}



.mailEnviado h2{



    color: black !important;

    font-style: bold;

    font-weight: bolder;



    font-size: 90px !important;



    padding-bottom: 80px;



}



.mailEnviado h3{



    color: grey !important;



    font-size: 50px;



}





 @media screen and (max-width: 1440px) {



    .mailEnviado h2{



        font-size: 70px !important;



    }



    .mailEnviado h3{



    font-size: 40px;



    }



}



 @media screen and (max-width: 800px) {



    .mailEnviado h2{



        font-size: 40px !important;



    }



    .mailEnviado h3{



    font-size: 20px;

    

    }

         

}



#portfolio1 {

}

#portfolio1 img {



    max-width: 100%;

}



.img-frame-cap1 {

     background:#ffffff;

    padding:3px;

    border:1px solid #999;

    }





#portfolio1 article p {

    margin-bottom: 1.45em;

    /*set next row on the baseline*/;

}



.iconColor .fa {

    color: #ee0c45;

}

.portfolio1-items article img {

    width: 100%;

}

.portfolio1-item {

    margin-bottom: 40px;

    min-height: 

    display: block;

    position: relative;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.portfolio1-item img {

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.portfolio1-item .portfolio1-desc {

    display: block;

    opacity: 0;

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    color: rgba(220, 220, 220);

}

.fancybox-overlay {

    background: rgba(0, 0, 0, 0.64);

}

.portfolio1-item:hover .portfolio1-desc {

    padding-top: 20%;

    height: 100%;

    transition: all 200ms ease-in-out 0s;

    opacity: 1;

    background: rgba(61, 61, 61, 0.67);

}

.portfolio1-item .portfolio1-desc a {

    color: #fff;

    text-align: center;

    display: block;

}

.portfolio1-item .portfolio1-desc a:hover {

    /*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/

    text-decoration: none;

}

.portfolio1-item .portfolio1-desc .folio-info {

    top: -20px;

    padding: 30px;

    height: 0;

    opacity: 0;

    position: relative;

}

.portfolio1-item:hover .folio-info {

    height: 100%;

    opacity: 1;

    transition: all 500ms ease-in-out 0s;

    top: 5px;

}



@media (max-width: 1000px){

    #portfolio1 {

        width: 100%;

    }

}



nav#filter {



    display: block;

    padding-top: 30px;



    text-align: center !important;

    margin-bottom: 1.5em;

}

nav#filter li {

    text-align: center !important;

    display: inline-block;

    margin: 10px;

}

nav#filter a {

    text-align: center !important;

    padding: 4px 12px;

    line-height: 20px;

    border: 1px solid rgb(24, 37, 79);

    text-decoration: none;

    color: rgb(24, 37, 79);

    border-left: 0px;

border-right: 0px;

}

nav#filter a.current {

    text-align: center !important;

    background: rgb(24, 37, 79);

    color: #fff;

}



.center-justified {

    text-align: justify;

  margin: 0 auto;

  width: 21em;

}

.wa-logo{

    max-width:60px;

    position:fixed;

    top:10px;

    right:10px;

    z-index: 99999;

}



@media only screen and (max-width: 799px) {



    .wa-logo{

        top: 68px;

        left: 10px;

        right: auto;

    }



}