/*
Theme Name: NSNT Corporate  
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: Mohamed Elnasih
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: nsnt

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

fa img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
    ::-webkit-scrollbar {
        width: 12px;
    }
    ::-webkit-scrollbar-track {
        background-color: #CCC;
    }
    ::-webkit-scrollbar-thumb {
        background-image: linear-gradient(to bottom right, #8d3822, #61210f);
        border-radius: 10px;
        border: 1px solid #f9eeee;
    }
    ::-webkit-scrollbar-thumb:hover {
        background-image: linear-gradient(to bottom right, #b82e1f, #000000);
    }
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



/* wp core sticky */

.sticky-post {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}
/* gallayer*/

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* bypostauthor */
.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

/*end of wp core */

#top-nav{
 background-color: #fff;   
}

.ns-social-contact{
 border-bottom: 1px solid #efefef;
    padding: 5px;
    font-size: 13px;
}

.contact-call span{
    display: inline-block;
    margin: 5px;
    color: #999;
    margin: 5px;
    line-height: 30px;
}

.social-network{
    text-align: right;
    direction: ltr;
}

.social-network a{
  display: inline-block;
    background-color: #fff;
    width: 30px;
    height: 30px;  
margin-top: 5px;
    background-size: 90% 90%;
}
.social-network .facebook{
    background-image: url(images/facebook.png);
    background-position: 1px 1px;
}

.social-network .facebook:hover{
    background-image: url(images/facebook2.png);
    background-color:#47649e;
    background-position: 1px 1px;
}
.social-network .twitter{
    background-image: url(images/twitter2.png);
    background-position: 1px 1px;

}

.social-network .twitter:hover{
    background-image: url(images/twitter3.png);
background-color: #29bbe1;
    background-position: 1px 1px;
}

.social-network .googleplus{
    background-image: url(images/googleplus.png);
    background-position: 1px 1px;

}

.social-network .googleplus:hover{
    background-image: url(images/googleplus2.png);
    background-color: #d0422a;
    background-position: 1px 1px;

}
.social-network .linkedin{
    background-image: url(images/linkedin.png);
    background-position: 1px 1px;

}

.social-network .linkedin:hover{
    background-image: url(images/linkedin2.png);
    background-color: #0274b3;
    background-position: 1px 1px;

}

.social-network .rss{
    background-image: url(images/rss.png);
    background-position: 1px 1px;

}
.social-network .rss:hover{
    background-image: url(images/rss2.png);
    background-color: #e6650c;
    background-position: 1px 1px;

}

/* end of upper header */

/* real header */
#mylogo{
    height: 100px;
 display: table;
}
#mylogo img{
 margin: 0px;
    height: 80px;
    width:250px;
    position: relative;

    
}

#top-nav{
    margin-bottom: 0px;
}

#search-from-group input[type=text]{
 width: 210px;   
}

#th-main-nav{
    margin-right: 4px;
    float: left;
}

.myform{
    float: right;
    line-height: 77px;
}

#th-main-nav ul li a{
 line-height: 110px;
border-bottom:2px solid transparent; 
}
#th-main-nav ul li:hover{
 border-bottom: 2px solid #c9302c; 
}

#th-main-nav ul li li a{
line-height: 40px;   
}

#th-main-nav ul li li:hover{
 border-bottom: none;   
}

.slider-warp{
    background-image: url(images/123.png);
    background-size: 100% 100%;
    width: 100%;
    height: 401px;
    float: left;
    display: table;
    position: relative;
}



/*end of header */

/*slider styling */
.slider{
    display: table;
float: left;
    clear: both;
    width: 100%;
}

.slider-item{
 display: inline-block;
}
.slider-img{
    height:315px;
    width: 80%;
    margin: 4% auto;
    background-color: #eee;
}
.slider-cont{
position: relative;
left: 5%;
    display: inline-block;
    margin-top: 3%;
}


