/*
Theme Name: UI Temple
Theme URI: https://uitemple.com
Author: UI Temple
Author URI: https://uitemple.com
Description: Professional Template for UI Temple Website
Version: 1.0
*/

html, body{
  margin: 0 auto !important;
  background-color: #EBEFF1;
}

/*
* Mail Chimp
*/

#wpmchimpa-main{
  height: auto !important;
}

.navigation {
  text-align: center;
}

.navigation h1{
  display: none;
  clear: both;
}
/* Pagination */
.pagination {
    clear: both;
  /* position: relative; */
  font-size: 14px;
  /* Pagination text size */
  line-height: 16px;
}

.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding: 15px 20px 15px 20px;
    text-decoration:none;
    width:auto;
    color:black; /* Pagination text color */
    /*background: #555; /* Pagination non-active background color */
    background-color: white;

    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination a:hover{
    color:#fff;
    background: #3D96FB;
}

.pagination .current{
  padding: 15px 20px 15px 20px;
  color:white; /* Pagination text color */
  /*background: #555; /* Pagination non-active background color */
  background-color: #3D96FB !important;


}

/*-------------
*
* Sidebar menu
*
-------------*/

#over{
  position: relative;
  z-index: 5 !important;
}

/* The side navigation menu */
.sidenav {
   height: 100%; /* 100% Full-height */
   width: 0; /* 0 width - change this with JavaScript */
   position: fixed; /* Stay in place */
   /*z-index: 1; /* Stay on top */
   top: 0;
   left: 0;
   background-color: #111; /* Black*/
   overflow-x: hidden; /* Disable horizontal scroll */
   padding-top: 60px; /* Place content 60px from the top */
   transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
   z-index: 5;
}

/* The navigation menu links */
.sidenav a {
   padding: 8px 8px 8px 8px;
   text-decoration: none;
   display: block;
   transition: 0.3s;
   font-family: "Roboto",sans-serif;
   font-size: 22px;
   /*color: rgb(194, 194, 194);*/
   color: #FFF;
   text-align: center;
}

.sidenav hr{
  margin-top: 26px;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
   color: #3D96FB;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
   position: absolute;
   top: 9px;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
   cursor: pointer;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  -webkit-transition: 0.5s all !important;
  -moz-transition: 0.5s all !important;
  -ms-transition: 0.5s all !important;
  -o-transition: 0.5s all !important;
  transition: 0.5s all !important;
     /*padding: 20px;*/
   max-width: 1300px;
   margin: 0 auto;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
}

/*----------------
*
* Header Style
*
----------------*/

@media screen and (max-width: 1035px) {

  .social-media-icons{
    float: none !important;
    clear: both !important;
    text-align: center !important;
    margin-top: 25px !important;
  }

  .primary-menu-links{
    float: none !important;
    clear: both !important;
    text-align: center !important;
    margin-top: 25px !important;
  }

  .large-screen-menu-bar .logo-block{
    float: none !important;
    clear: both !important;
    text-align: center !important;
  }

}

@media screen and (max-width: 725px) {

  .social-media-icons{
    display: none;
  }

  .primary-menu-links{
    display: none;
  }

  .large-screen-menu-bar .logo-block{
    display: none;
  }

  .responsive-menu-bar{
    display: block !important;
  }

  .responsive-menu-bar .logo-block{
    text-align: center;
  }

  .header-section {
    padding: 25px 10px !important;
  }
}

.responsive-menu-bar{
  display: none;
}

