* {
     margin: 0;
     padding: 0;
     outline: none !important;
     text-decoration: none !important;
}
 @font-face {
     font-family: 'Roboto-Regular';
     src: url('Roboto-Regular.html');
     src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.eot') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
     font-weight: 300;
     font-style: normal;
}
 @font-face {
     font-family: 'FontAwesome';
     src: url('fonts/fontawesome-webfontd41d3294.html?v=3.0.1');
     src: url('fonts/fontawesome-webfontd41dd41d.html?#iefix&v=3.0.1') format('embedded-opentype'), url('fonts/fontawesome-webfont78ce3294.html?v=3.0.1') format('woff'), url('fonts/fontawesome-webfont78ce3294-2.html?v=3.0.1') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 body {
     background-color: #1f2d3a;
     color: #333;
     font-family:'Roboto-Regular' !important;
     margin: 0;
     padding: 0;
     font-size: 16px;
     font-weight: 100 ;
}
 a {
     color: #f26522;
     outline: 0;
     text-decoration: underline;
     transition: all .5s ease 0s;
     -moz-transition: all .5s ease 0s;
     -webkit-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
     -ms-transition: all .5s ease 0s;
}
 h1,h2,h3,h4,h5,h6{
     margin:0;
     font-family:'Roboto-Regular' !important;
}
 p{
     line-height:28px;
}
/*-------------Sidebar-Start----------------*/
#sidebar-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

#sidebar-wrapper::-webkit-scrollbar
{
	width: 10px;
	background-color: #fac11c;
}

#sidebar-wrapper::-webkit-scrollbar-thumb
{
	background-color: #293c4b;
	border: 1px solid #555555;
}





#myscroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

#myscroll::-webkit-scrollbar
{
	width: 10px;
	background-color: #fac11c;
}

#myscroll::-webkit-scrollbar-thumb
{
	background-color: #293c4b;
	border: 1px solid #555555;
}


#myscroll{
    position: relative;
    height: 100%;
    overflow-y: auto;
    
    transition: all 0.4s ease 0s;
    overflow-x: hidden;
}

#wrapper {
    position: absolute;
    width: 100%;
    overflow: none;
}

