@charset "UTF-8";
/* CSS Document */


/************************************************************** viewport >1401 **************************************************************/
@media only screen and (min-width: 1400px) {
.wrapper {width:1380px; margin:0 auto;}
.container {width:100%;}
    
/*a.navbar-brand svg {width:auto!important; height: 60px!important; }*/
.carousel-caption .carousel1 {width:45%; text-align: right; margin-left:-50px;}
.carousel-caption .carousel1 h1 {font-size: 2em; line-height: 1.4em}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:99; width: auto; height: 450px; bottom:40px; right:130px;}    
    
.content-spacing {margin-top:450px}    
	
	
#services {overflow-x: hidden}	
#services .img-leap {margin-left:-100px; position: relative}
#services .img-globe {width:80%; margin-left:35%; position: relative; margin-top:150px;}
#services .img-growth {width:80%; margin-top:300px;}	
#services .img-strategies {margin:50px 0;}	
    

#services .services-heading {height:300px;}	
#services .img-services {width: 200px;}


    
    
    
    
}




/************************************************************** viewport 1301 to 1399 **************************************************************/
@media only screen and (min-width: 1301px) and (max-width:1399px) {
.wrapper {width:1280px; margin:0 auto; }
.container {width:100%;}

.carousel-caption .carousel1 {width:40%; text-align: right}
.carousel-caption .carousel1 h1 {font-size: 1.8em; line-height: 1.4em}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:99; width: auto; height: 400px; bottom:40px; right:130px;}    

.content-spacing {margin-top:400px}    
	
#services {overflow-x: hidden}	
#services .img-leap {margin-left:-100px; position: relative}
#services .img-globe {width:80%; margin-left:40%; position: relative; margin-top:200px}
#services .img-growth {width:80%; margin-top:300px;}	
#services .img-strategies {margin:50px 0;}	
	
#services .services-heading {height:300px;}	
#services .img-services {width: 200px;}

}




/************************************************************** viewport 1201 to 1300 **************************************************************/
@media only screen and (min-width: 1201px) and (max-width:1300px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}
    
.carousel-caption .carousel1 {width:50%; text-align: left}
.carousel-caption .carousel1 h1 {font-size: 1.8em; line-height: 1.4em}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:99; width: auto; height: 380px; bottom:40px; right:110px;}    

.content-spacing {margin-top:400px}   
	
#services {overflow-x: hidden}	
#services .img-leap {margin-left:-100px; position: relative}
#services .img-globe {width:80%; margin-left:30%; position: relative; margin-top:200px}
#services .img-growth {width:90%; margin-top:300px;}	
#services .img-strategies {margin:50px 0;}	
	
#services .services-heading {height:200px;}
#services .img-services {width: 200px;}

	
}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}
    
.carousel-caption.topVertical {top: 0rem!important}
.carousel-item .space-orange {background-color:rgba(236,65,21,1.00); height:100px; }
.carousel-item .space-green {background-color:rgba(92186,157,1.00); height:50px; }
.carousel-caption .carousel1 {width:100%; text-align: left}
.carousel-caption .carousel1 h1 {font-size: 1.8em; line-height: 1.4em}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:99; width: auto; height: 320px; bottom:50px; left:50%;  transform: translateX(-50%)!important;}    


.content-spacing {margin-top:300px}    
	
#services {overflow-x: hidden}	
#services .img-leap {margin-left:-50px; position: relative}
#services .img-globe {width:80%; margin-left:30%; position: relative; margin-top:200px}
#services .img-growth {width:90%; margin-top:300px;}	
#services .img-strategies {margin:50px 0;}	
	
#services .services-heading {height:150px;}
#services .img-services {width: 200px;}
#services h3 {font-size: 1.5em}


}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:991px) {

.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}

#services .img-leap {width:40%!important; height: auto; margin-left:0!important; display: block; text-align: center}
#services .img-globe, #services .img-growth, #services .img-strategies {display: none!important}

	
#services .img-services {width: 200px;}

}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}
    
.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}


.carousel-caption.topVertical {top: 0rem!important}
.carousel-item .space-orange {background-color:rgba(236,65,21,1.00); height:100px; }
.carousel-item .space-green {background-color:rgba(92186,157,1.00); height:50px; }
.carousel-caption .carousel1 {width:100%; text-align: left}
.carousel-caption .carousel1 h1 {font-size: 1.8em; line-height: 1.4em}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:99; width: auto; height: 320px; bottom:50px; left:50%;  transform: translateX(-50%)!important;}    