.social-media-icons{
  /*position: absolute;
  top: 13px;
  right: 0px;*/

  float: right;
  margin-top: 14px;
}
.social-media-icons ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-media-icons li{
  display: inline-block;
}
.social-media-icons a{
  /*padding: 10px;*/
  /*background-color: rgb(209, 209, 209);*/
  /*border-radius: 60px;*/
  padding: 10px;
  background-color: white;
  border-radius: 60px;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.social-media-icons a:hover{
  /*background-color: #55ACEE;*/
  /*padding: 10px;*/
  /*background-color: rgb(232, 232, 232);*/
  /*border-radius: 60px;*/
}

.social-media-icons img{
    width: 20px;
}

.primary-menu-links{
  /*margin-top: 14px;*/
  /*margin-left: 47px;*/
  float: left;
  color: #4a4a4a;
  font-size: 17px;
  font-weight: 400;

  /*position: absolute;*/
  /*position: relative;*/
  /*top: 12px;*/
  /*left: 31.5%;*/
}

.primary-menu-links ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.primary-menu-links ul a{
  margin: 0px;
  margin-right: 20px;
  font-family: 'Roboto', sans-serif;
  color: #4a4a4a;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.primary-menu-links ul a:hover{
  color: #3C94F7;
}

.primary-menu-links ul li{
  display: inline-block;
}

.primary-menu-links .primary-link{
  /*padding-bottom: 15px;*/
}



.primary-menu-links .menu-dropdown{
  position: relative;
  display: inline-block;
  z-index: 3;
}

.primary-menu-links .menu-dropdown-content{
    display: none;
    position: absolute;
    background-color: #4a4a4a;
    min-width: 150px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/

}

.primary-menu-links .menu-dropdown-content a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin: 0;
}

/* Change color of dropdown links on hover */
.primary-menu-links .menu-dropdown-content a:hover {
  background-color: #3C94F7
  color:white;
}


/* Show the dropdown menu on hover */
.primary-menu-links .menu-dropdown:hover .menu-dropdown-content {
    display: block;
}

.primary-menu-links .dropdown-submenu {
    position: relative;
    display: block;

}

.primary-menu-links .dropdown-submenu a {
  font-size: 16px !important;
  color: white;border-bottom: 1px solid #595454;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -ms-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
}

.primary-menu-links .dropdown-submenu a:hover{
  color: white;
  background-color: #3C94F7;
}

.primary-menu-links .dropdown-submenu .caret {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 10px;
}

.primary-menu-links .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    display: none;
    background-color: #4a4a4a;
    box-shadow: none;
    border: none;
    border-radius: 0;
    color: white;

}

.primary-menu-links .dropdown-submenu .dropdown-menu li{
  width: 100%;
}

.primary-menu-links .dropdown-submenu .dropdown-menu a{
  padding: 7px 16px;
  border-bottom: 1px solid #595454;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -ms-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
}

.primary-menu-links .dropdown-submenu .test:hover ~ .dropdown-menu{
    display: block;
}

.primary-menu-links .dropdown-submenu .dropdown-menu:hover{
    display: block;
}

.primary-menu-links .dropdown-submenu .dropdown-menu a:hover{
    color:white;
    background-color: #3C94F7;

}


#masthead{
  /*padding: 10px;*/
  /*background: #484F59;*/
}

#masthead .header-section {
  /*background: #484F69;*/
  background: #FFF;
  padding: 25px 76px;
  border-bottom: 1px solid #CCC;
}

#masthead .logo-block{
  /*text-align: left;*/
  float: left;

}

.logo-block img{
  /*width: 170px;*/
  width: 100%;
  max-width: 170px;
  min-width: 140px;
}

.logo-block h1{
  margin: 0;
  color: white;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#masthead .newsletter-banner{
  /*padding: 20px 20px 7px 20px;*/
  padding: 13px;
  background-color: #3D96FB;
  color: white;
  text-align: center;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

#masthead .newsletter-banner p{
  font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: white;
    text-decoration: none;
    padding: 0;
    margin: 0;
    /*letter-spacing: 1px;*/
}

#masthead .newsletter-link:hover .newsletter-banner{
    background-color: #285f9e;
}



.subheader{
  text-align: center;
  margin-top: 50px;
  /*margin-bottom: 100px;*/
}

.subheader h3{
  margin: 0 auto !important;
  padding: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  letter-spacing: 2px;
  font-weight: 400;
  line-height: 30px;
  /*text-shadow: 0 1px 0 rgba(255,255,255,1);*/
  color: #535353;
}


#menu-toggle{
  text-align: right;
  cursor: pointer;
}