.slider-cont h3{
font:normal 1.4em 'Crete Round', serif;
text-transform:capitalize;
}

.slider-prev{
 display: inline-block;
position: absolute;
    left: 2%;
    top: 45%;
    font: bold 40px arial;
color:#c9302c;
}

.slider-next{
    display: inline-block;
position: absolute;
        font: bold 40px arial;
    top: 45%;
    right: 2%;
color:#c9302c;
}

.slider-pagination{
 position: relative;
    margin: auto;
    width: 200px;
}

.slider-pagination a{
 background-color: #fff;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 4px;
    color: transparent;
}
.slider-pagination .selected{
 background-color: darkred;   
}

/* end of slider */
#page{
 clear: both;
position: relative;
    top: 25px;
}

.section2 .block-title{
 margin-bottom: 10px;   
}

.section2 h4{
    display: inline;
    margin-top: -15px;
    font:normal 1.6em 'Crete Round', serif;
}
.section2 .block-title {
 margin-top: 25px; 
color:#c9302c;  
}
.block-title span{
 font-size: 30px; 
position:relative;
top:10px;  
}

.section2 .col-sm-4 a{
        margin-bottom: 40px;
}

.glyph-spcial{
 display: inline-block;
    position: relative;
    top:10px;
}

/*section 3 */
.section3{
 background-color: #f8f8f8;
    height: 600px;
    display: inline-block;
    border: 1px solid #ececec;
    width: 100%;
    margin-bottom: 30px;
    display: table;
}

.section3-title{
    display: block;
 text-align: center;
    color: #8d3822;
    font:bold 25px arial;
    margin-top: 35px;
    background-color: #DDD;
    padding: 20px;
    border-radius: 10px 5px;
    box-shadow: 2px 2px #ddd;
    font-weight: bold;
    font-size: 30px;
}

.section3-subtitle{
    font: bold 18px arial;
    text-align: center;
    width: 80%;
    position: relative;
    margin: auto;
    margin-top: 15px;
    line-height: 30px;
    color: #646161;
}

.theme_shot{
 width: 85%;
    position: relative;
    margin: auto;
    height: 530px;
    display: block;
    margin-bottom: 15px;
}

/*section 4 */
.section4{
 margin-bottom: 30px;   
}

.section4 .col-sm-6{
 margin-bottom: 15px;   
}

.latest-news{
 border-bottom: 1px solid #aaa;  
    padding-bottom: 6px;
}

.blog-list-details{
 display: table-cell;
    float: left;
width: calc(100% - 80px);
}

.blog-list-details p{
    width: calc(100% - 50px);

}

.blog-list-date{
 display: table-cell;
    float: left;
    border: 1px solid #eee;
    margin: 0 3px;
    text-align: center;
   
    
}


.blog-list-date .blog-list-date-header{
    padding: 10px 0 0 0;
    display: block;
    font: bold 20px arial;
        line-height: 30px;
    background-color: #ddd;
    
}

.blog-list-date .blog-list-date-footer{
 background-color: #777;
    color: #fff;
    clear: both;
    width: 50px;
    height: 21px;
    display: block;
    font-size: 14px;
    padding: 0px;
    
}

/*section 4 part 2 */


.join-heading{
    border-bottom: 1px solid #aaa;  
    padding-bottom: 6px;
}

.join-form{
 background-color: #ececec;
    padding: 35px 15px;
}

.join-form p {
 line-height: 20px;   
}

.special-group{
 margin: auto 10px 15px 10px !important;
    margin-bottom: 15px !important;
}
.join-input{
 width: 90%;
    float: left;
}


/*section5 */
.section5{
 background-color: #eee;
    height: 482px;
    width: 100%;
    padding-bottom: 20px !important;
    display: table;
}

.section5-title{
    border-bottom: 1px solid #aaa;
    width: 90%;
    padding: 10px;
    margin-top: 40px;
}

.section5 a{
 color: #000; 
    margin-top: 10px;
    margin-bottom: 40px;
}

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

