/*
Theme Name: Krinal Gems
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html{
    overflow-x: hidden;
 overflow-y: hidden;
}
body {
    background: #fff;
    padding: 0;
    margin: 0;
}
p{font-family: 'Poppins', sans-serif;}
a{text-decoration: none;}

    .wrapper{ width:100%; margin:0 auto; overflow:hidden;}
    #top-header{ position:relative; width:100%;}
    .sidebarIconToggle{left:inherit; right:30px;}

.banner_para_overflow p{
    overflow-y: auto;
    height:135px;
    bottom: 127px;
}
.slick-prev:before {
    content: '←';
    display: none;
}
.logo {
    padding: 20px 0;
    width: 40%;
    z-index: 9;
    position: absolute;
    left: 141px;
    top: 26px;
}
.carousel-control.left{background-image:none;}
.carousel-control.right{background-image:none;}
.menu{float: right;}
.menu-toggle {
    position: fixed;
    z-index: 99999999999;
    width: 40px;
    height: 36px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    float: left;
    top: 60px;
    right: 84px;
}
.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    right: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    -webkit-box-shadow: 1px 0px 1px #ccc;
    box-shadow: 1px 0px 1px #ccc;
}
.menu:after {
    content: "";
    display: table;
    clear: both;
}
.menu-toggle span:nth-child(1) {
    top: 0;
}
.menu-toggle span:nth-child(2) {
	   top: 8px;
}

.menu-toggle span:nth-child(3) {
    top: 8px;
}
.menu-toggle span:nth-child(4) {
    top: 17px;
    width: 50%;
}
.menuBg{
	background-color: #527ec3;
	width:350px;
	height: 500px;
	border-radius: 50%;
	position:fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) scale(0.001);
    opacity: 0;
}





.header {
 
    max-width: 100%;
    box-shadow: none;

    position:absolute;
    height: 60px!important;
    overflow: hidden;
    z-index: 10;
}
.main {
    margin: 0 auto;
    display: block;
    height: 100%;
    margin-top: 60px;
}
.mainInner{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}
.mainInner div{
    display:table-cell;
    vertical-align: middle;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 1.25px;
}
#sidebarMenu {
    height: 37%;
    position: fixed;
    right: 0;
    width: 250px;
    margin-top: 90px;
    transform: translateX(250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #5c7dc4 0%, #4a5ba8 100%);
    z-index: 99;
}
.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li{
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li span{
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 42px;
    left: 89%;
    height: 34px;
    width: 29px;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color:#ffffff;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 9px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 9px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}



/*-----*/

#single {
    height: auto !important;
}
.back-banner{
	background-image: url('../images/bg.png');
background-size:cover;
background-repeat: no-repeat;
position: relative;
height: 100%;
}

.banner_caption {
    position: absolute;
    top: 37%;
    left: 10%;
    z-index: 9999;
	width:50%;
}

.flash-icon img{
	position: absolute;
	top:3%;
}
.flash-icon2 img {
    position: absolute;
    top: 3%;
    left: 412px;
}
.home_caption p{


    bottom: 155px;
    color: #ffffff;

    line-height: 28px;
    z-index: 999;

}
.banner_caption h2 {
    /*position: absolute;*/
    bottom: 380px;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 36px !important;

    z-index: 999;
}
.banner_caption img {
    /*position: absolute;*/
    bottom: 372px;
    left: 12%;
    z-index: 999;
}
.banner_caption p{
	/*position: absolute;*/
	bottom: 155px;
	color: #ffffff;
	/*width: 50%;*/
	/*left: 12%;*/
	line-height: 28px;
	z-index: 999;
}
.slider-btn{

	bottom: 103px;
	background-color: #fff;
	color: #000;
	border-radius:20px;
	padding: 9px 29px;
	left: 12%;
	text-decoration: none;
	z-index: 999;
}
.slider-btn:hover , .slider-btn:active{
	bottom: 103px;
	background-color:#233495;
	color: #fff;
	border-radius:20px;
	padding: 9px 29px;
	left: 12%;
	text-decoration: none;
	z-index: 999;
}
.footer-position{
    position: relative;
}
.footer-para p {
    position: absolute;
    color: #fff;
    left: 7%;
    top: -66px;
}
.footer-develop p {
    /* top: -26px; */
    position: absolute;
    color: #fff;
    bottom: 38px;
    left: 59%;
    z-index: 9999;
}
.new-img {
	position: absolute;
	right: 0px;
	bottom:45px;
}
.cstm_scrol {
    overflow-y: auto;
    height: 165px;
    width: 85%;
    bottom: 245px;
}
.cstm_scrol h3{
    color: #fff;
    font-weight: bold;
}