#menu-toggle a{
  color: black;
  font-size: 35px;
  position: absolute;
  /*top: 50%;*/
  left: 30px;
  bottom: -46px;
  text-decoration: none;
}

#menu-toggle a:hover{
  color: black;
  text-decoration: none;
}





/*
*
* Site body style
*
*/




.content-area{
  margin: 0 auto;
  /*margin-top: 100px;*/
  margin-bottom: 60px;
}





.item-container{
  margin-bottom: 50px;
}


#design-area{
  margin-top: 50px;
}



/*
*
* Horizontal Category Filter
*
*/




.horizontal-category-filter{
    font-family: 'Roboto', sans-serif;
    background-color: white;
    color: #4D4D4E;
    border-radius: 3px;
    box-shadow: 0 0px 0px 1px rgba(124, 124, 124, 0.22);
    -moz-box-shadow: 0 0px 0px 1px rgba(124, 124, 124, 0.22);
    -webkit-box-shadow: 0 0px 0px 1px rgba(124, 124, 124, 0.22);
    margin-bottom: 40px;
}



.horizontal-category-filter ul{
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.horizontal-category-filter li{
  display: inline-block;
  margin-right: 5px;
  padding: 20px 25px;
}

.horizontal-category-filter .current-category{
  background-color: #3D96FB;
  color: white;
}

.horizontal-category-filter a{
  text-decoration: none;
  color: #4D4D4E;
  font-family: 'Roboto',sans-serif;
  font-size: 17px;
}

.horizontal-category-filter a:hover li{
  background-color: #3D96FB;
  color: white;
}

/*
* ----------------------------------------------
*/



@media screen and (max-width: 900px) {



  .horizontal-category-filter{
    display: none;
  }

  /*#design-area .category-filter{
    display: block !important;
  }*/

}

#design-area .category-filter{
  margin-bottom: 40px;
  padding: 0 30px;
  display: none;
  /*opacity: 0;*/
  /*text-align: center;*/
}

#design-area .category-filter-label{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 100;
}

#design-area .category-filter-text{
  border-bottom: 1px solid;
  padding-bottom: 5px;
  font-family: sans-serif;
  font-size: 16px;
  margin-left: 10px;
  cursor: pointer;
}

#design-area .dropdown {
    position: relative;
    display: inline-block;
    z-index: 3;

}

#design-area .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-top: 3px;

    /*padding: 8px 16px 0px 16px;*/
}

/*#design-area .dropdown:hover .dropdown-content {
    display: block;
    margin-top: 3px;
}*/



#design-area .fa-caret-down{
  transition: all 0.15s ease-in-out;
}

/*#design-area .dropdown:hover .fa-caret-down{
  -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

.rotateUp{
  -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}

#design-area .dropdown-content a{
  font-family: sans-serif;
  font-size: 16px;
  color: #4D4D4E;
  text-decoration: none;
}

#design-area .dropdown-content a p{
  padding: 8px 16px 4px;
  transition: all 0.15s ease-in-out;
}

#design-area .dropdown-content a:hover p{
    color: white;
    background-color: rgb(61, 150, 251);
}

 .round-btn{
   display: inline-block;
  color: #4A4A4A;
  text-decoration: none;
  border: 2px solid #3D96FB;
  padding: 13px 30px;
  /* margin-top: 10px; */
  border-radius: 30px;
  /*margin-top: 10px;*/
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

.round-btn:hover{
  background-color: #3D96FB;
  color:white;
  text-decoration: none;
}





#design-area .item-preview{
  text-align: center;
  background-color: white;
  /*max-width: 540px;*/
  max-width: 540px;
  max-height: 500px;
  margin: 0 auto;
  border: 10px solid #FFF;
  border-radius: 3px;
  box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #4A4A4A;
}

#design-area .item-image{
  text-align: center;
  position: relative;
}

.item-focus{
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transition: all .5s ease;
  position: absolute;
  top: 0;
  /*transform: translateY(-50%);*/
  /*-moz-transform: translateY(-50%);*/
  /*-webkit-transform: translateY(-50%);*/
  height: 100%;
  /*-webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  filter: blur(2px);*/
}

