/*
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 : Aug 26, 2019, 11:04:07 AM
    Author     : SMS MEDIA
*/

.header1{
                position: relative !important;
                background: #1e74be;
            }
            
            
.sidebar-page-container {
    position: relative;
    padding: 60px 0px 20px;
}
.sidebar-title h2{
   color: #ffffff;
    font-size: 24px;
    padding: 5px 0px 5px 8px;
    background: #e40a0a;
    margin: 3px 0px 12px 0px;
}
.sidebar-widget{
         background: #f3f7ff;
    padding: 5px 15px 15px 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 6px 0px rgba(156, 155, 155, 0.31);

}
.sidebar-about-category img{
    max-width: 100%;
}

.about-cat {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.about-cat li {
    position: relative;
    margin-bottom: 12px;
}
.about-cat li a {
    position: relative;
    color: #424242;
    font-size: 16px;
    font-weight: 600;
    padding-left: 25px;
    padding-bottom: 12px;
    display: block;
    border-bottom: 1px solid #86838352;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.about-cat li a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2e2e31cf;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.about-cat li a span {
    float: right;
}
.about-cat li a:hover {
    color: #e40a0a;
}


.about-form input[type="text"],
.about-form input[type="email"],
.about-form input[type="password"],
.about-form select,
.about-form textarea{     
   line-height: 28px;
    height: 30px;
    margin-bottom: 13px;
    font-size: 16px;
    padding: 5px 25px;
    background: #f3f7ff;
    color: #333333;
    border-radius: 4px;
    border: 1px solid #1e74be54;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    box-sizing: border-box;
    width: 98%;
    box-shadow: 1px 1px 2px rgba(136, 135, 135, 0.68);
}
.about-form textarea{
    height: 50px;
}

.about-form input[type="submit"]{
        background: #1e74be;
    color: #fff;
    border: none;
    font-weight: 500;
    border-radius: 4px;
    padding: 3px 8px;
    padding: 5px;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.19);

}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
    border-color: #2c822d;
    background: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44, 130, 45, 0.45);
}
.about-form{

}
.lower-content h3 a{
    color: #222222;
    font-size: 30px;
}

.sidebar-about-category p{
       color: #676464;
    font-family: sans-serif;
}
.lower-content h3 a {
    color: #222222;
    font-size: 22px;
}
.lower-content p{
    font-weight: normal;
    color: #757575;    
    font-family: 'Roboto Condensed', sans-serif;
}
.about-page{
    padding: 30px 20px 50px 20px;
}

.demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                width: 30%;
                margin: auto;;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
              margin-bottom: 20px;
              box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.18);

            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
            .header1{
                position: relative !important;
                background: #1e74be;
            }
            
            
            .gallery-page{
                padding: 20px 20px 50px 20px;
            }
            
            .gillery-img-li a img{
                position: relative;
            }
            .gillery-img-li .gallery-heading{
                   position:relative;
    /* bottom: 5px; */
    padding: 15px;
    margin: 0;
    
    /* text-align: center; */
}
.gallery-heading {
	color: #000;
    font-weight: 800;
	}
	
.demo-gallery > ul > li a > img 
{
	max-width:400px;
	min-width:400px;
	max-height:300px;
	min-height:300px;
}
#video{
	margin: auto;
	width: 100%;
	list-style: none;
}
#video li{
	width: 45%;
	float: left;
	margin: 1.3%;
}

#video li iframe{
	margin: auto;
}
.details-cover img {
	width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 122px;
}

.fix-social{
            position: fixed;
            right: 10px;
            z-index: 999;
            top: 40%;            
        }
        .fix-social ul{
            list-style: none;
        }
        .fix-social ul li{
                 width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    background: none;
    font-size: 20px;
    margin: 5px;
    background: #fff;
    display: block;
    box-shadow: inset 2px -2px 5px rgba(0,0,0,0.8), 0px 0px 5px rgba(0,0,0,0.8);
    
        }
        .fix-social ul li a i{
            transition: all 0.8s ease-in-out;
            transform: rotate(0deg);
        }
        .fix-social ul li a{
            color: #222;
        }
        .fix-social ul li:hover a i{
            transform: rotate(360deg);
        }
       .fix-social ul .facebook:hover{
           background: #3b5998;
           color: #fff;
           border: 1px solid #3b5998;
           box-shadow: 0px 0px 5px rgba(0,0,0,0.0);
        }
        .fix-social ul .facebook:hover a{
            color: #fff;
        }
        .fix-social ul .twitter:hover{
           background: #1da1f2;
           border: 1px solid #1da1f2;
           color: #fff;
           box-shadow: 0px 0px 5px rgba(0,0,0,0.0);
        }
        .fix-social ul .youtube:hover{
           background: red;
           color: #fff;
           border: 1px solid red;
           box-shadow: 0px 0px 5px rgba(0,0,0,0.0);
        }
        .fix-social ul .instagram:hover{
           background: #8236ad;
           color: #fff;
           border: 1px solid #8236ad;
           box-shadow: 0px 0px 5px rgba(0,0,0,0.0);
        }
        
           @media screen and (min-device-width: 900px) and (max-device-width: 1280px) {
 
            .demo-gallery > ul > li{
                    width: 30%;
            }
            
            .demo-gallery > ul > li a > img{
                max-width: 100%;
                min-width: 100%; 
                max-height: 100%; 
                min-height: auto;
            }            
}
        
             @media screen and (min-device-width: 769px) and (max-device-width: 900px) {
 
            .demo-gallery > ul > li{
                    width: 45%;
            }
            
            .demo-gallery > ul > li a > img{
                max-width: 100%;
                min-width: 100%; 
                max-height: 100%; 
                min-height: auto;
            }            
}
        
        @media screen and (min-device-width: 100px) and (max-device-width: 768px){
 
            .demo-gallery > ul > li{
                    width: 100%;
            }
            
            .demo-gallery > ul > li a > img{
                max-width: 100%;
                min-width: 100%; 
                max-height: 100%; 
                min-height: auto;
            }            
}

.footer-social ul li{
    display: inline-block;
    float: left;
    background: #ff7c28;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px double;
    text-align: center;
    line-height: 33px;
    margin: 4px;
    transition: all 0.5s ease-in-out;
}
.footer-social ul li:hover{
    background: #e40a0a;
    color: #fff;
}
.footer-social ul li:hover a{
    color: #fff;
}