@charset "utf-8";

















/*  Standar Styles

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









/*  Transitional elements

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



#menu_content li a, .portfolio_box img, .portfolio_box_text h6, .navbar .nav .menu_item a, .blog .btn-sample, .blog li a, .blog .content_center h2.sub_title a, .resume_button, .contact_button, li.box img:hover, .cont-con-inner-big img:hover, .vessel-con-inner-big:hover, li.box-large img:hover, {

	 -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

}



/*  General Classes and Styles

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





/* Profile -------------------------------------------------*/



h2.sub_title{

    color: #3f3f3f;

    font-size: 26px;

	font-weight:600;

	text-transform:none;

	margin:0;

	padding:0;

}

h2.sub_title span.little_title {

	color:#8c8c8c;

	text-transform:none;

	font-style:italic;

	font-size:18px;

	font-weight:600;

}

.profile .banner_text{

    font-size: 30px;

	font-weight:300;

    color: #FF9F00;

    text-align: center;

    border-top: 1px solid #d9d9d9;

	border-bottom: 1px solid #d9d9d9;

    line-height: 32px;

    margin-top: 50px;

    padding-bottom: 20px;

    padding-top: 20px;

}



.profile .case{

    float: left;

    width: 21.7%;

    border: 1px solid #e5e5e5;

    margin-right: 29px;

    min-width: 240px;

    margin-top: 10px;

    overflow: hidden;



}



.profile .img_profile{

    width: 340px;

    padding-right: 29px;

}



.profile_box{

    background: #f9f9f9;

    display: block;

    margin: 4px;

    padding: 4px;

    min-height: 252px;

    text-align: center;

}

.profile_box h6{

    text-transform: uppercase;

    color: #666666;

}

.profile .sprite {

    background: url(../img/profile/sprite/sprite_profile.png) no-repeat;

    margin-top: 20px;

    display: block;

    margin: 0 auto;

}



.profile .sprite-edit-png {

    width: 90px;

    height: 90px;

    background-position: -101px -101px;

}



.profile .sprite-html5-png {

    width: 90px;

    height: 90px;

    background-position: -0px -101px;

}



.profile .sprite-media-png {

    width: 90px;

    height: 90px;

    background-position: -101px -0px;

}



.profile .sprite-worpress-png {

    width: 90px;

    height: 90px;

    background-position: -0px -0px;

}

.profile .case:hover{

    background-color: #fff;

}

.profile .case:hover .sprite{

    text-shadow: 0px 0px 20px #ccc;

    color: transparent;

    -webkit-animation: moveFromTop 400ms ease;

    -moz-animation: moveFromTop 400ms ease;

    -ms-animation: moveFromTop 400ms ease;

}

.profile .case:hover h6{

    color: #000;

    -webkit-animation: moveFromTop 300ms ease;

    -moz-animation: moveFromTop 300ms ease;

    -ms-animation: moveFromTop 300ms ease;

}

.profile .case:hover p{

    color: #FF9F00;

    -webkit-animation: moveFromBottom 500ms ease;

    -moz-animation: moveFromBottom 500ms ease;

    -ms-animation: moveFromBottom 500ms ease;

}



.row-fluid .content_main, .main_bottom{

    padding-left: 29px ;

    padding-right: 29px;

    padding-top: 46px;

    background: white;

}

.profile .services_content{

    float: none;

    margin-top: 45px;

    color: #000000;

}

.portfolio .row-fluid .content_main{

    float: left;

}

.services_content{

    float: left;

    margin-top: 45px;

    color: #000000;

}

.portfolio .services_content{

    margin-top: 18px;

}

.services_content.first_service{

    margin-top: 0;



}

.services_content h5{

    color: #000000;

}

.services_content form input,.single_post form input{

    height: 43px;



}

.services_content form input:focus,.single_post form input:focus{

    background: #35bc7a;

    color: white;



}







/**********************home effect**************************/