.sec5-img{
 width: 98%; 
    height: 228px !important;
    margin-top: 3px;
}

.section6{
 width: 100%;
    background-color: #fff;
}

.section6 h2{
    text-align: center;
    color: #c9302c;
    margin-top: 40px;
    
}

.section6 h4{
 text-align: center;
}

.hr-section6{
 margin: 35px auto;
    width: 80%;
    position: relative;
}


.panel-collapse-tool{
 float: right;
    font: normal 14px arial;
}

/*section7*/
.section7{
 margin-top: 30px; 
    text-align: center;
    background-color: #ececec;
    border-top: 1px solid #ececec;
}
#section7 img{
    height: 100px;
   width: 100px;
    display: inline-block;
    margin: 60px 15px;
background-color:#fff;
padding:8px;
border:1px solid #ccc;
box-shadow:0 0 5px rgba(0,0,0,.15);
border-radius:7px;
}


/*section8*/
.section8{
 background-color: #e00;   
}

.section8 img{
 height: 50px;  
    padding: 8px 3px;
}

.section8-content{
 position: relative;
    margin: auto;
    width: 90%;
    text-align: center;
}

.section8-content a, .section8-content span ,.section8-content img{
 display: inline-block;
    color: #fff;
    font: bold 13px arial;
    padding-top: 10px;
    padding-bottom: 10px;
}

.section8 .glyphicon {
 font-family: 'Glyphicons Halflings';   
}

/*footer*/

.footer{
 background-color: #444;
    width: 100%;
    height: 275px;
    border-top: 10px solid #333;
    display: table;
    
}

.footer-widget{
 color: #aaa;
    margin-top: 30px;
    margin-bottom: 30px;
}

.logo2{
 height: 128px;
margin-top: 10px;
}

.footer-widget h4{
 border-bottom: 1px solid #aaa;
    font:normal 15px arial;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.latest-project{
 float: left;
}
.latest-project a{
 border: 5px solid #333;
    float: left;
    display: inline-block;
    margin: 4px;
}

.latest-project a:hover{
    border: 5px solid #289DCC;
}

.latest-project a img{
 width: 60px;
    height: 60px;
    float: left;
}

.footer-widget ul {
 display: inline-block;
    list-style: none;
    padding-left: 0px;
}

.footer-widget ul li:before {
    content: ''
    margin-right: 5px;
}

.footer-widget ul li{
 margin: 5px auto;
}

.footer-widget ul li a{
 color: #aaa;   
}

.footer-widget ul li a:hover{
 color: #fff;   
}

address span{
 clear: both;
    display: inline-block;
    width: 100%;
    margin: 2px auto;
}

.copyrights{
 width: 100%;
    background: #222;
    height: 48px;
    display: table;
}

.copyrights span{
 line-height: 50px;
    color: #aaa;
}

.social-network2{
    text-align: right;
    direction: ltr;
    line-height: 50px;
}

.social-network2 a{
  display: inline-block;
    width: 25px;
    height: 25px;  
    margin: 10px 5px;
}
.social-network2 .facebook{
    background-image: url(images/facebook.png);
}
.social-network2 .twitter{
    background-image: url(images/twitter2.png);

}
.social-network2 .googleplus{
    background-image: url(images/googleplus.png);

}
.social-network2 .linkedin{
    background-image: url(images/linkedin.png);

}

.social-network2 .rss{
    background-image: url(images/rss.png);

}


/* media queries */


@media (max-width:620px) {

    
.contact-call{
    background-color: #eee;
    font-size: 12px;
}

    
   #th-main-nav ul li a{
     line-height: 35px;  
   }
    #th-main-nav ul li li a{
    line-height: 35px;   
    }
    
    .search-form{
    float: right;
    line-height: 77px;
        clear: both;
        width: 100%;
}
    #th-main-nav{
     width:100%;   
    }
    
    

    #search-from-group, #search-submit{
     display: inline-block !important;
        float: left;
        margin-right: 10px;
    }
    
    #page-blog-pagination{
     clear: both;
    }

    
    .custom-pagination{
     clear: both;
    }
    
    #sidebar-container{
     margin-top: 25px;  
        float: left;
    }

    
    .sidebar,#sidebar-container{
        clear: both;
    }
    
    .sidebar .search-submit{
     float: left;
    }
    
    .footer-widget{
       clear: both;
    }
    
    .project-video{
     margin-left: 13px;   
    }

}

