/* Epsilon Framework Styles*/

.disabled{
    display:none;
}

*::-webkit-scrollbar
{  
    display: none;
}


.fm-1{
    position:absolute;
    width:15px;
    height:2px;
    background-color:#000000;
    margin-top:25px;
    margin-left:20px;
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    transition:all 250ms ease;
}

.fm-2{
    position:absolute;
    width:15px;
    height:2px;
    background-color:#000000;
    margin-top:29px;
    margin-left:20px;
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    transition:all 250ms ease;
}

.fm-3{
    position:absolute;
    width:15px;
    height:2px;
    background-color:#000000;
    margin-top:33px;
    margin-left:20px;
    transition:all 250ms ease;
}

.active-fm-1{
    width:13px;
    -ms-transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg);   
    margin-top:29px;
    background-color:#c0392b;
    transition:all 250ms ease;
}

.active-fm-2{
    width:13px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);   
    background-color:#c0392b;
    transition:all 250ms ease;
}

.active-fm-3{
    opacity:0;
    transition:all 250ms ease;
}

.page-header{
    height:60px;
    position:fixed;
    color:#000000;
    background-color:#FFFFFF;
    top:5px;
    z-index:99999;
    width:100%;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.header-decoration{
    height:5px;
    top:0px;
    position:fixed;
    width:100%;
    z-index:9999;
}

.header-decoration div, .footer-decoration div{
    height:5px;
    width:10%;
    float:left;
}

.footer-decoration{
    width:100%;
    height:5px;
    position:fixed;
    bottom:0px;
    z-index:99999;
}

.deco-0{background-color:#c0392b;}
.deco-1{background-color:#2ecc71;}
.deco-2{background-color:#3498db;}
.deco-3{background-color:#bdc3c7;}
.deco-4{background-color:#f1c40f;}
.deco-5{background-color:#e67e22;}
.deco-6{background-color:#9b59b6;}
.deco-7{background-color:#34495e;}
.deco-8{background-color:#16a085;}
.deco-9{background-color:#95a5a6;}


.left-header-icon{
    position:absolute;
    top:0px;
    left:0px;
    height:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    color:#1f1f1f;
}

.right-header-icon{
    position:absolute;
    top:0px;
    right:0px;
    height:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    color:#1f1f1f;
}

.page-header em{
    display:block;
    text-align:center;
    font-size:16px;
    font-style:normal;
    font-weight:700;
    line-height:60px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    pointer-events:none;
}

.page-header .logo-font{
    font-family:'Open Sans', sans-serif;
    font-style:normal;
    font-weight:800;
    font-size:18px;
}

.page-preloader{
    display:none;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.9);
    position:absolute;
    z-index:9999999;
}

.page-preloader img{
    position:absolute;
    left:50%;
    right:50%;
    top:50%;
    margin-left:-16px;
    margin-top:-16px;
    width:32px;
}

.header-clear{
    height:60px;
    display:block;
}

.header-clear-large{
    height:90px;
}


#footer-fixed{
    opacity:1;
    position:fixed;
    width:100%;
    height:60px;
    background-color:#FFFFFF;
    z-index:999999;
    bottom:0px;
}

.not-active{
    opacity:0!important;
    pointer-events: none!important;
}

/*Nav*/

.menu-top{
    position:fixed!important;
    z-index:9999;
    max-height:426px;
    width:100%;
    -moz-transform: translateY(-427px);
    -webkit-transform: translateY(-427px);
    -o-transform: translateY(-427px);
    -ms-transform: translateY(-427px);
    transform: translateY(-427px);
    transition:all 250ms ease;
    border-bottom:solid 1px rgba(0,0,0,0.05);
}

.menu-top-active{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition:all 250ms ease;
}

@media(min-width:768px){
    .menu-top{
        width:340px!important;
        left:10px;
    }
    
    .menu-top-active{
        -moz-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        transition:all 250ms ease;
    }
}


.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu a{
    font-weight:600!important;
    color:#000000!important;
    font-size:12px!important;
    padding-top:1px;
}

.active-menu .fa-circle{
    color:#2ecc71!important;
    margin-top:26px;
}

.menu-top li{list-style:none; margin-bottom:0px;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }
.submenu{margin-bottom:0px;}

.menu-top{
    border-top:solid 1px rgba(0,0,0,0.1);   
    background-color:rgba(255,255,255,1);
    position:absolute;
    width:100%;
    z-index:999;
    top:59px;
    overflow:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    transition:all 350ms ease;
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01); 
    display:block;
    font-size:11px;
    font-family:'Roboto', sans-serif;
    text-align:Center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position:absolute;
    margin-top:24px;
    margin-left:-40px;
    font-size:14px;
}

.menu-top .fa-circle{
    /*position:absolute!important;*/
    float:right;
    right:0px;
    margin-right:25px;
    font-size:8px;
    margin-top:29px;
}

.menu-top .fa-angle-right{  
    position:absolute;
    left:43px;
    top:-4px;
}

.menu-top .fa-plus{
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    position:absolute!important;
    right:0px;
    margin-right:24px;
    font-size:10px;
    margin-top:27px;
    transition:all 350ms ease;
}

.menu-top a{
    font-size:13px;
    font-weight:500;
    padding-left:70px;
    color:#3b4043;
    line-height:60px;
    border-bottom:solid 1px rgba(0,0,0,0.1); 
}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}

/*.submenu{display:none;}*/

.submenu{
    margin-left:-20px;
    max-height:0px;
    overflow:hidden;
    transition:all 350ms ease;
}

.show-submenu{
    max-height:550px!important;
    transition:all 350ms ease;
}

.submenu a{
    font-size:12px;
    line-height:60px!important;
    opacity:0.8;
    padding-left:90px;
}

.submenu li:hover{
    background-color:rgba(0,0,0,0.02);
}

.submenu .fa-angle-right{
    margin-left:26px;
    margin-top:27px;
}

.active-plus{
    color:#c0392b;
    -ms-transform: rotate(135deg)!important; 
    -webkit-transform: rotate(135deg)!important; 
    transform: rotate(135deg)!important;
    transition:all 350ms ease;
    margin-top:27px!important;
}

.submenu .fa-circle{
    position:absolute;
    z-index:999999;
    margin-top:28px;
    font-size:6px!important;
}

.has-submenu .fa-mobile{
    font-size:22px;
    margin-top:20px;
}



body{
    background-color:#06101e;
}

#header-fixed{
    background-color:#ffffff;
    z-index:9999999;
    height:60px;
}

.footer p{
    margin-bottom:20px;
}

.footer-icons{  
    width:280px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}

.footer-icons a:last-child{
    margin-right:0px;
}


/*Center Socials*/

.facebook-color{
    background-color:#3b5998;
    color:#FFFFFF;
}

.twitter-color{
    background-color:#4099ff;
    color:#FFFFFF;
}

.google-color{
    background-color:#d34836;
    color:#FFFFFF;
}

.pinterest-color{
    background-color:#C92228;
    color:#FFFFFF;
}

.sms-color{
    background-color:#27ae60;
    color:#FFFFFF;
}

.mail-color{
    background-color:#3498db;
    color:#FFFFFF;
}

.center-socials{
    width:180px;
    margin-left:auto;
    margin-right:auto;  
    margin-bottom:0px;
    padding-top:10px;
    margin-top:-10px;
}

.center-socials a{
    transition:all 250ms ease;
    margin-bottom:30px;
}

.center-socials a:hover{
    color:#FFFFFF;
    transform:scale(1.2, 1.2);
    transition:all 250ms ease;
}

.center-socials a i{
    width:40px;
    height:40px;
    line-height:40px;
}

.center-socials .facebook-social{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.center-socials .twitter-social{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.center-socials .google-social{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

/*Social Socials*/

.social-slider-buttons{
    height:60px;
}

.social-slider-buttons a{
    width:33%;
    float:left;
    text-align:center;
    line-height:60px;
    color:#666666;
    transition:all 250ms ease;
}

.social-slider-buttons a:hover{
    background-color:rgba(0,0,0,0.03);
    transition:all 250ms ease;
}

.social-slider-buttons a i{
    padding-right:10px;
}

.slider-facebook{
    color:#3b5998;
}

.slider-twitter{
    color:#4099ff;
}

.slider-phone{
    color:#2cc26b;
}


.slider-heading h4{
    font-weight:800!important;
    line-height:30px;
    margin-bottom:20px;
}

.slider-heading p{
    max-width:75%;
    margin-left:auto;
    margin-right:auto;
}

.orange-decoration{
    width:70px;
    height:4px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    background-color:#e34e47;
}


.heading-strip{
    padding-top:25px;
    padding-bottom:25px;
}

.heading-strip .overlay{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: linear-gradient( to bottom,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.9)
    )   
}


.heading-strip h4{
    color:#FFFFFF;
    position:relative;
    z-index:10;
    margin-bottom:5px;
    font-size:18px;
    font-weight:500!important;
    padding-left:30px;
    padding-right:30px;
}

.heading-strip h4.center-text{
   padding-bottom:10px
}


.heading-strip p.center-text{
    max-width:400px;
    margin-left:auto;
    margin-right:auto;   
}

.heading-strip p{
    position:relative;
    z-index:10;
    margin-bottom:0px;
    color:#FFFFFF;
    padding-left:30px;
    padding-right:30px;
    opacity:0.6;
}


.heading-strip .button{
    z-index:10;
    margin-top:20px;
    border-color:#FFFFFF;
    margin-bottom:0px;
}

.quote-slider h4{
    font-weight:300;
    line-height:40px;
    text-align:center;
}

.quote-slider em{
    margin-top:20px;
    color:#f1c40f;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.quote-slider em i{
    font-size:18px;
    margin-left:5px;
    margin-right:5px;
}

.quote-slider a{
    text-align:center;
    font-size:12px;
    margin-top:-5px;
}

/*Columns*/

/*Columns*/

.image-column-left{margin-bottom:30px; padding-right:30px;}
.image-column-left:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.image-column-left img{
    width:115px;
    height:115px;
    border-top-left-radius:0px;
    border-top-right-radius:100px;
    border-bottom-right-radius:100px;
    border-bottom-left-radius:0px;
    margin-left:-50px;
    float:left;
    margin-right:20px;
}

.image-column-left strong{
    display:block; 
    width:100%;
    font-size:16px;
}

.image-column-left em{
    font-size:14px;
    font-style:normal;
}

.image-column-right{margin-bottom:30px; padding-left:30px;}
.image-column-right:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.image-column-right img{
    width:115px;
    height:115px;
    border-top-left-radius:100px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:100px;
    float:right;
    margin-left:20px;
    margin-right:-50px;
}

.image-column-right strong{
    display:block; 
    width:100%;
    font-size:16px;
}

.image-column-right em{
    font-size:14px;
    font-style:normal;
}


/*FulLScreen Slider*/

.homepage-cover .overlay{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: linear-gradient( to bottom,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.98)
    );
}

.homepage-cover{
    background-size:cover;
    background-position:center center;
}

.homepage-cover-bg-1{    background-image:url(../images/slider/home-cover-1.jpg);}
.homepage-cover-bg-2{    background-image:url(../images/slider/home-cover-2.jpg);}
.homepage-cover-bg-3{    background-image:url(../images/slider/home-cover-3.jpg);}

.homepage-cover h4{
    position:absolute;
    color:#FFFFFF;
    font-size:21px;
    line-height:28px;
    font-weight:800;
    text-transform: uppercase;
    bottom:250px;
    z-index:10;
    padding-left:30px;
    padding-right:30px;
}

.homepage-cover p{
    position:absolute;
    color:rgba(255,255,255,0.8);
    z-index:10;
    padding-left:30px;
    padding-right:30px;
    bottom:110px;
    font-size:12px;
}

.homepage-cover-button{
    position:absolute;
    bottom:50px;
    z-index:10;
    width:85%;
    left:50%;
    margin-left:-42%;
    text-align:center;
    color:#FFFFFF;
    font-weight:700;
    padding-top:8px;
    padding-bottom:8px;
    text-transform:uppercase;
    font-size:12px;
}

@media(min-width:340px) and (max-width:767px){
    .homepage-cover h4{
        font-size:23px;
    }
    
    .homepage-cover p{
        font-size:14px;   
    }
    
}

@media (min-width:768px){
    .homepage-cover h4{
        max-width:360px;  
        left:30px;
    }
    
    .homepage-cover p{
        max-width:360px; 
        left:30px;
    }
    
    .homepage-cover .homepage-cover-button{
        max-width:360px;
        left:30px;
        margin-left:30px;
    }
}

/*Circle Menu Landing Page*/
/*////////////////////////*/

.landing-homepage ul {
    margin-top:-10px;
    padding-left:20px;
    padding-right:20px;
}

.landing-homepage .all-elements{
	background-color:#FFFFFF;	
}

.landing-homepage ul li:last-child{
    margin-bottom:40px;
}

.landing-homepage ul li{
    list-style:none;
    margin-bottom:20px;
}

.landing-homepage ul li{
    width:33.3%;
    float:left;
}

.landing-homepage ul li a{
    padding-top:10px;
}

.landing-homepage ul li a i{
    width:65px;
    height:65px;
    font-size:20px;
    line-height:65px;
    text-align:center;
    display:block;
    color:#FFFFFF;
    border-radius:65px;
    margin-left:auto;
    margin-right:auto;
    -webkit-box-shadow: 0 1px 2px 2px rgba(0,0,0,0.10);
            box-shadow: 0 1px 2px 2px rgba(0,0,0,0.10);  
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

.landing-homepage ul li a i:hover{
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

.landing-homepage ul li a em{
    display:block;
    font-size:14px;
    color:#1f1f1f;
    opacity:0.8;
    font-style:normal;
    text-align:center;
    padding-top:10px;
    font-weight:500;
}

.landing-homepage .fa-mobile{
    font-size:32px!important;
}


@media(min-width:767px){
    
    .landing-homepage .decoration{
        width:700px;
        margin-left:auto;
        margin-right:Auto;
    }
    
    .landing-header{
        width:700px!important;
        margin-left:auto;
        margin-right:auto;
    }
        
    .landing-homepage ul {
        width:700px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-top:-10px;   
        margin-bottom:-10px;
    }
    
    .landing-homepage ul li{
        margin-bottom:20px;   
    }
    
    .landing-homepage ul li a em{
        font-size:16px;   
    }
    
    .landing-homepage ul li a i{
        width:100px;
        height:100px;
        line-height:100px;
        font-size:250%;
        margin-bottom:0px;
    }
    
    .landing-homepage .fa-mobile{
        font-size:48px!important;
    }
    
    .landing-homepage .header{
        position:relative;
    }
    
    .landing-homepage .header-clear{
        height:30px;   
    }
}

.landing-header{
    width:100%;
    z-index:98;
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    margin-bottom:50px;
    background-color:#FFFFFF;
}


.landing-header .decoration{
    margin-bottom:0px;
}

.landing-header-logo{
    width:100px;
    height:30px;
    margin-top:5px;
    float:left;
    font-size:24px;
    font-weight:800;
    color:#1f1f1f;
}

.landing-header-icons{
    height:40px;
    padding-top:5px;
    padding-right:5px;
    width:125px;
    float:right;
    margin-bottom:25px;
}

.landing-header-icons a{
    float:right;
    width:30px;
    height:30px;
    margin-left:10px;
    border-radius:30px;
    line-height:20px;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

.landing-header-icons a:hover{
    -moz-transform: scale(1.15,1.15)!important;
    -webkit-transform: scale(1.15,1.15)!important;
    -o-transform: scale(1.15,1.15)!important;
    -ms-transform: scale(1.15,1.15)!important;
    transform: scale(1.15,1.15)!important;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

.landing-header-icons a i{
    font-size:10px;
    line-height:30px;
    width:30px;
    text-align:center;
    color:#FFFFFF;
}

/*Splash Screen*/

.splash-content{
    width:100%;
    position:absolute;
    z-index:15;
    top:50%;
    height:400px;
    margin-top:-160px;
}

.splash-screen  .overlay{
    z-index:10;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: linear-gradient( to bottom,
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 1)
    )   
}

.splash-content img{
    width:80px;
    margin-left:auto;
    margin-right:auto;
}

.splash-content h4{
    margin-top:20px;
    color:#FFFFFF;
    text-align:center;
    font-size:30px;
    text-transform:uppercase;
}

.splash-content h5{
    color:#cacaca;
    text-align:center;
    font-size:14px;
    font-weight:400;
}

.splash-content p{
    margin-top:30px;
    margin-bottom:40px;
    color:rgba(255,255,255,0.6);
    width:280px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.splash-content a{
    display:block;
    width:150px;
    height:40px;
    line-height:36px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    border:solid 1px rgba(255,255,255,0.5);
    border-radius:5px;
    color:rgba(255,255,255,0.8);
    font-weight:400;
    transition:all 250ms ease;
    font-size:13px;
}

.splash-content a:hover{
    background-color:rgba(255,255,255,0.05);
    transition:all 250ms ease;
}


.harita iframe{
width:100%;
height:250px;
}