.img-text {

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

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	margin-left: 10px;

	line-height:16px; 
	text-decoration:none;
	*margin-top:10px;

}

 .box{

    overflow: hidden;

}

 .box:hover{

    background-color:#2d2d2d;

}

 .box:hover .sprite{

    text-shadow: 0px 0px 20px #ccc;

    color: transparent;

    -webkit-animation: moveFromTop 400ms ease;

    -moz-animation: moveFromTop 400ms ease;

    -ms-animation: moveFromTop 400ms ease;

}

 .box:hover h1{

    color: #FFF;

    -webkit-animation: moveFromTop 300ms ease;

    -moz-animation: moveFromTop 300ms ease;

    -ms-animation: moveFromTop 300ms ease;

}

 .box:hover .resume_button,  .box:hover .contact_button {

    background-color: transparent!important;

    background-image: none;

    color: #fff;

    -webkit-animation: moveFromTop 300ms ease;

    -moz-animation: moveFromTop 300ms ease;

    -ms-animation: moveFromTop 300ms ease;

}

 .box p{

    color: #fff;

}

 /*.box:hover p{

    color: #fff;

    -webkit-animation: moveFromBottom 500ms ease;

    -moz-animation: moveFromBottom 500ms ease;

    -ms-animation: moveFromBottom 500ms ease;

}*/

 .box:hover p{

    color: #fff;

    -webkit-animation: moveFromLeft 500ms ease;

    -moz-animation: moveFromLeft 500ms ease;

    -ms-animation: moveFromLeft 500ms ease;

}


/***********************home effect*************************/

@-webkit-keyframes moveFromTop {

    from {

        -webkit-transform: translateY(-300%);

    }

    to {

        -webkit-transform: translateY(0%);

    }

}

@-moz-keyframes moveFromTop {

    from {

        -moz-transform: translateY(-300%);

    }

    to {

        -moz-transform: translateY(0%);

    }

}

@-ms-keyframes moveFromTop {

    from {

        -ms-transform: translateY(-300%);

    }

    to {

        -ms-transform: translateY(0%);

    }

}



@-webkit-keyframes moveFromLeft {

    from {

        -webkit-transform: translateX(-200%);

    }

    to {

        -webkit-transform: translateX(0%);

    }

}

@-moz-keyframes moveFromLeft {

    from {

        -moz-transform: translateX(-200%);

    }

    to {

        -moz-transform: translateX(0%);

    }

}

@-ms-keyframes moveFromLeft {

    from {

        -ms-transform: translateX(-200%);

    }

    to {

        -ms-transform: translateX(0%);

    }

}


@-webkit-keyframes moveFromBottom {

    from {

        -webkit-transform: translateX(-200%);

    }

    to {

        -webkit-transform: translateX(0%);

    }

}

@-moz-keyframes moveFromBottom {

    from {

        -moz-transform: translateX(-200%);

    }

    to {

        -moz-transform: translateX(0%);

    }

}

@-ms-keyframes moveFromBottom {

    from {

        -ms-transform: translateX(-200%);

    }

    to {

        -ms-transform: translateX(0%);

    }

}









/***************fontello***************************/

ul.social-circled li,ul.social-circled li a {

    -webkit-transition: all .8s ease-in-out;

    -moz-transition: all .8s ease-in-out;

    -o-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;



}

ul.social-circled {

    list-style: none outside none;

}

ul.social-circled li{

    float: left;

    height: 30px;

    box-sizing: border-box;

    margin-right: 5px;

    /* 250 - (121*2) / 2 */

}

ul.social-circled li a{



    text-decoration: none !important;

    display: block;

    color: #838383;

}



ul.social-circled li:hover {

    background: none repeat scroll 0 0 white;

}

ul.social-circled li:hover a {

    color: #35bc7a;

}







/* Portfolio Gallery ---------------------------------------*/

 .portfolio .case{

     float: left;

     width: 21.7%;

     border: 1px solid #e5e5e5;

     margin-right: 27px;

     min-width: 240px;

     margin-top: 15px;

  }

.portfolio .first_service #case_content{

    margin-left: 0;

}

.portfolio .first_service .case{

    margin-top: 15px;

    list-style: none;

    width: 240px;

}



.portfolio_box {

    background: none repeat scroll 0 0 #F9F9F9;

    display: block;

    min-height: 252px;

    text-align: center;

}

.portfolio_box img{

    height: 164px;

    width: 100%;

    background: none repeat scroll 0 0 #f05a49;

    display: block;



}

.portfolio_box img:hover{

    opacity: 0.5;

    color: #4582ad;

}

.portfolio_box h6:hover{



    color: #4582ad;

}



.content_slider .item{

    height: 365px;



}

