/**
 * SkyPlanner Website Styles 
 */
 

body {
    font-family: "proxima-nova-soft",sans-serif;
    padding: 0px;
    margin: 0px; 
    background: #000000;
}
    
a, .link {
    text-decoration: none;
    color: rgb(6, 164, 222);
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
}

.clearfix {
	clear:both;
}

.tablet-header {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 12;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

    .tablet-header .content {
        position: relative;
        background-color: rgba(6, 164, 222, 0.9);
        padding: 10px 120px 10px 80px;
        min-height: 30px;
    } 

        .tablet-header .content .logo {
            position: absolute;
            top: 6px;
            right: 6px;
        }

        .tablet-header .content h3 {
            color: white;
            margin: 0;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .tablet-header .content .button {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 30px;
            height: 30px;
            border: 1px solid white;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
        }

            .tablet-header .content .button:active {
                background-color: white;
            }

                .tablet-header .content .button:active span {
                    background-color: rgb(6, 164, 222);
                }

            .tablet-header .content .button span {
                display: block;
                height: 2px;
                background-color: white;
                margin: 3px 7px;
            }

                .tablet-header .content .button span:first-child {
                    margin-top: 8px;
                }

.content .menu,
.content .menu li ul {
    display: block;
    list-style: none;
    -webkit-padding-start: 0px;
    padding: 0;
    margin: 0;
}

    .content .menu li {
        position: relative;
        display: block;
        float: left;
    }

        .content .menu li a,
        .disclaimer {
            display: block;
            color: rgb(6, 164, 222);
            font-weight: 600;
            font-size: 15px;
            padding: 3px 5px;
            font-family: "proxima-nova-soft",sans-serif;
        }

        .content .menu li ul li {
            float: none;
            height: auto;
        }
        
        .content .menu li ul li.separator {
        	width: 30%;
        	height: 2px;
        	margin: 10px auto;
        	background-color: rgb(6, 164, 222);
        } 

            .content .menu li ul li a {
                color: #ddd;
                display: block;
                font-size: 15px;
                font-family: "proxima-nova-soft",sans-serif;
                font-weight: normal;
            }

                .content .menu li ul li a:hover {
                    color: rgb(6, 164, 222);
                    text-decoration: underline;
                }

.disclaimer {
    font-size: 11px;
}

.sky-header {
    z-index: 10;
    color: rgb(6, 164, 222);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.60);
    font-size: 13px;
    /*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);*/
}

    .sky-header .content {
        position: relative;
        margin: 0 auto;
        width: 1000px;
    }

        .sky-header .content .login {
            position: absolute;
            right: 0;
            top: 0;
            text-align: right;
            z-index: 99;
        }

        .sky-header .content .logo {
            padding: 10px 0;
            height: 77px;
        }

        .sky-header .content .logo a img {
            width: 182px;
            height: 40px;
            padding-top: 20px;
        }

        .sky-header .content .menu {
            position: absolute;
            bottom: 0px;
            right: 0px;
        }

            .sky-header .content .menu li.active:hover::after {
                display: none;
            }

            .sky-header .content .menu li a {
                color: #fff;
                padding: 10px 15px;
            }
             

            .sky-header .content .menu li.active a {
                background-repeat: repeat-x;
                background-position: center bottom;
            	color: #00A4DE;
            }
            
           .sky-header .content .menu li.active ul li a {
                color: #FFFFFF;
                background: none;
            } 
            
            
           .sky-header .content .menu a.hide-menu {
                border-bottom: none;
            }            

            .sky-header .content .menu li .up-down-arrow {
                display: none;
                /*position: absolute;
                right: 0px;
                top: 8px;
                color: white;
                font-size: 12px;
                border: none;
                cursor: pointer;
                padding: 3px 18px 3px 8px;
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
                border-radius: 7px;*/
            }

            .sky-header .content .menu li a:hover {
                text-decoration: none;
            }

            .sky-header .content .menu li ul {
                display: none;
                position: absolute;
                top: 38px;
                width: 200px;
                left: 50%;
                margin: 0 0 0 -100px;
                background-color: rgba(0, 0, 0, 0.6);
            }

                /*.sky-header .content .menu li ul::after { 
                    position: absolute;
                    top: 0px;
                    left: 50%;
                    margin-left: -5px;
                    content: " ";
                    width: 0;
                    height: 0;
                    border-bottom: 5px solid transparent;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid rgb(6, 164, 222);
                }*/

                .sky-header .content .menu li ul li a {
                    text-align: center;
                    padding: 10px;
                    color: #fff;
                }

                .sky-header .content .menu li ul li a:hover {
                    color: rgb(6, 164, 222);
                    text-decoration: underline;
                }

.sky-footer {
    padding: 40px 0 0;
    background-color: #181818;
    position: relative;
}

    .sky-footer .content {
        position: relative;
        margin: 0 auto;
        width: 1000px;
    }

        .sky-footer .content .menus {
            margin-right: 400px;
            border-right: 1px rgb(6, 164, 222) solid;
        }
        
        	.sky-footer .content .menus .menu li.separator {
        		width: 70%;
        		height: 1px;        		
        		margin: 5px 0 5px 5px;
        	}

            .sky-footer .content .menus .menu {
                overflow: hidden;
            }

                .sky-footer .content .menus .menu > li {
                    width: 25%;
                }

        .sky-footer .content .contact {
            position: absolute;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 382px;
        }

            .sky-footer .content .contact p {
                color: rgb(6, 164, 222);
                font-family: "proxima-nova-soft", sans-serif;
                font-size: 13px;
                font-weight: bolder;
                margin: 0;
                padding: 3px 5px;
            }

                .sky-footer .content .contact p span {
                    color: #ddd;
                }

                .sky-footer .content .contact p.links {
                    overflow: hidden;
                }

                    .sky-footer .content .contact p.links .icon {
                        display: block;
                        float: left;
                        margin-left: 5px;
                    }

                        .sky-footer .content .contact p.links .icon:first-child {
                            margin-left: 0;
                        }

			.sky-footer .content .contact .chat {
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
            }
            
            #contact-window a.close {
            	display: none;
            }
            
#contact-us-window {
	position: fixed;
    top: 130px;
    left: 0;
}

.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    /*background-color: rgb(6, 164, 222);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
    background-repeat: no-repeat;
}

.icon.appexchange {
    width: 88px;
}

    .icon.big {
        width: 160px;
        height: 160px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .icon.as-text {
        position: relative;
        top: 3px;
        width: 16px;
        height: 16px;
        background-color: transparent;
    }

    .icon.salesforce {
        width: auto;
        height: auto;
        margin-top: 30px;
        padding-left: 68px;
        background-color: transparent;
        background-position: -96px -70px;
    }

        .icon.salesforce p.message {
            height: 42px;
            padding-left: 8px;
            padding-top: 8px;
            border-left: 1px solid #bbb;
            font-size: 11px;
        }

            .icon.salesforce p.message span {
                font-size: 11px;
            }

    .icon.facebook {
        background-position: 0 0;
    }

    .icon.big.facebook {
        background-position: -160px 0;
    }

    .icon.tweeter {
        background-position: -64px 0;
    }

    .icon.linkedin {
        background-position: -128px 0;
    }

    .icon.appexchange {
        background-position: -36px -32px;
    }

    .icon.youtube {
        background-position: -4px -32px;
    }

    .icon.googleplus {
        background-position: -128px -32px;
    }

    .icon.phone {
        background-position: 0 -64px;
    }
    
    .icon.chat {
        background-position: -32px -64px;
    }
    
    .icon.email {
        background-position: -64px -64px;
    }

    .icon.big.phone {
        background-position: 0 0;
    }

.background {
    position: relative;
}

    .background .lazy {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .background.fixed {
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
    }

    .background.bck-1 .lazy,
    .background.bck-1.loaded,
    .background.bck-2 .lazy,
    .background.bck-2.loaded,
    .background.bck-3 .lazy,
    .background.bck-3.loaded,
    .background.bck-4 .lazy,
    .background.bck-4.loaded,
    .background.bck-5 .lazy,
    .background.bck-5.loaded,
    .background.bck-6 .lazy,
    .background.bck-6.loaded,
    .background.bck-7 .lazy,
    .background.bck-7.loaded,
    .background.bck-8 .lazy,
    .background.bck-8.loaded,
    .background.bck-9 .lazy,
    .background.bck-9.loaded,
    .background.bck-10 .lazy,
    .background.bck-10.loaded,

    .background.bck-domo-1,
    .background.bck-domo-2
     {
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-attachment: fixed;
    }
    
.division.sized {
	height: 97px;
}

/*
.small-shadow {
    position: fixed;
    bottom: 50%;
    left: 0px;
    right: 0px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}
*/