@media (max-width:480px) {
    .contact-call{
    background-color: #eee;
    font-size: 11px;
}
    .theme_shot{
     height: 300px;   
    }
    #page-blog-pagination{
     clear: both;
    }
    .custom-pagination{
     clear: both;
    }
    #sidebar-container{
     margin-top: 25px;
        float: left;
    }
    
    .sidebar,#sidebar-container{
        clear: both;
        
    }
    
.sidebar .search-submit{
     float: left;
    }
    
.project-video{
     margin-left: 13px;   
    }

.project-video iframe{
 height: 315px;   
}

}

@media (max-width: 768px) {
.section5 .container{
    padding-right: 6px;
    padding-left: 6px;
}

.section5 .container .col-sm-4{
    padding-right: 7px;
    padding-right: 7px;
}

#sidebar-container{
 margin-top: 15px;   
}

  .els-footer{
   clear: both;
  }
}


@media (min-width: 768px) and (max-width:966px) {
.section5 .container{
    padding-right: 6px;
    padding-left: 6px;
}

.section5 .container .col-sm-4{
    padding-right: 7px;
    padding-right: 7px;
}

#sidebar-container{
 margin-top: 15px;   
}
    
}

@media (min-width:1020px) and (max-width:1100px) {
    .sidebar-widget .search-form label {
     width: 60%;   
    }

}

/*post single */

.content-2{
 width: 100%;
    clear: both;
    float: left;
    display: table;
    margin-top: 40px;
    margin-bottom: 75px;
}

.page-content{
 float: left;
    clear: both;
    width: 100%;
    display: table;
}

.post, .projects {
 margin-bottom:35px;
    float: left;
    border-bottom: 1px solid #eee;
    padding: 15px;
    width: 100%;
    padding-top: 0px;
}

.post-thumnail{
 height: 295px;
    width: 100%;
    float: left;
    clear: both;
    display: table;
    border: 1px solid #ccc;
}

.post-thumnail img{
 float: left;
    clear: both;
    width: 100%;
    height: 395px;
}

.post-title{
 float: left;
    clear: both;
    margin: 15px auto;
    width: 100%;
    font:bold 22px arial;
    
}


.post-meta{
 float: left;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}

.post-meta div{
 float: left;
    margin-right: 15px;
    background-color: #fff;
    color: #555;
    padding: 5px;
    border-radius: 2px;
	margin-top:5px;
    margin-bottom:5px;
}

.post-meta div a{
    color: #999;
}

.post-meta .post-categories {
 list-style: none;
    padding: 0px;
    float: left;
    margin-bottom: 0px;
    
}

.post-meta .post-cats .glyphicon {
 float: right;
    margin-left: 10px;
}

.post-content{
 text-align: justify;
    float: left;
    clear: both;
	font-size:15px;
}

.post-read-more{
 float:left;
	
}

.post-tags{
 float: left;
    clear: both;
    margin: 5px auto;
    font: bold 16px arial;
    width: 100%;
    
}



.post-tags a{
 padding: 5px;
    color: #888;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #999;
    font: normal 14px arial;
    margin-right: 3px;
}

.post-comments-area{
 float: left;
    clear: both;
    width: 100%;
}

.comment{
 margin-bottom: 10px;   
}

/* sidebar */

.sidebar-widget{
 margin-bottom: 25px;   
}
.sidebar-widget .block-title{
   border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 20px;
    text-transform: capitalize;
	font-weight: bold;
	font-size: 16px;
}

