*{ margin:0;
	padding:0;}

body {
	;
	margin:0 auto;
	padding:0;
	width:100%;
	color:#333;
	background-color:#fff;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	text-align:justify;
	background-size:100%;
	font-size:14px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	
}
.clear{
	clear:both;
}

p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
.clear{ clear:both;}



.topbar{
	width:100%;
	float:left;
	margin:0px;
	padding:5px;
	background-color:#007acf;
}
.headarae{
   width:100%;
   float:left;
   margin:0px;
   padding:0px;
} 
.logoarae{
   width:100%;
   float:left;
   margin:11px 0 0 0;
   padding:0px;
}
.headrightarae{
   width:100%;
   float:left;
   margin: 34px 0 9px 0;
   padding:0px;
} 
.topleft1txt {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.topleft1txt h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    text-align: left;
    margin: 2px 0 0 0;
    width: 91%;
    float: left;
    font-weight: 600;
}
.topleft1txt span {
    width: 8%;
    float: left;
	margin:0px;
	padding:0px;
	color:#f99023;
}
.topleft1txt2 {
    width: 46%;
    float: right;
	margin:0px;
	padding:0px;
}
.topleft1txt2 .fa{
    color: #007acf;
    font-size: 15px;
    margin-left: 6px;
}
.navfullaraeall{
	width: 95%;
    float: left;
    margin: 7px 0 0 14px;
    padding: 0px;
    background-color: #007acf;
	position:relative;
	z-index:9;
}
.bannerarae{
	width: 100%;
    float: left;
    margin: -29px 0 0 0;
    padding: 0px;
}	
.aboutaraeall{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.abtinnarae{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.aleft{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/abtbg.jpg) no-repeat center center;
	overflow:hidden;
}
.aleft h3{
	font-family: 'Josefin Sans', sans-serif;
	font-size:38px;
	text-align:left;
	color:#000;
	text-transform:uppercase;
	font-weight:600;
	margin: 63px 0 0 0;
}
.aleft h4{
	font-family: 'Josefin Sans', sans-serif;
	font-size:38px;
	text-align:left;
	color:#000;
	text-transform:uppercase;
	font-weight:600;
}
.aleft p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px;
	text-align:left;
	color:#000;
	font-weight:light;
	height:76px;
	overflow:hidden;
	width:60%;
	float:left;
	line-height:26px;
}
.homerightaimgarae{
	width:100%;
	float:left;
	margin:26px 0 36px 0 ;
	padding:0px;
}
.homerightaimgarae img{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	height:222px;
	display:block;
	overflow:hidden;
}
.aewrevara{
	width:100%;
	float:left;
	margin:26px 0 0px 0 ;
	padding:0px;
}
.aewrevara h3{
	font-family: 'Josefin Sans', sans-serif;
	font-size:28px;
	text-align:center;
	color:#000;
	text-transform:uppercase;
	font-weight:600;
}
.aewrevara p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px;
	text-align:center;
	color:#000;
	font-weight:light;
	height:66px;
	overflow:hidden;
	width:60%;
	float:left;
	line-height:26px;
	margin-left:21%;
}
.serviceinnall{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.serleft{
	width:100%;
	float:left;
	margin: 0px 0 0 -31px;
	padding:0px;
}
.serround{
	width: 100px;
	height: 100px;
	float: left;
	margin: 50px 0 0 42px;
	padding: 0px;
	background-color: #007acf;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 9;
}
.serround .fa{
	text-align:center;
	color:#fff;
	font-size:46px;
	margin-top:28px;
}
.serboxarae{
	width:100%;
	float:left;
	margin:0px 0 16px 0;
	padding:0px;
	border:1px solid #8484844d;
}
.serboxarae h4{
	font-family: 'Josefin Sans', sans-serif;
	font-size:24px;
	text-align:left;
	color:#000;
	font-weight:400;
	margin: 19px 0 15px 83px;
}
.serboxarae p{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
	color:#8d8787;
	margin: 0 0 13px 81px;
	height: 53px;
}
.readmorearae{
	width:22%;
	float:left;
	margin:2px 0 16px 83px;
	padding:4px;
	border:1px solid #8484844d;
	text-align:center;
}
.readmorearae a{
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px;
	color:#7e7373;
	text-align:center;
	text-decoration:none;
}
.serboxarae:hover{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.productarae{
	width:100%;
	float:left;
	margin:26px 0 0 0;
	padding:0px;
}
.productarae h3{
	font-family: 'Josefin Sans', sans-serif;
	font-size:28px;
	text-align:center;
	color:#000;
	text-transform:uppercase;
	font-weight:600;
}
.productarae p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px;
	text-align:center;
	color:#000;
	font-weight:light;
	height:66px;
	overflow:hidden;
	width:60%;
	float:left;
	line-height:26px;
	margin-left:21%;
}
.proinnarae{
	width:100%;
	float:left;
	margin:16px 0 0 0;
	padding:0px;
}
.proboxarae{
	width:100%;
	float:left;
	margin:0px 0 16px 0;
	padding:0px;
	box-shadow: 0px 3px 5px 2px #d7d7d7;
}
.proboxarae img{
	width:100%;
	height:173px;
	display:block;
	overflow:hidden;
	float:left;
}
.proround{
	width:76px;
	height:76px;
	float:left;
	margin: -39px 0 0 33%;
	padding:0px;
	background-color:#007acf;
	border-radius:50%;
	text-align:center;
	border: 5px solid #fff;
}
.proround .fa{
	text-align:center;
	color:#fff;
	font-size:30px;
	margin-top:20px;
}
.proboxarae h4{
	font-family: 'Josefin Sans', sans-serif;
	font-size:18px;
	text-align:center;
	color:#007acf;
	width:100%;
	float:left;
	font-weight:400px;
}
.proboxarae p{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-align:center;
	color:#4e4343;
	width:100%;
	float:left;
	height:60px;
	overflow:hidden;
	padding:1px;
}

.proreadarae{
	width: 43%;
	float: left;
	margin: 0px 0 15px 66px;
	padding: 7px;
	border: 1px solid #8484844d;
	text-align: center;
}

.proreadarae a{
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:400;
}
.brandarae{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	padding:0px;
}
.brandarae h3{ 
	font-family: 'Josefin Sans', sans-serif;
	font-size: 28px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-weight: 600;
}
.brandslidearae{
	width:100%;
	float:left;
	margin:16px 0 0 0;
	padding:0px;
}
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */
.footerarae{
	width:100%;
	float:left;
	margin:26px 0 0 0;
	padding:0px;
	background:url(../images/fbg.jpg) no-repeat center center;
	overflow:hidden;
}
.finnareaall{
	width:100%;
	float:left;
	margin:13px 0 0 0;
	padding:0px;
}
.finn{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.finn p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px;
	text-align:left;
	color:#000;
	height:66px;
	overflow:hidden;
	margin:15px 0 9px 0;
}
.finn .fa{
	color:#000;
	margin-right:11px;
	margin-bottom:16px;
}
.finn2{
	width:100%;
	float:left;
	margin:0px 0 0 46px;
	padding:0px;
}
.finn2 h4{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:17px;
	text-align:left;
	font-weight:600;
}
.finn2 ul{
	list-style:none;
	margin: 0;
    padding: 0;
}
.finn2 li{
	display:block;
	margin:8px 0 6px 0;
}
.finn2 ul li a{
	text-decoration:none;
	font-weight:600;
}
.finn3{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.finn3 h4{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:17px;
	text-align:left;
	font-weight:600;
}
.finn3 p{
	text-align:left;
}
.finn4{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.finn4 h4{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:17px;
	text-align:left;
	font-weight:600;
}
.maparae{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	height:166px;
	display:block;
	overflow:hidden;
}
.footerall2{
	width:100%;
	float:left;
	margin:52px 0 26px 0;
	padding:0px;
}
.footerall2left{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.footerall2left p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:16px;
	color:#000;
	text-align:left;
	font-weight:600;
}
.footerall2right{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.footerall2right p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:16px;
	color:#000;
	text-align:right;
	font-weight:600;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	.logoarae {text-align: center;}
	.logoarae img{width: 76%;}
	.headrightarae {
    width: 100%;
    float: left;
    margin: 10px 0 7px 6px;
    padding: 0px;
}
.topleft1txt2 {
    width: 100%;
    float: right;
    margin: 6px 0 0 0;
    padding: 0px;
}
.bannerarae {margin:0px;}
.navfullaraeall {margin: 7px 0 16px 0px; width:100%;}
.aleft h3 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin: 22px 0 0 0;
}
.aleft h4 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
.aleft p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 13px;
    text-align: center;
    color: #000;
    font-weight: light;
    height: 76px;
    overflow: hidden;
    width: 100%;
    float: left;
    line-height: 17px;
}
.aewrevara {margin:0px;}
.aewrevara p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 13px;
    text-align: center;
    color: #000;
    font-weight: light;
    height: 100%;
    overflow: hidden;
    width: 100%;
    float: left;
    line-height: 17px;
	margin:0px;
}
.serboxarae h4 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #000;
    font-weight: 400;
    margin: 23px 0 0 0;
}
.serboxarae p {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align: center;
    color: #8d8787;
    margin: 0px;
	height: 66px;
    overflow: hidden;
    padding: 3px;
}
.readmorearae {
    width: 44%;
    float: left;
    margin: 0px 0 16px 85px;
    padding: 4px;
    border: 1px solid #8484844d;
    text-align: center;
}
.serboxarae {margin: -16px 0 16px 0px;}
.serround {
    width: 76px;
    height: 76px;
    float: left;
    margin: 48px 0 0 38%;
    padding: 0px;
    background-color: #007acf;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 9;
}