.sky-body {
    position: relative;
    overflow: hidden;
}

.sky-mssg {
    margin: 0 auto;
    position: relative;
    width: 980px;
    margin: 60px auto 0;
}

    .sky-mssg .content {
        position: relative;
        padding: 30px 30px 150px 330px;
        background-color: rgba(0, 0, 0, 0.60);
        color: white;
        margin-top: 70px;
        border: 1px solid rgba(255, 255, 255, 0.6);
    }

        .sky-mssg .content .side-note {
            position: absolute;
            left: 30px;
            top: -55px;
            background-color: rgba(6, 164, 222, 0.60);
            padding: 105px 15px;
            font-size: 26px;
            width: 170px;
            font-weight: 400;
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

        .sky-mssg .content .post-note {
            position: absolute;
            left: auto;
            bottom: -20px;
        }
        
       .sky-mssg .content .post-note span {
            font-size: 18px;
            font-weight: normal;
        }

        .sky-mssg .content h1 {
            margin: 0;  
        }
        
        .sky-mssg.welcome h1 {
            -webkit-text-shadow: 0 2px 1px rgba(0, 0, 0, .7);
            -moz-text-shadow: 0 2px 1px rgba(0, 0, 0, .7);
            text-shadow: 0 2px 1px rgba(0, 0, 0, .7);
        }

       .sky-mssg h1.blue,
        span.blue {
            color: rgb(6, 164, 222);
       }
       
       .sky-mssg h1.white {
           color: rgb(255, 255, 255);
       }
       
       .sky-mssg .content .post-note {
		    bottom: 50px;
		    position: absolute;
		    right: -25px;
		    text-align: center;
		}
		
		.sky-mssg .content .post-note a {
			  background: #06A4DE;
			  font-family: "proxima-nova-soft",sans-serif;
			  font-size: 13px;
			  font-weight: bold;
			  color: #FFF;
			  text-transform: uppercase;
			  padding: 9px 12px 9px 11px;
			  text-align: right;
			  width: 110px;
		}
		
		.sky-mssg .content .post-note a .fa {
			font-size: 18px;
			vertical-align: middle;
			margin-top: -3px;
			margin-left: 19px;
		}
		
		.sky-mssg .content .post-note a:hover {
		    background: #FFFFFF;
		    color: #06a4de;
		    text-decoration: none;
		}
		
		.fa-youtube-play {
			left: -14px;
            position: relative;
		}
		
		.youtube_hover {
			color: #06a4de;
		}

       .video-container {
       	   position: relative;
		   padding-bottom: 56.25%;
		   height: 0;
		   overflow: hidden;	
       }
       
       a.learn-more.inverse {
		    background-color: #06a4de;
		    color: #ffffff;
		}
		
		a.learn-more {
		    display: inline-block;
		    font-size: 13px;
		    padding: 8px 10px;
		}
       
	.video-container iframe {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		
		#contentHomeVideo {
			position:relative;
			padding-bottom: 53.25%;
			padding-top:30px;
			height:0;
			overflow:hidden;
		}
		
		#contentHomeVideo iframe, 
		#contentHomeVideo object, 
		#contentHomeVideo embed {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}

		.homeVideo {
			padding-top: 50px!important;
		}
 
            

.division, .page-flow {
    position: relative;
}

.bottom-completion {
    position: absolute;
    width: 998px;
    left: 50%;
    margin-left: -500px;
    top: 0px;
    bottom: 0px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    border-bottom: none;
    border-top: none;
    background-color: rgba(0, 0, 0, 0.60);
}

.sky-division .content {
    position: relative;
    padding: 70px 40px 40px 40px;
    background-color: rgb(6, 164, 222);
    color: white;
}

    .sky-division .content::before {
        z-index: 0;
        position: absolute;
        top: 0px;
        right: 0px;
        content: " ";
        width: 0;
        height: 0;
        opacity: 0.5;
        border-top: 130px solid white;
        border-left: 130px solid transparent;
        border-right: 130px solid white;
        border-bottom: 130px solid transparent;
    }

    .sky-division .content::after {
        z-index: 1;
        position: absolute;
        top: 0px;
        right: 0px;
        content: " ";
        width: 0;
        height: 0;
        border-top: 129px solid rgb(6, 164, 222);
        border-left: 129px solid transparent;
        border-right: 129px solid rgb(6, 164, 222);
        border-bottom: 129px solid transparent;
    }

.sky-division h1 {
    z-index: 2;
    position: relative;
    margin: 0 0 0 80px;
}

.sky-division p {
    z-index: 2;
    position: relative;
    margin: 0 0 15px 160px;
}

.buttons {
    z-index: 2;
    position: relative;
    text-align: right;
    margin: 8px 0;
}

    .buttons h3 {
        margin: 0px 10px;
    }

.sky-section {
    position: relative;
    margin: 0 auto;
    width: 940px;
    padding: 50px 70px;
}

    .sky-section p, .sky-section h1, .sky-section h2, .sky-section h3, .sky-section ul, .sky-section form {
        position: relative;
        z-index: 2;
    }

    .sky-section h1, .sky-section h2 {
        margin: 0;
    }

    .sky-section h1 {
        line-height: 60px;
        color: rgb(6, 164, 222);
    }

    .sky-section.inverse form {
        margin-left: 60px;
    }

        .sky-section.inverse h1, .sky-section.inverse form label {
            color: #171717;
        }

    .sky-section.inverse a:not(.btn) {
        color: white;
        font-size: 12px;
    }

    .sky-section.inverse a.btn.inverse {
        background-color: #171717;
    }

    .sky-section.curtain h1 {
        line-height: 80px;
        font-size: 80px;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
        max-width: 70%;
    }

    .sky-section.curtain p {
        color: #fff;
        max-width: 70%;
        font-size: 22px;
        line-height: 29px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    }

    .sky-section.curtain hr {
        border: none;
        border-top: 8px solid rgb(6, 164, 222);
        max-width: 30%;
        margin: 20px 0 20px;
    }


    
    	.sky-section.list-view.flat:before {
    		display: block;
    		position: absolute;
    		content: " ";
    		top: 0;
    		width: 100%;
    		height: 3px;
    		background-color: rgb(6, 164, 222);
    	}

        .sky-section.list-view.full {
            width: 950px;
            padding-right: 25px;
        }

        .sky-section.list-view h1 {
            position: relative;
            color: #555;
            font-weight: 500;
            font-size: 50px;
            line-height: 55px;
            margin-top: 13px;
        }
        
        .productsContent h1 {
			width: 66%!important;
		}
        
        .sky-section.list-view h4 {
        	color: #555;
        	font-size: 20px;
        	margin: 10px 0 5px;
        }

        .sky-section.list-view.sub {
            min-height: 270px;
        }

            .sky-section.list-view.sub h1,
            .sky-section.list-view.full.sub h1 {
                color: rgb(6, 164, 222);
                font-size: 35px;
                line-height: 40px;
                font-weight: 500;
                margin-bottom: 0;
            }
            
	            .sky-section.list-view.sub h1.normal,
	            .sky-section.list-view.full.sub h1.normal {
	            	margin-bottom: 10px;
	            	font-weight: 600;
	            	font-size: 45px;
                	line-height: 45px;
	            }

.black-background .sky-section.list-view h1 {
    color: #fff;
}

.black-background .sky-section.list-view.sub h1 {
    color: rgb(6, 164, 222);
}

.black-background .sky-section.list-view + hr {
    border-top-color: #000;
    border-bottom-color: #999;
}

.sky-section.list-view.full h1 {
    font-weight: 600;
    font-size: 60px;
    margin-bottom: 30px;
}

	.sky-section.list-view.full.sub {
		min-height: 0;
	}

.sky-section.list-view h1:before {
    content: " ";
    position: absolute;
    height: 3px;
    background-color: rgb(6, 164, 222);
    top: -10px;
    left: 0;
    width: 200px;
}

.sky-section.list-view.full h1:before {
    height: 6px;
}

.sky-section.list-view.sub h1:before {
    height: 0;
    background: none;
    top: auto;
    left: auto;
    width: 0;
}

.sky-section.list-view + hr {
    margin: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

.sky-section.list-view p,
.sky-section.list-view.full.sub p {
    color: #555;
    margin: 0 0 7px 0;
    font-size: 18px;
    line-height: 22px;
    width: 53%;
}

.sky-section.list-view h1,
.sky-section.list-view h4,
.sky-section.list-view p {
    width: 53%;
}

.sky-section.list-view.full.sub p {
    width: 95%;
}

.sky-section.list-view.full p .fa,
.sky-section.list-view.full.sub p .fa {
    color: #06a4de;
    margin-top: 15px;
    font-size: 15px;
}

.sky-section.list-view.full p {
    font-size: 17px;
    line-height: 23px;
}

.sky-section.list-view a {
    font-size: 18px;
    line-height: 18px;
}

.sky-section.list-view .demo {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    width: 230px;
    height: 150px;
    background-color: #ccc;
	background-repeat: no-repeat;
}

	.sky-section.list-view .demo.c1 {
		background-position: 0 0;
	}
	
	.sky-section.list-view .demo.c2 {
		background-position: -262px 0;
	}
	
	.sky-section.list-view .demo.c3 {
		background-position: -500px 0;
	}
	
	.sky-section.list-view .demo.c4 {
		background-position: -762px 0;
	}
	
	.sky-section.list-view .demo.c5 {
		background-position: -1020px 0;
	}
	
	.sky-section.list-view .demo.c6 {
		background-position: -1265px 0;
	}

    .sky-section.list-view .demo .control {
        top: 50%;
        left: 50%;
        margin-left: -23px;
        margin-top: -30px;
        background-color: #fff;
        color: rgb(6, 164, 222);
        -webkit-border-radius: 22.5px;
        -moz-border-radius: 22.5px;
        border-radius: 22.5px;
        width: 45px;
        height: 45px;
    }

        .sky-section.list-view .demo .control.next:before {
            border-left-color: rgb(6, 164, 222);
        }

        .sky-section.list-view .demo .control.next:after {
            border-left-color: #fff;
        }

    .sky-section.list-view .demo .desc {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 9px;
        text-align: center;
        color: #fff;
        font-size: 9px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    }

.sky-section.list-view iframe {
    border: none;
    position: absolute;
    top: 70px;
    right: 25px;
    width: 400px;
    height: 280px;
    z-index: 10;
}

.sky-section.list-view .iframe {
    position: absolute;
    top: 70px;
    right: 25px;
}

.sky-section.list-view .iframe.myCenter1 {
    right: 125px;
}

.sky-section.list-view .centered-item p.myCenter2 {
	left: 27px;
}

.sky-section.list-view .iframe.myCenter3 {
    right: 60px;
}


	.sky-section.list-view .iframe.backbone {
	    margin-top: -60px; 
	    right: -30px;
	}

.services .sky-section {
    min-height: 462px;
}

    .services .sky-section h1, .services .sky-section p {
        width: 50%;
    }

    .services .sky-section .buttons {
        position: absolute;
        right: -75px;
        bottom: 15px;
    }
    
    .our-services {
    	padding-top:20px; 
   }
    
    .our-services a {
    	font-size: 24px; 
    	-webkit-text-shadow: 0px 1px 0px #FFFFFF; 
    	   -moz-text-shadow: 0px 1px 0px #FFFFFF;
    	        text-shadow: 0px 1px 0px #FFFFFF;
   }
   
   .our-services ul {
    	padding-right: 50px;
    	padding-left: 10px;
    	margin: 0;
    	font-family: "proxima-nova-soft",sans-serif;
   }
   
   .our-services li {
    	list-style: none;
    	color: #06a4de;
    	padding-bottom: 16px;
   }
   
   
/*
.arrow-rightServices:before {
    content:'\25B8';
}
 
	   .arrow-button{
	   		background: #06a4de;
	   		-webkit-border-radius: 20px;
	        -moz-border-radius: 20px;
	        border-radius: 20px;
	        height: 38px;
	    	margin: 28px 53px;
	    	width: 38px;
	   }
	   	   .arrow-button:hover {
	   		background: #111111;
	   }
	   
	   .arrow-right,
	   .arrow-rightBlue {
		    border-bottom: 8px solid rgba(0, 0, 0, 0);
		    border-left: 8px solid #FFFFFF;
		    border-top: 8px solid rgba(0, 0, 0, 0);
		    height: 0;
		    width: 0;
		    display: block;
		    margin: 0 auto;
		}
*/


.youtubePlay {
    background: #06a4de;
	border-radius: 8px / 10px;
	width: 52px;
	height: 38px;
	position: relative;
	top: 38%;
	margin: 0 auto;
	display: block;
}
   
		.youtubePlay:hover {
			background: #FFFFFF;
		}
   
	   .youtubePlay:before {
	        content: "";
			border-top: 10px solid rgba(0, 0, 0, 0);
			border-bottom: 10px solid rgba(0, 0, 0, 0);
			border-left: 15px solid #F3F1E7;
			width: 0;
			height: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -11px 0 0 -7px;
		}
		
		.youtubePlay:hover::before {
	        border-left-color: #06a4de;
		}

.partners .sky-section h1 {
    color: black;
}

.work table td {
    width: 50%;
}

.process .sky-section {
    padding: 50px 25px 160px 25px;
}

    .process .sky-section h1, .process .sky-section p {
        width: 40%;
    }

.carousel .sky-section {
    margin: 0;
    width: 100%;
    padding: 0;
    height: 500px;
}

.clouds {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background-position: left bottom;
    background-size: contain;
    background-repeat: repeat-x;
}

.carousel .clouds .markers  {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}



            	#markersApp {
            		position: relative;
  					top: 210px;
  					margin: 0 auto;
  					width: 178px;
            	}
            	
	    		#markersApp a {
			        display: inline-block;
			        width: 15px;
			        height: 15px;
			        background-color: #FFFFFF;
			        margin-left: 10px;
			        -webkit-border-radius: 7.5px;
			        -moz-border-radius: 7.5px;
			        border-radius: 7.5px;
	    		} 
	    		
	    		#markersApp a.active {
	    			background-color: rgb(6, 164, 222);
	    		}   
	    		


    .carousel .clouds .markers a {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #FFFFFF;
        margin-left: 10px;
        -webkit-border-radius: 7.5px;
        -moz-border-radius: 7.5px;
        border-radius: 7.5px;
    }

        .carousel .clouds .markers a.active,
        .markersApp a.active {
            background-color: rgb(6, 164, 222);
        }

