html, body {
    font-family: 'Raleway', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    color: #333333;
    margin:0px !important;
    padding:0px !important;
    background-color:#ffffff;
    /*	overflow-y: scroll;*/
}
a:visited {
    color: #00bfff;
}
/*Header*/
a:hover, a:focus{
    text-decoration: none;
}
header{    
    position: sticky;
    top:0px;
    width:100%;
    background-color:#ffffff;
    z-index:99999;
    border-bottom: 2px solid #f8ac11;
}



.captionHolder{	
    position:absolute; 
    text-align:center;
    top: 34%;
    width:100%;
    margin:auto;
}

.cameraTitle h1{
    font-size: 42px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    color: #ffffff !important;
    line-height:40px;

}

.cameraSubtitle{
    font-size:20px; 
    font-family:"Open Sans",sans-serif;
    font-weight:400;
    color:#ffffff;
    margin-top:10px;
}

.cameraButton {
    margin-top:60px;
}

.cameraButton a{	
    border-radius: 5px;
    background-color: #ffffff;
    color: #2c4c83;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 600;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    transition:background-color 0.2s;
    text-transform:uppercase;
}

.cameraButton a:hover{	
    background-color:#2c4c83;
    color: #FFFFFF;
    text-decoration:none;
}
/*Header*/

.gridSection{
/*    background-image: url(../../images/grid.png);
    background-repeat: repeat;
    background-position: center center;*/
    padding-top: 80px;
    padding-bottom: 60px;
    text-align:center;	
    color: #666666;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
}

.gridSection h2{
    color: #333333 !important;
    font-size: 24px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
}

.gridSubtitle{
    color: #999999;
    font-size: 17px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
}

.gridServices{
    margin-top:60px;
}

.serviceIconAllignment{
    text-align:center !important;
}

.serviceIcon{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 106px;
    width: 106px;
    display:inline-block;	
}

.serviceIcon1{
    background-image: url(../../images/serviceIcon1.png);
}

.serviceIcon2{
    background-image: url(../../images/serviceIcon2.png);
}

.serviceIcon3{
    background-image: url(../../images/serviceIcon3.png);
}

.serviceIcon4{
    background-image: url(../../images/serviceIcon4.png);
}

.serviceLink a h3 {
    color: #333333 !important;
    font-size: 15px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    transition:color 0.2s ease-in-out;
}

.serviceLink a .serviceIcon {

}

.serviceLink a:hover .serviceIcon{
    background-position: -108px 0px;
}

.serviceLink a:hover h3{
    color: #2d4d82 !important;
    text-decoration:none;
}

.parallaxParent {
    overflow: hidden;
}

.shadow{
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
    padding-top: 80px;
    padding-bottom: 80px;
}