.proround {
    width: 76px;
    height: 76px;
    float: left;
    margin: -39px 0 0 39% !important;
    padding: 0px;
    background-color: #007acf;
    border-radius: 50%;
    text-align: center;
    border: 5px solid #fff;
}
.proreadarae {
    width: 43%;
    float: left;
    margin: 0px 0 15px 94px !important;
    padding: 7px;
    border: 1px solid #8484844d;
    text-align: center;
}
.serround .fa {
    text-align: center;
    color: #fff;
    font-size: 34px;
    margin-top: 23px;
}
.serleft {
    width: 100%;
    float: left;
    margin: 0px 0 0 0px;
    padding: 0px;
}
.productarae p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 13px;
    text-align: center;
    color: #000;
    font-weight: light;
    height: 66px;
    overflow: hidden;
    width: 100%;
    float: left;
    line-height: 17px;
	margin:0px;
}
.finn2 {
    width: 100%;
    float: left;
    margin: 0px 0 0 0px;
    padding: 0px;
}
.footerarae {
	background: #f6f7fc;
}
.footerall2left p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: 600;
}
.footerall2right p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: 600;
}
}

.aboutara{
	width:100%;
	float:left;
	margin: -24px 0 0 0;
	padding:0px;
	background:url(../images/abg.jpg) no-repeat center center;
	overflow:hidden;
	height:160px;
	overflow:hidden;
}
.aheadup{
	width:16%;
	float:left;
	margin:9.8% 0 0 0;
	padding:0px;
	background-color:#007acf;
}
.aheadup h4{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	font-size:21px;
	font-weight:600;
}
.aboutinnrae{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
#service{background-color: ghostwhite;padding-top: 100px;padding-bottom: 100px;}
.row-1 .ser-col-4{border-right:solid 1px #ccc;border-bottom: solid 1px #ccc;}
.row-1 .ser-col-4-l{border-bottom: solid 1px #ccc;}
.row-2 .ser-col-4{border-right:solid 1px #ccc;border-bottom: solid 1px #ccc;}
.row-2 .ser-col-4-l{border-bottom: solid 1px #ccc;}
.row-3 .ser-col-4{border-right:solid 1px #ccc;}


@media (max-width:768px){
    .ser-col-4-l{border-right:solid 1px #ccc;border-bottom: solid 1px #ccc;border-left:solid 1px #ccc;}
    .ser-col-4{border-left:solid 1px #ccc;border-bottom: solid 1px #ccc;}
}

.ser-col{width:100%;height:auto;text-align: center;padding:20px;position: relative;}
.icon-col{width:80px;height:80px;border-radius: 50%;text-align: center;margin-left: auto;margin-right: auto;}
.icon-col i{font-size: 35px;padding: 20px;}
.circle {
    position: absolute;
    bottom: -11px;
    right: -24px;
    z-index: 99;
}
.circle i{color:#ccc;font-size: 18px;background-color:ghostwhite;}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    color: red;
    background-image: none;
    border: 1px solid red;
    border-radius: 0px;
}
.ser-col h2{
	color:#777;
    margin-bottom: 20px;
	font-size: 22px;
    text-align: center;
}

.ser-col p{
	color:#3e3b3b;
    margin-bottom: 20px;
	font-size:13px;
	text-align:center;
}

/*====== service 1 ====*/
.ser-1 .icon-col{border: solid 1px red;}
.ser-1 .icon-col i{color:red;}
.ser-1 .btn{color:red;border: 1px solid red;}

/*====== service 2 ====*/
.ser-2 .icon-col {border: solid 1px green;}
.ser-2 .icon-col i{color:green;}
.ser-2 .btn{color:green;border: 1px solid green;}

/*====== service 3 ====*/
.ser-3 .icon-col {border: solid 1px chocolate;}
.ser-3 .icon-col i{color:chocolate;}
.ser-3 .btn{color:chocolate;border: 1px solid chocolate;}

/*====== service 4 ====*/
.ser-4 .icon-col {border: solid 1px blue;}
.ser-4 .icon-col i{color:blue;}
.ser-4 .btn{color:blue;border: 1px solid blue;}

/*====== service 5 ====*/
.ser-5 .icon-col {border: solid 1px deepskyblue;}
.ser-5 .icon-col i{color:deepskyblue;}
.ser-5 .btn{color:deepskyblue;border: 1px solid deepskyblue;}

/*====== service 6 ====*/
.ser-6 .icon-col {border: solid 1px mediumslateblue;}
.ser-6 .icon-col i{color:mediumslateblue;}
.ser-6 .btn{color:mediumslateblue;border: 1px solid mediumslateblue;}

/*====== service 7 ====*/
.ser-7 .icon-col {border: solid 1px mediumseagreen;}
.ser-7 .icon-col i{color:mediumseagreen;}
.ser-7 .btn{color:mediumseagreen;border: 1px solid mediumseagreen;}

/*====== service 8 ====*/
.ser-8 .icon-col {border: solid 1px salmon;}
.ser-8 .icon-col i{color:salmon;}
.ser-8 .btn{color:salmon;border: 1px solid salmon;}

/*====== service 9 ====*/
.ser-9 .icon-col {border: solid 1px gold;}
.ser-9 .icon-col i{color:gold;}
.ser-9 .btn{color:gold;border: 1px solid gold;}

.serviceBox{text-align: center;margin-top: 60px;position: relative;z-index: 1; margin-bottom: 21px;}
.serviceBox .service-icon{width: 78px;height: 78px;border-radius:3px;background: #fff;margin: 0 auto;position: absolute;top: -34px;left: 0;right: 0;z-index: 1;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon{transform: rotate(45deg);}
.serviceBox .service-icon span{display: inline-block;width: 60px;height: 60px;line-height: 60px;border-radius:3px;background: #727cb6;font-size: 30px;color: #fff;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transition: all 0.3s ease-out 0s;}
.serviceBox .service-icon span i{transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon span i{transform: rotate(-45deg);}
.serviceBox .service-content{background: #fff;border: 1px solid #e7e7e7;border-radius: 3px;padding: 55px 15px;position: relative;}
.serviceBox .service-content:before{content: "";display: block;width: 80px;height: 80px;border: 1px solid #e7e7e7;border-radius: 3px;margin: 0 auto;position: absolute;top: -37px;left: 0;right: 0;z-index: -1;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-content:before{transform: rotate(45deg);}
.serviceBox .title{font-size: 17px;font-weight: 500;color: #324545;text-transform: uppercase;margin: 0 0 25px 0;position: relative;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .title{color: #727cb6;}
.serviceBox .description{font-size: 14px;font-weight: 500;line-height: 24px;margin-bottom: 0;}
.serviceBox .read-more{display: block;width: 40px;height: 40px;line-height: 38px;border-radius: 50%;background: #fff;border: 1px solid #e7e7e7;font-size: 14px;color: #c4c2c2;margin: 0 auto;position: absolute;bottom: -17px;left: 0; right: 0;transition: all 0.3s ease-out 0s;}
.serviceBox .read-more:hover{border: 1px solid #727cb6;color: #727cb6;text-decoration: none;}
.serviceBox.green .service-icon span{ background: #008b8b; }
.serviceBox.blue .service-icon span{ background: #3498db; }
.serviceBox.orange .service-icon span{ background: #e67e22; }
.serviceBox.green:hover .title{ color: #008b8b; }
.serviceBox.blue:hover .title{ color: #3498db; }
.serviceBox.orange:hover .title{ color: #e67e22; }

.serviceBox:hover .read-more{border: 1px solid #727cb6;color: #727cb6;}
.serviceBox.green:hover .read-more{border: 1px solid #008b8b;color: #008b8b;}
.serviceBox.blue:hover .read-more{border: 1px solid #3498db;color: #3498db;}
.serviceBox.orange:hover .read-more{border: 1px solid #e67e22;color: #e67e22;}

.servicearaeinnpage{
	width:100%;
	float:left;
	margin:16px 0 0 0;
	padding:0px;
}
.service-process {
    background-color: #fafafa;
    position: relative;
}
.wshipping-content-block {
    padding: 80px 0px;
}
.service-process::before {
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #fff;
    width: 100%;
}
*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.section-title {
    text-align: center;
    padding-bottom: 30px;
}
.section-title h2 {
    margin-top: 0px;
    text-transform: uppercase;
    color: #444444;
}

.process-row {
    padding-top: 40px;
}
.process-step::before {
    position: absolute;
    right: -123px;
    width: 110px;
    height: 2px;
    background-color: #eb0028;
    content: "";
    top: 80px;
    display: block;
}

.process-icon {
    width: 164px;
    text-align: center;
    height: 164px;
    float: left;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #007acf;
    position: relative;
    padding-top: 44px;
    margin-bottom: 10px;
}
.process-icon span {
    width: 56px;
    height: 56px;
    background-color: #007acf;
    border: 2px solid #fff;
    color: #fff;
    line-height: 56px;
    font-size: 28px;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -30px;
    border-radius: 100%;
    font-weight: 700;
}
.process-step p {
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    clear: both;
}
.process-step p {
    margin-bottom: 0px;
}

.process-step {
    float: left;
    width: 164px;
    margin-right: 14%;
    position: relative;
}
.process-step:last-child {
    margin-right: 0px;
}
.process-step:last-child::before
 {
display:none;
}
.servicearaeinnpage2{
	width:100%;
	float:left;
	margin:16px 0 0 0;
	padding:0px;
}
.productarae{
	width:100%;
	float:left;
	margin:26px 0 0 0;
	padding:0px;
}
.productbox {
    background-color:#ffffff;
	padding:10px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 8px 6px -6px  #999;
	   -moz-box-shadow: 0 8px 6px -6px  #999;
	        box-shadow: 0 8px 6px -6px #999;
}

.producttitle {
    font-weight:bold;
	padding: 18px 0 5px 0;
}

.productprice {
	border-top:1px solid #dadada;
	padding-top:5px;
}

.pricetext {
	font-weight: bold;
    font-size: 14px;
    text-align: left;
}
.product_view .modal-dialog{max-width: 800px; width: 100%;}
.pre-cost{text-decoration: line-through; color: #a5a5a5;}
.space-ten{padding: 10px 0;}

#product_view .btn{
	color:#fff !important;
}
.contactatarfull{
	width:100%;
	float:left;
	margin:26px 0 0 0;
	padding:0px;
}
 .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
        	border-radius:0px;
        	border:1px solid #EDEDED;
        }

        .form-control:focus
        {
        	border:1px solid #00bfff;
        }

        .textarea-contact
        {
        	resize:none; 
        }

        .btn-send
        {
        	border-radius: 0px;
        	border:1px solid #00bfff;
        	background:#00bfff;
        	color:#fff; 
        }

        .btn-send:hover
        {
        	border:1px solid #00bfff;
        	background:#fff;
        	color:#00bfff;
        	transition:background 0.5s;   
        }

        .second-portion
        {
        	margin-top:0px; 
        }

		       

		.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #007acf; vertical-align: middle; }
		.box > .icon:hover > .image { background: #f99023; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }

		@media only screen and (max-width: 768px)
		{
			.contact-form
			{
				margin-top:25px; 
			}

			.btn-send
			{
				width: 100%;
				padding:10px; 
			}

			.second-portion
			{
				margin-top:25px; 
			}
		}
	/* Conatct end */ 
	
	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.aheadup {
    width: 36%;
    float: left;
    margin: 36.8% 0 0 16px;
    padding: 0px;
    background-color: #007acf;
}
.process-row {
    padding-top: 0px;
}
.process-step::before {display: none;}
.process-step {margin-left: 23%;}
.btn {margin-top:0px;}
.modal-dialog {margin: 10px 0 0 0; padding:3px;}
.media-carousel .carousel-control.right {right: 0px !important;}
.media-carousel .carousel-control.left {left: 0px !important;}
#next, #prev {padding: 3px 6px !important;}
}
.hover-div{
    margin:0 auto;
    max-width:100%;
    margin-top:0px;
    border:none;
    position:relative;
    overflow:hidden;
}
.hover-div{
    
}
.hover-div img{
    width:100%;
     transition:all ease-in-out .5s;
}
.view-details{
     transition:all ease-in-out .5s;
     top:45%;
    left:32%;
    position:absolute;
    opacity:0;
}
.view-details h4{
    transition:all ease-in-out .2s;
    background-color:#3ad0fc;
    padding:12px 24px;
    color:#fff;
}
.view-details:hover h4{
    transition:all ease-in-out .2s;
    background-color:#0D1335;
    padding:12px 24px;
    color:#fff;
}

.hover-div:hover .view-details{
    transition:all ease-in-out .5s;
    opacity:1;
    color:#000;
    top:42%;
}
.hover-div:hover img{
    transition:all ease-in-out .5s;
    opacity:.6;
    transform: scale(1.2);
}
.destacados{
    padding: 20px 0;
	text-align: center;
}
.destacados > div > div{
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: 0.2s;
}
.destacados > div:hover > div{
	
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgba(200, 200, 200, 0.1);
	transition: 0.5s;
}
   
.solarae{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.img-circle 
{
	width: 188px;
	height: 184px;
	overflow: hidden;
}

.modal-body p{
    height: auto;
}