.carousel .small-shadow {
    position: absolute;
    bottom: 0;
}

[class*="app-back"] {
    background-position: center;
    background-size: cover;
}

.carousel .sky-section .carousel-section {	
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: 50% 100%;
}

    .carousel .sky-section .carousel-section .content {
        position: relative;
        width: 1000px;
        margin: 0 auto;
        top: -30px;
    }

    .carousel .sky-section .carousel-section.app-back-1 .content h1 {
        text-shadow: 0 0 25px rgba(220, 18, 14, 0.99);
    }

    .carousel .sky-section .carousel-section.app-back-1 .content p {
        text-shadow: 0 0 10px rgba(220, 18, 14, 0.7);
    }

    .carousel .sky-section .carousel-section.app-back-2 .content h1 {
        text-shadow: 0 0 25px rgba(189, 48, 44, 0.99);
    }

    .carousel .sky-section .carousel-section.app-back-2 .content p {
        text-shadow: 0 0 10px rgba(189, 48, 44, 0.7);
    }

    .carousel .sky-section .carousel-section.app-back-3 .content h1 {
        text-shadow: 0 0 25px rgba(32, 23, 81, 0.99);
    }

    .carousel .sky-section .carousel-section.app-back-3 .content p {
        text-shadow: 0 0 10px rgba(32, 23, 81, 0.7);
    }

    .carousel .sky-section .carousel-section.app-back-4 .content h1 {
        text-shadow: 0 0 25px rgba(97, 39, 81, 0.99);
    }

    .carousel .sky-section .carousel-section.app-back-4 .content p {
        text-shadow: 0 0 10px rgba(97, 39, 81, 0.7);
    }

    .carousel .sky-section .carousel-section.app-back-5 .content h1 {
        text-shadow: 0 0 25px rgba(65, 151, 104, 0.99);
    }

    .carousel .sky-section .carousel-section.app-back-5 .content p {
        text-shadow: 0 0 10px rgba(65, 151, 104, 0.7);
    }

    .carousel .sky-section .carousel-section.app-back-6 .content h1 {
        text-shadow: 0 0 25px rgba(118, 161, 38, 0.99);
    }

    .carousel .sky-section .carousel-section.app-back-6 .content p {
        text-shadow: 0 0 10px rgba(118, 161, 38, 0.7);
    }

.carousel-section .content h1,
.carousel-section .content p {
    text-align: center;
    max-width: 100%;
}