.content_slider .item img{

    width: 100%;

    height: 100%;

}



/***********carousel*********/



.carousel-control:hover, .carousel-control:focus {

    background: #35bc7a;

}



.portfolio_box_text{

	padding: 0 0 10px;

    background: #f4f4f4;

	text-align:center;



}

.portfolio_box_text h6{

    margin-top: 0;

    padding-top: 22px;

    color: #202020;

    font-size: 18px;

    line-height: 22px;

    margin-bottom: 1px;



}

.portfolio_box_text p{

    color: #8a8f97;

}

#menu_content li {

margin-right: 10px;

}

.portfolio #menu_content li {

    margin-right: 7px;



}

.portfolio #menu_content li a{

    padding-bottom: 13px;

    padding-left: 21px;

    padding-right: 21px;

    padding-top: 13px;

}



#menu_content li a{

     background: #c1c1c1;

     font-size: 12px;

     font-weight: bold;

     text-transform: uppercase;

     color: white;

     border-radius: 0;

 }

#menu_content li a:hover{

    background: #35bc7a;



}

#menu_content li.active a{

    background: #35bc7a;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

}







/* Experience ----------------------------------------------*/

.experience .content_main ul{

    margin-left: 0;

    margin-top: 30px;



}



.experience .content_main strong{

    color: #202020;

    font-size: 18px;

    line-height: 32px;



}

.experience .content_main .big_blue{

    color: #1e8bc3;

    display: block;

    float: left;

    line-height: 53px;

    padding-right: 20px;

    width: 256px;

}

.experience .main_bottom .logo_content{

    margin-top: 34px;

    margin-left: 0;



}



.experience .main_bottom li{

    float: left;

    height: 33px;

    margin-right: 50px;

}

.experience .main_bottom img{



}







/*********************body**************************/

/*=================== content wrap ================*/

.wrap{

    margin: 0 auto;

    max-width: 1170px;



}

/*=================== end wrap ================*/

.info,.profile{

    background: white;

    float: left;

	margin: 0 !important;

	padding: 0 !important;

}

 h1{

    text-transform: uppercase;

}

.name_content{

    border-left: 4px solid #e07151;

    padding-left: 20px;

    border: 4px solid #E07151;



}

.box{

 /*   padding: 28px;*/

    

	float: left;

	margin-right: 4px;

	margin-bottom: 4px;

}

.size_one
{

    width:180px;
   height:150px;

}


.size_two
{

    width:338px;
   height:150px;
   background-color:#509601;

}


.size_three
{

    width:267px;
   height:150px;
   background-color:#ff8000;

}

.size_four
{

    width:250px;
   height:150px;
   background-color:#11528f;

}

.size_five
{

    width:170px;
   height:150px;
   background-color:#fe2e64;

}

.size_six
{

    width:170px;
   height:150px;
   background-color:#6950ab;

}

.size_seven
{

    width:172px;
   height:150px;
   background-color:#dea317;

}






.box h1,h2,h3{

    text-transform: uppercase;

}

.box .metro_text{

	font:400 12px 'Open Sans', sans-serif;
	color: #fff;
	float: left;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
	bottom: 12%;
	*bottom: -8%;	
	width: 100%;
	text-align: center;	
    text-transform: uppercase;
	text-decoration:none;
    
}

.color_ten-large{

 /*   padding: 28px;*/

    height: 133px;
	list-style-type: none;
    width: 270px;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.box-large h1,h2,h3{

    text-transform: uppercase;

}

.box-large .metro_text{

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

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: relative;

	z-index: 99;

	bottom: 9%;	

	width: 100%;

	text-align: center;	

    font-weight: bold;

    text-transform: uppercase;
	text-decoration:none;

}

 .box-large:hover{

    background-color:#2d2d2d;

}



/*****************End body*************************/

/**************customize carusell**************/

#myCarousel{

    margin-bottom: 0px;

}

/*********************sprite icons******************/

 .sprite {

    background:url(../images/sprite.png) no-repeat;

    display: block;

    height: 65px;

    margin: 0 auto;

    width: 65px;

    margin-top: 0px;

}