/*
.sidebar-widget ul li:before{
    content: url(images/bullets_arrow.png);
    margin-right: 4px;
    letter-spacing: -1px;
}
*/
.sidebar-widget ul li a{
 color: #000;
 font: normal 14px arial;
}

/*tagcloud widget */

.tagcloud a{
    padding: 5px;
    color: #888;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #999;
    font: normal 14px arial !important;
    margin-right: 3px;
margin: 3px;
    float: left;
    
}

/*search widget*/
.search-form label{
 width: 70%;
    float: left;
    margin-right: 5px;
}

.search-submit{
 height: 34px;   
}

/* woocommerce */
.products{
 list-style: none;
}

.products .product{
    float: left;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px !important;
    height: 330px;
    text-align: center;
    display: table;
}

.products .product .star-rating{
    
    position: relative;
left: 45px;
}


.woocommerce-pagination{
 float: left;
    clear: both;
    width: 100%;
    list-style: none;
}
.product .wp-post-image{
 width: 190px; 
    height: 190px;
}


/*project styling */
#project-content{
 margin-bottom: 100px;   
}
#project-title{
    margin-bottom: 35px;
    }
.single-project-title{
 font: normal 17px arial;  
    padding: 0px;
    margin: 0px;
}

#project-data{
 margin-bottom: 25px; 
    clear: both;
}

.project-details-title, .project-description-title{
 font:  normal 22px arial; 
    padding-bottom: 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
   
}

.project-details-title span, .project-description-title span{
 border-bottom: 1px solid #bbb;   
    padding-bottom: 10px;
}

.els-related-main-title{
   font:  normal 22px arial; 
    padding-bottom: 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
  
}

.els-related-main-title span{
    border-bottom: 1px solid #bbb;   
    padding-bottom: 10px;

}

.project-video{
 padding: 5px 15px;   
    margin-bottom: 30px;
    float: left;
    clear: both;
    background-color: #555;
    display: table;
    width: calc(100% - 30px);
}



/*related posts */
.els-related-posts{
 float: left;
}
.els_related_item{
 float: left;
    margin: 5px;
    height: 335px;
    color: #000;
}

.els_related_item:hover{
 text-decoration: none;
}

.related-img{
    height: 198px !important;
    width: 100%;
}


/*archive styling */
#archive-title{
 font:  normal 22px arial; 
    padding-bottom: 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    margin-top: 5px;
  }
#archive-title span{
 border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
}

/*search page */
nav.pagination[role="navigation"]{
    width: 100%;
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px;
    margin-bottom: 15px;
}


nav.pagination[role="navigation"] a.page-numbers{
    padding: 4px;
    margin: 6px 1px;
}

/*404 page */
.content-404{
 float: left;
    clear: both;
}

.text-404{
 font: bold 70px arial;   
    float: left;
    clear: both;
    text-align: center;
    
}

.search-404{
 float: left;
    clear: both;
    margin-top: 20px;
}

.join-form .wpcf7{
    display: inline-block;
    width: 90%;
}


.woocommerce ul.products li.product{
	height:350px;
}
.woocommerce ul.products li.product a img{
	height:200px !important;
}

.star-rating{
	position:relative;
	margin:auto;
	left:0px !important;
	right:27%;
	
}

.star-rating span{
	color:gold;
}

.post-meta{
	border-bottom:1px solid #ccc;
	
}

.post-title{
	font-size:19px;
}

.page-content .post-thumnail img{
	height:900px;
}

.post-content{
font-size:17px !important;	
}

.cat_thum img{
	height:900px !important;
}

.page-content .post-thumnail, .page-content .post-thumnail img {
	height: 600px !important;
}

.contact-call span{
	color:black !important;
	font-weight:bold !important;
}

.els-footer .wp-block-tag-cloud a{
	color:#eee;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin: 2px;
	font-size:14px;
	padding: 5px;
}