/* Content blocks templates */
/* (C) Zoomsoft, s.r.o, all rights reserved */

body {
    /*display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    */
    min-height: 100vh !important;
    margin: 0 !important;
}

/* Main H elements */
.h3-small {
	font-size: 18px !important;
}



/* Base content blocks */
/* Content 1 */

.content-1 {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content-1 .content-box {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 80px;
	margin-bottom: 80px;
}
			 @media screen and (max-width: 999px) { 
                .content-1 .content-box {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 30px;
					margin-bottom: 30px;
					text-align: center;
                }
            }
            
.content-1 .content-box2 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
    padding: 5em 0em 5em 0em;
    float: left;
    position: relative;
}
			 @media screen and (max-width: 999px) { 
                .content-1 .content-box2 {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					padding: 2em 0em 2em 0em;
					text-align: center;
                }
            }


.content-1 h2 {
	font-size: 44px;
	margin-top: 0px;
	margin-bottom: 40px;
}
			@media screen and (max-width: 1200px) { 
                .content-1 h2 {
                   font-size: 40px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-1 h2 {
                   font-size: 38px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-1 h2 {
                   font-size: 32px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 500px) { 
                .content-1 h2 {
                   font-size: 30px;
                   margin-top: 0px;
                }
            }

            
/* Content 2 - block for only H2 heading */
.content-2 {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	z-index: 1;
}
			

.content-2 .content-box {
    margin: 0 auto;
    width: 75%;
    max-width: 1920px;
    padding: 5em 0em 5em 0em;
}
            @media screen and (max-width: 1920px) { 
                .content-2 .content-box {
                    width: 70%;
                }
            } 

            @media screen and (max-width: 1800px) { 
                .content-2 .content-box {
                    width: 94%;
                }
            } 

            @media screen and (max-width: 999px) { 
                .content-2 .content-box {
                   	padding: 2em 0em 2em 0em;
                    width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					text-align: center;
                }
            }
            
.content-2 .content-box-2 {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 100px;
	margin-bottom: 100px;
	z-index: 1;
}
			 @media screen and (max-width: 999px) { 
                .content-2 .content-box-2 {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 50px;
					margin-bottom: 50px;
					text-align: center;
                }
            }
            
.content-2 .content-box-3 {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0px;
	margin-bottom: 20px;
	z-index: 1;
}
			 @media screen and (max-width: 999px) { 
                .content-2 .content-box-3 {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 50px;
					margin-bottom: 50px;
					text-align: center;
                }
            }
            
            
.content-2 .content-box-4 {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 50px;
	margin-bottom: 100px;
	z-index: 1;
}
			 @media screen and (max-width: 999px) { 
                .content-2 .content-box-4 {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 50px;
					margin-bottom: 50px;
					text-align: center;
                }
            }
            
.content-2 .content-box-4 h2 {
	font-size: 25px;
	text-align: left;
}

.content-2 .content-box-3 h2 {
	font-size: 22px;
	text-align: left;
}

.content-2 .content-box-4 h3 {
	font-size: 16px;
	text-align: left;
}
            
.content-2 h2 {
	font-size: 44px;
	margin-top: 0px;
	margin-bottom: 80px;
}
			@media screen and (max-width: 1200px) { 
                .content-2 h2 {
                   font-size: 40px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-2 h2 {
                   font-size: 38px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-2 h2 {
                   font-size: 32px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 500px) { 
                .content-2 h2 {
                   font-size: 30px;
                   margin-top: 0px;
                }
            }
            
.content-2 .h2-big {
	font-size: 64px;
	margin-top: 0px;
	margin-bottom: 40px;
}
			@media screen and (max-width: 1200px) { 
                .content-2 .h2-big {
                   font-size: 50px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-2 .h2-big {
                   font-size: 48px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-2 .h2-big {
                   font-size: 42px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 500px) { 
                .content-2 .h2-big {
                   font-size: 40px;
                   margin-top: 0px;
                }
            }
            
            
/* Content 3 - block for H2 and H3 heading */
.content-3 {
	width: 100%;
	height: auto;
    float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 1 !important;
}

.content-3 .content-box {
    margin: 0 auto;
    width: 75%;
    max-width: 1920px;
    padding: 5em 0em 5em 0em;
    z-index: 999999999999 !important;
}
			
            @media screen and (max-width: 1920px) { 
                .content-3 .content-box {
                    width: 70%;
                }
            } 

            @media screen and (max-width: 1800px) { 
                .content-3 .content-box {
                    width: 94%;
                }
            } 


            @media screen and (max-width: 999px) { 
                .content-3 .content-box {
                    padding: 2em 0em 2em 0em;
                    width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					text-align: center;
                }
            }
            
.content-3 .content-box2 {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 100px;
	margin-bottom: 100px;
	z-index: 9 !important;
}
			 @media screen and (max-width: 1400px) { 
                .content-3 .content-box2 {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 50px;
					margin-bottom: 50px;
					text-align: center;
                }
            }


.content-3 .content-box-3 {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index: 9 !important;
}
			 @media screen and (max-width: 1400px) { 
                .content-3 .content-box-3 {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 50px;
					margin-bottom: 50px;
					text-align: center;
                }
            }
            

            
.content-3 h2 {
	font-size: 41px;
	margin-top: 0px;
	margin-bottom: 5px;
    color: rgb(30,30,30);
}
			@media screen and (max-width: 1200px) { 
                .content-3 h2 {
                   font-size: 40px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-3 h2 {
                   font-size: 38px;
                   margin-top: 0px;
                }
            }  
            
            @media screen and (max-width: 600px) { 
                .content-3 h2 {
                   font-size: 32px;
                   margin-top: 0px;
                }
            }
            
            @media screen and (max-width: 500px) { 
                .content-3 h2 {
                   font-size: 30px;
                   margin-top: 0px;
                }
            }
            

.content-3 h3 {
	margin-bottom: 35px;
	font-size: 21px;
	line-height: 2;
    color: rgb(130,130,130);
    margin-bottom: 0px;
}  

.content-3 .content-box-3 h3 {
	margin-bottom: 5px;
	font-size: 22px;
	line-height: 2;
}  

/* Content 4 */
.content-4 {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
			

.content-4 .content-box {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 130px;
	margin-bottom: 130px;
}
			 @media screen and (max-width: 999px) { 
                .content-4 .content-box {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					margin-top: 50px;
					margin-bottom: 50px;
					text-align: center;
                }
            }
            
.content-4 h2 {
	font-size: 44px;
	margin-top: 0px;
	margin-bottom: 15px;
}
			@media screen and (max-width: 1200px) { 
                .content-4 h2 {
                   font-size: 40px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-4 h2 {
                   font-size: 38px;
                   margin-top: 0px;
                }
            }  
            
.content-4 h3 {
	margin-bottom: 35px;
	font-size: 22px;
}  


/* Content box separate boxes*/
/* Box small*/
.content-box-small {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 40px;
	margin-bottom: 40px;
}
			@media screen and (max-width: 1300px) { 
                .content-box-small {
                   	width: 80%;
					margin-left: 10%;
					margin-right: 10%;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-box-small {
                   	width: 90%;
					margin-left: 5%;
					margin-right: 5%;
                }
            }
            
            



/* Content header blocks */

/* Content Header 1 */
.content-header-1 {
	width: 100%;
	height: 360px;
	margin-bottom: 0px;
}

.content-header-for-top-0 {
	margin-top: 0px;
}

.content-header-for-top-1 {
	margin-top: 92px;
}

.content-header-for-top-2 {
	margin-top: 92px;
}

.content-header-for-top-3 {
	margin-top: 70px;
}

.content-header-1 .content-header-box {
	width: 40%;
	margin-left: 50%;
	margin-right: 15%;
	margin-top: 50px;
	text-align: left;
}
			@media screen and (max-width: 1500px) { 
                .content-header-1 .content-header-box {
					margin-left: 50%;
					margin-right: 15%;
					margin-top: 80px;
                }
            }
            
            @media screen and (max-width: 1190px) { 
                .content-header-1 .content-header-box {
					width: 45%;
					margin-left: 50%;
					margin-right: 15%;
					margin-top: 80px;
                }
            }
            
           
            @media screen and (max-width: 999px) { 
                .content-header-1 .content-header-box {
					width: 90%;
					margin-left: 5%;
					margin-top: 65px;
					text-align: center;
                }
            }
            
            @media screen and (max-width: 400px) { 
                .content-header-1 .content-header-box {
					margin-top: 45px;
                }
            }

.content-header-1 .content-header-box h1 {
	font-size: 60px;
}
			 @media screen and (max-width: 1500px) { 
                .content-header-1 .content-header-box h1 {
                   	font-size: 50px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-header-1 .content-header-box h1 {
                   	font-size: 46px;
                   	line-height: 1.5;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-1 .content-header-box h1 {
                   	font-size: 42px;
                }
            }
            
.content-header-1 .content-header-box .img-1 {
	width: 160px;
	right: 110%;
	bottom: 4%;
	border: 10px solid rgb(60,60,60) !important;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 500;
}
			@media screen and (max-width: 999px) { 
                .content-header-1 .content-header-box .img-1 {
					display:none;
					visibility:hidden;
                }
            }

.content-header-1 .content-header-box .img-2 {
	width: 300px;
	right: 160%;
	bottom: 0%;
	border: 10px solid rgb(60,60,60) !important;
	transform: rotate(-2deg);
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 400 !important;
}
			@media screen and (max-width: 1500px) { 
                .content-header-1 .content-header-box .img-2 {
					width: 200px;
					right: 160%;
					bottom: 0%;
                }
            }
            
             @media screen and (max-width: 999px) { 
                .content-header-1 .content-header-box .img-2 {
					display:none;
					visibility:hidden;
                }
            }
            

.content-header-1 .content-header-box .img-3 {
	width: 360px;
	right: 120%;
	bottom: -14%;
	border: 10px solid rgb(60,60,60) !important;
	transform: rotate(3deg);
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 99;
}
			@media screen and (max-width: 1500px) { 
                .content-header-1 .content-header-box .img-3 {
					width: 290px;
					right: 120%;
					bottom: -5%;
                }
            }
            @media screen and (max-width: 999px) { 
                .content-header-1 .content-header-box .img-3 {
					width: 250px;
					left: -19%;
					top: -140px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-1 .content-header-box .img-3 {
					display: none;
					visibility: hidden;
                }
            }
            



/* Content Header 2 */
.content-header-2 {
	width: 100%;
    float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}

.content-header-2 .content-header-for-top-0 {
	margin-top: 0px;
}

.content-header-2 .content-header-for-top-1 {
	margin-top: 92px;
}

.content-header-2 .content-header-for-top-2 {
	margin-top: 92px;
}

.content-header-2 .content-header-for-top-3 {
	margin-top: 70px;
}

.content-header-2 .content-header-box {
	margin: 0 auto;
    width: 75%;
    max-width: 1920px;
    padding: 8em 0em 5em 0em;
	text-align: left;
}
            @media screen and (max-width: 1920px) { 
                .content-header-2 .content-header-box {
                    width: 70%;
                }
            }	

            @media screen and (max-width: 999px) { 
                .content-header-2 .content-header-box {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					text-align: center;
                }
            }		
			
			@media screen and (max-width: 700px) { 
                .content-header-2 .content-header-box {
                   	margin-top: 30px;
                }
            }			

.content-header-2 .content-header-box h1 {
	font-size: 50px;
}
			 @media screen and (max-width: 1500px) { 
                .content-header-2 .content-header-box h1 {
                   	font-size: 50px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-header-2 .content-header-box h1 {
                   	font-size: 46px;
                   	line-height: 1.5;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-2 .content-header-box h1 {
                   	font-size: 42px;
                }
            }
            
.content-header-2 .content-header-box h2 {
	font-size: 18px;
}
			 @media screen and (max-width: 1500px) { 
                .content-header-2 .content-header-box h2 {
                   	font-size: 18px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-header-2 .content-header-box h2 {
                   	font-size: 18px;
                   	line-height: 1.5;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-2 .content-header-box h2 {
                   	font-size: 18px;
                }
            }
            
.content-header-2 .content-header-box .img-1 {
	width: 160px;
	right: 110%;
	bottom: 4%;
	border: 10px solid rgb(60,60,60) !important;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 500;
}
			@media screen and (max-width: 999px) { 
                .content-header-2 .content-header-box .img-1 {
					display:none;
					visibility:hidden;
                }
            }

.content-header-2 .content-header-box .img-2 {
	width: 300px;
	right: 160%;
	bottom: 0%;
	border: 10px solid rgb(60,60,60) !important;
	transform: rotate(-2deg);
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 400 !important;
}
			@media screen and (max-width: 1500px) { 
                .content-header-2 .content-header-box .img-2 {
					width: 200px;
					right: 160%;
					bottom: 0%;
                }
            }
            
             @media screen and (max-width: 999px) { 
                .content-header-2 .content-header-box .img-2 {
					display:none;
					visibility:hidden;
                }
            }
            

.content-header-2 .content-header-box .img-3 {
	width: 360px;
	right: 120%;
	bottom: -14%;
	border: 10px solid rgb(60,60,60) !important;
	transform: rotate(3deg);
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 99;
}
			@media screen and (max-width: 1500px) { 
                .content-header-2 .content-header-box .img-3 {
					width: 290px;
					right: 120%;
					bottom: -5%;
                }
            }
            @media screen and (max-width: 999px) { 
                .content-header-2 .content-header-box .img-3 {
					width: 250px;
					left: -19%;
					top: -140px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-2 .content-header-box .img-3 {
					display: none;
					visibility: hidden;
                }
            }
            



/* Content Header 4 */
.content-header-4 {
	width: 100%;
	height: 200px;
	margin-bottom: 0px;
}

.content-header-4 .content-header-for-top-0 {
	margin-top: 0px;
}

.content-header-4 .content-header-for-top-1 {
	margin-top: 92px;
}

.content-header-4 .content-header-for-top-2 {
	margin-top: 92px;
}

.content-header-4 .content-header-for-top-3 {
	margin-top: 70px;
}

.content-header-4 .content-header-box {
	width: 40%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 50px;
	text-align: left;
}
			@media screen and (max-width: 999px) { 
                .content-header-4 .content-header-box {
                   	width: 94%;
					margin-left: 3%;
					margin-right: 3%;
					text-align: center;
                }
            }		
			
			@media screen and (max-width: 700px) { 
                .content-header-4 .content-header-box {
                   	margin-top: 30px;
                }
            }			

.content-header-4 .content-header-box h1 {
	font-size: 50px;
}
			 @media screen and (max-width: 1500px) { 
                .content-header-4 .content-header-box h1 {
                   	font-size: 50px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-header-4 .content-header-box h1 {
                   	font-size: 46px;
                   	line-height: 1.5;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-4 .content-header-box h1 {
                   	font-size: 42px;
                }
            }
            
.content-header-4 .content-header-box h2 {
	font-size: 18px;
}
			 @media screen and (max-width: 1500px) { 
                .content-header-4 .content-header-box h2 {
                   	font-size: 18px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .content-header-4 .content-header-box h2 {
                   	font-size: 18px;
                   	line-height: 1.5;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-4 .content-header-box h2 {
                   	font-size: 18px;
                }
            }
            
.content-header-4 .content-header-box .img-1 {
	width: 160px;
	right: 110%;
	bottom: 4%;
	border: 10px solid rgb(60,60,60) !important;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 500;
}
			@media screen and (max-width: 999px) { 
                .content-header-4 .content-header-box .img-1 {
					display:none;
					visibility:hidden;
                }
            }

.content-header-4 .content-header-box .img-2 {
	width: 300px;
	right: 160%;
	bottom: 0%;
	border: 10px solid rgb(60,60,60) !important;
	transform: rotate(-2deg);
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 400 !important;
}
			@media screen and (max-width: 1500px) { 
                .content-header-4 .content-header-box .img-2 {
					width: 200px;
					right: 160%;
					bottom: 0%;
                }
            }
            
             @media screen and (max-width: 999px) { 
                .content-header-4 .content-header-box .img-2 {
					display:none;
					visibility:hidden;
                }
            }
            

.content-header-4 .content-header-box .img-3 {
	width: 360px;
	right: 120%;
	bottom: -14%;
	border: 10px solid rgb(60,60,60) !important;
	transform: rotate(3deg);
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
 	transition: 2s;
 	z-index: 99;
}
			@media screen and (max-width: 1500px) { 
                .content-header-4 .content-header-box .img-3 {
					width: 290px;
					right: 120%;
					bottom: -5%;
                }
            }
            @media screen and (max-width: 999px) { 
                .content-header-4 .content-header-box .img-3 {
					width: 250px;
					left: -19%;
					top: -140px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .content-header-4 .content-header-box .img-3 {
					display: none;
					visibility: hidden;
                }
            }
            




   
            
/* UL elements template */            
/* UL 1 */
.ul1 {
	list-style: url('../../medialibrary/icon/svg/check.svg');
}
.ul1 li {
	padding: 1.1em 1.1em;
}

/* UL 2 */
.ul2 {
	list-style: url('../../medialibrary/icon/svg/check-lg.svg');
}
.ul2 li {
	padding: 0.3em 1.1em;
}

/* UL 3 */
.ul3 {
	list-style: url('../../medialibrary/icon/svg/x-lg.svg');
}
.ul3 li {
	padding: 0.3em 1.1em;
}




/* Text boxes */

/* text box 1 */
.text-box-1 {
	position: relative;
	float: left;
}
.text-box-1 h2 {
	font-size: 28px;
	margin-bottom: 15px;
}


/* text box 2 */
.text-box-2-l {
	width: 45%;
	height: auto;
	margin-top: 35px;
	background: rgb(255,255,255);
}
		@media screen and (max-width: 1440px) { 
                .text-box-2-l {
                   width: 100%;
                   margin-top: 0px;
                   transition: 1s;
                }
            }
            
.text-box-2-r {
	width: 45%;
	height: auto;
	margin: 35px 0px 35px 5%;
	background: rgb(255,255,255);
}
			@media screen and (max-width: 1440px) { 
                .text-box-2-r {
                   width: 100%;
                   margin: 40px 0px 35px 0% !important;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .text-box-2-r {
                   margin: 35px 0px 35px 0% !important;
                   transition: 1s;
                }
            }

.text-box-2-box {
	width: 92%;
	height: auto;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 4%;
	margin-bottom: 4%;
	border: 1px solid rgb(240,240,240);
}
			@media screen and (max-width: 999px) { 
                .text-box-2-box {
                   width: 95%;
                   margin-left: 2.5%;
                   margin-right: 2.5%;
                   margin-top: 2.5%;
				   margin-bottom: 2.5%;
                   transition: 2.5s;
                }
            }
            
.text-box-2-content {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.8;
	text-align: left;
}
			@media screen and (max-width: 999px) { 
                .text-box-2-content {
                   	margin-left: 12px;
					margin-right: 12px;
					margin-top: 12px;
					margin-bottom: 12px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .text-box-2-content {
                   	text-align: center;
                }
            }
            
.text-box-2-100 {
	width: 95%;
	height: auto;
	margin-bottom: 35px;
	margin-top: 35px;
	background: rgb(255,255,255);
}
		@media screen and (max-width: 1440px) { 
                .text-box-2-100 {
                   width: 100%;
                   margin-top: 0px;
                   transition: 1s;
                }
            }
            
.text-box-2-content h3 {
	font-weight: bold;
	margin-top: 0px;
	font-size:20px !important;
	text-align: left;
	margin-bottom: 10px !important;
}
			@media screen and (max-width: 999px) { 
                .text-box-2-content h3 {
                   	line-height: 1.6;
                   	margin-top: 10px;
                   	margin-bottom: 10px !important;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .text-box-2-content h3 {
                   	text-align: center;
                }
            }

.text-box-2-content .logo {
	position: absolute;
	top: 12px;
	right: 55px;
	width: 20px;
}
			@media screen and (max-width: 1600px) { 
                .text-box-2-content .logo {
                   	top: 8px;
                }
            }
            
            @media screen and (max-width: 1440px) { 
                .text-box-2-content .logo {
                   	top: 26px;
                }
            }
            
            @media screen and (max-width: 1180px) { 
                .text-box-2-content .logo {
                   	top: 21px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .text-box-2-content .logo {
                   	display: none;
                   	visibility: hidden;
                }
            }
            
            @media screen and (max-width: 700px) { 
                .text-box-2-content .logo {
                   	width: 30px !important;
                   	top: -54px;
                   	right: 47%;
                }
            }

/* text box 3 */
.text-box-3 {
	position: relative;
	float: left;
	width: 100%;
}

.cst-icon-1 {
    position: relative;
    top: -2px;
}
			

.text-box-3 .icon-big {
	width: 40px;
}
			 @media screen and (max-width: 1200px) { 
                .text-box-3 .icon-big {
                   	width: 30px;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .text-box-3 .icon-big {
                   	width: 22px;
                }
            }

/* Text and image boxes */

/* Text-image box 1 */
.textimage-box-1-text {
	width: 42%;
	z-index: 888;
	text-align: justify;
	font-style: italic;
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-text {
                   width: 100%;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .textimage-box-1-text {
                   text-align: center;
                }
            }

.textimage-box-1-image {
	width: 58%;
	z-index: 777;
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-image {
                   width: 100%;
                   height: 200px;
                }
            }

.textimage-box-1-image-bg {
	position: absolute;
	left: 0px;
	top: -70px;
	width: 900px;
	z-index: 1;
	transform: rotate(-10deg);
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-image-bg {
                   left: 8%;
				   top: 0px;
				   width: 700px;
                }
            }
            
            @media screen and (max-width: 1160px) { 
                .textimage-box-1-image-bg {
                   left: 2%;
				   top: 0px;
				   width: 700px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .textimage-box-1-image-bg {
                   left: 12%;
				   top: 0px;
				   width: 700px;
                }
            }
            
            @media screen and (max-width: 860px) { 
                .textimage-box-1-image-bg {
                   width: 76%;
                }
            }
            
            @media screen and (max-width: 560px) { 
                .textimage-box-1-image-bg {
                   width: 92%;
                   left: 5%;
                   top: 80px;
                }
            }

.textimage-box-1-image-1 {
	position: absolute;
	left: 150px;
	top: -55px;
	width: 400px;
	z-index: 99;
	border: 10px solid rgb(255,255,255);
	transform: rotate(-10deg);
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-image-1 {
                  	left: 190px;
					top: 50px;
					width: 300px;
                }
            }
            
            @media screen and (max-width: 1160px) { 
                .textimage-box-1-image-1 {
                  	left: 150px;
					top: 50px;
					width: 300px;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .textimage-box-1-image-1 {
                  	left: 28%;
					top: 50px;
					width: 300px;
                }
            }
            
            @media screen and (max-width: 860px) { 
                .textimage-box-1-image-1 {
                  	width: 44%;
                  	top: 25px;
                }
            }
            
            @media screen and (max-width: 560px) { 
                .textimage-box-1-image-1 {
                  	width: 51%;
                  	top: 30px;
                }
            }

.textimage-box-1-image-2 {
	position: absolute;
	left: 430px;
	top: 90px;
	width: 200px;
	z-index: 100;
	border: 10px solid rgb(255,255,255);
	transform: rotate(5deg);
	transition: 2s;
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-image-2 {
                   left: 430px;
				   top: 130px;
				   width: 130px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 1160px) { 
                .textimage-box-1-image-2 {
                   left: 390px;
				   top: 130px;
				   width: 130px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .textimage-box-1-image-2 {
                   left: 53%;
				   top: 130px;
				   width: 130px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 860px) { 
                .textimage-box-1-image-2 {
                   width: 20%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 560px) { 
                .textimage-box-1-image-2 {
                   width: 36%;
                   left: 30%;
                   transition: 1s;
                }
            }
			

.textimage-box-1-image-2:hover {
	transition: 2s;
	width: 400px;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(0%);
 	transform: rotate(1deg);
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-image-2:hover {
                   width: 250px;
                   transition: 2s;
                }
            }
            
            @media screen and (max-width: 520px) { 
                .textimage-box-1-image-2:hover {
                   width: 200px;
                   transition: 2s;
                }
            }
            
.textimage-box-1-text .marks-up {
	width: 100%;
	text-align: left;
}

.textimage-box-1-text .marks-down {
	width: 100%;
	text-align: right;
	z-index: 999;
}

.textimage-box-1-text .marks-up img {
	width: 80px;
	position: absolute;
	top: -20px;
	left: -25%;
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-text .marks-up img {
                   top: -20px;
				   left: -13%;
                   transition: 2s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .textimage-box-1-text .marks-up img {
                   width: 20px;
				   top: 30px;
				   left: 0%;
                   transition: 2s;
                }
            }

.textimage-box-1-text .marks-down img {
	width: 80px;
	position: absolute;
	top: -15px;
	right: -110px;
	z-index: 999;
}
			@media screen and (max-width: 1300px) { 
                .textimage-box-1-text .marks-down img {
                   top: -20px;
				   right: -13%;
                   transition: 2s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .textimage-box-1-text .marks-down img {
                   width: 20px;
				   top: 0px;
				   right: 0%;
                   transition: 2s;
                }
            }


/* Text image box 2 */
.textimage-box-2 {
	width: 49%;
	height: auto;
	line-height: 1.8;
	display: inline-block !important;
}
			@media screen and (max-width: 1400px) { 
                .textimage-box-2 {
					width: 100%;
                }
            }

.textimage-box-2 img {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	-webkit-filter: grayscale(70%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(70%);
}

.textimage-box-2 .box-background {
	height: 110px;
}
			@media screen and (max-width: 999px) { 
                .textimage-box-2 .box-background {
					height: 60px;
					transition: 1s;
                }
            }
            
.textimage-box-2 .box {
	margin: 35px 35px 35px 35px;
}

.textimage-box-2 .box img {
	margin: 0px 0px 30px 0px;
}



/* Text image box 3 */

.textimage-box-3-wrapper {
	float: left;
	position: relative;
	width: 100%;
}

.textimage-box-3 {
	width: 49%;
	height: auto;
	line-height: 1.8;
	float: left;
	margin-bottom: 70px;
}
			@media screen and (max-width: 800px) { 
                .textimage-box-3 {
					width: 100%;
                }
            }
            
.textimage-box-3 .box-1 {
	position: relative;
	width: 70%;
	height: 100%;
	left: 15%;
	margin-top: 60px;
}
			@media screen and (max-width: 1700px) { 
                .textimage-box-3 .box-1 {
					margin-top: 40px;
                }
            }
            
            @media screen and (max-width: 1500px) { 
                .textimage-box-3 .box-1 {
					margin-top: 15px;
                }
            }
            
            @media screen and (max-width: 1200px) { 
                .textimage-box-3 .box-1 {
					margin-top: 12px;
					width: 80%;
					left: 10%;
                }
            }
            
            @media screen and (max-width: 800px) { 
                .textimage-box-3 .box-1 {
					margin-top: 0px;
					width: 100%;
					left: 0%;
                }
            }
            
.textimage-box-3 .box-1 h2 {
	font-size: 38px;
}
			@media screen and (max-width: 1500px) { 
                .textimage-box-3 .box-1 h2 {
					font-size: 30px;
                }
            }

.textimage-box-3 img {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.textimage-box-3 .box-background {
	height: 110px;
}
			@media screen and (max-width: 999px) { 
                .textimage-box-3 .box-background {
					height: 60px;
					transition: 1s;
                }
            }
            
.textimage-box-3 .box {
	margin: 35px 35px 35px 35px;
}

.textimage-box-3 .box img {
	margin: 0px 0px 30px 0px;
}





          
/* Image templates */

/* Image template 1 */
.image-template1 {
	width: 100%;
	text-align: center;
}

.image-template1 .image1 {
	width: 80%;
	margin-bottom: 100px;
	z-index: 999;
}
			@media screen and (max-width: 800px) { 
                .image-template1 .image1 {
					width: 95%;
					margin-bottom: 100px;
					transition: 1s;
                }
            }
.image-template1 .image2 {
	width: 15%;
	position: absolute;
	top: -10%;
	left: 0%;
	z-index: 1;
}
			@media screen and (max-width: 800px) { 
                .image-template1 .image2 {
					width: 20%;
					transition: 1s;
                }
            }

.image-template1 .image3 {
	width: 50%;
	position: absolute;
	top: 60%;
	right: 0%;
	z-index: 1;
}
			@media screen and (max-width: 800px) { 
                .image-template1 .image3 {
					width: 60%;
					transition: 1s;
                }
            }

/* Image template 2 */
.image-template2 {
	width: 100%;
	text-align: center;
}

.image-template2 .image1 {
	width: 80%;
	margin-bottom: 100px;
	z-index: 9999 !important;
}
			@media screen and (max-width: 800px) { 
                .image-template2 .image1 {
					width: 95%;
					margin-bottom: 100px;
					transition: 1s;
                }
            }
.image-template2 .image2 {
	width: 15%;
	position: absolute;
	top: -20%;
	right: 0%;
	z-index: 1;
}
			@media screen and (max-width: 800px) { 
                .image-template2 .image2 {
					width: 20%;
					top: -10%;
					transition: 1s;
                }
            }

.image-template2 .image3 {
	width: 50%;
	position: absolute;
	top: 60%;
	left: 0%;
	z-index: 1;
}
			@media screen and (max-width: 800px) { 
                .image-template2 .image3 {
					width: 80%;
					transition: 1s;
                }
            }





/* Search boxes */
/* Search box 1*/

.search-box-1 {
	position: absolute;
	right: 0%;
	top: -11px;
	width: 50%;
}

.search-box-2 {
	position: relative;
	width: 70%;
	margin-left: 15%;
	transition: 1s;
}
			@media screen and (max-width: 1400px) { 
                .search-box-2 {
                   	width: 100%;
					margin-left: 0%;
                   	transition: 1s;
                }
            }



/* Columns */


/* Col 25 */
.col-25 {
	width: 24.5%;
	margin: 0px 0px 5px 0px;
	padding: 2.1em;
	display: inline-block;
	vertical-align: top;
	transition: 1s;
}
			@media screen and (max-width: 1800px) { 
                .col-25 {
                   padding: 1.4em;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 1450px) { 
                .col-25 {
                   width: 49%;
                   margin-top: 0px !important;
                   transition: 1s;
                }
            }
			
			
			@media screen and (max-width: 700px) { 
                .col-25 {
                   width: 100%;
                   margin-bottom: 30px;
                   padding: 0em;
                   transition: 1s;
                }
            }
.col-25 .col-box {
	margin: 10px 10px 10px 10px;
}

.col-25 .box2 {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	float: left;
}

.col-25 .heading-3-1 {
	margin: 25px 0px 15px 0px;
}

.col-25 .heading-3-2 {
	margin: 25px 0px 5px 0px;
}

.col-25 .text-box1 {
	position: relative;
	width: 2em;
	height: 2em;
	padding: 0.5em;
	margin-top: 10px;
}


.col-25 .icon {
	width: 55%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25 .icon {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25 .icon {
                   width: 37%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25 .icon {
                   width: 30%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25 .icon {
                   width: 40%;
                   transition: 1s;
                }
            }
            
.col-25 .icon2 {
	width: 30%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25 .icon2 {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25 .icon2 {
                   width: 37%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25 .icon2 {
                   width: 30%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25 .icon2 {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            
.col-25 .icon3 {
	width: 25%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25 .icon3 {
                   width: 20%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25 .icon3 {
                   width: 17%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25 .icon3 {
                   width: 10%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25 .icon3 {
                   width: 20%;
                   transition: 1s;
                }
            }
            
.col-25 .icon4 {
	width: 20px;
	margin: none;
}
			
            
            
            
.col-25 .image {
	width: 75%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25 .image {
                   width: 50%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25 .image {
                   width: 55%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
.col-25 .image2 {
	width: 100%;
	margin-bottom: 20px;
}
			@media screen and (max-width: 1450px) { 
                .col-25 .image2 {
                   width: 100%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25 .image2 {
                   margin-bottom: 10px;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25 .image2 {
                   width: 85%;
                   margin-top: 50px;
                   margin-bottom: 5px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25 .image2 {
                   width: 85%;
                   transition: 1s;
                }
            }  
            

            

.col-25 .button {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 20px;
}

.col-25 h3 {
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 1.2;
}






/* Col 20 */
.col-20 {
	width: 16.1%;
	margin: 0px 0px 5px 0px;
	padding: 2.1em;
	display: inline-block;
	vertical-align: top;
	transition: 1s;
}
			
            
            @media screen and (max-width: 1100px) { 
                .col-20 {
                   width: 24%;
                   margin-top: 0px !important;
                   transition: 1s;
                }
            }
			
			
			@media screen and (max-width: 700px) { 
                .col-20 {
                   width: 32%;
                   margin-bottom: 30px;
                   padding: 0em;
                   transition: 1s;
                }
            }
.col-20 .col-box {
	margin: 10px 10px 10px 10px;
}

           
            
            
.col-20 .image {
	width: 100%;
    border: 4px solid rgb(255,255,255);
    border-radius: 50%;
    margin-bottom: 2em;
}
			@media screen and (max-width: 1450px) { 
                .col-25 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25 .image {
                   width: 50%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25 .image {
                   width: 55%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
.col-20 h3 {
    color: rgb(0,0,0);
    font-size: 17px;
    margin-bottom: 4px;
    line-height:1;
}




/* Col 25 - 2 */
.col-25-2 {
	width: 24%;
	margin: 0px 0px 5px 0px;
	padding: 2.1em;
	display: inline-block;
	vertical-align: top;
	transition: 1s;
}
			@media screen and (max-width: 1800px) { 
                .col-25-2 {
                   padding: 1.4em;
                   transition: 1s;
                }
            }
            
            
.col-25-2 .col-box {
	margin: 10px 10px 10px 10px;
}


.col-25-2 .icon {
	width: 55%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25-2 .icon {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-2 .icon {
                   width: 37%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-2 .icon {
                   width: 30%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-2 .icon {
                   width: 40%;
                   transition: 1s;
                }
            }
            
.col-25-2 .icon2 {
	width: 30%;
	margin: none;
}
			@media screen and (max-width: 1600px) { 
                .col-25-2 .icon2 {
                   width: 26%;
                   transition: 1s;
                }
            }
			
			@media screen and (max-width: 1450px) { 
                .col-25-2 .icon2 {
                   width: 22%;
                   transition: 1s;
                }
            }
            
           
            
.col-25-2 .image {
	width: 75%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25-2 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-2 .image {
                   width: 50%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-2 .image {
                   width: 55%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-2 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
.col-25-2 .image2 {
	width: 100%;
	margin-bottom: 20px;
}
			@media screen and (max-width: 1450px) { 
                .col-25-2 .image2 {
                   width: 100%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-2 .image2 {
                   margin-bottom: 10px;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-2 .image2 {
                   width: 85%;
                   margin-top: 50px;
                   margin-bottom: 5px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-2 .image2 {
                   width: 85%;
                   transition: 1s;
                }
            }            
            

.col-25-2 .button {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 20px;
}

.col-25-2 h3 {
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 1.2;
}










/* Col 25-3 */
.col-25-3 {
	width: 24.5%;
	margin: 0px 0px 5px 0px;
	padding: 2.1em;
	display: inline-block;
	vertical-align: top;
	transition: 1s;
}
			@media screen and (max-width: 1800px) { 
                .col-25-3 {
                   padding: 1.4em;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 900px) { 
                .col-25-3 {
                   display: none;
                   visibility: hidden;
                }
            }
			
			
			@media screen and (max-width: 700px) { 
                .col-25-3 {
                   width: 100%;
                   margin-bottom: 30px;
                   padding: 0em;
                   transition: 1s;
                }
            }
.col-25-3 .col-box {
	margin: 10px 10px 10px 10px;
}

.col-25-3 .box2 {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	float: left;
}

.col-25-3 .heading-3-1 {
	margin: 25px 0px 15px 0px;
}

.col-25-3 .heading-3-2 {
	margin: 25px 0px 5px 0px;
}

.col-25-3 .text-box1 {
	position: relative;
	width: 2em;
	height: 2em;
	padding: 0.5em;
	margin-top: 10px;
}


.col-25-3 .icon {
	width: 55%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25-3 .icon {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-3 .icon {
                   width: 37%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-3 .icon {
                   width: 30%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-3 .icon {
                   width: 40%;
                   transition: 1s;
                }
            }
            
.col-25-3 .icon2 {
	width: 30%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25-3 .icon2 {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-3 .icon2 {
                   width: 37%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-3 .icon2 {
                   width: 30%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-3 .icon2 {
                   width: 40%;
                   transition: 1s;
                }
            }
            
            
.col-25-3 .icon3 {
	width: 25%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25-3 .icon3 {
                   width: 20%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-3 .icon3 {
                   width: 17%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-3 .icon3 {
                   width: 10%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-3 .icon3 {
                   width: 20%;
                   transition: 1s;
                }
            }
            
.col-25-3 .image {
	width: 75%;
	margin: none;
}
			@media screen and (max-width: 1450px) { 
                .col-25-3 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-3 .image {
                   width: 50%;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-3 .image {
                   width: 55%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-3 .image {
                   width: 60%;
                   transition: 1s;
                }
            }
            
.col-25-3 .image2 {
	width: 100%;
	margin-bottom: 20px;
}
			@media screen and (max-width: 1450px) { 
                .col-25-3 .image2 {
                   width: 100%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 999px) { 
                .col-25-3 .image2 {
                   margin-bottom: 10px;
                   transition: 1s;
                }
            }
            
             @media screen and (max-width: 700px) { 
                .col-25-3 .image2 {
                   width: 85%;
                   margin-top: 50px;
                   margin-bottom: 5px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 460px) { 
                .col-25-3 .image2 {
                   width: 85%;
                   transition: 1s;
                }
            }            
            

.col-25-3 .button {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 20px;
}

.col-25-3 h3 {
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 1.2;
}











/* COL 33 */
.col-33 {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0px;
}
			
           @media screen and (max-width: 900px) { 
                .col-33 {
                   width: 100%;
                   border-left: none !important;
                   border-right: none !important;
                   border-radius: 0px !important;
                   padding-bottom: 25px;
                   margin-bottom: 30px;
                   z-index: 1;
                }
            }
            
.col-33-box {
	margin: 35px 35px 35px 35px;
	text-align: justify;
}
			@media screen and (max-width: 600px) { 
                .col-33-box {
                   text-align: center;
                   transition: 1s;
                }
            }

.col-33-box h3 {
	text-align: left;
	line-height: 1.2;
}
			@media screen and (max-width: 600px) { 
                .col-33-box h3 {
                   text-align: center;
                   transition: 1s;
                }
            }

.col-33 .col-box {
	margin: 5px 5px 5px 5px;
}
			@media screen and (max-width: 600px) { 
                .col-33 .col-box {
                   margin: 0px 0px 0px 0px;
                   transition: 1s;
                }
            }
            
.col-33 .box2 {
	margin: 21px 21px 21px 21px;
	padding: 1.4em;
}
			@media screen and (max-width: 600px) { 
                .col-33 .box2 {
                   margin: 0px 0px 0px 0px;
                   transition: 1s;
                }
            }
            
.col-33 .image-1 {
	width: 100%;
	transition: 1s;
}

.col-33 .image2 {
	width: 50%;
    text-align:center;
	transition: 1s;
}

.col-33 .image8 {
	padding: 2em;
    width: 50%;
    text-align:center;
	transition: 1s;
}
            @media screen and (max-width: 900px) { 
                .col-33 .image8 {
                    width: 30%;
                    transition: 1s;
                }
            }

            @media screen and (max-width: 600px) { 
                .col-33 .image8 {
                    padding: 0em 0em 2em 0em;
                    width: 27%;
                    transition: 1s;
                }
            }

            @media screen and (max-width: 480px) { 
                .col-33 .image8 {
                    width: 29%;
                    transition: 1s;
                }
            }

            @media screen and (max-width: 420px) { 
                .col-33 .image8 {
                    width: 30%;
                    transition: 1s;
                }
            }

.col-33 .text-box1 {
	position: relative;
	width: 2em;
	height: 2em;
	padding: 0.5em;
	margin-top: 10px;
}
			





/* COL 33 */
.col-33-2 {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0px;
}
			
           @media screen and (max-width: 900px) { 
                .col-33-2 {
                   display: none;
                   visibility: hidden;
                }
            }
            
.col-33-2-box {
	margin: 35px 35px 35px 35px;
	text-align: justify;
}
			@media screen and (max-width: 600px) { 
                .col-33-2-box {
                   text-align: center;
                   transition: 1s;
                }
            }

.col-33-2-box h3 {
	text-align: left;
	line-height: 1.2;
}
			@media screen and (max-width: 600px) { 
                .col-33-2-box h3 {
                   text-align: center;
                   transition: 1s;
                }
            }

.col-33-2 .col-box {
	margin: 5px 5px 5px 5px;
}
			@media screen and (max-width: 600px) { 
                .col-33-2 .col-box {
                   margin: 0px 0px 0px 0px;
                   transition: 1s;
                }
            }
            
.col-33-2 .box2 {
	margin: 21px 21px 21px 21px;
	padding: 1.4em;
}
			@media screen and (max-width: 600px) { 
                .col-33-2 .box2 {
                   margin: 0px 0px 0px 0px;
                   transition: 1s;
                }
            }
            
.col-33-2 .image-1 {
	width: 100%;
	transition: 1s;
}

.col-33-2 .text-box1 {
	position: relative;
	width: 2em;
	height: 2em;
	padding: 0.5em;
	margin-top: 10px;
}





/* Col 40 */
.col-40 {
	position: relative;
	float: left;
	width: 40%;
}
			 @media screen and (max-width: 1200px) { 
                .col-40 {
                   width: 100%;
                   text-align: center;
                   z-index: 1;
                }
            }
            
.col-40 .box {
	position: relative;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 10%;
}
			@media screen and (max-width: 1200px) { 
                .col-40 .box {
                   text-align: center;
                   z-index: 1;
                }
            }
            
.col-40 .image {
	width: 100%;
}
.col-40 .image2 {
	width: 60%;
}

.col-40 .bg-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100%;

}


/* Col 50 */
.col-50 {
	width: 49%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
			 @media screen and (max-width: 1400px) { 
                .col-50 {
                   width: 100%;
                   text-align: center;
                   z-index: 1;
                }
            }
            
.col-50 .image {
	width: 100%;
}

.col-50 .h3-2 {
    line-height:1.5;
    margin-bottom: 6px;
    color: rgb(50,50,50);
}


/* Col 60 */
.col-60 {
	position: relative;
	float: left;
	width: 60%;
}
			 @media screen and (max-width: 1200px) { 
                .col-60 {
                   width: 100%;
                   text-align: center;
                   z-index: 1;
                }
            }
            
.col-60 .box {
	position: relative;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 10%;
}
            
.col-60 .image {
	position: relative;
	width: 100%;
}


/* Col 30 */
.col-30 {
	width: 29%;
	margin: 0px 0px 0px 0px;
	padding: 1.6em;
	display: inline-block;
	vertical-align: top;
	transition: 1s;
}
			@media screen and (max-width: 1400px) { 
                .col-30 {
                   width: 39%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 760px) { 
                .col-30 {
                   width: 49%;
                   padding: 1.1em;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 660px) { 
                .col-30 {
                  display: none;
                  visibility: hidden;
                  transition: 1s;
                }
            }




/* Col 70 */
.col-70 {
	width: 69%;
	margin: 0px 0px 5px 0px;
	padding: 2.1em;
	display: inline-block;
	vertical-align: top;
	transition: 1s;
}
			@media screen and (max-width: 1400px) { 
                .col-70 {
                   width: 59%;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 760px) { 
                .col-70 {
                   width: 49%;
                   padding: 1.1em;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 660px) { 
                .col-70 {
                   width: 100%;
                   transition: 1s;
                }
            }


/* Col 100 */
.col-100 {
	width: 100%;
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: 1s;
}

.col-100 .box {
	margin: 50px 0px 50px 50px;
	width: 60%;
}
			 @media screen and (max-width: 900px) { 
                .col-100 .box {
                   margin: 8% 8% 8% 8%;
				   width: 84%;
                   transition: 1s;
                }
            }

.col-100 .box .image {
	position: absolute;
	width: 200px;
	right: 50px;
	top: 22px;
}
			@media screen and (max-width: 1200px) { 
                .col-100 .box .image {
                   width: 140px;
                   transition: 1s;
                }
            }
            
            @media screen and (max-width: 900px) { 
                .col-100 .box .image {
                   display: none;
                   visibility: hidden;
                   transition: 1s;
                }
            }

.col-100 .box h3 {
	font-size: 38px;
	margin-bottom: 20px;
}
			@media screen and (max-width: 1200px) { 
                .col-100 .box h3 {
                   font-size: 30px;
                   transition: 1s;
                }
            }
			
			@media screen and (max-width: 999px) { 
                .col-100 .box h3 {
                   text-align: center;
                   transition: 1s;
                }
            }




/* First and last elements */

.last {
	border: none !important;
	padding: 0px !important;
}

.first {
	border: none !important;
	padding: 0px !important;
}




/* Button groups for A buttons */

/* 4 buttons */
.button-group-4 {
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 40px;
}
.button-group-4 a {
	width: 33%;
	margin-right: 10px;
}
			@media screen and (max-width: 999px) { 
                .button-group-4 a {
                   width: 45%;
                   z-index: 1;
                }
            }




/* Dividers */

/* Divider 1 */
.divider-1 {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 30px;
}
			@media screen and (max-width: 1100px) { 
                .divider-1 {
                   margin-bottom: 150px;
                }
            }
            
            @media screen and (max-width: 700px) { 
                .divider-1 {
                   margin-bottom: 50px;
                }
            }

.cst-button-center {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}







/* Pricing */
.cst-price-list {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 100px;
    line-height: 1.0;
}

@media screen and (max-width: 1300px) { 
    .cst-price-list {
       font-size: 12px;
    }
}
@media screen and (max-width: 700px) { 
    .cst-price-list {
       display: none;
       visibility: hidden;
    }
}

.cst-price-list .price-row {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    border-bottom: 1px solid rgb(230,230,230);
}

.cst-price-list .price-title {
    position: relative;
    width: 20%;
    float: left;
    text-align: left !important;
}
.cst-price-list .price-title-row {
    position: relative;
    width: 100%;
    float: left;
    color: rgb(0,0,0);
    font-size: 18px;
    font-weight: bold;
    text-align: left !important;
}

.cst-price-list .red {
    color: rgb(210,0,0);
    font-size: 26px;
}
.cst-price-list .green {
    color: rgb(0,170,0);
    font-size: 26px;
}

.cst-price-list-mobile .red {
    color: rgb(210,0,0);
    font-size: 26px;
}
.cst-price-list-mobile .green {
    color: rgb(0,170,0);
    font-size: 26px;
}

.cst-price-list .price-package {
    position: relative;
    width: 20%;
    float: left;
}

.cst-price-list .head {
    font-size: 23px;
    color: rgb(50,50,50);
    text-align: center;
}
@media screen and (max-width: 1300px) { 
    .cst-price-list .head {
       font-size: 16px;
    }
}

.cst-price-list .padding-normal {
    padding: 1.3em 0.8em;
}
.cst-price-list .price {
    font-size: 25px;
    font-weight: bold;
    color: rgb(100,100,100);
}
@media screen and (max-width: 1300px) { 
    .cst-price-list .price {
       font-size: 16px;
    }
}


.cst-price-list .period {
    font-size: 15px;
    color: rgb(100,100,100);
}

.cst-price-list-mobile {
    display: none;
    visibility: hidden;
}
@media screen and (max-width: 700px) { 
    .cst-price-list-mobile {
       font-size: 16px;
       display: block;
       visibility: visible;
    }
}