body { background-color:#FFF; color:#000; font-size:14px; margin:0 auto; }

.card_view h1 { font-size:24px; text-align:center; font-weight:400; }
.card_view h4 { font-size:14px; text-align:center; font-weight:400; line-height:13px; }

.cv_page { background-position: center !important; background-size: cover !important; padding:1px 25px 0 25px; }

.cover_img { width: 100%; height: 150px; background-position: center !important; background-size: cover !important; margin:0; top:0; left:0; right:0; }
.cover_img img { width:100%; height:auto; }

.cover1 { width:125px; margin:-100px auto 20px auto; border-radius: 10px; overflow: hidden; left:0; right:0; background-position: center !important; background-size: cover !important; }
.cover_rectangle { width:100% !important; height:200px !important; }
.cover_square { width:100% !important; height:500px !important; }

.photo { width:125px; margin:-80px auto 20px auto; border-radius: 10px; overflow: hidden; left:0; right:0; background-position: center !important; background-size: cover !important; }
.photo_circle { width:150px !important; height:150px !important; border-radius:50% !important; }
.photo_oval { width:200px !important; height:150px !important; border-radius:50% !important; }
.photo_rectangle { width:200px !important; height:125px !important; margin-top:-85px; }
.photo_square { width:150px !important; height:150px !important; }

.quick_btns { margin: 0 auto 0 auto; padding: 0; list-style-type: none; display:table; }
.quick_btns>li { margin: 0 15px 15px 15px; padding: 0; float: left; width: 45px; height: 45px; }
.quick_btns>li>a { font-size:20px; padding: 6px 0 0 0; color: #FFF; margin: 10px 3px; display: block; border: 1px solid; border-radius: 50%; width: 45px; height: 45px; text-align: center; background-color: #c3c3c3; }

.quick_link { margin: 12px auto 0 auto; padding: 0; list-style-type: none; width: 100%; }
.quick_link li { margin:10px 0 0 0; padding:0; color:#000; display:flex; border:1px solid #CCC; font-size:16px; }
.quick_link li div.l { font-size:16px; padding:9px 0 9px 0; color: #FFF; margin:0 10px 0 0; border: 1px solid; width:15%; text-align: center; background-color: #c3c3c3; }
.quick_link li div.r { font-size:14px; padding:10px 0 8px 0; width:84%; }

.social_btns { margin:0 auto 0 auto; padding:20px 0; list-style-type: none; width:fit-content; }
.social_btns li { margin:0; padding:0; float:left; }
.social_btns li a { margin: 10px 3px 5px 3px; display: block; width: 35px; height: 35px; }
.social_btns li a img { width: 100%; height: 100%; }

.hr1, .hr2 { margin:0; }

.othr_list .ol_h { width:100%; background-color:#CCC; margin-top:10px; display:inline-block; border:1px solid #a8a3a3; }
.othr_list .ol_h:nth-child(1) { margin-top:0; }
.othr_list .ol_h .l { float:left; padding:12px 0; width:50px; text-align:center; }
.othr_list .ol_h .t { float:left; padding:12px; }
.othr_list .ol_h .p { float: right; font-size: 22px; width: 25px; height: 25px; text-align: center; border-radius: 50%; line-height: 20px; margin: 10px; }

.othr_list .ol_v { width:100%; padding:10px; background-color:#CCC; color:#000; font-size:14px; }
.othr_list .ol_v>label { font-weight:bold; float: left; min-width: 85px; padding-right:10px; }
.othr_list .ol_p>p { border-bottom:1px solid #CCC !important; padding-bottom:5px; margin-bottom:5px; }
.othr_list .ol_p>p:nth-last-child(2) { border-bottom:0px solid #CCC !important; }
.othr_list .ol_v ul {  }

.ob_list { list-style-type:none; padding:0; margin:0; }
.ob_list li { padding:0; margin:0 0 15px 0; list-style-type:none; display:flex; }
.ob_list li .lft { float:left; width:30%; }
.ob_list li .lft img { width:100%; }
.ob_list li .rgt { float:right; width:70%; padding-left:10px; font-weight:bold; position:relative; }
.ob_list li .rgt a { background-color: #b92323; color: #fff; position:absolute; bottom:0; padding: 3px 10px 4px 10px; font-size: 11px; margin-top: 15px; display: inline-block; border-radius: 4px; }

.skills_list { list-style-type:none; padding:0; margin:0; }
.skills_list li { padding:0; margin:0 0 0 30px; list-style-type:disc; }
.skills_list li { padding:0; margin:0 0 0 30px; list-style-type:disc; }

#pymt_info h6 { font-size: 14px; margin: 30px 0 15px 0; padding:5px 8px; font-weight: bold; border-radius:4px; background-color:#000; color:#FFF; }
#pymt_info .instamojo_btn { background-color: #000; color: #fff; padding:3px 8px; font-size: 12px; border-radius:4px; }

#glry_info { padding:0; }
#glry_info .glr-img-box { border:0px; padding:12px 12px 0 12px; }
#glry_info .glr-img-box img { width:100%; }
#glry_info .glr-img-box h4 { font-size:13px; font-weight:600; line-height:14px; border-left: 1px solid #000; padding-left: 10px; text-align: left; margin-top:8px; }

#video_info { padding:0; }
#video_info .video-img-box { border:0px; padding:15px 15px 0 15px; }
#video_info .video-img-box h4 { font-weight:400; }
#video_info .video-img-box iframe { width:100%; }

#prod_info { padding:0; }
#prod_info .pro-img-box { border:0px; padding:15px; }
#prod_info .pro-img-box img { width:100%; }

#contact_info label { float: none; padding-right:10px; }
#contact_info .v input, #contact_info .v textarea { border:1px solid #CCC; width:100%; padding:5px 8px; margin:0 0 5px 0; border-radius:4px; }
#contact_info #cont_btn { background-color: #000; color: #FFF; padding:5px 10px; }
#contact_info #cont_msg { display:none; background-color:#c12424; width:100%; color:#FFF; padding:10px; border-radius:4px; margin-bottom:15px; text-align:center; font-size:16px; font-weight:100; }
#contact_info #cont_msg.succ { background-color:#32b71e; }

.share-menu { position: absolute; margin:11px auto 0 5px; background-color: #c3c3c3; border:1px solid #FFF; width: 45px; border-radius: 25px; transition: 0.3s border-radius ease-in-out, 0.3s height ease-in-out; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
.share-menu--closed { height: 45px; }
.share-menu--open{ height: 250px; }
.share-button { transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;cursor: pointer;position: absolute;display: flex;flex-wrap: wrap;align-items: center;
width: 2em;height: 2em;left: 13px;top: 4px;opacity: 1;color:#FFF;font-size:18px;}
.share-button:hover {opacity: 0.6;}
.share-button span { width: 100%; height: 4px; background-color: #161616; border-radius: 20%; }
/*.menu--open .button{transform-origin: center;transform: rotate(90deg);}*/
.share-tools { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; height: 70%; justify-content: space-between; transition: 0.3s margin ease-in-out; }
.share-tools a { color:#FFF; font-size:22px; }
.share-tools .share-icon { transition: 0.2s transform ease-in-out; }
.share-tools .icon:hover { transform: scale(0.8); }
.share-tools--hidden { margin-top: 400px; z-index: -100; }
.share-tools--visible { margin-top: 40%; z-index: 100; }

.card_footer { background-color:#CCC; padding:0 15px; }
    .card_footer .l {
        background-color: #00529c;
        padding: 15px;
        text-align: center;
        font-size: 10px;
    }
    .card_footer .r {
        background-color: #ffdf68;
        padding: 0px 13px 15px 13px;
        text-align: center;
        font-size: 12px;
        color: #FFF;
    }
.card_footer a { display:inline-block; border-radius:20px; padding:5px 20px; font-size: 15px; }
.card_footer .l a.add_to_card_hldr { margin:15px auto 10px auto; background-color: #000; color: #fff; }
.card_footer .l a.cpy_rgt { color: #fff; font-size: 8px; border-radius:0; padding:0;font-size:16px; }
    .card_footer .r a {
        margin: 15px 0 0 5px;
        /*background-color: #00529c;*/
        color: #000;
        font-weight:500;
        text-decoration: none;
    }

/* Start Dialog Box */
.card_btn_ftr { padding:10px 20px 0 20px; margin:0 -30px; position:fixed; bottom:0; background-color:#EEE; width:100%; }
.fadeIn { animation: fadeIn .5s }
.zoomIn { animation: zoomIn .5s }
.zoomOut { animation: zoomOut .5s }
@keyframes zoomIn {
    0% { transform: scale(0) }
    100% { transform: scale(1) }
}
@keyframes zoomOut {
    0% { transform: scale(1) }
    100% { transform: scale(0) }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.dialog-ovelay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 999999 }
.dialog-ovelay .dialog { width: 350px; margin:100px auto 0; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 3px; overflow: hidden; }
.dialog-ovelay .dialog header { padding:10px 12px; background-color: #bf1e3f; border-bottom: 1px solid #e5e5e5 }
.dialog-ovelay .dialog header h3 { font-size: 14px; margin: 0; color: #FFF; display: inline-block }
.dialog-ovelay .dialog header .fa-close { float: right; color: #c4c5c7; cursor: pointer; transition: all .5s ease; padding: 0 2px; border-radius: 1px; }
.dialog-ovelay .dialog header .fa-close:hover { color: #b9b9b9; }
.dialog-ovelay .dialog header .fa-close:active { box-shadow: 0 0 5px #673AB7; color: #a2a2a2; }
.dialog-ovelay .dialog .dialog-msg { padding: 30px; text-align: center; }
.dialog-ovelay .dialog .video_popup { padding: 15px; }
.dialog-ovelay .dialog .dialog-msg p { margin: 0; font-size: 15px; color: #333; }
.dialog-ovelay .dialog footer { border-top: 1px solid #e5e5e5; padding: 8px 10px; }
.dialog-ovelay .dialog footer .controls { /*direction: rtl;*/ text-align:center; }
.dialog-ovelay .dialog footer .controls .btn { padding: 5px 15px; border-radius:4px; border:1px solid #CCC; margin-right:10px; }
.dialog-ovelay .dialog footer .controls .btn.doAction { background-color:#000; color:#FFF; }
.close_btn { font-size:12px; float:right; cursor:pointer; } 
/* End Dialog Box */

@media (min-width:500px) {
	body { width:500px; }
}