@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-b';
    src: url('fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-t';
    src: url('fonts/roboto/Roboto-Thin.ttf');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: roboto, Sans-serif;
    font-size: 1rem;
    direction: ltr;
    background:#f3f3f3;
    line-height:1.2rem;
    color:#05281e
}
a {color:#00a5e0;text-decoration:none;outline:none}
a:hover,a:active,a:focus {text-decoration:none;color:#000}
a img {border:none}
*{margin:0;padding:0}
.clearfix:after {clear:both;display:block;content:".";height:0;visibility:hidden}
html {margin-top:0px !important}
* html > body .clearfix {width:100%;display:block;margin:0px;padding:0px}
.wrapper{width:100%;height:100%}
.header{width:100%;height:50px;position:fixed;top:0px;text-align:center;background:#2763aa;z-index:2}
.header span{display:block;font-size:37px;line-height:50px;letter-spacing:0.40em;margin:0 auto;opacity:1;text-transform:uppercase;color:#fff;transition:all 1s ease 2.5s;padding-left:50px}
.header .nav{width:60px;height:50px;position:absolute;top:0px;right:0px;z-index:2}
/*my-life css*/
.my-life-body{width:100%;height:100%;background:url('../image/life_bg.png') #4285d4;position: absolute;top: 0px;left: 0px;background-size: cover;background-position: 50% 50%;}
.my-life{width:50%;margin:50px 0px 0px 120px;position:absolute;z-index:1}
.my-life h1{font-size:40px;line-height:40px;margin:25px 0px;font-weight:bold;color: #a6eeff;}
.my-life .dob{font-size:20px;color: #fff;font-weight:bold;margin-bottom:25px}
.my-life .my-life-entry{height:250px;color: #fff;overflow:hidden}
.my-life p{margin-bottom:15px;line-height:1.2rem;text-align: justify;}
.my-life-phpto{width:100%;margin-top:30px}
.my-life-phpto .imgbody{width:125px;height:auto;float:left;display:block;background:#FFF;padding:8px;margin-right:10px}
.my-life-phpto .imgbody img{width: 100%;}
.my-life-phpto .imgbody.last{margin-right:0px}
.my-life-rs-photo{position:absolute;bottom:0px;right:0px;z-index:1}
.my-life-rs-photo img{display:block;width:100%}
/*my-life css*/
/*page css*/
.page-body{position: absolute;width:100%;height:auto;background:#4285d4;top:0px;left:0px;z-index:0}
.page{width:80%;margin:50px auto 0px auto;color:#fff;overflow:hidden;text-align: justify;}
.page p{font-size: 16px;line-height: 25px;margin-bottom: 30px;}
.page h1{font-size:40px;text-align:center;line-height:40px;margin:40px 0px;font-weight:bold;color: #a6eeff;}
.page-entry{width:100%;margin:20px 0px;}
.page-entry ul{margin:0px;padding:0px;list-style:none}
.page-entry ul li{float:left;width:100%}
.page-heading{width:100%; width:100%;float:left;margin:5px 0px}
.page-heading .icon {-moz-transition:-moz-transform 0.2s ease-in;-o-transition:-o-transform 0.2s ease-in;-webkit-transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#a6eeff;margin:9px 9px 9px 4px;width:18px;height:18px;float:left;}
.award-title{width:100%;float:left;margin:10px 0px; font-size: 23px;color: #a6eeff;font-weight: 600}
.award-icon {-moz-transition:-moz-transform 0.2s ease-in;-o-transition:-o-transform 0.2s ease-in;-webkit-transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#a6eeff;margin:9px 9px 9px 4px;width:18px;height:18px;float:left;}
.page-entry ul li:hover .page-heading .award-icon {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);background-color:#fff}
.page-heading .year {-moz-transition:box-shadow 0.5s ease-in 0.1s;-o-transition:box-shadow 0.5s ease-in 0.1s;-webkit-transition:box-shadow 0.5s ease-in;-webkit-transition-delay:0.1s;transition:box-shadow 0.5s ease-in 0.1s;-moz-box-shadow:inset 0 0 0 0em #fff;-webkit-box-shadow:inset 0 0 0 0em #fff;box-shadow:inset 0 0 0 0em #fff;background:none repeat scroll 0 0 #a6eeff;box-shadow:0 0 0 0 #fff inset;color:#000; display:inline-block;font-size:17px;text-transform:uppercase;padding:8px 15px;transition:box-shadow 0.5s ease-in 0.1s;float:left;margin-left:20px;line-height:20px}
.page-entry ul li:hover .page-heading .icon {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);background-color:#fff}
.page-entry ul li:hover .page-heading .year {-moz-box-shadow:inset 40em 0 0 0 #fff;-webkit-box-shadow:inset 40em 0 0 0 #fff;box-shadow:inset 40em 0 0 0 #fff}
.page-cont{width:100%;font-size:15px;line-height:24px; width:auto;float:left;padding:20px 10px 40px 50px;border-left: solid 2px #a6eeff;margin-left: 12px;}
.page-cont img{float:left;margin-right:15px;margin-bottom:5px}
.award-cont{width:100%;font-size:16px;line-height:20px; width:auto;float:left;padding:0px 10px 20px 50px;border-left: solid 2px #a6eeff;margin-left: 12px;}
.contri-title{width:100%;margin:20px 0px; font-size: 23px;color: #a6eeff;font-weight: 600;}
/*page css*//*page css*/

/*reachme css*/
.reachme-body{width:100%;height:auto;background:#f3f3f3;position:absolute;top:0px;left:0px;z-index:0;overflow:hidden}
.reachme{width:900px;margin:50px auto 0px auto;color:#05281e;overflow:hidden}
.reachme h1{font-size:40px;text-align:center;line-height:40px;margin:40px 0px;font-weight:bold;color: #a6eeff;}
.richdis{width:80%;text-align:center;margin:0px auto 30px auto;font-size:16px;line-height:25px}
.reachme-entry{}
.reachmeleft{width:410px;float:left}
.feildset{width:100%;margin-bottom:20px;overflow:hidden}
.feildset1{width:100%;margin-bottom:0px;overflow:hidden}
.feildset label{width:48px;height:42px;float:left}
.feildset label.name{background:url('../image/sprite.png') 0px -120px}
.feildset label.email{background:url('../image/sprite.png') 0px -182px}
.feildset label.phone{background:url('../image/sprite.png') 0px -244px}
.feildset label.comm{background:url('../image/sprite.png') 0px -306px}
.feildset input.inputbox{float:left;color:#959595;height:42px;border-radius:0px 5px 5px 0px; border:none;font-size:14px;line-height:42px;padding:0px 10px;width:100%}
.feildset textarea.textareabox{color:#959595;line-height:20px;font-size:14px;border-radius:0px 5px 5px 5px; border:none;float:left;height:140px;padding:10px;width:100%}
.feildset1 input.submitbtn{width:auto;margin-left: 50px; background-image:linear-gradient(to bottom, #0095dd, #007ab5);border:#006b9e solid 1px;padding:8px 25px;text-align:center;cursor:pointer;font-size:14px;font-weight:bold;color:#FFF}
.feildset1 input.submitbtn:hover{background-image:linear-gradient(to bottom, #007ab5, #0095dd)}
span.wpcf7-not-valid-tip{width:100%;float:left;margin-top:5px}
.wpcf7-form-control-wrap{width:340px;float:left}
.reachmeright{width:475px;float:right;margin: 30px 0;}
.rightext{width:420px;padding:30px 20px; background:#FFF;color: #2763aa;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.reachmetext{width:100%;padding:10px 15px}
.reachmetext .phoner{width:auto;overflow:hidden;margin-bottom:10px;font-size:15px;line-height:20px}
.reachmetext .addressr{width:auto;overflow:hidden;margin-bottom:10px;font-size:14px}
.reachmetext span.labelh{display:inline-block;float:left;color:#5a5a5a;width:70px}
.reachmetext span.texth{display:inline-block;text-align: center;}
.reachmemap{width:100%;clear: both;margin: 30px 0;}
.reachmemap img{width:100%}
.reachme-ss{width:176px;border-left:#e2e2e2 solid 1px;border-top:#e2e2e2 solid 1px;border-right:#e2e2e2 solid 1px;background:#f9f9f9;left:50%;border-radius:5px 5px 0px 0px;height:auto;padding:10px 20px 7px 20px;overflow:hidden;margin:40px auto 0px auto}
.reachme-ss .sstext{float:left;width:80px;font-size:16px;color:#5a5a5a;margin-top:10px}
.reachme-ss .ssicon{float:left;width:95px}
.reachme-ss .ssicon a.ssficon{background:url('../image/sprite.png') -55px -120px;display:inline-block;width:35px;height:35px;margin:0px 10px}
.reachme-ss .ssicon a.ssticon{background:url('../image/sprite.png') -105px -120px;display:inline-block;width:35px;height:35px}
/*reachme css*/
/*gallery css*/
.gallery-body{width:100%;height:auto;position:absolute;top:0px;left:0px;z-index:0;overflow:hidden;background:#1a3550}
.gallery{width:1000px;margin:50px auto 0px auto;color:#c4cfde;overflow:hidden}
.gallery h1{font-size:55px;text-align:center;line-height:55px;margin:25px 0px;color:#fff;font-weight:bold}
.gallerydis{width:80%;text-align:center;margin:0px auto 30px auto;font-size:16px;line-height:25px}
.gallery-entry{width:100%;overflow:hidden}
/*other-wrap css*/
.other-wrap{width:100%;height:auto;background:#f3f3f3;position:absolute;top:0px;left:0px;z-index:0;overflow:hidden}
.wrapinner{width:900px;margin:50px auto 0px auto;color:#05281e;overflow:hidden}
.wrapinner h1{font-size:55px;text-align:center;line-height:55px;margin:25px 0px;color:#000000;font-weight:bold}
.wrapinner-entry p{font-size:14px;line-height:20px;margin-bottom:20px}
/*other-wrap css*/
/*blog css*/
#content-wrap{width:100%;height:auto;background:#f3f3f3;position:absolute;top:0px;left:0px;z-index:0;overflow:hidden}
#blog-dis{width:900px;margin:50px auto 0px auto;color:#05281e;overflow:hidden}
#blog-dis h1{font-size:55px;text-align:center;line-height:55px;margin:25px 0px;color:#000000;font-weight:bold}
#blog-dis .blog-dis-text{width:100%;text-align:center;margin:0px auto 30px auto;font-size:16px;line-height:25px}
#main-blog-body{width:1100px;margin:0px auto;padding-bottom:40px;color:#05281e;overflow:hidden}
#main-blog{float:left;width:800px}
#post-blog-body{width:100%;height:auto;margin-bottom:20px;overflow:hidden}
#post-blog{width:100%;height:auto;border-bottom:#ebebeb solid 1px;border-top:#fff solid 1px;float:left;padding:30px 0px}
#post-blog:first-child{padding-top:0px;border-top:none}
#post-blog:last-child{padding-bottom:0px;border-bottom:none}
.pagination{border-top:#d4d4d4 solid 1px;border-bottom:#d4d4d4 solid 1px;width:100%;padding:10px 0px;overflow:hidden}
.nav-next a{float:right;background:url(assets/imagenext.png) right top no-repeat;width:30px;line-height:30px;padding-right:40px;height:30px;color:#00a5e0}
.nav-previous a{float:left;background:url(assets/imageprev.png) left top no-repeat;width:30px;padding-left:40px;line-height:30px;height:30px;color:#00a5e0}
.nav-next a:hover{background:url(assets/imagenexth.png) right top no-repeat;color:#4cc5f0}
.nav-previous a:hover{background:url(assets/imageprevh.png) left top no-repeat;color:#4cc5f0}
#post-blog h2{margin:0px 0px 5px 0px;color:#000;font-size:24px;color:#000;line-height:40px;font-weight:bold;}
#post-blog .thumbnail{width:270px;height:auto;margin-right:20px;float:left}
#post-blog .thumbnail img{width:100%;display:block;height:auto}
#post-blog .post-date{color:#9d9d9d;font-size:14px;line-height:22px;margin-bottom:5px}
.post-excerpt p{font-size:15px;line-height:25px}
.navigation{width:100%}
/*blog css*/
/*blog deatil css*/
#main-body{width:1100px;margin:70px auto 0px auto;padding-bottom:40px;color:#05281e;overflow:hidden}
#main{float:left;width:780px}
.postmeta{width:100%;height:auto;overflow:hidden;color:#a6a6a6;border-top:#e6e6e6 solid 1px;border-bottom:#e6e6e6 solid 1px;padding:10px 0px;margin-bottom:10px}
.postmeta span{color:#4d4d4d}
.postmeta-left{width:auto;float:left;margin-top:4px;margin-right:20px}
.postmeta-right{float:right;width:auto;/*margin-top:20px*/}
.postmeta-right a.fbicon{float:left;width:68px;height:28px;background:url('../image/sprite.png') -162px -73px;margin-right:5px}
.postmeta-right a.ticon{float:left;width:80px;height:28px;background:url('../image/sprite.png') -235px -73px;margin-right:5px}
.postmeta-right a.gicon{float:left;width:45px;height:28px;background:url('../image/sprite.png') -58px -167px;margin-right:5px}
.postmeta-right a.picon{float:left;width:45px;height:28px;background:url('../image/sprite.png') -108px -167px;margin-right:5px}
.postmeta-right a.micon{float:left;width:32px;height:28px;background:url('../image/sprite.png') -212px -167px;margin-right:5px}
.postmeta-right a.cicon{float:left;width:30px;height:28px;background:url('../image/sprite.png') -254px -167px}
.postmeta-right a.wicon{float:left;width:45px;height:28px;background:url('../image/sprite.png') -158px -167px;margin-right:5px;display:none}
#post{width:100%;height:auto;overflow:hidden}
#post h2{margin:0px 0px 15px 0px;font-size:30px;color:#000;line-height:46px;font-weight:bold;display:block }
.entry{width:100%;overflow:hidden}
.entry p{margin:0px 0px 20px 0px;font-size:16px;line-height:26px;}
.alignnone {margin:5px 20px 0px 0}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto}
.alignright {float:right;margin:5px 0 0px 20px}
.alignleft {float:left;margin:5px 20px 0px 0}
a img.alignright {float:right;margin:5px 0 0px 20px}
a img.alignnone {margin:5px 20px 0px 0}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto}
.breadcrumbs{width:100%;margin:0px auto 0px auto;height:auto;font-size:12px;padding:0px 0px 15px 0px;color:#2e2d2d;overflow:hidden}
/*blog deatil css*/
/*commentsbody css*/
#commentsbody{border-radius:10px;padding:10px;border:#e1e1e1 solid 1px}
#commentform {width:auto;overflow:hidden}
#commentsbody ol {margin-left:20px;margin-bottom:10px}
#commentsbody h3{font-size:18px;font-weight:bold;background:#e9e9e9;border:#e1e1e1 solid 1px;padding:10px;margin-bottom:10px}
#commentform .feildset{width:100%;margin-bottom:10px;overflow:hidden}
#commentform .feildset label{width:100%;display:block;height:auto}
#commentform .feildset input.inputbox{display:blockcolor:#959595;height:auto;border-radius:5px; border:#e1e1e1 solid 1px;font-size:14px;line-height:35px;padding:0px 6px;width:250px}
#commentform .feildset textarea.textareabox{color:#959595;line-height:20px;font-size:14px;border-radius:5px; border:#e1e1e1 solid 1px;display:block;height:100px;padding:10px;width:400px}
#commentform .feildset input.submitbtn{width:auto;background-image:linear-gradient(to bottom, #2a2a2a, #212121);border:#000 solid 1px;padding:5px 20px;text-align:center;cursor:pointer;font-size:14px;cursor:pointer;margin-top:10px;border-radius:5px;font-weight:bold;color:#FFF}
/*commentsbody css*/
/*sidebar css*/
#sidebar{float:right;width:275px;background:#fff;overflow:hidden}
#sidebar-inner{margin:10px;overflow:hidden}
.sideblock a {color:#000}
.sideblock a:hover{color:#00a5e0}
.sideblock{background:#ececec;margin-bottom:20px}
.sideblock:last-child {margin-bottom:0px}
.sideblock h3{padding:10px;margin:0px;color:#000;text-transform:uppercase;font-size:18px;font-weight:bold;border-bottom:#d4d4d4 solid 1px}
.sideblock ul{margin:0px;padding:10px;overflow:hidden}
.sideblock ul li{margin:0px;padding:0px 0px 0px 15px;overflow:hidden;background:url(../image/arrow.png) 0px 6px no-repeat}
.srp-widget-container{padding:10px}
.srp-thumbnail-box{margin-right:10px !important}
.srp-thumbnail-box img{margin-top:3px}
.srp-thumbnail-box img:hover {filter:none;-webkit-filter:grayscale(0%)}
.fb_iframe_widget{background:#fff}
/* slider css*/
.slider-home{width:100%;height:100%}
.cb-slideshow,.cb-slideshow:after {position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:0;}
/*.cb-slideshow:after {content:'';background:transparent url(../image/pattern.png) repeat top left}*/
.cb-slideshow li span {width:100%;height:100%;position:absolute;top:0px;left:0px;color:transparent;background-size:cover;background-position:50% 30%;background-repeat:none;opacity:0;z-index:0;	-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 21s linear infinite 0s;-moz-animation:imageAnimation 21s linear infinite 0s;-o-animation:imageAnimation 18s linear infinite 0s;-ms-animation:imageAnimation 21s linear infinite 0s;animation:imageAnimation 21s linear infinite 0s;}
.cb-slideshow li div {z-index:1000;position:absolute;bottom:30px;left:0px;width:100%;text-align:center;opacity:0;color:#fff;-webkit-animation:titleAnimation 21s linear infinite 0s;-moz-animation:titleAnimation 21s linear infinite 0s;-o-animation:titleAnimation 21s linear infinite 0s;-ms-animation:titleAnimation 21s linear infinite 0s;animation:titleAnimation 21s linear infinite 0s;}
.cb-slideshow li:nth-child(1) span {background-image:url(../image/banner1.jpg) }
.cb-slideshow li:nth-child(2) span {background-image:url(../image/banner11.jpg);-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;}
.cb-slideshow li:nth-child(3) span {background-image:url(../image/banner12.jpg);-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s;}
.cb-slideshow li:nth-child(4) span {background-image:url(../image/banner13.jpg);-webkit-animation-delay:9s;-moz-animation-delay:9s;-o-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s}
.cb-slideshow li:nth-child(5) span {background-image:url(../image/banner14.jpg);-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s;}
.cb-slideshow li:nth-child(6) span {background-image:url(../image/banner15.jpg);-webkit-animation-delay:15s;-moz-animation-delay:15s;-o-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s;}
.cb-slideshow li:nth-child(1) div {-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;}
.cb-slideshow li:nth-child(2) div {-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;}
.cb-slideshow li:nth-child(3) div {-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s;}
.cb-slideshow li:nth-child(4) div {-webkit-animation-delay:9s;-moz-animation-delay:9s;-o-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s;
}.cb-slideshow li:nth-child(5) div {-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s;}
.cb-slideshow li:nth-child(6) div {-webkit-animation-delay:15s;-moz-animation-delay:15s;-o-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s;}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {0% {opacity:0;-webkit-animation-timing-function:ease-in;}5% {opacity:1;    -webkit-animation-timing-function:ease-out;}10% {opacity:1 }25% {opacity:0 }100% {opacity:0 }
}
@-moz-keyframes imageAnimation {0% {opacity:0;-moz-animation-timing-function:ease-in;}5% {opacity:1;-moz-animation-timing-function:ease-out;}10% {opacity:1 }25% {opacity:0 }100% {opacity:0 }
}
@-o-keyframes imageAnimation {0% {opacity:0;-o-animation-timing-function:ease-in;}5% {opacity:1;-o-animation-timing-function:ease-out;}10% {opacity:1 }25% {opacity:0 }100% {opacity:0 }
}
@-ms-keyframes imageAnimation {0% {opacity:0;-ms-animation-timing-function:ease-in;}5% {opacity:1;-ms-animation-timing-function:ease-out;}10% {opacity:1 }25% {opacity:0 }100% {opacity:0 }
}
@keyframes imageAnimation {0% {opacity:0;animation-timing-function:ease-in;}5% {opacity:1;animation-timing-function:ease-out;}10% {opacity:1 }25% {opacity:0 }100% {opacity:0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{opacity:1}
/* slider css*/
/*css for menu*/
/*css for menu*/
.menubutton{ width:60px;height:50px;margin:0px auto;cursor:pointer;display:block;background: #114480 url('../image/sprite.png') -199px 0px;border: none;}
.menubutton.active{background:#114480 url('../image/sprite.png') -134px 0px}
.cbp-spmenu {background:#2763aa;position:fixed;}
.cbp-spmenu ul{margin:0px;padding:0px;list-style:none;border-top: solid 1px #497fbf;}
.cbp-spmenu ul li{margin:0px;padding:0px;list-style:none;}
.cbp-spmenu ul li a {display:block;color:#fff;font-size:15px;text-transform:uppercase;font-weight:500;border-bottom:1px solid #497fbf;padding:13px}
.cbp-spmenu ul li a:hover {color:#00ffcf}
.cbp-spmenu li.active a{color:#00ffcf;font-size: 16px;}
.cbp-spmenu ul li.current-menu-item a {color:#4285d4}
.cbp-spmenu .copyright{color:#00ffcf;font-size:12px;padding:0px;line-height:22px}
.cbp-spmenu .copyright a {color:#00ffcf}
.cbp-spmenu .copyright a:hover {color:#00ffcf}
.sn-icon{padding:16px}
.sn-icon a{display:inline-block;width:25px;height:25px}
.sn-icon a.f-icon{background:url('../image/sprite.png') 0px 0px}
.sn-icon a.t-icon{background:url('../image/sprite.png') -40px 0px;margin-left:5px}
.sn-icon a.m-icon{background:url('../image/sprite.png') -86px 0px;margin-left:11px}
.sn-icon a.f-icon:hover{background:url('../image/sprite.png') 0px -37px}
.sn-icon a.t-icon:hover{background:url('../image/sprite.png') -40px -37px}
.sn-icon a.m-icon:hover{background:url('../image/sprite.png') -86px -37px}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {width:230px;height:100%;top:0;z-index:1000}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {top:50px;left:-230px}
.cbp-spmenu-left.cbp-spmenu-open {left:0px;top:50px}
.cbp-spmenu-right {top:50px;right:-230px}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;top:50px}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
/*css for menu*/
/*css for media screen*/
@media ( min-height:0px ) and ( max-height:360px ){
.sn-icon{padding:10px}
.my-life .my-life-entry{height:145px}
.my-life-phpto{display:none}
}
@media ( min-width:0px ) and ( max-width:1000px ){
.my-life{width:50%;margin-left:50px}
.my-life h1{font-size:35px;line-height:35px;margin:15px 0px}
.journey h1{font-size:35px;line-height:35px;margin:15px 0px}
.gallery h1{font-size:35px;line-height:35px;margin:15px 0px}
.reachme h1{font-size:35px;line-height:35px;margin:15px 0px}
.wrapinner h1{font-size:35px;line-height:35px;margin:15px 0px}
.my-life-phpto .imgbody{width:25%;height:auto}
.my-life-phpto .imgbody img{width:100%;height:auto}
.journey{width:auto;margin:50px 5% 0px 5%}
.reachme{width:auto;margin:50px 5% 0px 5%}
.wrapinner{width:auto;margin:50px 5% 0px 5%}
.gallery{width:auto;margin:50px 5% 0px 5%}
.richdis{width:100%}
.gallerydis{width:100%}
.reachmeleft{width:45%}
.reachmeright{width:45%}
#blog-dis h1{font-size:35px;line-height:35px;margin:15px 0px}
#main-blog-body{width:auto;margin:0px 5%}
#main-blog{width:100%}
#sidebar{width:100%;float:left}
#main-body{width:auto;margin:70px 5% 0px 5%}
#main{width:100%}
#main-blog{margin-bottom:30px}
#commentsbody{margin-bottom:30px}
#commentform .feildset textarea.textareabox{width:80%}
#commentform .feildset input.inputbox{width:50%}
.textwidget iframe#twitter-widget-0{width:100% !important}
.fb-like-box{width:100% !important}
.fb_iframe_widget span{width:100% !important}
.fb_iframe_widget iframe {width:100% !important}
.postmeta-right a.wicon{display:block}
#blog-dis{width:100%;margin-bottom:20px}
#blog-dis .blog-dis-text{width:80%}
.col-sm-6{width:33% !important}
}
@media ( min-width:768px ) and ( max-width:1920px ){
.form-control-wrap{width:78%;}
}
@media ( min-width:0px ) and (max-width:767px) {
.my-life{width:auto;margin:50px 10% 0px 10%}
.header span {font-size:20px;transition:all 0.5s ease 0s !important;margin-left: -85px;}
.my-life-phpto .imgbody{width:22%;height:auto;margin-right:10px;}
.my-life-rs-photo{display:none}
.reachmeleft{width:auto;float:none}
.reachmeright{width:auto;float:none;margin-top:30px}
.col-sm-6{width:100% !important}
}
@media ( min-width:640px ) and (max-width:767px) {
.wpcf7-form-control-wrap{width:88%}
}
@media ( min-width:480px ) and (max-width:639px){
.wpcf7-form-control-wrap{width:84%}
}
@media ( min-width:0px ) and (max-width:639px){
.postmeta-right {float: left;}
.alignnone {margin:5px 0px 0px 0;width:100%}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;width:100%}
.alignright {float:none;margin:5px 0 0px 0px;width:100%}
.alignleft {float:none;margin:5px 0px 20px 0;width:100%}
a img.alignright {float:none;margin:5px 0 0px 0px;width:100%}
a img.alignnone {margin:5px 0px 0px 0;width:100%}
a img.alignleft {float:none;margin:5px 0px 10px 0;width: 100%;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;width:100%}
#commentform .feildset input.inputbox{width:83%}
.postmeta-left{margin-bottom:20px}
#post-blog .thumbnail{width:100%;margin-right:0px}
#post-blog .thumbnail img{margin-bottom:20px}
}
@media ( min-width:0px ) and (max-width:479px){
.wpcf7-form-control-wrap{width:75%}
#post-blog{width:100%;margin-right:0px;min-height:none}
.postmeta-right a.fbicon{width:38px;background:url('../image/sprite.png') -162px -124px}
.postmeta-right a.ticon{width:38px;background:url('../image/sprite.png') -203px -124px}
.postmeta-right a.gicon{width:38px;background:url('../image/sprite.png') -60px -167px}
.postmeta-right a.picon{width:38px;background:url('../image/sprite.png') -111px -167px}
.postmeta-right a.wicon{width:38px;background:url('../image/sprite.png') -162px -167px}
.jour-cont p{margin-top:10px;float:left}
}
@media only screen and (min-width:0) and (max-width:1000px){
.sbp-menumbody{height:auto;overflow-y:scroll}
}

.ifmbody {height:0;padding-bottom:55.9%;padding-top:0px;position:relative;width:100%}
.ifmbody iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.photogallery{
    padding: 5px;
    border: solid 1px #2763aa;
    border-radius:5px;
    margin: 10px 10px 35px 10px;
    box-shadow: 5px 10px #2763aa;
    cursor: pointer;
}

.photogallery:hover{
    box-shadow: 5px 10px #a6eeff;
}
.photogallery figure{
    text-align: center;;
}
.photogallery img{
    height:180px;
}

.photogallery .layer{
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
    height: 75px;
    text-align: center;
    border: solid 1px #ccc;
    font-size: 13px;
    line-height: 17px;
}
.grid-item  {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}