.item-focus .zoom-icon{
  position: absolute;
  top: 45%;
  left: 43%;
  /*right: 0;*/
  width: 50px !important;
}

.item-focus .fa-search-plus{
  font-size: 50px;
color: rgb(255, 255, 255);
}



#design-area .item-image:hover .item-focus{
  opacity: 1;
  /*-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  filter: blur(0px);*/
  height: 100%;
  background-color: rgba(0, 0, 0, 0.38);
  /*width: 100%;*/
}

#design-area .item-image img{
  width: 100%;
  height: auto;
  /* For border-less frames */
  /*border-radius: 10px 10px 0 0;*/
}

.site-title h3{
  margin: 0 auto !important;
  font-size: 21px;
  /*padding: 20px;*/
  color: #4A4A4A;
  font-weight: 300;
  padding: 0 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  font-family: 'Roboto', sans-serif;

}

.site-title a{
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
}

/*
*
* Category Tag Style
*
*/

.round-category-tag ul{
  list-style: none;
  text-align: left;
}

.round-category-tag li{
  display: inline;
}

.round-category-tag li a{
  text-decoration: none;
  font-size: 12px;
  border: 2px solid #3D96FB;
  background-color: #3D96FB;
  color white;
  padding: 7px;
  border-radius: 60px;
}

.underline-category-tag ul{
  list-style: none;
  text-align: center;
  padding: 0;
}

.underline-category-tag li{
  display: inline;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}

.underline-category-tag li a{
  text-decoration: none;
  color: #4A4A4A;
  /*border-bottom: 3px solid #4A4A4A;*/
  text-align: center;
  padding-bottom: 3px;
  /*border-bottom: 2px solid #3c94f7;*/
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}

.underline-category-tag li a:hover{
  border-bottom: 2px solid #3c94f7;
}

/*.underline-category-tag .pricing-page a{
  border-bottom: 3px solid rgb(16, 173, 128) !important;
}

.underline-category-tag .product-page a{
  border-bottom: 3px solid #EDA95C !important;
}

.underline-category-tag .contact-page a{
  border-bottom: 3px solid #F00 !important;
}

.underline-category-tag .landing-page a{
  border-bottom: 3px solid #69E0CF !important;
}

.underline-category-tag .portfolio a{
  border-bottom: 3px solid #6973E0 !important;
}

.underline-category-tag .login-signup-page a{
  border-bottom: 3px solid #D969E0 !important;
}

.underline-category-tag .signup-page a{
  border-bottom: 3px solid #0072ff !important;
}*/


.tags ul{
	margin:0;
	padding:0;
	position:absolute;
	/*right:24px;*/
	/*bottom:-12px;*/
  bottom: 5px;
	list-style:none;
	}

  .tags li, .tags a{
  	float:left;
  	height:24px;
  	line-height:24px;
  	position:relative;
  	font-size:11px;
  	}

    .tags a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}

  .tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;
	}

  .tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}