.carousel-section .content h1 {
    line-height: 85px;
    font-size: 85px;
    font-weight: 600px;
    color: #fff;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}

.carousel-section .content p {
    line-height: 35px;
    font-size: 30px;
    font-weight: 400px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    margin-top: 0;
}

.thumbs {
    overflow: hidden;
    margin-top: 25px;
}

    .thumbs .thumbnail {
        position: relative;
        float: left;
        width: 33%;
        margin: 0 3px 3px 0;
    }

        .thumbs .thumbnail.c1 {
            background-color: #fbeacd;
            background: -webkit-radial-gradient(#fbeacd 60%, #d6d1c2); /* Safari */
            background: -o-radial-gradient(#fbeacd 60%, #d6d1c2); /* For Opera 11.1 to 12.0 */
            background: -moz-radial-gradient(#fbeacd 60%, #d6d1c2); /* For Firefox 3.6 to 15 */
            background: radial-gradient(#fbeacd 60%, #d6d1c2); /* Standard syntax */
        }

        .thumbs .thumbnail.c2 {
            background-color: #fbd3d4;
            background: -webkit-radial-gradient(#fbd3d4 60%, #ceacad); /* Safari */
            background: -o-radial-gradient(#fbd3d4 60%, #ceacad); /* For Opera 11.1 to 12.0 */
            background: -moz-radial-gradient(#fbd3d4 60%, #ceacad); /* For Firefox 3.6 to 15 */
            background: radial-gradient(#fbd3d4 60%, #ceacad); /* Standard syntax */
        }

        .thumbs .thumbnail.c3 {
            background-color: #dde1ef;
            background: -webkit-radial-gradient(#dde1ef 60%, #bfbec7); /* Safari */
            background: -o-radial-gradient(#dde1ef 60%, #bfbec7); /* For Opera 11.1 to 12.0 */
            background: -moz-radial-gradient(#dde1ef 60%, #bfbec7); /* For Firefox 3.6 to 15 */
            background: radial-gradient(#dde1ef 60%, #bfbec7); /* Standard syntax */
        }

        .thumbs .thumbnail.c4 {
            background-color: #f0d4e6;
            background: -webkit-radial-gradient(#f0d4e6 60%, #c3acba); /* Safari */
            background: -o-radial-gradient(#f0d4e6 60%, #c3acba); /* For Opera 11.1 to 12.0 */
            background: -moz-radial-gradient(#f0d4e6 60%, #c3acba); /* For Firefox 3.6 to 15 */
            background: radial-gradient(#f0d4e6 60%, #c3acba); /* Standard syntax */
        }

        .thumbs .thumbnail.c5 {
            background-color: #e1f3e8;
            background: -webkit-radial-gradient(#e1f3e8 60%, #bac7bf); /* Safari */
            background: -o-radial-gradient(#e1f3e8 60%, #bac7bf); /* For Opera 11.1 to 12.0 */
            background: -moz-radial-gradient(#e1f3e8 60%, #bac7bf); /* For Firefox 3.6 to 15 */
            background: radial-gradient(#e1f3e8 60%, #bac7bf); /* Standard syntax */
        }

        .thumbs .thumbnail.c6 {
            background-color: #eff6d7;
            background: -webkit-radial-gradient(#eff6d7 60%, #c3c8bb); /* Safari */
            background: -o-radial-gradient(#eff6d7 60%, #c3c8bb); /* For Opera 11.1 to 12.0 */
            background: -moz-radial-gradient(#eff6d7 60%, #c3c8bb); /* For Firefox 3.6 to 15 */
            background: radial-gradient(#eff6d7 60%, #c3c8bb); /* Standard syntax */
        }

.thumbnail .icon {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 125px;
    background-size: 455px 440px;
    background-color: transparent;
}

.thumbnail .img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

	.thumbnail.inline {
		margin-bottom: 40px; 
		white-space: nowrap;
	}

		.thumbnail.inline > * {
			display: inline-block;
			vertical-align: bottom;
		}
		
		.thumbnail.inline > h3 {
			margin-top: 0;
			font-size: 55px;
		}

    .thumbnail .icon.components {
        background-position: -150px 0;
    }

        .thumbnail .icon.components + h3 {
            color: #d89516;
        }
        
    .thumbnail .icon.dhl {
	  background-position: 0px -300px;
	}
	
        .thumbnail .icon.dhl + h3 {
            color: #DBB20B;
        }

    .thumbnail .icon.notifications {
        background-position: -300px 0;
    }

        .thumbnail .icon.notifications + h3 {
            color: #ec2224;
        }

    .thumbnail .icon.explorer {
        background-position: -150px -150px;
    }

        .thumbnail .icon.explorer + h3 {
            color: #5269b0;
        }

    .thumbnail .icon.images {
        background-position: 0 -150px;
    }

        .thumbnail .icon.images + h3 {
            color: #b93b7f;
        }

    .thumbnail .icon.cargo {
        background-position: 0 0;
    }

        .thumbnail .icon.cargo + h3 {
            color: #67c18c;
        }

    .thumbnail .icon.exams {
        background-position: -300px -150px;
    }

        .thumbnail .icon.exams + h3 {
            color: #add039;
        }

.thumbs .thumbnail h3 {
    text-align: center;
    margin: 0 0 15px;
    font-weight: 800;
}

.thumbs .thumbnail .hover {
    opacity: 0;
    transition: opacity 0.8s;
    -webkit-transition: opacity 0.8s; /* Safari */
    background-size: 500px 300px;
    background-position: -60px -10px;
}

.thumbs .thumbnail:hover .hover {
    opacity: 1;
}

.thumbs .thumbnail .hover,
.thumbs .thumbnail .hover .content {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(6, 164, 222);
}

	.thumbs .thumbnail .content .logo {
		display: block;
		position: absolute;
		top: 50%;
	    left: 50%;
	    margin-top: -75px;
	    margin-left: -75px;
	    width: 150px;
	    height: 150px;	
	}
	
		.thumbs .thumbnail .content .logo.alce {
			background-position: 0 0;
		}
		
		.thumbs .thumbnail .content .logo.elephant {
			background-position: -150px -142px;
		}
		
		.thumbs .thumbnail .content .logo.bio {
			background-position: -300px 0;
		}
		
		.thumbs .thumbnail .content .logo.ded {
			background-position: 0 -150px;
		}
		
		.thumbs .thumbnail .content .logo.cubamax {
			background-position: -150px 0;
		}
		
		.thumbs .thumbnail .content .logo.discovery {
			background-position: 150px 600px;
		}
		
		.thumbs .thumbnail .content .logo.sony {
			background-position: 900px 465px;
		}
		.thumbs .thumbnail .content .logo.bacardi {
			background-position: 750px 465px;
		    height: 180px;	
		}		
		.thumbs .thumbnail .content .logo.dhl {
			background-position: 600px 465px;
		}	
		.thumbs .thumbnail .content .logo.lifetrack {
			background-position: 900px 325px;
		}
		.thumbs .thumbnail .content .logo.parkson {
			background-position: 900px 180px;
		}
		.thumbs .thumbnail .content .logo.lamac {
			background-position: 750px 325px;
		}
		.thumbs .thumbnail .content .logo.cennabras {
			background-position: 155px 320px;
		}
		.thumbs .thumbnail .content .logo.operationsacred {
			background-position: -155px 185px;
		}
				
.thumbs .thumbnail .hover.visible {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.6);
}

	.thumbs .thumbnail:hover .hover.visible,
	.thumbs .thumbnail .hover.visible .content {
		background-color: transparent;
	}

    .thumbs .thumbnail .hover .clouds {
        background-size: initial;
        background-position: 90% -130px;
        height: 80%;
    }

    .thumbs .thumbnail .hover .content {
        background-color: rgba(6, 164, 222, 0.8);
        padding: 30px 25px;
    }

        .thumbs .thumbnail .hover .content h4,
        .thumbs .thumbnail .hover .content p {
            margin: 0;
            color: #fff;
        }

        .thumbs .thumbnail .hover .content h4 {
            font-size: 22px;
        }

        .thumbs .thumbnail .hover .content p {
        	position: relative;
            font-size: 13px;
            line-height: 15px;
            margin-bottom: 20px;
            width: 90%;
        }
        
        	.thumbs .thumbnail .hover .content p:after {
        		content: "...";
        	}

        .thumbs .thumbnail .hover .content .btn {
            position: absolute;
            bottom: 20px;
            border: 1px solid #fff;
            font-size: 13px;
            padding: 6px 12px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background-color: transparent;
        }

            .thumbs .thumbnail .hover .content .btn:hover {
                background-color: #fff;
            }

.slider .sky-section h5 {
    text-align: center;
    margin: 0;
}

.slider .sky-section h3 {
    text-align: center;
    font-size: 28px;
    color: white;
    margin: 10px 0;
}

.slider .sky-section p,
.slider .sky-section ul,
.black-background .sky-section p,
.black-background .sky-section.list-view.full p,
.black-background .sky-section h4 {
    color: white;
}

.slider-section.c1 p,
.slider-section.c2 p,
.slider-section.c3 p,
.slider-section.c4 p,
.slider-section.c5 p,
.slider-section.c6 p,
.slider-section.c7 p {
	text-align: left;
}

.slider .sky-section ul {
    margin-bottom: 15px;
}

.slider .control {
    top: 250px;
}

.carousel .control {
    top: 50%;
    margin-top: -20px;
}

    .slider .control.prev,
    .carousel .control.prev {
        left: 0;
    }

    .slider .control.next,
    .carousel .control.next {
        right: 0;
    }

.slider .sky-section .slider-section h5 i {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-color: rgb(6, 164, 222);
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-repeat: no-repeat;
}

.slider .sky-section .slider-section.c1 h5 i {
    background-position: 4px 10px;
}

.slider .sky-section .slider-section.c2 h5 i {
    background-position: -91px 8px;
}

.slider .sky-section .slider-section.c3 h5 i {
    background-position: -184px 8px;
}

.slider .sky-section .slider-section.c4 h5 i {
    background-position: -279px 7px;
}

.slider .sky-section .slider-section.c5 h5 i {
    background-position: -365px 7px;
}

.slider .sky-section .slider-section.c6 h5 i {
    background-position: -451px 7px;
}

.slider .sky-section .slider-section.c7 h5 i {
    background-position: -563px 6px;
}

.slider .sky-section .slider-section.c8 h5 i {
    background-position: 3px 6px;
}

.slider .sky-section .slider-section.c9 h5 i {
    background-position: -95px 9px;
}

.slider .sky-section .slider-section.c10 h5 i {
    background-position: -185px 9px;
}

.join .sky-section {
    padding: 80px 25px;
}

.not-found .sky-section,
.not-found .sky-section * {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #0d1635;
}

    .not-found .sky-section span {
        font-size: 19px;
    }

	.not-found img {
	    max-width: 80%;
	}

.unsubscribe h3 {
	font-size: 25px;
}

.about .sky-section {
    padding: 0 25px 40px 25px;
}

.people .photo-section {
    overflow: hidden;
}

.people .clearer-3,
.people .clearer-2 {
    width: 100%;
    clear: both;
}

.people .clearer-2 {
    display: none;
}

.people .photo-section .employee {
    float: left;
    width: 33.333%;
    margin-top: 50px;
}

    .people .photo-section .employee.clear-3 {
        clear: left;
    }

.people .photo-section h4 {
    font-size: 24px;
    color: rgb(6, 164, 222);
    margin: 10px 63px 0 0;
    font-weight: 600;
}

.people .photo-section h5 {
    font-size: 18px;
    color: rgb(6, 164, 222);
    margin: 0 63px 0 0;
}

.people .photo-section p {
    font-size: 15px;
    font-style: italic;
    margin: 5px 63px 0 0;
}

.people .photo-section h6 {
    font-size: 17px;
    color: rgb(6, 164, 222);
    margin: 5px 63px 30px 0;
}

.visit p {
    line-height: 22px;
    margin-top: 10px;
}

.cloud h3 {
    margin-top: 15px;
}

.cloud ul {
    margin-top: 0px;
}

.white-background {
    position: absolute;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.80);
}

    .white-background.blue {
        border: 1px solid rgba(255, 255, 255, 0.60);
        background: rgb(6, 164, 222);
    }

    .white-background.fixed {
        position: fixed;
        top: 50%;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

.stripe {
    position: absolute;
    background-color: rgb(6, 164, 222);
    height: 1px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

    .stripe.white {
        background-color: rgba(255, 255, 255, 0.60);
    }

    .stripe.inverse {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); /* IE 9 */
        -moz-transform: rotate(-45deg); /* Firefox */
        -webkit-transform: rotate(-45deg); /* Safari and Chrome */
        -o-transform: rotate(-45deg); /* Opera */
    }

.sky-body.left.services .white-background.c2 {
    left: 0px;
    right: -50px;
    bottom: 0px;
}

.sky-body.left.services .white-background img {
    position: absolute;
    right: 65px;
    top: 30px;
}

.sky-body.left.services .stripe,
.background .stripe {
    left: auto;
    right: -150px;
    top: 230px;
    width: 800px;
}

.sky-body.right .white-background.c1 {
    left: -40px;
    width: 40px;
    bottom: 0px;
}

.sky-body.right .white-background.blue.c1 {
    border-right: none;
}

.sky-body.right .white-background.c2 {
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.sky-body.right .white-background.blue.c2,
.sky-body.right .white-background.blue.c3 {
    border-left: none;
    border-right: none;
}

.sky-body.right .white-background.c3 {
    left: 100%;
    right: -100%;
    bottom: 0px;
}

.sky-body.right .stripe {
    right: -550px;
    top: 260px;
    width: 1500px;
    z-index: 3;
}

.sky-body.left .white-background.c1 {
    left: -100%;
    right: 100%;
    bottom: 0px;
}

.sky-body.left .white-background.c2 {
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.sky-body.left .stripe {
    left: -800px;
    top: 260px;
    width: 1500px;
    z-index: 3;
}

.sky-section .bows {
    position: absolute;
    left: 50%;
    right: -50px;
    top: 0px;
    bottom: 0px;
}

    .sky-section .bows .bow.big.b1 {
        left: -60px;
        top: -110px;
    }

    .sky-section .bows .bow.big.b2 {
        left: -60px;
        top: 200px;
    }

    .sky-section .bows .bow.big.b3 {
        left: 150px;
        top: 35px;
    }

    .sky-section .bows .bow .inner {
        background-repeat: no-repeat;
    }

    .sky-section .bows .bow.c1 {
        left: 50px;
        top: 20px;
    }

        .sky-section .bows .bow.c1 .inner {
            background-position: -200px 0px;
        }

        .sky-section .bows .bow.c1 .text {
            left: 35px;
        }

    .sky-section .bows .bow.c2 {
        left: 180px;
        top: 20px;
    }

        .sky-section .bows .bow.c2 .inner {
            background-position: -400px 0px;
        }

        .sky-section .bows .bow.c2 .text {
            right: 35px;
        }

    .sky-section .bows .bow.c3 {
        left: -15px;
        top: 133px;
    }

        .sky-section .bows .bow.c3 .inner {
            background-position: 0px 0px;
        }

        .sky-section .bows .bow.c3 .text {
            left: 40px;
        }

    .sky-section .bows .bow.c4 {
        left: 245px;
        top: 133px;
    }

        .sky-section .bows .bow.c4 .inner {
            background-position: -600px 0px;
        }

        .sky-section .bows .bow.c4 .text {
            right: 40px;
        }

    .sky-section .bows .bow.c5 {
        left: 50px;
        top: 246px;
    }

        .sky-section .bows .bow.c5 .inner {
            background-position: -1000px 0px;
        }

        .sky-section .bows .bow.c5 .text {
            left: 40px;
        }

    .sky-section .bows .bow.c6 {
        left: 180px;
        top: 246px;
    }

        .sky-section .bows .bow.c6 .inner {
            background-position: -800px 0px;
        }

        .sky-section .bows .bow.c6 .text {
            right: 40px;
        }

.bow {
    position: absolute;
    height: 250px;
    width: 250px;
    border: 1px solid rgba(204, 204, 204, 0.70);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
}

    .bow.big {
        height: 450px;
        width: 450px;
        -webkit-border-radius: 225px;
        -moz-border-radius: 225px;
        border-radius: 225px;
    }

    .bow .inner {
        position: absolute;
        left: 25px;
        right: 25px;
        top: 25px;
        bottom: 25px;
        -webkit-border-radius: 125px;
        -moz-border-radius: 125px;
        border-radius: 125px;
        z-index: 4;
    }

    .bow .text {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        z-index: 8;
        font-size: 20px;
        white-space: nowrap;
        color: white;
        font-weight: 500;
    }

.control {
    position: absolute;
    border: none;
    margin: 0;
    background: none;
    padding: 0;
    outline: none;
    width: 40px;
    height: 40px;
    background-color: rgb(6, 164, 222);
    color: white;
    cursor: pointer;
}

    .control.close {
        position: fixed;
        right: 0px;
        background-color: rgb(6, 164, 222);
    }

    .control[disabled] {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .control:not([disabled]):hover {
        background-color: white;
        color: rgb(6, 164, 222);
    }

    .control::after, 
    .control::before {
        position: absolute;
        content: " ";
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -13px;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
    }

    .control.prev::before {
        left: -3px;
        border-right: 13px solid white;
        border-left: 13px solid transparent;
    }

    .control:not([disabled]).prev:hover::before {
        border-right-color: rgb(6, 164, 222);
    }

    .control.prev::after {
        left: -1px;
        border-right: 13px solid rgb(6, 164, 222);
        border-left: 13px solid transparent;
    }

    .control:not([disabled]).prev:hover::after {
        border-right-color: white;
    }

    .control.next::before {
        left: 17px;
        border-left: 13px solid white;
        border-right: 13px solid transparent;
    }

    .control:not([disabled]).next:hover::before {
        border-left-color: rgb(6, 164, 222);
    }

    .control.next::after {
        left: 15px;
        border-left: 13px solid rgb(6, 164, 222);
        border-right: 13px solid transparent;
    }

    .control:not([disabled]).next:hover::after {
        border-left-color: white;
    }

.black-background {
    position: relative;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
}

    .black-background.full {
        display: block;
    }

    .black-background .sky-body .list-view:first-child {
        margin-top: 97px;
    }

.list-background {
    position: relative;
    background-color: rgba(255, 255, 255, 0.80);
}

.row:before,
.row:after {
    display: table;
	height: 0;
	content: "";
}
	
	.row:after {
		clear: both;
	}
	
	.row .span-3 {
		float: left;
		width: 30%;
		margin-left: 3.3%;
	}

.form-inline .control-group {
    float: left;
    width: 48%;
    padding-left: 2%;
}

	.form-inline .control-group:first-child {
		padding-left: 0;
		padding-right: 2%;	
	}	

    .form-inline .control-group.block {
        width: 100%;
        padding: 0;
    }

.control-group .controls {
    margin: 8px 0;
}

    .control-group .controls label .information,
    form.subscribe label a,
    .error-information {
        display: none;
        height: 14px;
        width: 14px;
        background-color: #AF2E2B;
        color: white;
        text-align: center;
        font-size: 9px;
        line-height: 13px;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
    }
    
    form.subscribe label a {
        float: none;
    	padding: 2px 7px;
    }

    /*
    .control-group .controls label .information:before {
        content: "!";
    }
    .control-group .controls.error label .information {
       display: inline-block;
    }
    */

/* Form message in Footer */

	.info-error i,
	.info-success i,
	.info-alreadySubscribed i {
		margin-right: 2px;
	}
	
	.info-error span,
	.info-success span,
	.info-alreadySubscribed span {
		font-weight: normal;
	}
	
	.info-error {
		color: #af2e2b;
	}
	
	.info-success {
		color: #689c2a;
	}
	
    .info-alreadySubscribed {
		color: #54D2FF;
	}
	
	form.subscribe i.fa-spin {
		color: #006489;
		margin-left: 4px;
		display: none;
	}
	

   
/* Form message in Contact */
   .error-information:before {
        content: "!";
    }

    .error-information {
       display: inline-block;
    }
    
    .control-group .controls.error label,
    .error-text {
        color: #af2e2b;
    }
    
    .ok-text {
    	display:none;
    }
    
    .successfull {
        color: #689C2A;
        font-family: "proxima-nova-soft",sans-serif;
        font-size: 16px;
        font-weight: normal;
    }
    
   .error-text {
        vertical-align: middle;
    }

    .control-group .controls.error input,
    .control-group .controls.error textarea {
        border-left: 2px solid #a94442;
        background-color: #FAE6E6;
        color: #A94442;
    }

.ui-tooltip, .arrow:after, .error-msg {
    background: #A94442;
}

.ui-tooltip, .error-msg {
    padding: 10px;
    color: white;
    font-family: "proxima-nova-soft",sans-serif;
}

.ui-tooltip {
    position: fixed;
    z-index: 20;
    text-align: center;
    max-width: 250px;
    font-weight: 800;
}

.error-msg {
    margin-top: 10px;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.holder {	
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

	.holder .map {
		position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}
	
	.holder .sky-body {
		overflow: visible;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}	
	 
		.holder .sky-body .sky-section .contact {
			position: absolute;
			left: 0;
			bottom: 0;
		}
		
	h1.contact-title {
		padding-bottom: 15px;
	}
		
		#map  {
		    width: 100%;
		    height: 120%;
		    position: fixed;
		    top: -90px;
		    left: 0;
		    z-index: 0;
		}

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}

.overlay {
    position: fixed;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.form-login {
    position: absolute;
    z-index: 11;
    right: 0px;
    left: 0px;
    top: 50%;
    margin-top: -195.5px;
}

/* GENERAL USE */
h1 {
    font-size: 60px;
    font-weight: 800;
}

h2, ul {
    color: black;
    font-family: "ff-tisa-web-pro",serif;
}

h3 {
    font-size: 28px;
    color: rgb(6, 164, 222);
    margin: 10px 0 0 0;
    font-weight: 600;
}

h6 {
    font-size: 17px;
    color: rgb(6, 164, 222);
    margin: 0 0 5px;
}

ul {
    -webkit-padding-start: 20px;
    padding-left: 20px;
    border: 0px;
    font-size: 18px;
    margin: 15px 0 0 0;
}

p {
    font-size: 18px;
    color: black;
    font-family: "ff-tisa-web-pro",serif;
    -webkit-margin-after: 0;
    margin: 15px 0 0 0;
}

label {
    display: block;
    color: rgb(51, 51, 51);
    font-weight: 600;
    margin: 6px 0 3px;
    font-size: 14px;
    line-height: 18px;
}

    label.checkbox {
        margin: 0;
    }

input[type="text"], input[type="password"], textarea {
    display: inline-block;
    padding: 4px 5px;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    font-family: "ff-tisa-web-pro",serif;
    outline: none;
    margin: 0;
    width: 100%;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);*/
}

    input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        border: 1px solid rgb(6, 164, 222);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(6, 164, 222, 0.7);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(6, 164, 222, 0.7);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(6, 164, 222, 0.7);
    }

textarea {
    max-width: 100%;
}

table {
    width: 100%;
}

    table td {
        vertical-align: top;
    }

hr {
    border-bottom: 1px solid gray;
    border-top: 1px solid rgb(69, 69, 69);
    margin: 24px 0 24px 0;
}

.up-shadow, .down-shadow {
    height: 33px;
    background-repeat: repeat-x;
}

.up-shadow {
    position: relative;
}

.invisible {
    visibility: hidden;
}

.showable {
    opacity: 0;
}

.hide {
    display: none;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

a.btn,
button {
    cursor: pointer;
    display: inline-block;
    padding: 8px 10px;
    border: none;
    font-size: 13px;
    background-color: white;
    color: rgb(6, 164, 222);
    font-family: "proxima-nova-soft",sans-serif;
}

    a.btn.inverse,
    button.inverse {
        color: #fff;
        background-color: rgb(6, 164, 222);
    }

    a.btn.negative,
    button.negative {
        color: #fff;
        background-color: #181818;
    }

    a.btn:hover,
    button:hover {
        color: #fff;
        background-color: rgb(6, 164, 222);
        text-decoration: none;
    }

    a.btn.inverse:hover,
    button.inverse:hover {
        color: rgb(6, 164, 222);
        background-color: #fff;
    }

    a.btn.negative:hover,
    button.negative:hover {
        color: #181818;
        background-color: #fff;
    }

    a.big.btn,
    button.big {
        font-size: 15px;
        padding: 8px 20px;
    }
    
    a.btn.disabled,
	button.disabled {
		opacity: 0.2;
		pointer-events: none;
	}

form[disabled] {
    opacity: 0.4;
    pointer-events: none;
}

    form[disabled] .buttons a {
        text-decoration: none;
    }

.close {
    position: relative;
    display: block;
    background-color: #181818;
    text-align: center;
    font-size: 25px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
}

    .close:hover {
        text-decoration: none;
        background-color: rgb(255, 255, 255);
        color: #06A4DE;
    }
        
.window {
    position: relative;
    z-index: 5;	
    max-width: 380px;
}

	.window.side > a {
		position: absolute;
		top: -33px;
		left: 100%;
		white-space: nowrap;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);		
		transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
		-webkit-transform-origin: 0% 100%;
	}

	.window.skinny {
		max-width: 280px;
	}

    .window .window-body {
        position: relative;
        display: none;
        padding: 25px;
        background-color: rgba(6, 164, 222, 0.9);
        text-align: left;
    }
    	    	
    	.window.open .window-body {  
    		display: block;
    	}
    
    .window.negative .window-body {
    	background-color: rgba(246, 246, 246, 0.9);
    	border: 1px solid #dddddd;
    }
    
    .window h1 {
    	font-size: 28px;
    	line-height: 32px;
    	color: #181818;
    	margin-top: 20px
    }
    
    .window h3 {
    	font-size: 17px;
    	line-height: 19px;
    	color: #fff;
    	margin: 0;
    }
    
    	.window h3.big {
    		font-size: 22px;
    		line-height: 26px;
    	}
    
	    .window.negative h3 {
	    	color: rgb(6, 164, 222);
	    }
    
	    	.window h3 + p {
	    		margin-top: 0;
	    	}
    
    .window hr {
    	margin: 5px 0 10px;
    	width: 20%;
    	border-bottom: none;
    	border-top: 2px solid #ccc;
    	text-align: left;
    }
    
    	.window hr.extended {
    		width: 100%;    		
    		position: relative;
    	}
    	
    		.window hr.extended:after {
    			display: block;    			
    			position: absolute;
    			left: 100%;
    			top: -2px;
    			width: 25px;
    			height: 0;
    			content: " ";
    			border-top: 2px solid #ccc;
    		}
    
    .window p {
    	font-size: 13px;
    	line-height: 16px;  
    	margin: 10px 0; 
    	color: #fff; 	
    }
    
    	.window p.small,
    	.window p.small a {
    		font-size: 12px;
    		line-height: 13px;
    	}
    	
    .window p.small a {
    	font-size: 13px;
    }
    
    .window.negative p,
    .window.negative p.small a {
    	color: #888;
    }

    .window label,
    .window label a,
    .window label a:hover span {
    	color: #181818;
    	text-decoration: none;
    }
    
    	.window label a:hover,    
    	.window label span {
    		color: #fff;
    	}

    .window .window-body .close {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .window.login .window-body .close,
    .window.side .window-body .close {
    	right: auto;
    	left: 0;
    }

.centered-footer {
    text-align: center;
    padding: 70px 0 200px;
    position: relative;
}

.centered-footer.medium {
	padding-top: 40px;
}

.centered-footer.small {
	padding: 0;
}

    .centered-footer .centered-item {
        display: inline-block;
        margin: 0 30px;
    	max-width: 100%;
    }
    
    .centered-footer.small .centered-item {
    	margin: 0;
    	vertical-align: top;
    }

        .centered-footer .centered-item h3 {
            font-size: 20px;
            margin: 30px 0 0;
        }
        
        .centered-footer.small .centered-item h3 {
        	font-size: 17px;
            margin: 20px 0 0;
        }
        
        	.centered-footer .centered-item.mocked {
        		position: absolute;
        		width: 160px;  
        	}
        	
        		.centered-footer .centered-item.mocked.c1 {
	        		left: 70px;
	        	}
	        	
	        	.centered-footer .centered-item.mocked.c2 {
	        		left: 280px;
	        	}
	        	
	        	.centered-footer .centered-item.mocked.c3 {
	        		left: 485px;
	        	}
	        	
	        	.centered-footer .centered-item.mocked.c4 {
	        		left: 690px;
	        	}

        .centered-footer .centered-item p {
            color: #bbb;
            margin-top: 0;
            line-height: 20px;
            font-size: 16px;
        }
        
        .centered-footer.small .centered-item p {
        	line-height: 18px;
            font-size: 14px;
        }

.snapshot {
	position: absolute;
	padding: 5px 5px 2px 5px;
	max-height: 200px;
	max-width: 250px;
	background-color: #fff;
	right: 0;
	top: 187px;	
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	z-index: 5;
}

	.snapshot + .thumbnail.inline,
	.snapshot + .thumbnail.inline + h1 {
		margin-right: 270px;
	}
	
	.snapshot img {
		max-height: 100%;
		max-width: 100%;
	}

	.snapshot a {
		position: absolute;
		display: block;
		left: 5px;
		right: 5px;
		bottom: 5px;
		text-align: center;
		font-size: 18px;
		padding: 10px 20px;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.5);	
	}	
	
.client-logo {
	display: block;	
	width: 140px;
}

	.client-logo.discovery {
		height: 70px;
		background-position: -306px -168px;
	}
	
	.client-logo.dhl {
		height: 150px;
		background-position: -306px -306px;
	}

	.client-logo.lifetrack {
		height: 100px;
        background-position: -4px -474px;
	}

	.client-logo.sony {
		height: 80px;
		background-position: -4px -325px;
	}

	.client-logo.bacardi {
		height: 108px;
		background-position: 306px -326px;
	}
	
    .client-logo.lamac {
		height: 136px;
		background-position: 292px 268px;
	}
				
	.client-logo.alce {
		height: 168px;
		background-position: 0 16px;
	}
	
	.client-logo.elephant {
	    height: 100px;
	    background-position: -150px -180px;
	}
	
	.client-logo.bio {
		height: 208px;
		background-position: -305px -35px;
	}
	
	.client-logo.ded {
		height: 175px;
		background-position: -7px -185px;
	}
	
	.client-logo.cubamax {
		height: 89px;
		background-position: -155px -50px;
	}
	
	.client-logo.operationsacred {
    	background-position: 309px 137px;
    	height: 160px;
	}
	
	.client-logo.parkson {
    	background-position: 448px 145px;
  	    height: 95px;
	}
	
	.client-logo.cennabras {
    	background-position: 156px 308px;
    	height: 165px;
	}	
			
.curtain .client-logo {
	position: absolute;
	bottom: 200px;
	right: 0px;
}

.msg-box .msg-box-header {
	background-color: rgba(6, 164, 222, 0.95);
	padding: 30px;
}

	.msg-box .msg-box-header p,
	.msg-box .msg-box-body p,
	.msg-box .msg-box-footer p,
	.msg-box .msg-box-body label {
		line-height: 24px;
		font-size: 18px;
    	font-family: "ff-tisa-web-pro",serif;    	
    	font-weight: normal;
    	color: #333;
	}

	.msg-box p:first-child {
		margin-top: 0;
	}
	
.msg-box .msg-box-body {
	background-color: rgba(224, 224, 224, 0.95);
	padding: 30px 50px;
	margin: 0 5px;
}	

	.msg-box .msg-box-header p {
		color: #fff;	
    }
    
.msg-box .msg-box-footer {
	background-color: rgba(195, 195, 195, 0.95);
	padding: 20px 30px;
	margin: 0 3px;
}

.modal-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 400;
}

.modal {
	display: none;
	position: fixed;
	top: 13%;
	right: 0;
	width: 800px;
	max-width: 100%;
	z-index: 450;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

	.modal .modal-header {
		color: #fff;
		padding: 10px 30px;
		background-color: rgba(6, 164, 222, 0.7);
		margin: 0;
		font-weight: 600;
	}
	
	.modal .modal-body {
		background-color: rgba(243, 243, 243, 0.7);
		max-height: 500px;
		overflow-y: auto;
	}
	
	.modal .modal-footer {
		padding: 15px 30px;
		background-color: rgba(195, 195, 195, 0.7);
	}
	
.video {
	border: none;
	width: 100%;
	height: 400px;
} 

.screenshot {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
}

.screenshot.successStories {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
}


/* PURE CHAT HACK */    

html .purechat-widget .purechat-expanded, 
html .purechat-widget .purechat-collapsed-outer {
	background-color: rgba(6, 164, 222, 0.9);
	font-family: "proxima-nova-soft",sans-serif;
	color: #fff !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 0;
}

html .purechat-widget .purechat-widget-header {
	background-color: #111;
	border-bottom: none !important;
}

html .purechat-widget .purechat-expanded .purechat-widget-inner, 
html .purechat-widget .purechat-collapsed-outer .purechat-widget-inner {	
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	background: none;
}

html .purechat-widget span {	
	font-family: "proxima-nova-soft",sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}

html .purechat-widget .purechat-expanded .purechat-enterinfo-container {
	padding: 10px 20px;
}

html .purechat-widget .purechat-enterinfo-container p {
	font-size: 14px;
    color: black;
    font-family: "ff-tisa-web-pro",serif;
    font-weight: normal;
}

html .purechat-widget img {
	display: none;
}

html .purechat-widget .purechat-init-form .btn, 
html .purechat-widget .purechat-email-form .btn {
    padding: 8px 10px !important;
    border: none !important;
    font-size: 13px;
    background-color: #fff;
    color: rgb(6, 164, 222);
    font-family: "proxima-nova-soft",sans-serif;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	width: auto !important; 
	height: auto !important; 
	text-transform: uppercase;
	font-weight: 600;	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

	html .purechat-widget .purechat-init-form .btn:hover,
	html .purechat-widget .purechat-init-form .btn:active 
	html .purechat-widget .purechat-email-form .btn:hover,
	html .purechat-widget .purechat-email-form .btn:active {		
    	background-color: rgb(6, 164, 222);    	
    	color: #fff;
	}

html .purechat-widget .purechat-message span {
	text-transform: none;	
	font-family: "ff-tisa-web-pro",serif;
}

html .purechat-widget .purechat-init-form, 
html .purechat-widget .purechat-email-form {
	padding: 0px 20px 30px;
}

html .purechat-widget .purechat-init-form input, 
html .purechat-widget .purechat-init-form textarea, 
html .purechat-widget .purechat-email-form input, 
html .purechat-widget .purechat-email-form textarea,
html .purechat-widget textarea.purechat-send-form-message {
	height: auto;
	margin: 0px 0px 20px;
	font-size: 13px;
	line-height: 15px;
	font-family: "ff-tisa-web-pro",serif;
	color: #333;
	padding: 2px 5px !important;
	border: 1px solid gray !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
}


html .purechat-widget .purechat-send-form-container {
	padding: 10px;
	border: none;
}

html .purechat-widget .purechat-message-note, 
html .purechat-widget .purechat-message-note strong, 
html .purechat-widget .purechat-message-display-container p, 
html .purechat-widget .purechat-poweredby-container .purechat-poweredby, 
html .purechat-widget .purechat-message-note {
	color: #fff;
}

html .purechat-widget a, 
html .purechat-widget a:link, 
html .purechat-widget a:visited, 
html .purechat-widget a:hover {
	color: #333 !important;
}

html .purechat-widget .purechat-message-container.purechat-message-left,
html .purechat-widget .purechat-message-container.purechat-message-right {
	padding: 5px 10px;	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

html .purechat-widget .purechat-menu .btn, 
html .purechat-widget .btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	text-align: center;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

html .purechat-widget [data-trigger="popOutChat"] {
	display: none !important;
}

html .purechat-bottom .purechat-collapsed {
	top: 0;
}

#products_overview_menu {
	border: 0;
}

#products_overview_menu a {
	color: #FFFFFF;
}

#products_overview_menu a:hover {
	color: #00A4CF;
}

.productsContent {
	float: left;
	width: 70%;
}

.sky-section.list-view .productsContent p {
	width: 100%;
}

.productsVideoThumb {
	float: right;
	width: 28%;
}

.productsVideoThumb p.desc {
	color: #06a4de;
	font-size: 14px;
	font-weight: bold;
	font-family: "proxima-nova-soft",sans-serif;
	width: 75%;
}

.contentProducts .sky-body {
	padding-bottom: 128px;
	padding-top: 50px;
}

.contentProducts .sky-section {
	margin-top: 60px;
	padding-bottom: 70px
}


form.subscribe {
	margin-bottom: 20px;
}

form.subscribe label {
	color: #00A4DE;
	margin-top: 0;
}

	form.subscribe input[type="text"],
	form.subscribe input[type="submit"],
	form.subscribe input[type="button"] {
		height: 32px;
		border: 0 none; 
		margin-top: 6px;
	}
	
	form.subscribe input[type="text"] {
		padding: 0px 0px 3px 8px;
		width: 200px;
		float: left;
		border-radius: 3px 0px 0px 3px;
	}
	
	form.subscribe input[type="submit"],
	form.subscribe input[type="button"] {
	 	background: #00a4de;
	    color: #ffffff;
	    border-radius: 0px 3px 3px 0px;
	    cursor: pointer;
	}
	
	form.subscribe input[type="submit"]:hover,
	form.subscribe input[type="button"]:hover {
	 	background: #FFFFFF;
	 	color: #00a4de;
	 	border-left: 1px solid #00a4de;
	}

#streetview {
    margin-top: 150px;
}

.scrollDownContent {
    bottom: -8px;
    left: 47%;
    position: absolute;
    width: 71px;
    height: 35px;
    z-index: 5;
}
	
	a.scrollDown {
	    margin-left: -13px;
	    padding: 14px 60px;
	    background: #06A4DE;
	    height: 40px;/*height should be double border*/
	}

	a.scrollDown:before,
	a.scrollDown:after{
	    position:absolute;
	    display:block;
	    content:"";
	    border:16px solid transparent;/*adjust size*/
	}
	
	a.scrollDown:before{ /*Change four 'top' values below to rotate (top/right/bottom/left)*/
	    top:0;
	    border-top-color:#FFFFFF;/*Arrow Color*/
	}
	
	a.scrollDown:after{
	    top:-2px;/*adjust thickness*/
	    border-top-color:#06A4DE;/*Match background colour*/
	}
	
	a.scrollDown:hover {
	    background: #FFFFFF;
	}
	
	a.scrollDown:hover:before {
	    border-top-color:#06A4DE;/*Arrow Color*/
	}
	a.scrollDown:hover:after {
	    border-top-color:#FFFFFF;/*Match background colour*/
	}

.breadcrumb {
    box-shadow: none;
    padding: 9px 8px;
    position: relative;
    padding-top: 0;
    height: 27px;
}

.division.sized {
    height: 97px;
}

.breadcrumb a {
    background: none repeat scroll 0 0 #ffffff;
    color: #06a4de;
    float: left;
    font-size: 13px;
    padding: 8px 12px;
    width: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.breadcrumb a:hover {
    background: #00A4DE;
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb a .fa {
	margin-right: 4px;
}

#Our-Success-Stories {
    bottom: 97px;
    position: absolute;
}

.appsBg {
    padding-bottom: 60px;
}





.appHover .btn {
	background: #FFFFFF!important;
}

.appHover:hover {
	text-decoration: none;
}

.appHover span:first-child {
	font-size: 24px;
}

.appHover span {
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 10px;
	display: block;
}

.appHover b {
	display: block;
}





.slider-section p {
	text-align: center;
}

.appButtonNext {
	right: 0;
}

.contact-address {
	cursor: pointer;
	font-weight: 600;
}

#appNavButtons,
#successNavButtons {
	top: 100px;
	position: relative;
}

#successNavButtons {
	top: 240px;
	z-index: 99;
}

.spImagesButton {
	box-shadow: none;
	position: absolute;
    top: 126px;
    right: 0; 
    background-color: #B93B7F;
    color: #FFF;
    padding: 10px;
    width: 240px;
    text-align: center;
}

.spImagesButton:hover {
    background-color: #800D4B;
    text-decoration: none;
}

.appDivision {
	height: 230px!important;
}

.closeVideo {
	position: absolute;
	z-index: 9999;
	background-color: #111111;
	top: 12px;
    right: 12px;
}

.closeProduct {
	position: fixed; 
	top: 97px;
	z-index: 10;
}

.closeAppSlider {
	  width: 20px;
	  position: fixed;
	  top: 97px;
	  z-index: 99;
	  right: 0;
}

.closeServices {
	  position: fixed!important;
}

.servicesSlider {
	min-height: 740px;
}

.closeApp {
	  position: fixed!important;
	  top: 97px;
	  right: 0;
}

.videoHome,
.closeSuccess {
	  position: fixed!important;
	  top: 97px!important;
}
.closeTour,
.videoHome,
.closeServices,
.closeSuccess {
	top: 0;
	right: 0;
}
  
.closeProducts {
	top: 11px;
	right: 9px;
	background-color: #222222!important;
}

.closeProducts:hover {
	background: #FFFFFF!important;
}


/* Cross Icon */

.cross {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #06A4DE;
  cursor: pointer;
  z-index: 9;
}

	.cross:hover {
	  background: #FFFFFF;
	}
	
	.cross:before, 
	.cross:after {
	  position: absolute;
	  left: 15px;
	  top: 5px;
	  content: ' ';
	  height: 23px;
	  width: 2px;
	  background-color: #ffffff;
	}
	
	.cross:hover::before, 
	.cross:hover::after {
	  background-color: #06A4DE;
	}
	
	.cross:before {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	.cross:after {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}


li.menuSubtitle {   
	  line-height: 0;
	  padding-top: 18px;
	  color: #999999;
	  font-size: 11px;
	  text-align: center;
	  font-family: "proxima-nova-soft",sans-serif;
}	

.menuActive {
      background: #FFFFFF;
      color: rgb(6, 164, 222);
}
            
.menuActiveSpan {
      background-color: #06A4DE!important;
}

/*Privacy Policy page*/

.sp-privacy-policy p,
.sp-privacy-policy li {
    color: #555555;
}

.sp-privacy-policy h2 {
    color: #06a4de;
}

.sp-privacy-policy .background.bck-7 {
    background-position: 50% 0px!important;
}

    @media only screen and (max-width: 1100px) {
        .sp-privacy-policy .white-background {
            top: 0!important;
        }
    }