.bg-color {
	background-color:rgb(117,117,117);;
}

.black-bg-color {
	background-color:rgb(54,56,68);
}

.red-bg-color {
	background-color:rgb(240,0,12)
}

.white-font {
	color: white;
}

.blue-font {
	color: #0070aa;
}

.red-font {
	color: rgb(235,0,0)
}

.left-column {
	border-left-style: solid;
    border-width: thin;
    border-left-color: rgb(180, 180, 181);
}

.right-column {
	border-right-style: solid;
    border-width: thin;
    border-right-color: rgb(180, 180, 181);    
}

.padding-left-5 {
	padding-left: 5px!important;
}

.padding-right-5 {
	padding-right: 5px!important;
}

.column-horizontal-center {
	line-height: 2em;
}

.gray-header-border-bottom {
	border-bottom-style: solid;
	border-width: medium;
	border-bottom-color: white;
}

.gray-border-bottom {
	border-bottom-style: solid;
	border-width: thin;
	border-bottom-color: rgb(180, 180, 181);
}

.function-bg-color {
	background-color:#b1b3b3;
}

.square-line {
	width: 100%; 
	height: 35px; 
	background: #0e6db9;
	position: absolute;
	margin: -17px 0 0 0px;
}

.right-triangle {
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-left: 25px solid #0e6db9;
	border-bottom: 17px solid transparent;
	margin: -17px 0 0 -1px;
}

.bubble {
   width: 80%; 
   height: 35px;    
   position: absolute;
   -moz-border-radius: 12px; 
   -webkit-border-radius: 12px; 
   border-radius: 12px;
   margin: -17px 0 0 -1px;
   float:left;
}

.light-blue-bg {
	background: #3193d6;
}

.deep-blue-bg {
	background: #0e6db9;
}

.margin-top-1 {
    margin-top: 1% !important;
}

.wipg_block_theme {
 	padding:3%!important;
	background-color: rgba(240, 167, 77, .7)!important;
	/* background-color: rgba(0, 130, 198, .7)!important; */
}


.wePresent-logo {
	width:70% !important;
}

@media only screen and (min-width: 1200px) {
	.spec-context-font {
		font-size:20px !important; line-height:26px !important;
	}
	.barco2-img {
	    position: absolute;
	    top:0em;
	    right: -2em;
	    z-index: 10;
	    float: right;
	}
	.barco3-img {
	    height: auto;
	    width: 8em;
	}
	.barco4-img {
	    position: absolute;
	    bottom: 0em;
	    right: 3em;
	    z-index: 10;
	    float: right;
	}
	.barco5-img {
	    height: auto;
	    width: 24em;
	}
	.barco-div {
	    position: absolute;
	    top:7em;
	    left: 4em;
	    z-index: 10;
	    float: right;
	}	
	.child {
    	height: 16em;
	}
	.col-lg-offset-1 {
	    margin-left: 11.333333%;
	}
	.spec-col-lg-offset-1 {
	    margin-left: 3.333333%;
	}
}

/* @media only screen and (max-width: 1199px) {
	.spec-context-font {
		font-size:20px !important; line-height:26px !important;
	}
}
 */
/* @media only screen and (max-width: 991px) {
	.spec-context-font {
		font-size:20px !important; line-height:26px !important;
	}
	.barco2-img {
	    position: absolute;
	    top:0em;
	    right: -2em;
	    z-index: 10;
	    float: right;
	}
	.barco3-img {
	    height: auto;
	    width: 6em;
	}
	.barco-div {
	    position: absolute;
	    top:7em;
	    z-index: 10;
	    float: right;
	}	
} */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.col-md-offset-2 {
		margin-left: 12.666667%;
	}
	.barco2-img {
	    position: absolute;
	    top:0em;
	    right: -1em;
	    z-index: 10;
	    float: right;
	}
	.barco3-img {
	    height: auto;
	    width: 6em;
	}
	.barco4-img {
	    position: absolute;
	    bottom: 0em;
	    right: 3em;
	    z-index: 10;
	    float: right;
	}
	.barco5-img {
	    height: auto;
	    width: 24em;
	}
	.barco-div {
	    position: absolute;
	    top:2em;
	    z-index: 10;
	    float: right;
	}
	.child {
    	height: 16em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991.99px) {
	#slider h1 {
		font-size:30px;
		line-height:35px;
		text-align:left;
	}
	#slider h2 {
		font-size:27px;
		line-height:27px;
		text-align:left;
	}
	#slider h3 {
		font-size:20px;
		line-height:20px;
		text-align:left;
	}
	.spec-context-font {
		font-size:15px !important; line-height:25px !important;
	}
	.spec-title-font {
		font-size:20px !important; line-height:1.5 !important;
	}
	.barco2-img {
	    position: absolute;
	    top: -2em;
	    right: 12em;
	    z-index: 10;
	    float: right;
	}
	.barco3-img {
	    height: auto;
	    width: 5em;
	}
	.barco4-img {
	    position: absolute;
	    bottom: 0em;
	    right: 3em;
	    z-index: 10;
	    float: right;
	}
	.barco5-img {
	    height: auto;
	    width: 24em;
	}
	.barco-div {
	    padding-left: 5em;
	    margin-bottom: 3em;
	}
	.child {
    	height: 24em;
	}
}

@media only screen and (max-width: 330px) and (max-width: 767.99px) {
	#slider h1 {
		font-size:30px;
		line-height:35px;
		text-align:left;
	}
	#slider h2 {
		font-size:27px;
		line-height:27px;
		text-align:left;
	}
	#slider h3 {
		font-size:20px;
		line-height:20px;
		text-align:left;
	}
	.spec-context-font {
		font-size:15px !important; line-height:25px !important;
	}
	.spec-title-font {
		font-size:20px !important; line-height:1.5 !important;
	}
	.barco2-img {
	    position: absolute;
	    top: -2em;
	    right: 12em;
	    z-index: 10;
	    float: right;
	}
	.barco3-img {
	    height: auto;
	    width: 5em;
	}
	.barco-div {
	    padding-left: 5em;
	    margin-bottom: 3em;
	}
}

@media only screen and (max-width: 329px) {
	h1 {
		font-size: 30px;
		margin: 0 0 32px 0;
	}
	
	h2 {
		font-size: 24px;
		letter-spacing: normal;
		margin: 0 0 32px 0;
	}
	
	h3 {
		font-size: 18px;
		letter-spacing: normal;
		margin: 0 0 14px 0;
	}	
}


.product-container {
    position: relative;
}

.barco-container {
    position: relative;
}

.product-img {
    position: absolute;
    top: 11px;
    right: 33px;
    z-index: 10;
    float: right;
}

.barco-img {
    height: 6em;
}

.blue-font {
	color: rgb(0, 99,174);
}
.white-font {
	color: white!important;
}
.font-weight-400 > h4 {
    font-weight: 400;
}

.section-3-bg {
	background-color:#f47722;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
	box-shadow:0 0 15px rgba(0,0,0,0.4);
	background-image: url(../images/orange-background.png);
    background-repeat: no-repeat;
    background-position: right center;
    /* margin: 0px 0px 60px; */
    z-index: -999;
}

.white-font {
	color: white!important;
}

.yellow-font {
	color: yellow!important;
}

.orange-font {
	color: #fe6600!important;
}

.white-link a{
	color: white!important;
}

.white-link a:hover{
	color: #e8df32!important;
}

.white-link a:hover i{
	color: #e8df32!important;
}

.white-link a:hover h3{
	color: #e8df32!important;
}