.tags a:hover{background:#555;}

.tags a:hover:before{border-color:transparent #555 transparent transparent;}


/*
*
* Footer Style
*
*/

.site-footer{
  background-color: white;
  padding: 10px 0 0 0;
  border-top: 1px solid #CCC;
  color: #4A4A4A;
  font-family: 'Roboto', sans-serif;

}

.site-footer h1 {
  /*text-transform: uppercase;*/
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
  color: #000000;
}

.site-footer .site-info{
  max-width: 1300px;
  margin: 0 auto;
}

.about-info p {
  font-size: 14px;
  /*font-family: 'Roboto', sans-serif;*/
  /*font-weight: 200;*/
  /*color: #7B7777;*/
}

.site-footer .social-info img{
  float: left;
  width: 40px;
  margin-right: 5px
}

.site-footer .navigation-col ul{
  padding: 0;
  list-style: none;
}

.site-footer .navigation-col a{
  font-size: 14px;
  color: #4A4A4A;
}

.site-footer .footer-navigation{
  text-align: center;
  padding: 15px 0 10px 0;
}


.site-footer .footer-navigation ul{
  list-style: outside none none;
  padding: 0px;
}

.site-footer .footer-navigation li{
  display: inline-block;
  margin-right: 30px;
}

.site-footer .social-media-links {
  padding-bottom: 10px;
}

.site-footer .social-media-links ul{
  list-style: none;
  padding: 0;
  text-align: center;
}

.site-footer .social-media-links li{
  display: inline;
  margin-right: 10px;
}

.site-footer .social-media-links .fb-like :first-child{
  /*background-color: black;*/
  height: 25px !important;
}


.copyright-info{
  text-align: center;
}

.copyright-info p{
  text-align: center;
/*margin-top: 20px;*/
border-top: 1px solid rgb(123, 119, 119);
padding: 10px 0px 0px !important;
color: #7B7777;
}


/*------------------------------------
*
* Single Style
*
--------------------------------------*/

.single-main{
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
}

.single-main .single-header {
  text-align: center;
  margin-bottom: 65px;
}

.single-main .large-title{
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 35px;
}

.single-main .page-link{
  color: #4A4A4A;
  text-decoration: none;
  border: 2px solid #3D96FB;
  padding: 13px 30px;
  /* margin-top: 10px; */
  border-radius: 30px;
  font-size: 15px;
}

.single-main .page-link:hover{
  background-color: #3D96FB;
  color:white;
}

.single-main .single-images{
  margin: 0 auto !important;
}

.single-main .single-images img{
  width: 100%;
  border: 10px solid white;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22);
  margin-bottom: 50px !important;

}

@media screen and (max-width: 996px) {

  .single-main .single-images img{
    width: 100%;
    /*margin-right: -15px;*/
  }

  .single-main .single-site-info{
    width: 100%;

        /*margin-right: -15px;*/
  }

}


.single-main .site-info-row{
    margin: 0 auto;
}

.single-main .single-site-info{
  background-color: white;
  margin: 0 auto !important;
  /*padding: 20px;*/
  margin-bottom: 50px !important;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22);
  text-align: left;
}

.single-main .info-block {
  padding: 25px 30px 5px 30px;
  border-bottom: 1px solid rgb(212, 212, 212);
}

.single-main .block-label{
  /*float: left;*/
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  /*width: 70px;*/
  margin-right: 15px;
  color: #333;
  /*font-weight: bold;*/
}

.single-main .cat-label{
  padding-bottom: 10px;
}

.single-main .block-text{
  /*color: #7B7777;*/
  font-size:15px;
}

.single-main .info-block p{
  display: inline-block;

  font-family: sans-serif, Arial;
}



.single-main  .underline-category-tag{
  display: inline-block;
}

.single-main  .underline-category-tag ul{
  list-style: none;
  text-align: left;
}

.single-main  .underline-category-tag li{
  display: inline;
}

.single-main  .underline-category-tag li a{
  text-decoration: none;
  font-size: 12px;
  color: #4A4A4A;
  /*border-bottom: 3px solid #4A4A4A;*/
  text-align: center;
  padding-bottom: 3px;
}




.bordered-heading {
  position: relative;
  text-align: center;
  color: #4a4a4a;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 25px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.bordered-heading span {
  background: #EBEFF1;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.bordered-heading:before {
  background: #4a4a4a;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

.bordered-heading:before {
  left: 0;
}


.more-designs {
  /*padding: 15px;*/
}

.more-designs .item-preview{
  text-align: center;
  background-color: white;
  /*max-width: 540px;*/
  max-width: 540px;
  /*max-height: 500px;*/
  margin: 0 auto;
  border: 10px solid #FFF;
  border-radius: 3px;
  box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #4A4A4A;
}

.more-designs .item-image{
  text-align: center;
  position: relative;
}





.more-designs .item-image:hover .item-focus{
  opacity: 1;
  /*-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  filter: blur(0px);*/
  height: 100%;
  background-color: rgba(0, 0, 0, 0.38);
  /*width: 100%;*/
}

.more-designs .item-image img{
  width: 100%;
  height: auto;
  /* For border-less frames */
  /*border-radius: 10px 10px 0 0;*/
}



/*--------------
*
* Contact Form
---------------*/

.contact-form{
  /*margin-top: 100px*/
}

.contact-form h1{
  font-family: 'Roboto', sans-serif;
  margin-bottom: 30px;
}

.contact-form form{
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: white;
  padding: 50px;
  text-align: center;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.22);
}