#services .img-leap {width:40%!important; height: auto; margin-left:0!important; display: block; text-align: center}
#services .img-globe, #services .img-growth , #services .img-strategies {display: none!important}
#services .img-services {width: 230px;}

}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}

.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}

.carousel-caption.topVertical {top: 0rem!important}
.carousel-item .space-orange {background-color:rgba(236,65,21,1.00); height:100px; }
.carousel-item .space-green {background-color:rgba(92186,157,1.00); height:50px; }
.carousel-caption .carousel1 {width:100%; text-align: left}
.carousel-caption .carousel1 h1 {font-size: 1.5em; line-height: 1.4em}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:99; width: auto; height: 300px; bottom:50px; left:50%;  transform: translateX(-50%)!important;}    

#services .img-leap {width:60%!important; height: auto; margin-left:0!important; display: block; text-align: center}
#services .img-globe, #services .img-growth , #services .img-strategies {display: none!important}
#services .img-services {width: 200px;}
#services h3 {font-size: 1.5em}

}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}
.xs-padding {margin-top:10px}
    
.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}

.carousel-caption.topVertical {top: 0rem!important; margin-top:-20px;}
.carousel-item .space-orange {background-color:rgba(236,65,21,1.00); height:140px; }
.carousel-item .space-green {background-color:rgba(92186,157,1.00); height:50px; }
.carousel-caption .carousel1 {width:100%; text-align: left}
.carousel-caption .carousel1 h1 {font-size: 1.5em; line-height: 1.4em;}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:9; width: auto; height: 260px; bottom:50px; left:50%;  transform: translateX(-50%)!important;}    
	
.heigntXS {height: 250px!important}
img.working-laptop {left:-100px; width:80%; height: auto;}
	
#services .img-leap {width:50%!important; height: auto; margin-left:0!important; display: block; text-align: center}
#services .img-globe, #services .img-growth , #services .img-strategies {display: none!important}
#services .img-services {width: 330px; display:block; margin:0 auto}
#services h3 {text-align: center; margin-top:10px;}
    
    
}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.wrapper {width:100%;}
.xs-padding {margin-top:10px}

.carousel-caption.topVertical {top: 0rem!important; margin-top:-20px;}
.carousel-item .space-orange {background-color:rgba(236,65,21,1.00); height:250px; }
.carousel-item .space-green {background-color:rgba(92186,157,1.00); height:50px; }
.carousel-caption .carousel1 {width:100%; text-align: center}
.carousel-caption .carousel1 h1 {font-size: 1.5em; line-height: 1.4em;}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:9; width: 100%; height:auto; bottom:50px; left:50%;  transform: translateX(-50%)!important;}    	
    
.heigntXS {height: 200px!important}
img.working-laptop {left:-60px; width:100%; height: auto;}
	
#services .img-leap {width:80%!important; height: auto; margin-left:0!important; display: block; text-align: center}
#services .img-globe, #services .img-growth , #services .img-strategies {display: none!important}
#services .img-services {width: 100%;}
#services h3 {margin-top:10px;}
#services .typeServices {width: 100%!important}
}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.wrapper {width:100%}
.xs-padding {margin-top:10px} 
	
.carousel-caption.topVertical {top: 0rem!important; margin-top:-20px;}
.carousel-item .space-orange {background-color:rgba(236,65,21,1.00); height:250px; }
.carousel-item .space-green {background-color:rgba(92186,157,1.00); height:50px; }
.carousel-caption .carousel1 {width:100%; text-align: center}
.carousel-caption .carousel1 h1 {font-size: 1.5em; line-height: 1.4em;}
.carousel-caption .carousel1 p {font-size: 1em; line-height: 1.2em}
.carousel1-item {position: absolute; z-index:9; width: 100%; height:auto; bottom:50px; left:50%;  transform: translateX(-50%)!important;}    	
    
.heigntXS {height: 200px!important}
img.working-laptop {left:-60px; width:100%; height: auto;}
#services .img-globe, #services .img-growth , #services .img-strategies {display: none!important}
#services .img-services {width: 100%}
#services h3 {margin-top:10px;}
#services .typeServices {width: 100%!important}



}