/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */body{font-family:'Arimo', sans-serif;overflow-x:hidden}p{font-size:20px; direction:rtl;}p.small{font-size:16px}a,a.active,a:active,a:focus,a:hover{color:red}h1,h2,h3,h4,h5,h6{font-family:'Arimo', sans-serif; text-transform:uppercase;font-weight:700} iframe{border:0;} hr.star-light,hr.star-primary{padding:0;border:none;border-top:solid 5px;text-align:center;max-width:250px;margin:25px auto 30px}hr.star-light:after,hr.star-primary:after{content:"\f005";font-family:FontAwesome;display:inline-block;position:relative;top:-.8em;font-size:2em;padding:0 .25em}hr.star-light{border-color:#fff}hr.star-light:after{background-color:#18BC9C;color:#fff}hr.star-primary{border-color:#2C3E50}hr.star-primary:after{background-color:#fff;color:#2C3E50}.img-centered{margin:0 auto}header{text-align:center;background-image:url("../img/be-cover.jpg"); background-size: cover; background-position:center top; color:#fff;}header .container{padding-top:400px;padding-bottom:50px}header img{display:block;margin:0 auto 20px}header .intro-text .name{display:block;font-family:'Arimo', sans-serif; text-transform:uppercase;font-weight:600;font-size:2em; direction:rtl;}header .intro-text .skills{font-size:1.25em;font-weight:300}
 @media (min-width:768px){
    header .container{
        padding-top:400px;
        padding-bottom:100px;
        width: 100%;
    } 
    header .intro-text .name{
         font-size:4.75em}
    header .intro-text .skills{
         font-size:1.75em}
    }
 
 .navbar-custom{
    background:#fff;
    font-family:'Arimo', sans-serif; 
    text-transform:uppercase;
    font-weight:400;
    border:none; 
    border-bottom: 1px #ddd solid; 
    box-shadow:1px 1px 15px 1px #232b63;


}    


 .map-responsive{
    overflow:hidden;
    padding-bottom:145%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.address_b{
    display: block;
    direction: rtl;
    float: right;
    font-size: 1em;
    max-width: 100%;
    padding: 10%;
    text-align: right;
    position:relative;
    margin: auto;
    width:33.33333%;
    word-wrap: break-word;
    padding-left:0%;
    padding-right:0px;
    margin-top: 0px ;
    margin-bottom:0px;
    padding-top: 0%;
    height: 7em;

    }



.address_b p{
    font-size:1em;
    width: 100% fit-content;
    height: 100% auto;
    
}
    .navbar-custom .navbar-brand,.navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{color:#fff}
    .navbar-custom .navbar-nav{
        letter-spacing:1px
    }
    .navbar-custom .navbar-nav li a{
        color:#232b63
    }
    .navbar-custom .navbar-nav li a:hover{
        color:#2e3fb9
    }
    .navbar-custom .navbar-nav li a:active,.navbar-custom .navbar-nav li a:focus{
        color:#2e3fb9
    }
    .navbar-custom .navbar-nav li.active a,.navbar-custom .navbar-nav li.active a:active,.navbar-custom .navbar-nav li.active a:focus,.navbar-custom .navbar-nav li.active a:hover{
        color:#2e3fb9;
    }
    .navbar-custom .navbar-toggle{
        color:#fff;
        text-transform:uppercase;
        font-size:15px;
        background-color:#232c63;
    }
    .navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{
        background-color:#fff;
        color:#232c63;
        border-color:#232c63
    }
    @media (min-width:768px){
    .navbar-custom{
        padding:0 0;
        -webkit-transition:padding .3s;
        -moz-transition:padding .3s;
        transition:padding .3s}
    .navbar-custom .navbar-brand{
        font-size:2em;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s
    }
    @media (max-width:995px){
    .navbar-brand img{
        padding-left: 200px;
    }
	
    }
    .navbar-custom.affix{
        padding:10px 0
    }
        
    .navbar-custom.affix .navbar-brand{
        font-size:1.5em}
    }
        section{
            padding:45px 0}
        section h2{
            margin:0;
            font-size:4em; 
            color:#232b63;}
        section.success{
            background:red;
            color:#fff}
            
        @media (max-width:767px){
            section{
                padding:70px 0
            }
        section.first{
            padding-top:75px
        }
        .logo-responsive{
            margin: 0 auto;
            width: 100%;
            text-align: center;
        }
		.shop{
	text-align: center;
	font-size: 1em;
	padding-bottom: 20px;
	}
		
        }
    
        #portfolio .portfolio-item{
            margin:0 0 15px;right:0
        }
        #portfolio .portfolio-item .portfolio-link{
            display:block;
            position:relative;
            max-width:400px;
            margin:0 auto
        }
        #portfolio .portfolio-item .portfolio-link .caption{
            background:rgba(34, 43, 98, 0.9);
            position:absolute;
            width:100%;
            height:100%;
            opacity:0;
            transition:all ease .5s;
            -webkit-transition:all ease .5s;
            -moz-transition:all ease .5s}
        #portfolio .portfolio-item .portfolio-link .caption:hover{
            opacity:1
        }
        #portfolio .portfolio-item .portfolio-link .caption .caption-content{
            position:absolute;
            width:100%;
            height:20px;
            font-size:20px;
            text-align:center;
            top:50%;
            margin-top:-12px;
            color:#fff}
            #portfolio .portfolio-item .portfolio-link .caption .caption-content i{
                margin-top:-12px
            }
            #portfolio .portfolio-item .portfolio-link .caption .caption-content h3,#portfolio .portfolio-item .portfolio-link .caption .caption-content h4{
                margin:0
            }
            #portfolio *{
                z-index:2
            }
            @media (min-width:767px){
                #portfolio .portfolio-item{
                    margin:0 0 30px; 
                    text-align: -moz-center;}
                }
                .floating-label-form-group{
                    position:relative;
                    margin-bottom:0;
                    padding-bottom:.5em;
                    border-bottom:1px solid #eee}
                    .floating-label-form-group input,.floating-label-form-group textarea{
                        z-index:1;
                        position:relative;
                        padding-right:0;
                        padding-left:0;
                        border:none;
                        border-radius:0;
                        font-size:1.5em
                        ;background:0 0;
                        box-shadow:none!important;
                        resize:none; 
                        direction:rtl;
                    }
                        .floating-label-form-group label{
                            display:block;
                            z-index:0;
                            position:relative;
                            top:2em;
                            margin:0;
                            font-size:.85em;
                            line-height:1.764705882em;
                            vertical-align:middle;
                            vertical-align:baseline;
                            opacity:0;
                            -webkit-transition:top .3s ease,opacity .3s ease;
                            -moz-transition:top .3s ease,opacity .3s ease;
                            -ms-transition:top .3s ease,opacity .3s ease;
                            transition:top .3s ease,opacity .3s ease
                        }
                        .floating-label-form-group:not(:first-child){
                            padding-left:14px;
                            border-left:1px solid #eee
                        }
                        .floating-label-form-group-with-value label{
                            top:0;opacity:1
                        }
                        .floating-label-form-group-with-focus label{
                            color:#18BC9C
                        }
                        form .row:first-child .floating-label-form-group{
                            border-top:1px solid #eee
                        }
                        footer{
                            color:#fff
                        }
                        footer h3{
                            margin-bottom:30px
                        }
                        footer .footer-above{
                            padding-top:50px;
                            background-color:#222b62
                        }
                        footer .footer-col{
                            margin-bottom:50px
                        }
                        footer .footer-below{
                            padding:25px 0;
                            background-color:#0c1652
                        }
                        .btn-outline{
                            color:#fff;
                            font-size:20px;
                            border:2px solid #fff;
                            background:0 0;
                            transition:all .3s ease-in-out;
                            margin-top:15px
                        }
                        .btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{
                            color:red;
                            background:#fff;
                            border:2px solid #fff
                        }
                        .btn-primary{
                            color:#fff;
                            background-color:#2C3E50;
                            border-color:#2C3E50;
                            font-weight:700
                        }
                        .btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{
                            color:#fff;
                            background-color:#1a242f;
                            border-color:#161f29
                        }
                        .btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{
                            background-image:none
                        }
                        .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] 
                        .btn-primary:hover{
                            background-color:#2C3E50;
                            border-color:#2C3E50
                        }
                        .btn-primary .badge{
                            color:#2C3E50;
                            background-color:#fff
                        }
                        .btn-success{
                            color:#fff;
                            background-color:red;
                            border-color:red;
                            font-weight:400
                        }
                        .btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{
                            color:red;
                            background-color:#fff;
                            border-color:red
                        }
                        .btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{
                            background-image:none
                        }
                        .btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] 
                        .btn-success:hover{
                            background-color:#18BC9C;
                            border-color:#18BC9C
                        }
                        .btn-success .badge{
                            color:#18BC9C;
                            background-color:#fff
                        }
                        .btn-social{
                            display:inline-block;
                            height:50px;
                            width:50px;
                            border:2px solid #fff;
                            border-radius:100%;
                            text-align:center;
                            font-size:20px;
                            line-height:45px
                        }
                        .scroll-top{
                            position:fixed;
                            right:2%;
                            bottom:2%;
                            width:50px;
                            height:50px;
                            z-index:1049
                        }
                        .scroll-top .btn{
                            font-size:20px;
                            width:50px;
                            height:50px;
                            border-radius:100%;
                            line-height:28px
                        }
                        .portfolio-modal .modal-content{
                            border-radius:0;
                            background-clip:border-box;
                            -webkit-box-shadow:none;
                            box-shadow:none;
                            border:none;
                            min-height:100%;padding:100px 0;text-align:center}.portfolio-modal .modal-content h2{margin:0;font-size:3em}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content .item-details{margin:30px 0}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#2C3E50;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#2C3E50;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.portfolio-modal .modal-backdrop{opacity:0;display:none}#skipnav a{padding:6px;position:absolute;top:-40px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:0 0;transition:top 1s ease-out,background 1s linear;z-index:2000}#skipnav a:focus{position:absolute;left:0;top:0;background:#18BC9C;outline:0;transition:top .1s ease-in,background .5s linear}div#maincontent{outline:0}
							
						.shop{
							text-align: center;
							font-size: 2em;
							padding-bottom: 20px;
							}