#menu-toggle {
    margin-left: 10px;
    margin-bottom: 6%;
}


 .csw-logo{
     text-align: center;
     padding-top: 20px;
     padding-bottom:60px
}
 .csw-logo img{
     width: 185px;
     height: 55px;
}
 .csw-menu{
     margin: 0 auto;
     width: 100%;
     padding-top:0%;
     padding-bottom: 20%;
}
 .sidebar-nav li a img{
     margin-top: -3px;
}
 .csw-menu .sidebar-nav li a{
     color: #293c4b;
}
/* .sidebar-nav li .active{
     color:#fff !important;
}
 */
 .csw-working-hours{
     text-align:center;
     padding-bottom: 25px;
}
 .csw-working-hours h2{
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 600;
     padding-bottom: 6px;
     color: #293c4b;
}
 .csw-working-hours p{
     font-size: 13px;
     margin: 0px;
     line-height: 16px;
     color: #293c4b;
}
 .csw-sidebar-footer{
     width:250px;
     height:130px;
     position: relative;
    bottom: 3% !important;
}
 .csw-sidebar-footer p{
     font-size: 13px;
     text-align: center;
     padding: 12px;
     line-height: 18px;
}
 .csw-sidebar-footer span{
     background: #9d6e11;
     height: 1px;
     position: relative;
     width: 170px;
     margin-left: 40px;
}
 .footer-social-ico {
     text-align: right;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 68px;
}
 ul.csw-foo_social_icon {
     text-align: center;
     margin-top: -10px;
}
 ul.csw-foo_social_icon li:first-child {
     margin-left: 0px;
}
 ul.csw-foo_social_icon li {
     display: inline-block;
     position: relative;
     margin: 0px;
}
 ul.csw-foo_social_icon li a {
     display: block;
     width: 30px;
     height: 30px;
     font-size: 12px;
     line-height: 20px;
     color: #ffffff;
     background: #283b4a;
     border-radius: 20px;
}
 ul.csw-foo_social_icon li a i {
     margin-top: 10px;
}
 .csw-sidebar-footer p a{
     color: #1f2d3a;
}
 ul.csw-foo_social_icon li a i:hover{
     color:#fac11c;
}
 .csw-foot-bg{
     position: fixed;
     bottom: 0px;
     left: 42px;
     z-index: -1;
}
 .sidebar-nav li a.active{
     background: rgba(255,255,255,0.2);
     text-decoration: none;
     color: #fff;
}
 .csw-blockquote-cont{
     background-image: url(../imgs/blockquote-bg.png);
     height: auto;
     width: 100%;
     background-size: contain;
     padding: 17px;
     margin-bottom: 55px;
}
 blockquote p{
     font-family: 'Roboto-Regular' !important;
     text-transform: uppercase;
     font-weight: 600;
     line-height: 26px;
     color: #293c4b;
}
 blockquote {
     font-family: Georgia, serif;
     position: relative;
     margin: 0.5em;
     padding: 0.5em 2em 0.5em 3em;
     border:0px;
}
 blockquote:before {
     position: absolute;
     font-size: 6em;
     line-height: 1;
     top: 0;
     left: 0;
     background-image:url(../imgs/left-bl.png);
     width:34px;
     height:25px;
}
 blockquote:after {
     position: absolute;
     float: right;
     font-size: 6em;
     line-height: 1;
     right: 12px;
     bottom: -2px;
     background-image: url(../imgs/right-bl.png);
     width: 34px;
     height: 25px;
}
 blockquote footer {
     padding: 0 2em 0 0;
     text-align:right;
}
 blockquote cite:before {
     content: "\2013";
}
 .csw-header-contact-details p a{
     color:#fff;
}
 .csw-header-contact-details p a:hover{
     color:#fac11c;
}
 @media (max-width: 767px){
     #menu-toggle {
         margin-left: 10px;
    }
     .content-header>.csw-header-contact-details{
         padding-top: 22px;
         margin-right:0px;
    }
     .btn-default {
         color: #1f2d3a;
         background-color: #fac11c;
         border-color: #fac11c;
    }
     .content-header>.csw-header-contact-details p{
         padding-left: 6px;
    }
     .content-header>.csw-header-contact-details p:last-child{
         padding-right: 13px;
    }
}
/*-------------Sidebar-End----------------*/
/*-------------Home-Wrapper-Start----------------*/
 #page-content-wrapper {
     width: 100%;
     height: 909px;
     background-size: cover;
     overflow: hidden;
    /* position: absolute;
     */
}
 .csw-header-contact-details{
     margin-right:30px;
     display: -webkit-box;
     float: right;
     padding-top: 17px;
}
 .csw-header-contact-details p{
     font-size: 13px;
     padding-left: 14px;
     color:#fff;
}
 .csw-header-contact-details p i{
     color:#fac11c;
	     font-size: 18px;
    vertical-align: middle;
}


.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
    font-size: 25px;
    padding-right: 5px;
}

