/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 24, 2018, 12:25:22 AM
    Author     : Halkawt
*/



footer {
    background-color: rgba(44, 62, 80, 1.0);

    width: 100%;
    bottom: 0;
    font-weight: lighter;
    color: white;
}
.footerHeader{
    width:100%;
    padding:1em;
    background-color:rgba(52, 73, 94,1.0);
    text-align:center;
    color:white;
}
footer h3{
    font-weight:lighter;
}
footer ul{
    padding-left:5px;
    list-style:none;
}
footer p{
    text-align : justify;
    font-size : 12px;
}
footer iframe {
    width:100%;
    position:relative;
    height:170px;
}
.sm{
    list-style:none;
    overflow:auto;
}
.sm li {
    display: inline;
    padding:5px;
    float:left;
} 
.sm li a img {
    width:32px;
}
section
{
    background:yellow;
}
.banner
{
    background:white;
    min-height:200px;
}
.banner .row
{
    text-align:center;
    margin-top:50px;
}
.banner h1
{
    color:white;
}

/***********************************************************************
*  OPAQUE NAVBAR SECTION
***********************************************************************/
.opaque-navbar {
    background-color: rgba(255,255,255, 0.3);
    /* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    height: 115px;
    border-bottom: 0px;
    transition: background-color .5s ease 0s;
}

.opaque-navbar.opaque {
    background-color: white;
    height: 118px;
    transition: background-color .5s ease 0s;
    border-bottom: 4px solid red;
}

ul.dropdown-menu {
    background-color: black;
}
.logoRes img{
    margin-top: -20px;
}
.navsmall{
    display: none;
    
}
.navlarge{
margin-top: -2px;    
margin-left: 40px;
}
@media (max-width: 992px) {
    body
    {
        background:white;
    }
    .opaque-navbar {
        background-color: rgba(0,0,0,0.5);
        height: 80px;
        transition: background-color .5s ease 0s;
    }
    .navbar-toggle{
        float: right;
        background-color: red;
    }
    #navMain{
        background-color: #333;
    }
  

    .navlarge{
        display: none;
    }
}

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}
a { 
    text-decoration: none;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sticky-social {
    left: 0;
    position: fixed;
    top: 150px;
}
#sticky-social a {
    background: #333;
    color: #fff;
    display: block;
    height: 35px;
    font: 16px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
}
#sticky-social a span {
    line-height: 35px;
    left: -120px;
    position: absolute;
    text-align:center;
    width:120px;
}
#sticky-social a:hover span {
    left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  



@font-face {
    font-family: firstfont;
    src: url(KJino_0.TTF);
}

@font-face {
    font-family: secfont;
    src: url(mainfont.TTF);
}

@font-face {
    font-family: thfont;
    src: url(KMagroon_0.TTF);
}
@font-face {
    font-family: font21;
    src: url(fonts/K24KurdishBold-Bold.ttf);}
@font-face {
    font-family: font22;
    src: url(./fonts/NRT-Bd.ttf);
}
@font-face {
    font-family: font23;
    src: url(./fonts/Peshang_Des_4_Bold.ttf);
}
@font-face {
    font-family: font24;
    src: url(./fonts/Speda-Bold.ttf);
}
@font-face {
    font-family: font25;
    src: url(./fonts/rudawbold.ttf);
}
@font-face {
    font-family: font26;
    src: url(kHiwa_0.ttf);
}