.footer-all {
    position: relative;
}
/* width */
::-webkit-scrollbar {
    width: 7px;
}

.reg_office {
    position: relative;
}
.reg_office h3{
padding-bottom: 30px;
color: #fff;
padding-left: 15px;
}
.reg_office ul{
    list-style-type: none;
        
}
.reg_office p{

    margin-left: 7px;
    line-height: 24px;

}
.reg_office i{
    float: left;
    margin-left: -35px;
    margin-top: -1px;
    margin-right: 4px;
    color: #fff;
    font-size: 24px;
}
.reg_office a{
    text-decoration: none;
}
.head_reg{
position: relative;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.head_reg h3{
color: #fff;
padding-bottom: 30px;
padding-left: 16px;
}
.head_reg ul{
    list-style-type: none;
}
.head_reg p{

    margin-left: 7px;
    line-height: 24px;

}
.head_reg a{
    text-decoration: none;
}
.head_reg i{
    float: left;
    margin-left: -35px;
    margin-top: -1px;
    margin-right: 4px;
    color: #fff;
    font-size: 24px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background:#ffffff; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #233495; 
}
.gallery{
    position: relative;
}
#myImg {
    border-radius: 0px;
    cursor: pointer;
    transition: 0.3s;
    position: absolute;
    margin-top: -285px;
    left: 10%;
}
#myImg2 {
    border-radius: 0px;
    cursor: pointer;
    transition: 0.3s;
    position: absolute;
    margin-top: -282px;
    left: 36%;
}

.gallery-head  h2 {
    bottom: 55%;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 36px !important;
    left: 12%;
    z-index: 999;
}
.gallery-head img {
    position: ;
    bottom: 54%;
    left: 12%;
    z-index: 999;
}

.fancybox-slide.watermark .fancybox-spaceball {
  background-image: url('http://fancyapps.com/GJbkSPU.png');
  background-size: cover;
  background-repeat: no-repeat;
}
.fancybox-slider{
    position: relative;
}
.galleries{
    position: absolute;
    bottom: 120px;
    width: 50%;
    left: 10%;
}
.galleries img{
    border: 3px solid #000;
}

/*----*/

/*#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}*/
/*
#myImg:hover {opacity: 0.7;}*/


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width:500px;
    max-width: 700px;
    height: 500px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


/*----*/



/*----*/

/*#myImg2 {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
*//*
#myImg2:hover {opacity: 0.7;}*/


/* The Modal (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content2 {
    margin: auto;
    display: block;
    width:500px;
    max-width: 700px;
    height: 500px;
}

/* Caption of Modal Image */
#caption2 {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content2, #caption2 {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close2 {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close2:hover,
.close2:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content2 {
        width: 100%;
    }
}

/* New WordPress Style */

.banner_para_overflow.banner_para_overflow_new{ overflow-y: auto; height: 140px; bottom: 127px;}
.banner_para_overflow.banner_para_overflow_new p{ height:auto; bottom:inherit;}
.navigation h2.screen-reader-text {display : none;}
.navigation {float: none; text-align: center; width: 100%; margin:30px 0 10px 0;}
.navigation .nav-links a svg {display : none;}
.navigation .nav-links a {padding: 5px 8px; background: #5774bd; border: 1px solid #5774bd; color:#ffffff;}
.navigation .nav-links span.current {padding: 5px 8px; background: #5774bd; border: 1px solid #5774bd; color:#ffffff;}
.article a{ color:#ffffff; text-decoration:none;}
form.search-form input{width: 60%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    height: 40px;
	line-height:40px;
    padding: 0 15px;
    font-weight: 400;
    margin: 0px;
    color: #aeaeae;
    background: #ececec;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    outline: none;
	border-radius:5px;
	}
	
button.search-submit .screen-reader-text{ clip: inherit;
    height: auto;
    width: auto;
	display:block;
    text-indent: -30px;
    top: 15px;
    overflow: visible;
	 font-size: 16px;
	 color: #aeaeae;
	 font-weight:300;
	 text-transform:capitalize;
	
	}

.search-form label{ display:none;}
form.search-form button.search-submit{border: 0;
    padding: 0 25px 0 50px;
    vertical-align: top;
    position: relative;
	height:40px;
	line-height:40px;
	background:#5066b1;
	border-radius:5px;
	}
	
.search-submit .icon.icon-search{ display:none;}