.contact-form .name-field, .title-field, .url-field, .email-field{
border: none;
border-bottom: 2px solid #dfdfdf;
/*background-color: #EBEFF1;*/
padding: 15px;
width: 100% !important;
}

.contact-form .message-field{

margin-top: 30px;
border: 2px solid #dfdfdf;
/*background-color: #EBEFF1;*/
padding: 15px;
width: 100% !important;
}

.contact-form .submit-btn{
  margin-top: 30px;
  color: #4A4A4A;
  text-decoration: none;
  border: 2px solid #3D96FB;
  padding: 13px 50px;
  /* margin-top: 10px; */
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.07);
}

.contact-form .submit-btn:hover{
  background-color: #3D96FB;
  color:white;
}

.contact-form {
  display: inline;
}

/*
*
* Newsletter signup form
*
*/

#mc_embed_signup{
  border-radius: 3px !important;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22) !important;
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22) !important;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.22) !important;
  padding: 30px !important;
  margin-top: 25px;
}

#mc_embed_signup .headline{
  font-family: 'Roboto', sans-serif !important;
  font-weight: 100 !important;
  font-size: 22px !important;
  text-align: center !important;
  /*color: #3c94f7;*/
  color: #4A4A4A !important;
  margin-bottom: 20px !important;
}

#mc_embed_signup #mc-embedded-subscribe.button{
  background-color: white !important;
  border: 2px solid #3c94f7 !important;
  color: #4A4A4A !important;
  /* font-size: 15px; */
  font-family: 'Roboto', sans-serif !important;
  width: auto !important;
  height: auto !important;
  line-height: 15px !important;
  padding: 11px 15px !important;
}

#mc_embed_signup input.email{
  margin-right: 10px !important;
padding: 20px !important;
}

#mc_embed_signup #mc-embedded-subscribe.button:hover{
  background-color: #3c94f7 !important;
  color: white !important;
}

/*
* Disqus Style
*/

#comments_section {
  background: white none repeat scroll 0% 0%;
  padding: 35px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

#comments_section .comment_header{
  color: rgb(74, 74, 74);
  font-family: "Roboto",sans-serif;
  margin-bottom: 40px;
}



/*
* New cat filter style
*/

.cat-filter{
  margin: 0 auto;
  margin-bottom: 40px;
  background-color: white;
  color: #4D4D4E;
  font-family: 'Roboto',sans-serif;
  font-size: 19px;
  border-radius: 3px;
  box-shadow: 0 0px 0px 1px rgba(124, 124, 124, 0.22);
  -moz-box-shadow: 0 0px 0px 1px rgba(124, 124, 124, 0.22);
  -webkit-box-shadow: 0 0px 0px 1px rgba(124, 124, 124, 0.22);
}

.cat-filter .filter-btn{
  padding: 15px 30px;
  text-align: left;
}

.cat-filter .filter-btn span{
  margin-left: 30px;
  cursor: pointer;
}

.cat-filter .filter-btn span:hover{
  color: #3c94f7;
}

.cat-filter .filter-btn img{
  margin-bottom: 5px;
  margin-right: 10px;
}