.linksSection{
    background-image: url(../../images/houses.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.linksSection h2{
    color: #ffffff !important;
    font-size: 24px;
    font-family:"Open Sans",sans-serif;
    font-weight: bold;
    padding-bottom:20px;
}

.linksRow{
    padding-top:60px;
}

.usefullLink{
    text-align:center;
    color: #ffffff;
    font-size: 18px;
    font-family:"Open Sans",sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    transition:opacity 0.2s ease-in-out;
}

.usefullLink a{
    color: #ffffff;
}

.usefullLink:hover{
    opacity:0.5;
}

.infoRow{
    padding-top:60px;
}

.infoBorder{
    padding-bottom:20px;
    border-bottom:solid 1px #ffffff;
    margin-bottom:30px;
    cursor:pointer;
}

.infoRow{
    color: #ffffff;

}

.infoRow a{
    color: #ffffff;
}

.infoHover{
    transition:opacity 0.2s ease-in-out;
}

.infoHover:hover{
    opacity:0.5;
}

.infoText{
    color: #ffffff;
    font-size: 15px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    padding-top:5px;
    padding-left:15px;
}

.gridSection2{
/*    background-image: url(../../images/grid.png);
    background-repeat: repeat;
    background-position: center center;*/
    padding-top: 10px;
    padding-bottom: 0px;
    text-align:left;	
    color: #666666;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
}

.gridSection2 h2{
    color: #333333;
    font-size: 24px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
}

.contactFirst{
    padding-top:40px;
}

.contactRow{
    padding-bottom:20px;
    border-bottom:solid 1px #cccccc;
    margin-bottom:30px;
}

.contactLast{
    border-bottom:solid 0px #cccccc;
}

.contactRow a .contactText{
    color: #333333;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    padding-top:5px;
    transition:color 0.2s ease-in-out;
}

.contactRow a:hover .contactText{
    color: #ffad2d;
}

/*Map*/
.paddingMap{
    padding-left:85px;
}

.map{
    color: #333333;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    position: relative;
    max-width: 706px;
}

.mapPoint1{
    position:absolute;
    right:48%;
    top:46%;
}
.locationText1{ padding-top:5px; display:inline-block; vertical-align:top;}
.locationPoint1a,.locationPoint1c,.locationPoint1d,.locationPoint1e,.locationPoint1f,.locationPoint1g,.locationPoint1h{ display:inline-block; vertical-align:top;}
.locationPoint1b,.locationPoint2b,.locationPoint3b,.locationPoint4b,.locationPoint5b,.locationPoint6b{padding-top:5px; display:inline-block; vertical-align:top;}

.locationPoint3c{padding-top:5px; display:inline-block; vertical-align:top;}

.mapPoint2{
    position:absolute;
    right:26%;
    top:53%;
}
.locationText2{display:inline-block; vertical-align:top;}
.locationPoint2{display:inline-block; vertical-align:top;}

.mapPoint3{
    position:absolute;
    right:42%;
    top:65%;
}
.locationText3{display:inline-block; vertical-align:top;}
.locationPoint3{display:inline-block; vertical-align:top;}

.mapPoint4{
    position:absolute;
    left:30%;
    bottom:14%;
}
.locationText4{vertical-align:top;}
.locationPoint4{display:inline-block; vertical-align:top; text-align:center;}

.mapPoint5{
    position:absolute;
    left:10%;
    bottom:17%;
}
.locationText5{vertical-align:top; display:inline-block;}
.locationPoint5{display:inline-block; vertical-align:top; display:inline-block;}

.mapPoint6{
    position:absolute;
    right:40%;
    top:42%;
}
.locationText6{vertical-align:top; display:inline-block;}
.locationPoint6{display:inline-block; vertical-align:top; display:inline-block;}

.fa-map-marker{
    color:#2d4d82;
    font-size:24px !important;
    transition: color 0.2s ease-in-out;
}

.mapLink{
    color: #333333;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    transition: color 0.2s ease-in-out;
}

.mapLink:hover{
    color:#ffad2d;
    text-decoration:none;
    outline:none;
}

.mapLink:focus{
    text-decoration:none;
    outline:none;
}

.mapPopup{
    color: #333333;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    transition: color 0.2s ease-in-out;
}

.mapPopup:hover{
    color:#ffad2d;
    text-decoration:none;
    outline:none;
}

.mapPopup:hover .fa-map-marker{
    color:#ffad2d;
    text-decoration:none;
    outline:none;
}

.mapPopup:focus{
    text-decoration:none;
    outline:none;
}

/*Map*/

/*Footer*/
.footerLinksSection{
    background-color:#f4f4f4;
    padding-top:10px;
    padding-bottom:10px;	
    color: #666666;
    font-size: 12px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    border-top:1px solid #FFF;
}

.footerLinksSection a{
    color: #333333;
    font-size: 14px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
}

.footerLinksSection a:hover{
    color:#f8ac11;
    text-decoration:underline;
}

.footerLogo3{
    padding-top:20px;
}

.footerCopyrightSection{
    background-color:#ffffff;
    padding-top:15px;
    padding-bottom:15px;
    color: #666666;
    font-size: 12px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;	
}

.footerCopyrightSection a{
    color: #ffad2d;
    font-size: 12px;
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
    text-decoration:underline;
}

.footerCopyrightSection a:hover{
    text-decoration:none;
}

.footerSocial{
    text-align:right;
}

.socialIcon a{
    font-size:12px;
    color:#ffffff;
    background-color:#ffad2d;
    border:solid 1px #ffad2d;
    width:25px;
    height:25px;
    border-radius:50%;
    text-align:center;
    padding-top:3px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    display:block;
}

.socialIcon a:hover{
    color: #ffad2d;
    background-color: #ffffff;	
}

.logosFooter2{
    display:none;
}

footer .headerSubtitle {
    font-size: 11px !important;
}
footer .headerTitle {
    font-size: 13px !important;
}

/*Footer*/


/*common styles*/

.hidden {
    display: none;
}

.vallignTop{ vertical-align:top !important;}
.vallignMiddle{ vertical-align:middle !important;}
.vallignBottom{ vertical-align:bottom !important;}

.allignRight{
    text-align:right;
}
.allignLeft{
    text-align:left ;
}

.allignCenter{
    text-align:center !important;
}

.margin0 {
    margin:0px;
}

.marginTop2{
    margin-top:2px;	
}
.marginTop5{
    margin-top:5px;
}
.marginTop10 {
    margin-top:10px;
}

.marginTop15 {
    margin-top:15px;
}

.marginTop20 {
    margin-top:20px;
}

.marginTop25 {
    margin-top:25px;
}

.marginTop30 {
    margin-top:30px;
}

.marginTop40 {
    margin-top:40px;
}
.marginTop50 {
    margin-top:50px;
}
.marginTop60 {
    margin-top:60px;
}

.marginBottom5 {
    margin-bottom:5px;
}

.marginBottom10 {
    margin-bottom:10px;
}

.marginBottom15 {
    margin-bottom:15px;
}

.marginBottom20 {
    margin-bottom:20px;
}

.marginBottom30 {
    margin-bottom:30px;
}

.marginBottom40 {
    margin-bottom:40px;
}

.marginBottom50 {
    margin-bottom:50px;
}

.marginLeft5{
    margin-left:5px;
}

.marginLeft10{
    margin-left:10px;
}

.marginRight0{
    margin-left:0px !important;
}

.marginRight5{
    margin-left:5px !important;
}
.marginRight10 {
    margin-right:10px;
}
.marginRight30{margin-right:30px;}
.padding0 {
    padding:0px;
}

.paddingTop5 {
    padding-top:5px;
}

.paddingTop10 {
    padding-top:10px;
}

.paddingTop15{
    padding-top:15px;
}

.paddingTop20 {
    padding-top:20px;
}

.paddingTop30 {
    padding-top:30px;
}

.paddingTop40 {
    padding-top:40px;
}

.paddingBottom10{
    padding-bottom:10px;
}

.paddingBottom20{
    padding-bottom:20px;
}

.paddingLeft0 {
    padding-left:0px;
}

.paddingLeft2 {
    padding-left:2px;
}

.paddingLeft5 {
    padding-left:5px;
}

.paddingLeft15 {
    padding-left:15px;
}

.paddingLeft10 {
    padding-left:10px;
}

.paddingLeft20 {
    padding-left:20px;
}

.paddingLeft30 {
    padding-left:30px;
}

.paddingLeft35 {
    padding-left:35px;
}

.paddingLeft40 {
    padding-left:40px;
}
.paddingRight0 {
    padding-right:0px;
}
.paddingRight5 {
    padding-right:5px;
}
.paddingRight10 {
    padding-right:10px;
}
.paddingRight15 {
    padding-right:15px;
}

.paddingRight20 {
    padding-right:20px;
}

.paddingRight30 {
    padding-right:30px;
}

.paddingRight40 {
    padding-right:40px;
}

.displayNone {
    display:none;
}

.bold{ 
    font-weight:bold!important;
}

.positionRelative{
    position:relative;
}

.positionTopLeft{
    position:absolute;
    top:0px;
    left:0px;
}

.positionBottomLeft{
    position:absolute;
    bottom:-5px;
    left:0px;
}

.inlineBlock{
    display:inline-block;
    vertical-align:middle !important;
}

.flexBlock{
    display:flex;
    vertical-align:middle !important;
}

.marginAuto{margin:auto !important; }
/*Common Styles*/

.languagesMobile{
    display:none !important;
}

.footerLinks{
    padding-right:30px;
}

.positionCustom{
    margin-top: 153px;
}

.gridSectionStick {
  position:fixed;;
}

/*=================== MEDIA QUERIES ===========================*/


@media (min-width: 768px) {

    /* Underline From Center */
    .hvr-underline-from-center {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        overflow: hidden;
    }
    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #ffad2d ;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }
    .active .hvr-underline-from-center:before {
        left: 0;
        right: 0;
    }
    /**/

    .container{
        width: 90% !important;
    }
}

@media (max-width: 1500px){
    .linksSection{
        background-position: 0px -350px;
    }
}

@media (max-width: 1190px){
    .s4-bodyContainer{
        padding-top:210px !important;
    }
    .linksSection{
        background-position: 0px -150px;
    }
}

@media (max-width: 1200px) {

    .s4-bodyContainer{
        padding-top:200px !important;
    }

    .sliderSection{
        padding-top:200px !important;
    }

    .searchCell{
        text-align:center;
    }
}

@media (min-width: 768px) and (max-width: 1098px){
    footer .iconsVisibility{
        display: none;
    }
    .linksSection{
        background-position: 0px -15px;
    }
}
@media (min-width: 768px) and (max-width: 1214px){
    .positionCustom{
        margin-top: 241px;
    } 
}
@media (min-width: 480px) and (max-width: 767px){
    footer .iconsVisibility{
        display: inline-block;
    }
}
/* tablets */
@media (max-width: 992px) {

    .footerSocial{
        text-align:left;
        padding-top:20px;
    }	

    .infoText{
        padding-left:25px !important;
    }

}

/* small devices */
@media (max-width: 767px) {
    header{
        position:fixed;
        padding-top:25px;
    }

    .sliderSection{
        display:none;
    }

    /* Underline From Center */
    .hvr-underline-from-center:before {
        height: 0px;
    }
    /**/

    .gridSection{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .gridSection2{
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .gridServices{
        margin-top:10px;
    }

    .serviceLink{
        padding-top:30px;
    }

    .linksSection{
        padding-top: 40px;
        padding-bottom: 40px;
        background-image: url(../../images/houses.jpg);
        background-size:cover;
        background-position: unset;
    
    }
    
    .shadow{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .linksRow{
        padding-top:0px;
    }

    .usefullLink{
        padding-bottom:20px;
        text-align:left;
    }

    .infoRow{
        padding-top:0px;
    }

    .infoText{
        padding-top:10px;
        padding-left:15px !important;
    }

    .logosFooter{
        padding-top:40px;
    }

    .map{
        margin-bottom:30px;
    }

    .paddingMap{
        padding-left:15px;
    }

    .contactFirst {
        padding-top:20px;
    }

    .footerLinksSection {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .socialIcon a{
        font-size:16px;
        width:35px;
        height:35px;
        padding-top:5px;
    }

    .gridSection a:hover,.gridSection a:focus,.gridSection2 a:hover,.gridSection2 a:focus,.linksSection a:hover,.linksSection a:focus{

        text-decoration:none !important;

    }

    .searchCell{

    }

    .usefullPadding{
        padding-left:0px;
        border-bottom:solid 1px #ffffff;
        padding-bottom:20px;
    }

    .infoPadding{
        padding-left:0px;
    }

    .infoText{
        padding-left:0px !important;
    }

    .footerLinks{
        display:block;
        padding-right:0px;
        padding-top:5px;
    }

    .infoHeaderPadding {
        padding-left:10px;
    }

    .mapText a{
        color: #666666;
        font-size: 12px;
        font-family:"Open Sans",sans-serif;
        font-weight: 400;	
    }

    .mapText{
        padding-top:5px;
        padding-bottom:20px;
        margin-bottom:20px;
        border-bottom:solid 1px #cccccc;
    }

    .positionCustom{
        margin-top: 111px;
    } 
}

@media (max-width: 640px) {
    .searchForm{
        padding-top:0px;
        padding-bottom:0px;
    }
}

@media (max-width: 480px) {

    .paddingMap{
        padding-bottom:20px;
    }

    .logosFooter{
        padding-top:20px;
    }

    .logosFooter2{
        display:block;
        padding-top:20px;
    }

    .mapPoint1,.mapPoint2,.mapPoint3,.mapPoint4,.mapPoint5{
        position:relative !important;
        display:block !important;
        left:0px !important;
        top:0px !important;
    }

    .locationPoint5{display:none;}

    .locationText1,.locationText2,.locationText3,.locationText4,.locationText5{ 
        padding-top:5px; display:inline-block; vertical-align:top;
    }

    .locationPoint1a,.locationPoint1a,.locationPoint2,.locationPoint3,.locationPoint4,.locationPoint5b{ padding-top:0px; display:inline-block; vertical-align:top;}

    .searchField{
        width:200px;
    }
}

@media (max-width: 578px) {
    .positionCustom{
        margin-top: 131px;
    }
}

@media (max-width: 360px) {


    .searchField{
        width:150px;
    }

}