/* Hoja de estilos */



	*:focus{

		outline: none !important;

	}



	/* Fuentes */



	    

	    @font-face {

		    font-family: "RobotoRegular";

		    src: url("Roboto-Regular.ttf");

	    }



	    @font-face {

		    font-family: "RobotoMedium";

		    src: url("Roboto-Medium.ttf");

	    }

	    

	    @font-face {

		    font-family: "RobotoBold";

		    src: url("Roboto-Medium.ttf");

	    }

	    

	    @font-face {

		    font-family: "RobotoLight";

		    src: url("Roboto-Regular.ttf");

	    }

	    

	    @font-face {

		    font-family: "RobotoThin";

		    src: url("Roboto-Regular.ttf");

	    }

	    

	    @font-face {

		    font-family: "RobotoSB";

		    src: url("Roboto-Medium.ttf");

	    }

	    

	    @font-face {

		    font-family: "RobotoEL";

		    src: url("Roboto-Regular.ttf");

	    }



	/* Icons */



		.circle-red{

			background-color: #00203B;

			height: 30px;

			width: 30px;

			border: none;

			color: #FFFFFF;

			margin:0px;

			border-radius: 50%;

		}



	/* Header */



		.navbar-dark a, .navbar-dark:hover a, .navbar-dark:focus a{

			color: #00203B !important;

			font-family: "RobotoSB"; 

			font-size: 18px;

		}



		.bgheader{

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

			background-size: cover;

			background-repeat: no-repeat;

       		background-position: top center;

       		background-color: #00203B;

       		background-attachment: scroll;

			padding: 20px 0px;

		}



		.bgheader2{

       		background-color: #f0f9fe;

			padding: 75px 0px;

		}

		.smallnumber{
			font-size: 10px;
			position: relative;
			bottom:4px;
		}

		.bgheader4{

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

			background-size: auto;

			background-repeat: no-repeat;

       		background-position: center 65%;

       		background-attachment: scroll;

       		background-color: #00203B;

			padding: 75px 0px;

		}



		.bgheader5{

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

			background-size: auto;

			background-repeat: no-repeat;

       		background-position: center 33%;

       		background-attachment: scroll;

       		background-color: #00203B;

			padding: 75px 0px;

		}



		.bgheader3{

       		background-color: #030303;

			padding: 20px 0px;

		}



		.blockimage{

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

			background-repeat: no-repeat;

       		background-position: 100% center;

       		padding: 1rem 0rem;

       		margin-bottom: 50px;

		}

		.boxclear{
			background: #FFF;
			box-shadow: 0px 0px 30px #9f9f9f;
			padding: 30px;
		}

				.blockimagearicapital{

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

			background-repeat: no-repeat;

       		background-position: 100% center;

       		padding: 1rem 0rem;

       		margin-bottom: 50px;

		}

		
		.blockimage2{

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

			background-repeat: no-repeat;

       		background-position: 100% center;

       		padding: 1rem 0rem;

       		margin-bottom: 50px;

		}

		.wmain{
			padding:0px 100px;
		}


		.boxgrey{

			background-color: #f6f6f6;

			width: 100%;

			padding: 1.5rem 2rem;

			margin-left: 15px;

		}



		.boxgrey ul{

			text-decoration: none;

			list-style: none;

		}



		.bgnav{

			background-color: #FFF !important;

			padding: 20px 10px;

		}



		.navbar-logo{

			background-color: #FFFFFF;

			border-radius: 5px;

			position: absolute;

		}



		.navbarbackground{

			background-color: transparent;

		}



		.imglogo{

			width: 200px;

			transition: .5s;

		}

		.nav-item{

			padding: .5rem 2rem;

		}



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



			.resptext{
				font-size: 14px !important;
			}

			.imglogo{

				width: 130px;

				transition: .5s;

			}



			.navbar-logo{

				position: relative;

				border-radius: 2px;

			}



			.bgnav{

				padding: 5px;

			}


			.wmain{
				padding:0px 10px !important;
			}
	

		}



		.main_content{

			padding: 5rem 0rem;

		}



		.main_text{

			color: #FFFFFF;

			font-family: "RobotoSB";

			font-size: 60px;

			line-height: 50px;

		}



		.sub_main_text{

			color: #FFFFFF;

			font-family: "RobotoThin";

			font-size: 28px;

			line-height: 35px;

		}



		.videoButton{

			font-family: "RobotoSB";

			font-size: 18px;

			color: #FFFFFF;

			cursor: pointer;

		}



		#VideoPlay{

			color: #FFFFFF;

			background-color: #B81D23;

			height: 40px;

			width: 40px;

			border: none;

			margin-right: 5px;

			border-radius: 50%;	

			font-size: 32px;

			cursor: pointer;	

		}



	/* Nosotros */



		.bglayer{

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

			background-size: cover;

			background-repeat: no-repeat;

			background-position: center;

			padding: 7rem 0rem 5rem 0rem;

		}



		.bglayer2{

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

			background-repeat: no-repeat;

			background-size: cover;

			background-color: #08518C;

			padding: 5rem 0rem;



		}



		.bglayer2q{

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

			background-repeat: no-repeat;

			background-size: 2525px;

			background-color: #08518C;

			background-position: 75% 0%;

			padding: 5rem 0rem;



		}



		.nosotros_title{

			font-family: "RobotoSB";

			font-size: 36px;

			width: 45%;

			background-color: #FFFFFF;

			position: relative;

			bottom: 120px;

		}



		.rectanguloRojo{

			width: 75px;

			height: 135px;

			border: 4px solid #B81D23;

			position: relative;

		}



		.imgIconContainer{

			background-color: #BDBDBD;

			width: 125px;

			height: 125px;

			border-radius: 50%;

			background-position: center;

			background-repeat: no-repeat;

			background-size: cover;

		}



		.TitleSetNosotros{

			font-family: "RobotoBold";

			font-size: 16px;

			text-align: center;

			color: #4A4A4A;

			margin-bottom: 1.5rem;

		}



		.TextSetNosotros{

			font-family: "RobotoLight";

			font-size: 14px;

			text-align: center;

			color: #4A4A4A;		

		}



	/* Nuestras soluciones */



		.SetBack3{

			background-color: #024C8C;

			padding: 3rem 0rem;

		}



		.back3_title{

			font-family: "RobotoBold";

			font-size: 36px;

			background-color: #024C8C;

			position: relative;

			bottom: 120px;

			color: #FFFFFF;

			height: 100px;

		}



		.backright{

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

			background-size: cover;

			background-repeat: no-repeat;

			background-position:center;

			padding: 10rem;		

		}



		.backleft{

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

			background-size: cover;

			background-repeat: no-repeat;

			background-position:center;

			padding: 10rem;		

		}



		.soltn_title{

			font-family: "RobotoBold";

			font-size: 36px;

			background-color: #FFFFFF;

			position: relative;

			bottom: 65px;

		}



		.soltn_content{

			padding: .1rem 3rem 1rem 0rem;

			font-family: "RobotoLight";

			color: #4A4A4A;

			text-align: justify;

		}



		.btn_details{

			border: none;

			background-color: #B81D23;

			padding: 10px 20px;

			font-family: "RobotoSB";

			font-size: 14px;

			color: #FFFFFF !important;

			transition: .5s;

			cursor: pointer;

		}



		.btn_details:hover, .btn_details:focus{

			background-color: #931015;

			transition: .5s;

		}



	/* Nuestro equipo */



		.ourteam{

			background-color: #F0F0F0;

			padding: 3rem 0rem 5rem 0rem;

		}



		.back4_title{

			font-family: "RobotoBold";

			font-size: 36px;

			background-color: #F0F0F0;

			position: relative;

			bottom: 120px;

			color: #222222;

			height: 100px;

		}

		.whimg{
			width: 75%;
			padding: 40px 0px;
		}

		.card{

			border-radius: 0px;

			border:none;

			padding: 0px;

		}



		.card-body{

			padding: 0px !important;

			padding-top: 15px !important;

		}



		.card-body p{

			text-align: center;

			margin-bottom: 5px;

		}



		.mist{

			font-family: "RobotoBold";

			font-size: 18px;

		}



		.mist2{

			font-family: "RobotoLight";

			font-size: 12px;

			margin-bottom: 15px !important;

		}



		.btn_linkedin{

			background-color: #024C8C !important;

			width: 100% !important;

			height: 50px !important;

			border:none;

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

	        background-position: 50% 40%;

	        background-repeat: no-repeat;

	        background-size: 27px auto;

			border-radius: 0px;

			padding: 10px 20px;

			transition: .5s;

			cursor:pointer;

		}



		.btn_linkedin:hover{

			background-color: #003766 !important;

			transition: .5s;

		}



		.btncarouselright{

			float: right;

			position: relative;

			bottom: 13.5rem;

			left: 50px;

		}



		.btncarouselleft{

			float: left;

			position: relative;

			bottom: 13.5rem;

			right: 50px;

		}



	/* Contactanos */



		.contact{

			background-color: #FFFFFF;

			padding: 3rem 0rem 7rem 0rem;

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

			background-repeat: no-repeat;

       		background-position: 40% 50%;

		}



		.back5_title{

			font-family: "RobotoBold";

			font-size: 36px;

			background-color: #FFFFFF;

			position: relative;

			bottom: 120px;

			color: #222222;

			height: 60px;

		}



		.inputcont{

			width: 100%;

			padding: 10px 15px;

			border: none;

			border-bottom: 1px solid #BABABA;

			margin-bottom: 22px;

			font-family: "RobotoLight";

			color: #626262;

			background-color: transparent;

			transition: .5s;

		}



		.inputcont:focus{

			border-bottom: 1px solid #616161;

			transition: .5s;

		}



		.inputcont::placeholder{

			color: #00203B;

		}



	/* Footer */



		/* Footer Top */



		.bgfooter{

			background-color: #1A1A1A;

			padding: 3rem 0rem;

		}



		.textfoot{

			font-family: "RobotoThin";

			font-size: 17px;

			color: #FFFFFF;

		}



		/* Footer Bottom */



		.ftbottom{

			background-color: #002c47;

			padding: 1.5rem 0rem;

			font-family: "RobotoEL";

			font-size: 14px;

			color: #FFFFFF;

		}



		.soltn_titlex{

			font-family: "RobotoBold";

			font-size: 20px;

			background-color: #1A1A1A;

			position: relative;

			bottom: 32px;

			color: #FFFFFF;

		}



		.rectanguloRojox{

			width: 35px;

			height: 26px;

			background-color: #B81D23;

			position: relative;

		}



	/* Addons */ 



		.normalcontent{

			background-color: #FFFFFF;

			padding: 3rem 0rem;

		}



		.bluecontent{

			background-color: #E0EEFA;

			padding: 0rem;

		}



		.bluedarkcontent{



       		background: linear-gradient(to right, #08518C, #08518C, #00203B, #00203B);

			padding: 0rem;

		}



		.set_btn{

			font-size: 20px;

			padding: 12px 80px;

			font-family: "RobotoLight";

		}



		.set_btn:hover{

			color: #FFFFFF !important;

			text-decoration: none;

		}



		.backvid{

			background-image: url(../img/bgheader.jpg);

			background-size: cover;

			background-repeat: no-repeat;

			background-position:center;

			padding: 10rem;		

		}

		.textsob{
			font-size: 18px;
			font-family: "RobotoLight";
		}


		.poptxt{

			font-family: "RobotoMedium";

		}

		.supicon{
			font-size: 75px;
		}

		.poptxt_border{

			font-family: "RobotoSB";

			border-top: 3px solid #2b3872;

			border-bottom: 3px solid #2b3872;

			margin: 25px 0px;

		}



		.boxicon{

			width: 85px;

			height: 85px;

			border-radius: 50%;

			font-size: 50px;

			color: white;

			background-color: #B81D23;

		}


		.iconmsg{
			font-size: 36px;
			position:relative;
			top: 6px;
			left: 7px;
		}

	/* Accordion */



		.cardfull{

			width: 100% !important;

			position: static;

		}



		.cardtopper{

			font-family: "RobotoSB";

			font-size: 18px;

			width: 100%;

			background-color: #F6F6F6;

			border: 1px solid #EDEDED;

			cursor: pointer;

			height: 60px;

			margin: 1px 0px;

		}



		.controlbutton{

			background-color: #00396B;

			border: 1px solid #00396B;

			width: 30px;

			padding: 10.5px 20px;

			color: white;

			position: relative;

			top: 12px;

			font-size: 24px;

		}



		.contentTopper{

			position:relative;

			left: 20px;

			top: 10px;

		}



		.cardcontent{

			border: 1px solid #EDEDED;

			border-top: none;

			font-family: "RobotoLight";

			padding: 3rem;

			font-size: 14px;

			width: 100%;

			height: auto !important;

		}



		.ui-accordion-header-active{

			transition: .5s;

			color: #FFFFFF;

			background-color: #024c8c;

		}



		.control_icon{

			transition: .5s;

		}



		.modalvideo{

			border: none !important;

			background-color: #000000 !important;

			color: #FFF !important;

			font-family: "RobotoMedium" !important;

			font-size: 16px !important;

		}



		.modalbod{

			padding: 0px !important;

		}



		.modal-header{

			font-family: "RobotoMedium";

			font-size: 18px;

		}



		.modal-body{

			font-family: "RobotoRegular";

			font-size: 16px;

			padding: 2rem;

		}



		.modal-dialog, .modal-body, .modal-content{

			border:none;

			border-radius: 0px;

		}



		.dropdown-menu{

			border-radius: 0px;

			background-color: #08518C;

		}



		.dropdown-item:hover, .dropdown-item:focus{

			background-color: #023c6b;

		}

		.padon{
			padding: 0px 70px;
		}

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

			.padon{
				padding: 10px !important;
			}

			.btncarouselright{left: 0px;}

			.btncarouselleft{right: 0px;}

			.main_text{

				font-size: 30px !important;
				line-height: 30px;

			}

			.sub_main_text{

				font-size: 15px !important;
				line-height: 20px;

			}



			.whimg{
				padding: 60px 0px !important;
			}

			.marginfooter{

				margin:10px 0px;

			}



			.main_content{

				padding: 4rem 0rem;

			}



			.soltn_title{

				left: -1px;

			}



			.fleft, .fright{

				font-size: 12px;

				text-align: center !important;

			}



			.back3_title{

				font-size: 26px !important;

			}



			.back5_title{

				font-size: 20px !important;

			}



			.hongkong{

				bottom: 0px !important;

			}



			.mrgtopper{

				margin-top: 15px;

			}



			.formpad{

				padding: 0px 15px !important;

			}

			.imgmrgbt{

				margin-bottom: 20px;

			}



			.boxgrey{

				margin: 0px;

				padding: 15px;

				width: 100%;

			}



			.backvid{

				padding: 10rem 4rem;

			}



			.blockimage{

			    background-image: none;

			    padding: 0rem 0rem;

			}



			.normalcontent > .container > .subrow{

				margin: 0px 5px !important;

			}



			.subsobrow{

				margin: 0px 0px !important;

			}



			.cardtopper{

				position: inherit;

				font-size: 13px;

				text-align: center;

			}



			.contentTopper{

				position: relative;

				top: 15px;

				left: 0px;

			}



			.controlbutton{

				display: none;

			}



			.tokio{

				text-align: center !important;

			}



			.googlemap{

				padding: 15px !important;

			}



			.nosotros_title{

				font-size: 22px !important;

				bottom: 115px;

				width: 56%;

			}

		}



		.fleft{

			text-align: left;

		}



		.fright{

			text-align: right;

		}



		.formpad{

			padding-left: 0px;

		}



		.conincon{

			position: relative;

			bottom: -5px;

		}



		.googlemap{

			padding: 0px;

		}