.cat-filter .sort-btn ul{
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.cat-filter .sort-btn ul li{
  display: inline-block;
  padding: 15px 0;
  margin-right: 25px;
  cursor: pointer;
  color: #4a4a4a;
  text-decoration: none;
  font-family: 'Roboto',sans-serif;
  font-size: 19px;
}

.cat-filter .sort-btn ul li:hover{
  border-bottom: 3px solid #3c94f7;
}

.cat-filter .sort-btn .current-sort{
  border-bottom: 3px solid #3c94f7;
}

/* Side Filter */


/* The side navigation menu */
.sideFilter {
   height: 100%; /* 100% Full-height */
   background: white;
   width: 0; /* 0 width - change this with JavaScript */
   /*position: fixed; /* Stay in place */
   /*z-index: 1; /* Stay on top */
   /*top: 42%;*/
   left: 0;
   padding: 0;

   position: absolute;
   /*z-index: 1;*/
   /*top: 64%;*/
   background-color: rgba(#ffffff, 0); /* Black*/
   overflow-x: hidden; /* Disable horizontal scroll */
   -webkit-transition: 0.5s all !important;
   -moz-transition: 0.5s all !important;
   -ms-transition: 0.5s all !important;
   -o-transition: 0.5s all !important;
   transition: 0.5s all !important;
   z-index: 5;
   -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

.sideFilter .filter-text{
  padding: 20px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    background: #4A4A4A;
    text-align: left;
    color: white;
}

/* The navigation menu links */
.sideFilter .closeFilterBtn {
  padding: 8px 8px 8px 8px;
   text-decoration: none;
   display: block;
   transition: 0.3s;
   font-family: "Roboto",sans-serif;
   font-size: 17px;
   /* color: rgb(194, 194, 194); */
   color: white;
   position: absolute;
   text-align: left;
   top: 0;
   right: 0;
   padding: 20px;
   background: #636060;
}

.sideFilter hr{
  margin-top: 26px;
}

/* When you mouse over the navigation links, change their color */
.sideFilter a:hover, .offcanvas a:focus{
   color: #808080;
}

/* Position and style the close button (top right corner) */
.sideFilter .closebtn {
   position: absolute;
   top: 9px;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
   cursor: pointer;
}


#primary{
  -webkit-transition: 0.5s all !important;
  -moz-transition: 0.5s all !important;
  -ms-transition: 0.5s all !important;
  -o-transition: 0.5s all !important;
  transition: 0.5s all !important;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
/*@media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
}*/

@media screen and (max-width: 868px) {
   /*.sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}*/
   .small-filter{
     display: block !important;
   }

   .large-filter{
     display: none !important;
   }
}

.small-filter{
  display: none;
}

#filter-form{
  padding: 20px 50px;
  background: white;
}

#filter-form .filter-block{
  margin-bottom: 25px;
}

#filter-form .filter-block h4{
  color: #4A4A4A;
  font-family: 'Roboto',sans-serif;
  font-size: 17px;
  cursor: pointer;
  transition: 0.3s;

}

#filter-form .filter-block h4:hover{
  color: #3D96FB;
}

#filter-form .filter-block h4::before{
    content: '';
    position: absolute;
    left: 25px;
    /*top: 19.5%;*/
        margin-top: 1px;
    width: 16px;
    height: 16px;
    background: url("http://www.uitemple.com/wp-content/uploads/2016/09/cd-icon-arrow.png") no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);

}

.filter-block li{
  margin-bottom: 5px;`
}

#filter-form .page-filter-content{
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

#filter-form .industry-filter-content{
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

#filter-form .type-filter-content{
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

#filter-form .color-filter-content{
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.rotate-90::before {
/* this selector is more specific, so it takes precedence over the other :after */
-webkit-transform: rotate(0) !important;
-moz-transform: rotate(0) !important;
-o-transform: rotate(0) !important;
-ms-transform: rotate(0) !important;
transform: rotate(0) !important;
}

.sideFilter.sticky {
     position: fixed;
     top: 0;
  }

#filter-form #submit{
  background: #3D96FB;
  padding: 15px;
  width: 125%;
  border: none;
  color: white;
  font-family: 'Roboto',sans-serif;
  margin-left: -15%;
  margin-top: 10px;
  transition: 0.3s;
  font-size: 16px;
}

#filter-form #submit:hover{
  background: #23527c;
}

#filter-form .search-info {
  margin-left: -22px;
  width: 125%;
  text-align: center;
  margin-top: 20px;
}

.conditions-label{
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 20px;
}

/*
* Results page
*/

.no-posts-label{
  font-family: 'Roboto',sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #4a4a4a;
}

.info-block .underline-category-tag a {
  text-decoration: none;
  color: #4A4A4A;
  text-align: center;
  padding-bottom: 3px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
}