.fa-envelope:before {
    content: "\f0e0";
    padding-right: 5px;
}

 #wrapper{
     position: absolute;
     width: 100%;
     overflow: hidden;
}
 @media (min-width:768px){
     #wrapper {
        /* display: contents;
         */
         width: 100%;
         height: 100%;
        /* position: fixed;
         */
    }
     #page-content-wrapper{
         height:100%;
    }
}
 @media (max-width:768px){
     .content-header {
         position: fixed;
         right: 0px;
         z-index: 999;
    }
     .cHbg {
         display: inline-block;
         height: auto;
         width: 100%;
         margin-bottom: 20px;
    }
     .csw-breadcrumb{
         float:right;
    }
     .content-header>.csw-header-contact-details{
         padding:0px;
         margin-top: -22px;
    }
     .csw-breadcrumb p{
         margin:0px;
    }
}
/*-------------Home-Wrapper-End----------------*/
/*-----Index-Carousel-Start-----*/
 .content-header {
     position: relative;
     right: 0px;
     z-index: 1;
}
 .main-text {
     position: absolute;
     top: 50px;
     width: 96.66666666666666%;
     color: #FFF;
}
 .btn-min-block {
     min-width: 170px;
     line-height: 26px;
}
 .btn-clear {
     color: #FFF;
     background-color: transparent;
     border-color: #FFF;
     margin-right: 15px;
}
 .btn-clear:hover {
     color: #000;
     background-color: #FFF;
}
 .carousel-inner > .item > img, .carousel-inner > .item > a > img{
     width:100%;
     height: 100%;
}
 .carousel-inner,.carousel, .container1, .col-md-121{
     height: 100%;
}
 .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
     display: block;
     height: 100%;
}
 .csw-slider .carousel-caption{
     text-align: left;
     top:29%;
     left: 18%;
}
 .csw-slider .carousel-caption p{
     margin: 0px;
     text-transform: uppercase;
     font-size: 15px;
     margin-left: 22px;
     color: #fac11c;
}
 .csw-slider .carousel-caption p span{
     color:#fff;
}
 .csw-slider .carousel-caption h3{
     font-size: 56px;
     line-height: 67px;
     text-transform: uppercase;
     font-weight: 600;
     padding-bottom: 20px;
     border-left: 10px solid #fac11c;
     padding-left: 13px;
}
 .csw-slider .carousel-caption a{
     color: #fff;
     text-transform: uppercase;
     padding: 9px;
     border: 1px solid #fac11c;
     font-size: 16px;
     margin-left: 26px;
}
 .csw-slider .carousel-caption a i{
     color:#fff;
}
 .csw-slider .carousel-caption a:hover{
     background:#fac11c;
}
 .carousel-indicators {
     bottom: 50% !important;
     left: 31%;
}
 .carousel-indicators li{
     display:block;
       margin-bottom: 10px;
}
 .carousel {
     top: -60px;
}
/*-----Index-Carousel-End-----*/
/*-----About-Start-----*/
 .csw-inner-bg{
     background-image:url(../imgs/csw-inner-bg.png);
     width:100%;
     height:100%;
     background-size:cover;
}
 .csw-contact-bg{
     background-image:url(../imgs/csw-contact-bg.png);
     width:100%;
     height:100%;
     background-size:cover;
}
 .csw-service-bg{
     background-image:url(../imgs/csw-service-bg.png);
     width:100%;
     height:100%;
     background-size:cover;
}
 .about-bg img{
     width:100%;
     height: 250px;
}
 .cHbg{
     background:rgba(0, 0, 0, 0.33);
}
 .csw-breadcrumb p{
     color: #fff;
     float: left;
     padding: 17px 21px 17px 30px;
     font-size: 13px;
}
 .csw-about-cont p{
     color: #fff;
     font-size: 32px;
     font-weight: 600;
     line-height: 46px;
     text-transform: uppercase;
}
 .csw-inner-bg .container{
     padding:30px;
     width:100%;
}
 .csw-contact-bg .container{
     padding:30px;
     width:100%;
}
 .csw-service-bg .container{
     padding:30px;
     width:100%;
}
 .csw-about-cont h2{
     color: #fac11c;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 3px;
}
 .csw-our-vision h2{
     font-size: 19px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     padding-bottom: 10px;
}
 .csw-our-vision h2 span{
     color:#fac11c;
}
 .csw-vision-list li{
     list-style: none;
     color: #fff;
     font-weight: 100;
     line-height: 29px;
     font-size: 15px;
     line-height: 30px;
}
 .csw-vision-list li i{
     color:#fac11c;
}
 .csw-our-vision{
     padding-top:30px;
     padding-top: 40px;
     padding-bottom: 40px;
}
 .csw-about-col{
     background:rgba(24, 37, 49, 0.7215686274509804);
     padding: 40px;
     text-align: center;
     border: 1px solid #fac11c;
     min-height: 330px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .csw-about-col:hover{
     background: #fac11c;
     -webkit-transform: translateY(-8px);
     transform: translateY(-8px);
     transition: 0.3s;
}
 .csw-about-col h3{
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     padding-top: 20px;
     padding-bottom: 10px;
}
 .csw-about-col p{
     color: #fff;
     font-size: 13px;
     line-height: 18px;
}
 .csw-breadcrumb span{
     color:#fac11c;
}
/*-----About-End-----*/
/*-----Contact-Start-----*/
 .csw-contact-map{
     width:100%;
     height:auto;
     background:#fff;
}
 .csw-contact-map iframe{
     border:2px solid #f00;
}
 .csw-contact-map{
     border: 5px solid #fac11c;
     margin-bottom:25px;
}
 .csw-getintochu h3, .csw-contactform h3{
     color:#fff;
     text-transform: uppercase;
}
 .csw-getintochu h3 span, .csw-contactform h3 span{
     color:#fac11c;
}
 .csw-getintochu p{
     color:#fff;
     font-size: 14px;
}
 .csw-contact-details{
     padding-bottom: 10px;
}
 .csw-contact-details i{
     color:#fff;
     font-size:13px;
}
 .csw-contact-details h3{
     color: #fac11c;
     font-size: 15px;
}
 .csw-contact-details p{
     color: #fff;
     font-size: 12px;
}
 .main {
     transition: 3s;
     display: inline-block;
     justify-content: center;
     height: 100vh;
     background: none;
     width: 100%;
     margin-top:20px;
}
 .main .box {
     flex: 1 1 1;
     align-self: center;
     color: #d3d3d3;
     padding: 0px;
     background:none;
     border-radius: 0.5rem;
}
 .main .box .input-block {
     margin-bottom: 30px;
}
 .main .box .input-block .placeholder-label {
     color: #fff;
     position: absolute;
     margin-left:10px;
     margin-top: 0.45rem;
     font-size: 12px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     padding: 3px 0px;
     font-weight: 100;
}
 .main .box .input-block .enterme {
     height: 35px;
     width: 100%;
     padding: 0;
     font-size: 12px;
     outline: none;
     border: none;
     border-bottom: 0.0625rem solid #fac11c;
     z-index: 1000;
     background:none;
     color: #fff;
}
 .main .box .input-block .enterme:hover, .main .box .input-block .enterme:active, .main .box .input-block .enterme:focus {
     border-bottom: 1px solid #fff;
}
 .to-be-label {
     margin-top: -20px !important;
     color: #fac11c !important;
     font-size: 12px !important;
}
 .send {
     height: 2rem;
     width: 15.6rem;
     outline: none;
     border: none;
     border-radius: 0.3rem;
     background-color: #2ecc71;
     color: #fff;
     font-size: 0.8rem;
}
 .send:hover {
     background-color: #27ae60;
}
 .send-box {
     -webkit-animation: move-data 1s ease forwards;
     animation: move-data 1s ease forwards;
}
 @-webkit-keyframes move-data {
     0% {
         background-color: #fff;
    }
     50% {
         -webkit-transform: scale(0.3, 0.3);
         transform: scale(0.3, 0.3);
         margin-top: 0rem;
    }
     100% {
         margin-top: -150vh;
         -webkit-transform: scale(0.3, 0.3);
         transform: scale(0.3, 0.3);
    }
}
 @keyframes move-data {
     0% {
         background-color: #fff;
    }
     50% {
         -webkit-transform: scale(0.3, 0.3);
         transform: scale(0.3, 0.3);
         margin-top: 0rem;
    }
     100% {
         margin-top: -150vh;
         -webkit-transform: scale(0.3, 0.3);
         transform: scale(0.3, 0.3);
    }
}
 .contact-submit-btn{
     width: 100%;
     padding: 10px;
     border: 0px;
     color: #293c4b;
     background: #fac11c;
     text-transform:uppercase;
}
 .contact-submit-btn:hover{
     background:#fff;
}
/*-----Contact-End-----*/
/*-----Services-Start-----*/
 .csw-about-cont .csw-ser-cont{
     font-weight: 100;
     font-size: 14px;
     text-transform: capitalize;
     line-height: 22px;
     padding-top: 6px;
}
 .csw-services-list{
     background: #192935;
     height: auto;
}
 .csw-services-list-img{
     float: left;
     padding-bottom: 10px;
     width: 100%;
     margin-bottom: 20px;
}
 .csw-services-list-cont p{
}
 .csw-services-list-img img{
     width: 100%;
     height: 330px;
     border: 4px solid #fac11c;
}
 .ser-custom .inner-content h3{
     font-size: 34px;
     padding-top: 80px;
     padding-bottom: 10px;
}
 .ser-custom .inner-content a{
     text-transform: uppercase;
     color: #000;
     border: 1px solid #000;
     padding:8px;
     font-size: 12px;
}
 .inner-content a{
     text-transform: uppercase;
     color: #000;
     border: 1px solid #000;
     padding:3px;
     font-size: 12px;
}
 .box1{
     text-align: center;
     overflow: hidden;
     position: relative;
     margin-bottom: 30px;
}
 .box1 img{
     width: 100%;
     height: auto;
}
 .box1 .box1-content{
     width: 100%;
     height: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 2;
     transform: translate(-50%, -50%);
     border: 2px solid #fac11c;
}
 .box1:before, .box1:after, .box1 .box1-content:before, .box1 .box1-content:after{
     content: "";
     width: 80%;
     height: 80%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) rotate(45deg);
     transition: all 0.5s ease 0s;
}
 .box1:before{
     background: linear-gradient(45deg,rgba(0,0,0,0.2) 49%, transparent 50%);
     left: -100%;
}
 .box1:after{
     background: linear-gradient(45deg,transparent 49%, rgba(0,0,0,0.2) 50%);
     left: 160%;
}
 .box1 .box1-content:before, .box1 .box1-content:after{
     width: 65%;
     height: 65%;
     background: linear-gradient(45deg,rgba(0,0,0,0.3) 49%, transparent 50%);
     left: -100%;
     transition-delay: 0.1s;
}
 .box1 .box1-content:after{
     background: linear-gradient(45deg,transparent 49%, rgba(0,0,0,0.3) 50%);
     left: 160%;
}
 .box1:hover:before, .box1:hover:after, .box1:hover .box1-content:before, .box1:hover .box1-content:after{
     left: 50%;
}
 .box1 .inner-content{
     width: 50%;
     height: 50%;
     color: #fff;
     padding: 40px 0;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 2;
     transform: translate(-50%, -50%) scale(0);
     transition: all 0.3s ease 0.2s;
}
 .box1 .inner-content:after{
     content: "";
     width: 100%;
     height: 100%;
     background:rgba(250, 193, 28, 0.97);
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     transform: translate(-50%, -50%) rotate(45deg);
}
 .box1:hover .inner-content{
     transform: translate(-50%, -50%) scale(1);
     transition: all 0.3s ease 0s;
}
 .box1 .title{
     font-size: 17px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 5px;
}
 .box1 .post{
     display: block;
     font-size: 14px;
     text-transform: capitalize;
     margin-bottom: 7px;
}
 .box1 .icon{
     padding: 0;
     margin: 0;
     list-style: none;
     transform: rotateY(360deg) scale(0);
     transition: all 0.3s ease 0s;
}
 .box1:hover .icon{
     transform: rotateY(0) scale(1);
}
 .box1 .icon li{
     display: inline-block;
     margin: 0 3px;
}
 .box1 .icon li a{
     display: block;
     width: 35px;
     height: 35px;
     line-height: 35px;
     border-radius: 50%;
     background: #fff;
     font-size: 16px;
     color: #505050;
     transition: all 0.3s ease 0s;
}
 .box1 .icon li a:hover{
     box-shadow: 0 0 0 5px rgba(0,0,0,0.5);
     background: #fff;
     color: rgb(255,79,79);
}
 @media only screen and (max-width:990px){
     .box1{
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width:320px){
     .box1 .inner-content{
         padding: 25px 0;
    }
     .box1 .title{
         font-size: 16px;
    }
}
 .my-module {
     position: fixed;
     top: 0;
     left: 0;
}
 .fade-scale {
     transform: scale(0);
     opacity: 0;
     -webkit-transition: all .25s linear;
     -o-transition: all .25s linear;
     transition: all .25s linear;
}
 .fade-scale.in {
     opacity: 1;
     transform: scale(1);
}
 .modal {
     overflow-y: auto;
     background: rgba(0, 0, 0, 0.38823529411764707);
}
 .modal-header{
     background:#fac11c;
     border-bottom:0px;
     padding:0px;
}
 .modal-body{
     background: #1f2d3a;
     padding-bottom: 40px;
}
 .modal-body p{
     color:#fff;
     font-size: 14px;
     text-align: justify;
     line-height: 22px;
     padding-top: 20px;
     margin: 0px;
}
 .modal-header h4{
     font-size: 21px;
     text-transform: uppercase;
     font-weight: 600;
     padding:13px;
     border-bottom: 2px solid #fac11c;
}
 .modal-header h4 span{
     color:#fff;
}
 .modal-header .close {
     float: right;
     font-size: 21px;
     font-weight: 700;
     line-height: 1;
     background: #ffd14b;
     opacity: 1;
     color: #1f2d3a;
     text-shadow: none;
     padding:18px;
     margin: 0px !important;
}
 .modal-body p i{
     color:#fac11c;
}
 .FRC-details{
     padding-top: 20px;
     padding-bottom:10px;
}
 .FRC-details h3{
     text-transform: uppercase;
     font-size: 15px;
     color: #fac11c;
}
 .FRC-details p{
     padding-top: 5px;
}
 .modal-body img{
     width:100%;
}
 .Chere-btn{
     background: #fac11c;
     top: -333px;
     color: #293c4b;
     position: relative;
     font-size: 12px;
     padding: 10px;
     text-transform: uppercase;
     font-weight: 600;
}
/*-----Services-End-----*/
/*-----Gallery-Start-----*/
 .gal-container{
     padding: 12px;
}
 .gal-item{
     overflow: hidden;
     padding: 3px;
}
 .gal-item .box{
     height: 350px;
     overflow: hidden;
}
 .box img{
     height: 100%;
     width: 100%;
     object-fit:cover;
     -o-object-fit:cover;
}
 .gal-item a:focus{
     outline: none;
}
 .gal-item a:after{
     content:"\e105";
     font-family: 'Glyphicons Halflings';
     opacity: 0;
     background-color: rgba(0, 0, 0, 0.75);
     position: absolute;
     right: 3px;
     left: 3px;
     top: 3px;
     bottom: 3px;
     text-align: center;
     line-height: 350px;
     font-size: 30px;
     color: #fff;
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .gal-item a:hover:after{
     opacity: 1;
}
 .modal-open .gal-container .modal{
     background-color: rgba(0,0,0,0.4);
}
 .modal-open .gal-item .modal-body{
     padding: 20px;
}
 .gal-container .modal-dialogue{
     width: 80%;
}
 .gal-container .description{
     position: relative;
     height: 40px;
     top: -40px;
     padding: 10px 25px;
     background-color: rgba(0,0,0,0.5);
     color: #fff;
     text-align: left;
}
 .gal-container .description h4{
     margin:0px;
     font-size: 15px;
     font-weight: 300;
     line-height: 20px;
}
 .gal-container .modal.fade .modal-dialog {
     -webkit-transform: scale(0.1);
     -moz-transform: scale(0.1);
     -ms-transform: scale(0.1);
     transform: scale(0.1);
     top: 100px;
     opacity: 0;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .gal-container .modal.fade.in .modal-dialog {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transform: translate3d(0, -100px, 0);
     transform: translate3d(0, -100px, 0);
     opacity: 1;
}
 @media (min-width: 768px) {
     .gal-container .modal-dialog {
         width: 55%;
         margin: 50 auto;
    }
}
 @media (max-width: 768px) {
     .gal-container .modal-content{
         height:250px;
    }
}
/* Footer Style */
 i.red{
     color:#BC0213;
}
 .gal-container{
     padding-top :75px;
     padding-bottom:75px;
}
/* .modal-dialog {
    width:600px;
}
 .thumbnail {
    margin-bottom:6px;
}
 */
 .list-inline {
     text-align: center;
}
 .list-inline > li {
     margin: 10px 5px;
     padding: 0;
}
 .list-inline > li:hover {
     cursor: pointer;
}
 .list-inline .selected img {
     opacity: 1;
    /* border-radius: 15px;
     */
}
 .list-inline img {
     opacity: 0.5;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     border: 1px solid #fac11c;
}
 .list-inline img:hover {
     opacity: 1;
}
 .item > img {
     max-width: 100%;
     height: auto;
     display: block;
}
 #slider-thumbs{
     margin-top: -40px;
}
 .csw-inner-bg .csw-gal-view{
     padding-top: 80px;
}
 .csw-inner-bg .carousel-inner{
     border: 7px solid #fac11c;
}
 .carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left{
     background: #000;
     padding: 10px;
     color: #fac11c;
}
/*-----Gallery-End-----*/
 @media only screen and (width:320px){
     .content-header>.csw-header-contact-details p{
         font-size: 9px !important;
    }
}
 @media (max-width:371px){
     .csw-header-contact-details p {
         font-size: 11px !important;
    }
     .csw-slider .carousel-caption h3 {
         font-size: 38px;
         line-height: 48px;
    }
     .csw-slider .carousel-caption {
         top: 13%;
    }
     .content-header {
         left: 0px;
    }
     .csw-foot-bg {
         position: absolute;
    }
     .modal-header h4 {
         font-size: 13px;
    }
     .modal-header .close{
         padding: 13px;
    }
}
 @media (max-width:414px){
     .ser-custom .inner-content h3 {
         font-size: 16px;
         padding-top: 5px;
         margin-bottom: 0px;
         padding-bottom: 3px;
    }
     .box1 .title {
         font-size: 13px;
         margin-top: 18px;
    }
     .ser-custom .inner-content a, .inner-content a{
         padding: 3px;
         font-size:8px;
    }
}
 @media screen and (min-width:372px) and (max-width:767px){
     .csw-slider .carousel-caption h3{
         font-size: 26px;
         line-height: 37px;
    }
     .csw-header-contact-details p {
         font-size: 12px;
    }
     .csw-slider .carousel-caption{
         top: 22%;
         left: 11%;
    }
     .csw-slider .carousel-caption h3{
         font-size:35px;
         line-height: 48px;
    }
     .csw-foot-bg{
         position:absolute;
    }
     .content-header {
         left: 0px;
    }
	
	#myscroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

#myscroll::-webkit-scrollbar
{
	width: 10px;
	background-color: #fac11c;
}

#myscroll::-webkit-scrollbar-thumb
{
	background-color: #293c4b;
	border: 1px solid #555555;
}
	
}
 @media only screen and (width:768px){
     .csw-slider .carousel-caption {
         left: 6%;
    }
}
 @media screen and (min-width:1024px) and (max-width:1400px){
     .csw-slider .carousel-caption h3 {
         font-size: 45px;
         line-height: 47px;
    }
     .carousel-indicators {
         bottom: 390px;
    }
     .sidebar-nav li a{
         padding: 4px 10px 0px 50px;
    }
     .csw-menu {
         padding-bottom: 5%;
    }
     .csw-blockquote-cont{
         margin-bottom: 15px;
    }
     .csw-map-sec-part .csw-contact-map {
         width: auto;
         background: #fff;
    }
    /* .csw-map-sec-part .csw-contact-bg{
         position:absolute;
    }
     */
     .csw-contact-map iframe{
         height:220px;
    }
     .box1 .title {
         font-size: 11px;
    }
     .inner-content a{
         font-size: 9px;
    }
     .ser-custom .inner-content h3 {
         padding-top: 59px;
    }
}
 @media (max-width:767px){
     .csw-inner--section #page-content-wrapper{
         height:100%;
    }
     .csw-about-cont p {
         font-size: 26px;
         line-height: 37px;
         padding-top: 10px;
    }
     .csw-about-cont{
         padding-top: 17px;
    }
     .csw-vision-list li{
         text-align:justify;
    }
     .modal-header h4 {
         font-size: 14px;
    }
     .modal-header .close{
         padding: 14px;
    }
}
 @media screen and (min-width:768px) and (max-width:1023px){
     .about-bg img {
         height: 114px;
    }
     .csw-about-cont p {
         color: #fff;
         font-size: 14px;
         font-weight: 600;
         line-height: 19px;
         text-transform: uppercase;
    }
     .content-header{
         margin:0px;
    }
     .csw-about-detail-sec .col-md-4{
         width:100%;
    }
     .csw-menu{
         padding-bottom: 10%;
    }
     .csw-vision-list li{
         font-size: 13px;
    }
     .csw-sidebar-footer {
         position: relative;
    }
     #page-content-wrapper{
         position: absolute;
         overflow-y: auto;
         width: 100%;
    }
     .csw-sidebar-footer {
         position: relative;
    }
     .csw-inner-bg {
         width: auto;
         margin: 0px;
         padding-right: 240px;
    }
     .csw-contact-bg {
         width: auto;
         margin: 0px;
         padding-right: 240px;
    }
     .csw-service-bg {
         width: auto;
         margin: 0px;
         padding-right: 240px;
    }
     .csw-header-contact-details{
         margin-right: 270px;
    }
     .ser-custom .inner-content h3{
         padding-top:20px;
         font-size: 24px;
    }
}
 @media (min-width:1400px){
     .csw-about-cont p {
         font-size:27px;
    }
     .about-bg img {
         height:268px;
    }
     .csw-vision-list li {
         line-height: 25px;
         font-size: 14px;
    }
     .csw-our-vision {
         padding-top: 42px;
         padding-bottom: 42px;
    }
     .csw-about-detail-sec .col-md-4{
         width: 24.333333%;
    }
     .csw-about-col{
         padding:30px;
         min-height: 320px;
    }
     #page-content-wrapper {
         width: 100%;
         background-size: cover;
         overflow: hidden;
         position: absolute;
         padding-right: 250px;
    }
}
 @media screen and (min-width:1024px) and (max-width:1100px){
     .ser-custom .inner-content h3 {
         padding-top: 29px;
         font-size: 20px;
         padding-bottom:0px;
    }
     .ser-custom .inner-content a {
         padding: 4px;
         font-size: 9px;
    }
     .box1 .title {
         font-size: 8px;
         margin-top: -15px;
    }
     .inner-content a {
         font-size: 6px;
    }
     .gal-item .box {
         height: 270px;
         overflow: hidden;
    }
}
 @media screen and (min-width:1024px) and (max-width:1399px){
     .csw-about-col img{
         width: 66px;
    }
     .csw-about-col {
         padding: 20px;
         text-align: center;
         min-height: 266px;
    }
     .csw-vision-list li {
         line-height: 24px;
         font-size: 12px;
    }
     .about-bg img {
         height: 150px;
    }
     .csw-about-cont p {
         font-size: 16px;
         line-height: 28px;
    }
     .csw-about-col h3{
         font-size:15px;
    }
     .csw-our-vision {
         padding-top: 20px;
         padding-bottom: 20px;
    }
     .csw-about-detail-sec .col-md-4{
         width: 24.333333% !important;
    }
}
 @media screen and (min-width:2304px) and (max-width:2880px){
     .csw-menu {
         padding-bottom: 5%;
    }
     .csw-blockquote-cont {
         margin-bottom: 5px;
    }
     .csw-slider .carousel-caption h3 {
         font-size: 96px;
         line-height: 110px;
    }
     .csw-slider .carousel-caption p {
         font-size: 22px;
    }
     .about-bg img {
         height: 430px;
    }
     .csw-about-cont h2{
         font-size: 23px;
    }
     .csw-about-cont p {
         font-size: 57px;
         line-height: 74px;
    }
}
 @media only screen and (width:1366px){
     .col-md-121 .carousel-indicators {
         bottom: 388px;
    }
     .gal-item .box {
         height: 278px;
    }
}
/* .carousel-indicators {
     position: relative;
     top: 50%;
}
 */
 @media only screen and (width:2048px){
     .carousel-indicators {
         bottom: 919px;
    }
}
 @media only screen and (width:2304px){
     .carousel-indicators {
         bottom: 790px;
    }
     .csw-contact-map iframe{
         height: 610px;
    }
}
 @media only screen and (width:2550px){
     .carousel-indicators {
         bottom:890px;
    }
     .csw-contact-map iframe{
         height: 540px;
    }
}
 @media only screen and (width:2560px){
     .carousel-indicators {
         bottom: 880px;
    }
     .csw-contact-map iframe{
         height: 610px;
    }
     .gal-item .box {
         height: 420px;
    }
     .Chere-btn {
         top: -400px;
    }
}
 @media only screen and (width:2880px){
     .carousel-indicators {
         bottom: 1040px;
    }
     .csw-contact-map iframe{
         height: 610px;
    }
     .gal-item .box {
         height: 420px;
    }
     .Chere-btn {
         top: -400px;
    }
}
 @media only screen and (width:3000px){
     .csw-slider .carousel-caption h3 {
         font-size: 106px;
         line-height: 107px;
    }
     .carousel-indicators {
         bottom: 930px;
         left: 31%;
    }
}
 @media only screen and (width:4096px){
     .csw-slider .carousel-caption h3 {
         font-size: 176px;
         line-height: 177px;
    }
     .col-md-121 .carousel-indicators {
         bottom: 1290px;
    }
     .about-bg img {
         height: 740px;
    }
     .csw-about-cont p {
         font-size: 87px;
         line-height: 116px;
    }
     .csw-about-cont h2 {
         font-size: 33px;
    }
     .csw-contact-map iframe{
         height: 1063px;
    }
     .csw-about-col {
         padding: 150px 30px 240px 30px;
    }
     .gal-item .box {
         height: 420px;
    }
     .Chere-btn {
         top: -400px;
    }
}
 @media only screen and (width:5120px){
     .csw-slider .carousel-caption h3 {
         font-size: 216px;
         line-height: 217px;
    }
     .col-md-121 .carousel-indicators {
         bottom: 388px;
    }
     .about-bg img {
         height: 810px;
    }
     .csw-about-cont p {
         font-size: 97px;
         line-height: 132px;
    }
     .col-md-121 .carousel-indicators {
         bottom: 1748px;
    }
}