.sprite-abtus-png {

    width: 70px;

    height: 80px;

    background-position: -458px 10px;

}



 .sprite-news-png {

    width: 65px;

    height: 80px;

    background-position: -194px 17px;

}



 .sprite-product-png {

    width: 65px;

    height: 80px;

    background-position: -284px 15px;

}



 .sprite-service-png {

    width: 65px;

    height: 80px;

    background-position: -6px 10px;

}



 .sprite-software-png {

    width: 71px;

    height: 80px;

    background-position: -100px 15px;

}



 .sprite-roi-png {

    width: 65px;

    height: 80px;

    background-position: -366px 10px;

}

.sprite-reefercontainer-png {

    width: 80px;

    height: 80px;

    background-position: -530px 10px;

}

 .sprite-reefertrailer-png {

    width: 100px;

    height: 80px;

    background-position: -1px -80px;

}

 .sprite-vessels-png {

    width: 100px;

    height: 80px;

    background-position: -108px -80px;

}

 .sprite-drycontainer-png {

    width: 100px;

    height: 80px;

    background-position: -205px -80px;

}

 .sprite-gensets-png {

    width: 100px;

    height: 80px;

    background-position: -430px -80px;

}

 .sprite-chasis-png {

    width: 100px;

    height: 80px;

    background-position: -330px -80px;

}




 

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

/********************colors**********************/

.color_one{

    background: #f05a49;

}

.color_two{

	background: #35bc7a;

/*    background: #1e8bc3;*/

}

.color_tree{

    background: #1e8bc3;

}

.color_four{

    background: #f86924;

}

.color_five{

    background: #976833;

}

.color_six{

    background: #ff84f1;

}

.color_seven{

    background: #896fa0;

}

.color_eight{

    background: #fa0085;

}

.color_nine{

    background: #ffa82d;

}

.color_ten{

    background: #00bfff;

}

.color_eleven{

    background: #623dbd;

}

.color_twelve{

    background: #a100aa;

}






/*****************photos********************/



.row-fluid .photo{

   background: none repeat scroll 0 0 black;;



}

.row-fluid .photo img{

    height: 100%;



}

/****************end photos*********************/











.content_menu .resume_button:hover, .content_menu .contact_button:hover, li.box .resume_button:hover, li.box .contact_button:hover, li.box img:hover, li.box-large img:hover   {

	opacity:0.3;

}

/**********************footer************************/



footer .content_footer{

    font-size: 12px;

    padding-left: 29px;

    padding-right: 29px;

    color: #8a8f97;

    padding-top: 60px;

    padding-bottom: 22px;

    padding: 50px 29px 22px;

    background: white;



}

footer .content_footer hr{

    color: #d9d9d9;



}

.content_footer .social{

    float: left;

}

.modal-footer{

    background: #2f2f2f;

    border-radius: 0 4 0 0;

    border-top: 0;

    box-shadow: 0 0 0;

    border-bottom: 3px solid white;

    border-left: 3px solid white;

    border-right: 3px solid white;



}

.modal-footer p{

    color: white;

    text-align: center;



}
.wam-container:hover, .wam-vessel:hover, .wam-trailer:hover, .wam-genset:hover, .wam-asset:hover, .hardware-tile:hover, .wam-drycontainer:hover, .wam-chassis:hover{

	 -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

}

.wam-container:hover{ background:#2d2d2d url(../images/reefer-cotainer-sol.jpg) 0px 0px no-repeat;   opacity: 0.5;
}

.wam-vessel:hover{ background:#2d2d2d url(../images/vessel-sol.jpg) 0px 0px no-repeat;   opacity: 0.5;
}

.wam-trailer:hover{ background:#2d2d2d url(../images/reefer-trailer-sol.jpg) 0px 0px no-repeat;   opacity: 0.5;
}

.wam-genset:hover{ background:#2d2d2d url(../images/gensets-sol.jpg) 0px 0px no-repeat;   opacity: 0.5;
}

.wam-asset:hover{ background:#2d2d2d url(../images/other-assets-sol.jpg) 0px 0px no-repeat;   opacity: 0.5;
}

.hardware-tile:hover{ background:#2d2d2d url(../images/hardware-sol.jpg) 0px 0px no-repeat;   opacity: 0.5;
}

.wam-drycontainer:hover{ background:#2d2d2d url(../images/dry-container.jpg) 0px 0px no-repeat;  opacity: 0.5;
}

.wam-chassis:hover{ background:#2d2d2d url(../images/chasis.jpg) 0px 0px no-repeat;}