/* Author: AdminDesigns.com  * Last Updated: 02/01/14  * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by  * the user. It's often times a good idea to  * seperate your changes from the themes core.
 * It makes modifications, and future theme   * updates much easier to apply. 
================================================= */
/* These styles have been placed here for as  * they have a high chance of needing to be   * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus { color: #666; }
.navbar-menus > div > button:hover { color: #333; }

/*------------
 * Place your custom styles or styles which
 * Have been generated with the customization 
 * Tool below this line.
 ------------*/

.main_content { padding-right: 45px !important; }
/*-- layout css for minimum height --*/
.full_content .panel-title { text-align: center; padding: 3px 20px 2px !important; width: 100%; display: inline-block; color: #666666; font-family: 'Nunito-Bold'; font-weight: normal; letter-spacing: 0.02em; }
/*.full_content .panel-title i img{display:none!important}*/
.full_content .panel.mbn .panel-heading { min-height: 25px !important; line-height: 25px !important; }
.table_row .rowbg { /*padding-top: 5px!important; padding-bottom: 5px!important;*/ position: relative; }
.table_row .rowbg .rowNo { display: block; width: 20px; height: 20px; position: absolute; z-index: 99; text-align: center; line-height: 19px; top: 0px; left: 5px; color: #fff; font-size: 14px; font-weight: bold; top: calc(50% - 10px); }

.table_row .img_mng { width: auto !important; height: 23px !important; }
.table_row .editCONT { position: 102 relative; }
.table_row .editCONT .fa-edit { font-size: 25px; margin: 0 !important; width: 65px; text-align: left; display: none; }
.table_row .editCONT .editTX { /*position:absolute; top:1px; right:0;*/ }
.table_row .editCONT .editTX .fa-edit { display: inline-block !important; width: auto !important; font-size: 14px; line-height: 0; position: relative; top: 1px; left: -1px; color: #fff !important; }
.rowbg .select_elemn .img_mng { /*vertical-align:super!important;*/ margin-right: 5px !important; }
.rowbg .select_elemn .img_mng img { padding-top: 0px !important; }
.rowbg .select_elemn { line-height: normal !important; }
.rowbg .lineT { font-size: 15px; width: 19px; height: 22px; cursor: pointer; background: #fff; color: #666666 !important; border-radius: 5px 0px 0px 5px; display: block; margin: 0; padding: 0; /*position:absolute; top:0; left:-20px; z-index:9;*/ text-align: center; border: solid 1px #dcdcdc; }
.rowbg .lineB { font-size: 15px; width: 19px; height: 22px; cursor: pointer; background: #fff; color: #666666 !important; border-radius: 5px 0px 0px 5px; display: block; margin: 0; padding: 0; /*position:absolute; bottom:0; left:-20px; z-index:9;*/ text-align: center; border: solid 1px #dcdcdc; }
a.moveICN { font-size: 15px; width: 19px; height: 22px; cursor: pointer; background: #fff; color: #666666 !important; border-radius: 5px 0px 0px 5px; display: block; margin: 0; padding: 0; text-align: center; border: solid 1px #dcdcdc; }
.rowbg .spaceB { font-size: 14px; width: 19px; height: 22px; cursor: pointer; background: #fff; color: #666666 !important; border-radius: 5px 0px 0px 5px; display: block; margin: 0; padding: 0; /*position:absolute; bottom:40px; left:-20px; z-index:9;*/ text-align: center; border: solid 1px #dcdcdc; font-family: 'Nunito-Bold'; }
.rowbg .rowC { font-size: 14px; width: 19px; height: 22px; cursor: pointer; background: #fff; color: #666666 !important; border-radius: 5px 0px 0px 5px; display: block; margin: 0; padding: 0; /*position:absolute; bottom:40px; left:-20px; z-index:9;*/ text-align: center; border: solid 1px #dcdcdc; font-family: 'Nunito-Bold'; }

.rowbg .lineT:hover, .rowbg .lineB:hover, .rowbg .spaceB:hover, .rowbg .rowC :hover { text-decoration: none !important; }
.rowbg .lineT .rowT,
.rowbg .lineB .rowB { font-size: 14px !important; color: #666666 !important; font-style: normal !important; font-family: 'Nunito-Bold'; }
.rowbg.rowBDR_top .lineT, .rowbg.rowBDR_bottom .lineB, .rowbg.rowSP_bottom .spaceB, .rowbg.row_center .rowC { background: #23549e !important; border-color: #23549e; }
.rowbg.rowBDR_top .lineT .rowT, .rowbg.rowBDR_bottom .lineB .rowB, .rowbg.rowSP_bottom .spaceB, .rowbg.row_center .rowC { color: #fff !important; }
.rowbg.rowSP_bottom { margin-bottom: 15px !important; }
div.rowbg .moveICN .fa.fa-arrows-h { font-size: 11px !important; line-height: 9px !important; border-width: 1px !important; }
div.icons_box a.colorICN span.colorbox i.fa { font-size: 16px; }

.ele_container { width: 100% !important; margin: 0 auto 20px 0px !important; background: transparent !important; border: none !important; box-shadow: none; min-height: 150px; }
.rowbg.dragli:hover { }
.rowbg.fullWD_div ul.rular { padding: 0px; }

.dragli .panel, .dragli .panel-heading { background-color: #dcdcdc !important; transition: .2s; }
.dragli .panel:hover,
.dragli .panel:hover .panel-heading { background-color: #fff !important; }

.dragBx .panel-title a { color: #666666; cursor: pointer; padding: 10px 0px; }

/*- END -*/
.table_row { margin: 0 auto; float: none; padding: 0px !important; }
.table_row i { cursor: pointer; color: #a2a2a0 !important; }
.table_row .rowbg:last-child { margin-bottom: 0 !important; }
.table_row .rowbg { position: relative; padding: 15px 50px 15px 35px; margin: 0 auto 5px auto; background: #fff; min-height: 98px; border-radius: 5px; }

.table_row .rowbg .panel { padding: 10px; border-radius: 0px; position: relative; min-height: 70px; }
.table_row .rowbg .panel:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
.table_row .rowbg .panel > div { position: initial; }
.table_row .bg_picture { background-color: #f4f4f4; width: 100%; height: 150px; overflow: hidden; position: relative; }

.rowbg .left_icons_box { position: absolute; top: 0px; width: 30px; height: 100%; left: 0px; z-index: 9; text-align: center; background-color: #3c9895; padding-top: 10px; border-radius: 5px 0px 0px 5px; }
.rowbg .left_icons_box > a { display: block; width: 30px; height: 25px; text-align: center; margin: 5px auto !important; position: absolute; top: 0; }
.rowbg .left_icons_box > a > i.fa { color: #fff !important; width: 100%; height: 100%; line-height: 25px; font-size: 14px; }
.rowbg .left_icons_box > a > i.fa.fa-arrows-alt { cursor: move; }
.rowbg .left_icons_box > a.txtICN { top: initial; bottom: 0px; }
.rowbg .left_icons_box > a.left_cls { display: block; width: 30px; height: 25px; text-align: center; margin: 5px auto !important; position: absolute; top: 0; }
.rowbg .left_icons_box > a.left_cls i.fa { font-size: 18px; font-weight: lighter; }

.rowbg .icons_box { position: absolute; top: 0px; width: 30px; height: 100%; right: 0px; z-index: 99; text-align: center; background-color: #f3f3f3; border-radius: 0px 5px 5px 0px; }
.rowbg .icons_box > a, .rowbg .icons_box > .settingICN { display: block; width: 30px; height: 25px; text-align: center; margin: 5px auto !important; position: absolute; top: 0; }
.rowbg .icons_box > a i.fa, .rowbg .icons_box .settingICN > i.fa { color: #99a4aa !important; width: 100%; height: 100%; line-height: 25px; opacity: 0.7; }
.rowbg .icons_box > a i.fa:hover, .rowbg .icons_box .settingICN > i.fa:hover { opacity: 1; }
.rowbg .icons_box > a.addEleICN > i.fa.fa-plus { font-size: 15px; }
.rowbg .icons_box > a.addEleICN { top: initial; bottom: 0px; }

.settingBx.open { display: inline-block; }
.settingBx { display: none; min-width: 163px; position: absolute; top: -4px; right: 30px; z-index: 1000; padding: 10px; background-color: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box; }
.settingBx a { display: inline-block !important; float: left !important; border-radius: 4px !important; width: 24px !important; text-align: center !important; margin: 0px !important; height: 23px !important; line-height: 22px; margin-right: 4px !important; }
.settingICN i.fa.fa-gear { font-size: 15px; line-height: 1.5; }

.choose_element span { display: inline-block; font-size: 13px; font-family: 'Nunito-Bold'; font-weight: normal; letter-spacing: 0.02em; padding-left: 5px; }

.arrow { position: absolute; top: 7px; right: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 10px solid white; border-bottom: 8px solid transparent; }
.settingBx span.lbl { display: inline-block; width: 100%; text-align: left; color: #000; line-height: 1em; margin-bottom: 5px; font-size: 11px; }
.rowbg a.txtICN .rowbg a.colorICN { color: #fff !important; font-size: 15px; width: 21px; height: 21px; cursor: pointer; background: #4c8f4c; border: solid 1px #4c8f4c; border-radius: 0 5px 5px 0; display: block; margin-bottom: 3px; padding: 4px 0 0; }
.rowbg .moveICN .fa.fa-arrows-h { border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; font-size: 13px !important; line-height: 11px !important; padding: 0 1px; margin-top: 7px; margin-left: -1px; }
.rowbg a.colorICN { position: relative; }
.rowBG_white, .rowbg.rowBG_white .colorICN { background: #ffffff !important; }
.rowBG_black, .rowbg.rowBG_black .colorICN { background: #000000 !important; border: none; }
.rowBG_darkgray, .rowbg.rowBG_darkgray .colorICN { background: #383838 !important; border: none; }
.rowBG_lightgray, .rowbg.rowBG_lightgray .colorICN { background: #f1f1f1 !important; border: none; }
.rowBG_blue, .rowbg.rowBG_blue .colorICN { background: #82b4ff !important; border: none; }
.rowBG_white .colorICN i, .rowBG_lightgray .colorICN i { color: #000 !important; }
.rowBG_black .colorICN i, .rowBG_darkgray .colorICN i, .rowBG_blue .colorICN i { color: #fff !important; }
.rowbg.rowBDR_top { border-top: 2px solid #808080 !important; }
.rowbg.rowBDR_bottom { border-bottom: 2px solid #808080 !important; }
.rowbg.rowSP_bottom { margin-bottom: 20px !important; }
.rowbg a.moveICN { background-color: #fff !important; }
.rowbg a.moveICN .fa-arrows-h { color: #666666 !important; border-color: #666666 !important; }
.rowbg .full_content { min-height: 68px; border: none !important; padding: 0px 10px; margin: 10px 0px; }
/*.rowbg .full_content.dragBx:after { content: "\f142"; position: absolute; top: 0; right: 0px; font-size: 21px; font-family: FontAwesome; height: 100%; vertical-align: middle; display: inline-block; line-height: 70px; color: #cbcbcb; }*/
.rowbg .full_content.dragBx:after { content: ""; position: absolute; top: 0; right: -7px; height: 100%; width: 16px; background-image: url(../images/resize.png); background-repeat: no-repeat; vertical-align: middle; display: inline-block; line-height: 70px; color: #cbcbcb; background-position: center; }

.rowbg.fullWD_div .full_content { }
.rowbg .full_content.item-dbl { }
.rowbg .full_content.item-dbl .panel { height: 156px; }
.rowbg .panel-heading { background-color: #fff; border-bottom: none; }
/*.rowbg .panel-heading i img { height: 20px; display: none; }*/
.rowbg .panel-heading span > i { display: none; }
.rowbg.fullWD_div { transition: .7s; padding-right: 35px !important; padding-left: 25px !important; }
.rowbg.fullWD_div .moveICN { background: #23549e !important; border-color: #23549e; }
.rowbg.fullWD_div .moveICN i { border-color: #fff !important; color: #fff !important; }
.rowbg.fullWD_div .panel-body { padding-right: 4px !important; padding-left: 0px !important; }
.colms .editicon, .colms .usericon { position: static !important; line-height: 3.2; }
.colms .usericon .fa { font-size: 18px !important; }
.colms .editicon .fa { font-size: 17px !important; padding-right: 5px; }
.rowbg:hover .bg-red3-alt, .rowbg:hover .btn-primary { display: block; transition: 1s; right: -43px; opacity: 1; z-index: 9; }
.rowbg .editicon { /*position:absolute; top:0px; right:0; color:#0074A2; padding:0px; z-index:1;*/ }
.rowbg .usericon { position: absolute; top: 35px; right: -2px; color: #0074A2; padding: 0px; z-index: 1; }
.rowbg .editicon .fa, .rowbg .usericon .fa { font-size: 21px; }
.rowbg .panel-body { padding: 0px !important; }
.rowbg .select_elemn { line-height: 5; text-align: center; font-size: 14px; font-weight: bold; }
.rowbg .select_elemn img { max-width: 100%; padding-top: 10px; }
.rowbg .select_elemn .img_mng { max-width: 130px; height: 73%; margin-right: 10px; vertical-align: top; display: inline-block; border-radius: 8px; }
.rowbg .select_elemn .img_mng img { max-height: 100%; padding-top: 5px; }
.choose_element { padding: 14px 0px !important; margin-top: -22px !important; }
.choose_element i.fa { font-size: 15px; }
/*.rowbg .col-md-3 i.selectcontent{width:56px; border-width:2px; border-radius:4px; padding:2px 0 3px 0; font-size:10px;}*/
.ele_control { display: inline-block; border: none !important; border-radius: 9px; padding: 3px 8px 4px; line-height: 1; text-align: center; color: #000; font-size: 11px; font-weight: normal; position: relative; opacity: 0.7; }
.ele_control:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 1; }
/*.ele_content { background-color: #40bff9; }
.ele_edit { background-color: #f98a66; }
.ele_delete { background-color: #f3837b; }
.ele_resize { background-color: #c19eff; }*/
.ele_delete:after { clear: both; }


.rowbg .select_elemn .editTX { display: block; width: 55px; border-radius: 3px; line-height: 1; background-color: #4c8f4c; color: #fff; padding: 5px 0 6px; font-size: 12px !important; font-weight: 600; }

.rowbg .select_elemn .dltEleIcon { position: absolute; top: -1px; left: 0px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; opacity: 0.7; }
.rowbg .select_elemn .dltEleIcon i.fa { line-height: 15px; color: #99a4aa !important; font-size: 17px; font-weight: lighter; padding: 4px; }
.rowbg .select_elemn .dltEleIcon:hover { opacity: 1; }

.rowbg .select_elemn .gerICN { position: absolute; top: 0px; right: 0px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; opacity: 0.7; }
.rowbg .select_elemn .gerICN i.fa { line-height: 15px; color: #99a4aa !important; font-size: 15px; font-weight: lighter; padding: 6px; }
.rowbg .select_elemn .gerICN:hover { opacity: 1; }

.rowbg .select_elemn .ele_clone { position: absolute; bottom: 0px; left: 1px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; }
.rowbg .select_elemn .ele_clone i.fa { font-size: 15px; color: #99a4aa !important; padding: 4px; opacity: 0.7; }
.rowbg .select_elemn .ele_clone:hover i.fa { opacity: 1; }

.rowbg .select_elemn a.dragElemt { position: absolute; bottom: 1px; right: 2px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; cursor: move; }
.rowbg .select_elemn a.dragElemt i.fa { font-size: 15px; color: #99a4aa !important; padding: 4px; opacity: 0.7; cursor: move; }
.rowbg .select_elemn a.dragElemt:hover i.fa { opacity: 1; }

.ele_edit { opacity: 0.7; margin-bottom: -3px; display: inline-block; }
.ele_edit i.fa { font-size: 15px; color: #99a4aa !important; padding-top: 4px; }
.ele_edit:hover { opacity: 1; }


.editCONT { display: inline-block; text-decoration: none !important; }
.editCONT .fa { margin: 3px 0px 0px 0px !important; font-size: 43px; }
.modal_PP { width: 58%; }
.modal_PP .modal-content { background-color: #f1f1f1; }
.modal_PP .tab-content { background-color: #ffffff; min-height: inherit; overflow: hidden; width: 100%; }
.modal_PP h4 { font-size: 18px; font-weight: 600; color: #3483c8; }
.modal_PP h4 .fa { font-size: 14px; padding-right: 5px; }
.modal_PP .modal-header { background: transparent !important; border-bottom: none; height: 41px; }
.modal_PP .modal-body { padding-top: 0px; }
.modal_PP .close { background-color: #23549e; border-radius: 50px 10px 10px 50px; color: #ffffff; font-size: 30px; line-height: 0; opacity: 1; padding: 15px 8px 17px 25px; position: absolute; right: -35px; text-shadow: none; top: 8px; z-index: -1; }
.modal_PP .nav-tabs { margin-top: 10px; margin-right: 1px; }
.modal_PP .nav-tabs > li { width: 120px; }
.modal_PP .nav-tabs > li.active > a { background: #ffffff; color: #23549e; }
.modal_PP .nav-tabs > li > a { background: #23549e; color: #ffffff; font-size: 15px; font-weight: 600; padding: 5px 16px; text-align: center; border-radius: 5px 5px 0 0; }
.addlayoutpage .tab-content > .active:after { content: ""; clear: both; display: block; }
.elementbox { float: left; width: 136px; height: 100px; margin: 0 .33% .55%; border-radius: 10px; border: solid 3px #e8e8e8; text-align: center; cursor: pointer; }
.elementbox:hover { text-decoration: none; transition: .7s; border-color: #3c9895; }
.elementbox:hover p { color: #3c9895; }
.elementbox i { display: block; height: 40px; transition: 1s; margin-top: 10px; margin-bottom: 10px; }
.elementbox p { font-weight: 600; padding: 0 10px; line-height: 1; }
.elementbox i img { max-height: 100%; }
.element-icon .fa { display: inline-block; margin: 0 2px; line-height: 3; color: #f5af02; }
.chec_sec .lbl_success { background-color: #80c3c1; color: #fff; border-radius: 20px; padding: 5px 15px 4px; font-size: 14px; font-family: 'Nunito-SemiBold'; display: inline-block; text-decoration: none; line-height: 1.36; border: 1px solid transparent; }
.chec_sec .lbl_success .fa { font-size: 11px !important; padding-left: 5px; position: relative; top: 0px; }
.table > tbody > tr > td .chec_sec .lbl_success { padding: 1px 8px 0px; font-size: 13px; line-height: 1.39; }


#btnPreview.bg-cstm { background-color: #69b2f3; }
.row_add_layots { width: 100%; overflow: hidden; }
.row_add_layots .insert_LYTS { width: calc(84%/8);; float: left; margin-left: 1%; margin-right: 1%; cursor: pointer; }
.row_add_layots .thumbnail { border: 2px solid gainsboro; padding: 6px 7px; border-radius: 10px; }
.row_add_layots .insert_LYTS:last-child { margin-right: 0px; }
.row_add_layots .insert_LYTS div { background-color: #dcdcdc; height: 20px; padding: 0px; margin: 0 2.5%; width: 15px; }
.row_add_layots div.col-md-6 { width: 44%; }
.row_add_layots div.col-md-4 { width: 27.333%; }
.row_add_layots div.col-md-3 { width: 19.666%; }
.row_add_layots div.col-md-9 { width: 68.666%; }
.row_add_layots div.col-md-8 { width: 61%; }
.row_add_layots div.col-md-12 { width: 95.5%; }
.colorbox { background: #fff; display: inline-block; text-align: left; width: 100%; }
.colorbox .fa { font-size: 24px; border: 1px solid transparent; float: left; width: 24px; margin: 0px 2px 6px 0px; text-align: center; height: 24px; line-height: 23px; border-radius: 4px !important; }
.colorbox i.fa.color1 { color: #fff !important; border-color: #ccc; font-size: 19px; width: 22px; height: 22px; margin-top: 1px; }
.colorbox i.fa.color2 { color: #000000 !important; }
.colorbox i.fa.color3 { color: #383838 !important; }
.colorbox i.fa.color4 { color: #E2E2E2 !important; }
.colorbox i.fa.color5 { color: #82b4ff !important; }

.colorbox2 input { margin-top: 1px; border: 1px solid #ccc; font-size: 11px; float: left; width: calc(100% - 35px); text-align: left; height: 24px; line-height: 23px; border-radius: 4px !important; padding: 0px 10px; margin-bottom: 6px; }
.colorbox2 i.fa { float: left; margin-left: 10px; margin-top: 3px; font-size: 20px; color: #868686 !important; }

.noPadding .BottomBx a i.fa.fa-square { color: #23549e !important; }
.minPadding .BottomBx a i.fa.fa-th { color: #23549e !important; }
.maxPadding .BottomBx a i.fa.fa-th-large { color: #23549e !important; }

.addEleBox { width: auto; height: 27px; display: none; position: absolute; bottom: 0px; top: 26px; border-radius: 4px; right: 20px; background: #fff; border: 1px solid #b9b9b9; white-space: nowrap; padding-left: 5px; padding-right: 5px; z-index: 99; }
.rowbg .icons_box > a.addEleICN .addEleBox { top: 2px; right: 30px; }
.addEleBox span { color: #fff !important; font-size: 11px !important; border-radius: 4px; display: inline-block; padding: 4px 2px; line-height: 1em; font-weight: bold; width: 34px; background-color: #006ed0; margin-top: 3px; cursor: pointer; }
.typLayout { padding-top: 15px; padding-bottom: 15px; }
.typLayout fieldset { margin: 25px 0px 0px 0px; border: none; padding: 10px 0px; position: relative; }
.typLayout legend { margin: 0px; width: auto; border: none; font-size: 16px; font-weight: 600; color: #4d8e4c !important; }
.typLayout legend .text-green3 { color: #9fc943 !important; padding-right: 5px; }
.typLayout .plusminus { position: absolute; top: -30px; right: 10px; background-color: #fff; padding: 0 2px; }
.typLayout .plusminus .fa { font-size: 28px; color: #0074a2; display: inline-block; margin: 0px 3px; cursor: pointer; }
.mnf_srvs img { max-width: 100%; }
.page_cont_clr { /*position: fixed; padding-top: 15px!important;*/ padding: 15px 0px !important; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; background: url("../img/carBGIMG.jpg") no-repeat 0 0 / cover; }
.showpage_lyt { background: #fff; margin: 0 auto !important; float: none !important; max-width: 1202px !important; min-height: 500px; overflow: hidden; width: 100% !important; }
.showpage_lyt .panel { margin-top: 10px; border: none; }
.showpage_lyt .panel-title { padding-left: 0px; color: #fff; }
.showpage_lyt .panel-title i { float: left; margin-right: 10px; padding-right: 8px; width: 42px; height: 34px; background-color: #fff; }
.showpage_lyt .panel-heading { margin: 0px 145px 0px 0px !important; min-height: 34px; line-height: 34px; }
.showpage_lyt a.btn-success { background-color: #dd3c00 !important; border-color: #dd3c00 !important; }
.newheader { max-width: 140px; width: 100%; height: 50px; z-index: 1030; position: absolute; top: 0; right: 0; padding: 0; }
.newheader a.bg-green { background-color: #5cb85c !important; color: #fff !important; margin-right: 2px; }
.newheader a.bg-green .text-dark5 { color: #fff !important; }
.newheader a.bg-red2 { background-color: #d9534f !important; color: #fff !important; }
/*-- OFFER PAGE  --*/
.top_part_head { margin-bottom: 15px; padding-bottom: 5px; border-bottom: solid 1px #cecece; color: #333; }
.top_part_head .bnd_icons { float: left; margin: 0; font-size: 22px; font-weight: 600; }
.top_part_head .BND-fone { font-size: 18px; font-weight: 600; float: right; }
.top_part_head .BND-fone .fa { font-size: 22px; color: #bdbdbd; position: relative; bottom: -3px; padding-right: 5px; }
.btn_CNR { margin: 15px 10px 0px 10px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 12px 0px 7px 0px; }
.square_small { display: inline-block; font-size: 14px; font-weight: 600; color: #303030; padding: 8px 18px 8px 13px; margin: 0 0.40% 5px; margin-bottom: 5px; border: solid 2px #bbd9bd; transition: 1s; border-radius: 2px; }
.square_small .fa { padding-right: 5px; color: #9f9f9f; }
.square_small:hover { text-decoration: none; background-color: #4c8f4c; color: #fff; transition: .2s; }
.square_small:hover .fa { color: #fff; }
.offerlines_cont { margin: 0px; padding: 0px; list-style: none; position: relative; }
.offerlines_cont li.ofrLN01 { padding-right: 155px; }
.offerlines_cont li { color: #333; font-size: 20px; font-weight: 400; margin: 0; padding: 0; line-height: 1; border-bottom: 1px solid #ccc; margin-bottom: 14px; padding-bottom: 14px; }
.offerlines_cont li b { color: #2c6f2c; font-weight: 600; }
.offerlines_cont li p { color: #333; font-size: 16px; margin: 10px 0px 0px 0px; padding: 0; line-height: 1; }
.offerlines_cont li:last-child { border-bottom: none; }
.short_colct { cursor: pointer; display: inline-block; padding: 12px 22px; color: #fff; background-color: #4c8f4c; font-size: 13px; font-weight: 600; position: absolute; right: 0px; top: 0; border-radius: 3px; transition: 1s; }
.short_colct:hover { background-color: #2c6f2c; color: #fff; transition: .2s; text-decoration: none; }
.prevewBTN.short_colct { position: static; float: right; line-height: 1; margin-bottom: 5px; margin-top: -5px; padding: 8px 12px; }
.close.fa-close { background-color: #fff; border-radius: 50%; color: #2c6f2c; line-height: 1; margin: 0 !important; padding: 5px 8px 8px 9px; position: absolute; right: -10px; top: -10px; z-index: 1; font-size: 22px; }
.close.fa-close:hover { opacity: 1; }
.modal-dialog.modal-lg { width: 98%; max-width: 1200px; }
.page_cont_clr img { margin-bottom: 5px; }
.fullfile_box .fa { font-size: 70px; line-height: 65px; cursor: pointer; }
.media_new { width: 32.222%; float: left; margin-right: 7px !important; margin-bottom: 10px !important; transition: 1s; cursor: pointer; }
.media_new:hover .fa { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }
.media_new:hover h5, .media_new:hover .fa { background-color: #00A8E6; color: #fff; }
.media_new h5 { background-color: #f1f1f1; line-height: 3; }
.frmICN { font-size: 18px; padding: 10px 5px 5px; color: #505050; margin-right: 5px !important; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; }
.site_mnBnr { background-color: #000; padding: 24px 18px 18px; text-align: left; }
.bnr_txtContent { margin: 0 auto; float: none; padding: 0px; }
.bnr_txtContent .bnr_line1 { margin: 0; color: #fff; font-size: 38px; margin-bottom: 2px; line-height: 1.17; }
.bnr_txtContent .bnr_line1 span { font-size: 30px; margin-bottom: 2px; }
.bnr_txtContent .bnr_line2 { font-size: 38px; margin: auto; margin-top: 17px; margin-bottom: 2px; color: #fff; line-height: 1.17; }
.bnr_txtContent .bnr_line2 span { font-size: 30px; margin-bottom: 2px; }
.bnr_txtContent .bnr_line3 { font-size: 24px; }
.bnr_txtContent .bnr_line3 span { font-size: 24px; }
.bnr_txtContent .bnr_line1 span,
.bnr_txtContent .bnr_line2 span,
.bnr_txtContent .bnr_line3 span { display: inline-block; /*padding: 2px 6px;*/ }

/*--- banner heading change 12 april 2022 ---*/
.bnr_txtContent .bnr_line h1 { font-size: 38px; line-height: 1.1; }
.bnr_txtContent .bnr_line h1 span { font-size: inherit; }
.bnr_txtContent .bnr_line h2,
.bnr_txtContent .bnr_line > span { font-size: 30px; line-height: 1.1; }
.bnr_txtContent .bnr_line h2 span { font-size: inherit; }
.bnr_txtContent .bnr_line h3 { font-size: 25px; line-height: 1.1; }
.bnr_txtContent .bnr_line h3 span { font-size: inherit; }
.bnr_txtContent .bnr_line h4 { font-size: 22px; line-height: 1.1; }
.bnr_txtContent .bnr_line h4 span { font-size: inherit; }
.bnr_txtContent .bnr_line h5 { font-size: 20px; line-height: 1.1; }
.bnr_txtContent .bnr_line h5 span { font-size: inherit; }
.bnr_txtContent .bnr_line h6 { font-size: 17px; line-height: 1.1; }
.bnr_txtContent .bnr_line h6 span { font-size: inherit; }
/*--- banner heading change 12 april 2022 end ---*/

.bnr_txtContent .bnr_button { margin-top: 10px; }
.bnr_txtContent .ColorBL { color: #000 !important; }
.bnr_txtContent .cBold { font-weight: bold !important; }
.bnr_txtContent .bgWH { background-color: #fff !important; }
.bnr_txtContent .bgBL { background-color: #000 !important; }

.bnr_txtContent .goBtmBtn { font-size: 16px; line-height: 1.17; font-weight: 500; margin-bottom: 10px; margin-top: 10px; opacity: 1.0; }
.bnr_txtContent .goBtmBtn .btn { font-size: 14px; display: inline-block; color: #fff; font-weight: normal; margin-bottom: 8px; margin-top: 14px; padding: 8px 38px 9px 38px !important; border: none; border-radius: 40px !important; position: relative; }


.BdrBtm { border-bottom: solid 2px #23549e !important; }
.playIcon { width: 100%; height: 153px; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; text-align: center; z-index: 9; }
.playIcon .fa-play-circle { position: absolute; left: 0; right: 0; top: 33%; z-index: 9; font-size: 50px; color: #dd3c00; cursor: pointer; }
.vdoPreview { width: 100%; position: absolute !important; top: 0px; left: 0; right: 0; }
.vdoPreview .modalead { padding: 10px 15px; width: 100%; background: rgba(255, 255, 255, .4); position: absolute !important; top: 0px; left: 0; z-index: 99; }
.vdoPreview .modalead span { font-size: 24px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1; }
.vdoPreview .clsRound { border: 2px solid #fff; border-radius: 25px; color: #fff; font-size: 13px; font-weight: bold; line-height: 1.1; padding: 3px 15px 5px; text-transform: uppercase; }
.vdoPreview .clsRound .fa { margin-left: 5px; }
.vdoPreview .clsRound:hover { text-decoration: none; cursor: pointer; }
.vdoPreview video { width: 100% !important; }
.DshBard .rangepicker { background: transparent; border: none; font-weight: 600; }
.DshBard .rangepicker:hover { cursor: pointer; }
.DshBard .fa-calendar { color: #d8445c !important; position: relative; left: -35px; z-index: -1; }
.dashBlk .brdClr { margin-bottom: 0px !important; margin-top: 12px !important; }
.dashBlk > .row > .brdClr, .dashBlk .infoWid, .dashBlk .weatherDiv { padding-left: 6px; padding-right: 6px; }
.brdClr { margin-bottom: 10px; }
.brdClr:nth-child(1) .bdrTp { border-top: solid 8px #00a7f6; }
.brdClr:nth-child(2) .bdrTp { border-top: solid 8px #c22d38; }
.brdClr:nth-child(3) .bdrTp { border-top: solid 8px #009788; }
.brdClr:nth-child(4) .bdrTp { border-top: solid 8px #fec200; }
.brdClr:nth-child(5) .bdrTp { border-top: solid 8px #00a7f6; }
.brdClr:nth-child(6) .bdrTp { border-top: solid 8px #c22d38; }
.brdClr:nth-child(7) .bdrTp { border-top: solid 8px #009788; }
.brdClr:nth-child(8) .bdrTp { border-top: solid 8px #fec200; }

.brdClr .panel-body { padding: 15px 25px; }

.dashBlk .panel-body { padding: 20px 24px; }
.widgetTl { border-bottom: solid 1px #e3e3e3; margin-bottom: 15px; padding-bottom: 20px; padding-top: 15px; font-family: 'Nunito-Bold'; letter-spacing: -1px; }
.widgetTl strong { font-size: 13px; font-weight: 600; color: #3c9895 ; display: block; text-align: center; line-height: 1em; }
.widgetTl .fa-share-alt { color: #ccc; float: right; border: solid 1px #ccc; border-radius: 50%; font-size: 12px; padding: 3px 4px; }
.widgetTl .charticn { float: right; }

.widgetFtr { display: block; text-align: center; font-size: 15px; padding-top: 10px; padding-bottom: 0px; }
.widgetFtr a { font-weight: 600; color: #0e73dd; text-decoration: none; }

.dashIcon .fa { font-size: 34px; color: #000; }
.vst_count { margin: 0px; line-height: 25px; margin-bottom: 3px; }
.vst_count span { font-size: 15px; /*color: #828282;*/ color: #575757; font-family: 'Nunito-Bold'; max-width: 220px; display: inline-block; }

.infoBlck .widgetCont .vst_count { padding-left: 20px; position: relative; }
.infoBlck .widgetCont .vst_count:before { content: ""; width: 5px; height: 5px; background-color: #828282; border-radius: 50%; position: absolute; left: 8px; top: 9px; }



.infoBlck .widgetCont .vst_count.byenquiry, .infoBlck .widgetCont .vst_count.bypurl, .infoBlck .widgetCont .vst_count.searchbycash,
.infoBlck .widgetCont .vst_count.searchbymonthly, .infoBlck .widgetCont .vst_count.makemodel, .infoBlck .widgetCont .vst_count.make, .infoBlck .widgetCont .vst_count.quicksearch { padding-left: 30px; }

.infoBlck .widgetCont .vst_count.byenquiry span, .infoBlck .widgetCont .vst_count.bypurl span, .infoBlck .widgetCont .vst_count.searchbycash span,
.infoBlck .widgetCont .vst_count.searchbymonthly span, .infoBlck .widgetCont .vst_count.makemodel span, .infoBlck .widgetCont .vst_count.make span, .vst_count.quicksearch span { font-family: 'Nunito'; }

.infoBlck .widgetCont .vst_count.byenquiry strong, .infoBlck .widgetCont .vst_count.bypurl strong, .infoBlck .widgetCont .vst_count.searchbycash strong,
.infoBlck .widgetCont .vst_count.searchbymonthly strong, .infoBlck .widgetCont .vst_count.makemodel strong, .infoBlck .widgetCont .vst_count.make strong, .infoBlck .widgetCont .vst_count.quicksearch strong { font-weight: normal !important; }

.infoBlck .widgetCont .vst_count.advancedsearch strong i, .infoBlck .widgetCont .vst_count.helpmechoose strong i,
.infoBlck .widgetCont .vst_count.refinesearch strong i { font-weight: normal !important; font-style: normal !important; font-family: 'Nunito' !important; }

.infoBlck .widgetCont .vst_count.byenquiry:before, .infoBlck .widgetCont .vst_count.bypurl:before, .infoBlck .widgetCont .vst_count.searchbycash:before,
.infoBlck .widgetCont .vst_count.searchbymonthly:before, .infoBlck .widgetCont .vst_count.makemodel:before, .infoBlck .widgetCont .vst_count.make:before, .infoBlck .widgetCont .vst_count.quicksearch:before { content: ""; width: 8px; height: 2px; background-color: #828282; border-radius: 0px; position: absolute; left: 15px; top: 11px; }

.infoBlck .widgetCont .vst_count.totalpurlsindatabase { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #e3e3e3; margin-top: 3px; }
.totalunknown { margin-top: 3px; }



.capitalizeTEXT .vst_count span { text-transform: capitalize; }
.vst_count strong, .vst_count strong span { font-size: 15px; color: #000; float: right; }
/*.slt_multi ul li{margin-bottom:0!important;}
.slt_multi button{width:100%; max-width:340px; overflow:hidden; text-overflow:ellipsis;}
.slt_multi ul li a label{padding-left:30px!important;}*/
.slt_multi button { width: 100% !important; height: 32px; line-height: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; border-radius: 5px !important; }
.slt_multi button .caret { display: none; position: absolute; right: 10px; top: 13px; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.slt_multi .btn-group { width: 100%; }
.multiselect-container { width: 100%; height: 250px; overflow-x: hidden; padding-top: 5px !important; }
.multiselect-container li { margin-bottom: 0px; }
.slt_multi .multiselect-container li label { line-height: 24px; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #b9dff9 !important; color: #464646 !important; }
.nav_barlft { margin-top: 20px; }
.navbar_right { float: right; margin-top: 24px; position: absolute; right: 0; top: 0; width: 200px; }
.navbar_right .TWDLOGO { width: 160px; border-left: solid 1px #c9c9c9; padding-left: 10px; }
.top_links { width: 100%; }
.top_links .fa { font-size: 14px; font-weight: 500; color: #c0c0c0; }
.top_links a { font-size: 18px; font-weight: 500; color: #2d2d2d; margin-top: 20px; }
.top_links a:hover { text-decoration: none; cursor: pointer; }
.top_links a.active { color: #636363; }
.top_links a.active .fa { color: #e05461; }
.dashlink { float: left; }
.cmslink { float: left; }
.evelink { float: left; }
.incelink { float: left; }
.chatlink { float: left; }
.max_scrn_dash { max-width: 100%; margin: 0 auto !important; float: none !important; }
.max_scrn_dash.topnav { max-width: 890px; }
.bg_green3 { background-color: #6bba00; color: #fff; }
.bg_green3:hover { color: #fff; text-decoration: none; opacity: .9; }
.maingallery { }
.maingallery .dragli { cursor: move; }
.maingallery .dragli:hover { border: 1px solid #1c5b86 !important; }
.maingallery .dragli:hover textarea { border: solid 1px #fff; }
.maingallery .circle_nav { background: #fff; left: 3px; position: relative; top: 3px; z-index: 2; border-color: #fff; }
.maingallery .circle_nav { color: #1c5b86; border-radius: 50%; font-size: 15px; font-weight: bold; margin-right: 5px; text-align: center; width: 26px; height: 25px; display: inline-table; line-height: 24px; }
.maingallery .col-xs-12 { position: static !important; margin-top: -25px; cursor: pointer; }
.maingallery .inc_width { position: absolute; top: 0; left: 0; width: 100%; height: 280px; background: rgba(0,0,0, .7); z-index: 9; text-align: center; padding-top: 20px; }
.maingallery .inc_width .editclose { display: inline-block; background-color: #fff; width: 100%; max-width: 600px; text-align: right; padding: 5px 10px 5px 0px; position: static !important; display: block; margin: 0 auto; border-radius: 4px 4px 0px 0px; cursor: pointer; }
.maingallery .inc_width textarea { width: 100%; max-width: 600px; height: 150px !important; margin: 0px auto 0 auto; }
.maingallery .inc_width .savebtn { background-color: #fff; width: 100%; max-width: 600px; text-align: right; padding: 5px 10px 5px 0px; margin-top: -15px; position: static !important; display: block; margin: 0 auto; }
.maingallery .editclose { display: none; }
.bg-clr { background-color: #D8D6D9; text-align: center; position: relative; margin-bottom: 0px; cursor: pointer; border: solid 1px #ccc; }
.bg-clr .pd50_new { margin-top: 30px; }
.bg-clr .fa { background: #fff; padding: 5px; font-size: 14px; border-radius: 2px; }
.bg-clr:hover .icons_img { z-index: 9; }
.bg-clr:hover .icons_cursor { position: absolute; right: 1px; top: -37px; }
.bg-clr:hover .icons_cursor .fa-arrows { font-size: 16px; }
.bg-clr .icons_img { position: absolute; left: 0; right: 0; top: 40px; margin: 0 auto; width: 100%; z-index: -99; }
.bg-clr .icons_img .fa { margin: 0px 2px; font-size: 15px; }
.imgsection { height: 150px; }
.fa-times { font-size: 16px; }
.contenteditor { position: relative; }
.contenteditor .savebtn { position: absolute; bottom: -3px; right: 1px; background-color: #fff; padding: 0px; }
.SCrollbar { height: 325px; overflow: auto; margin-bottom: 0px; }
.SCrollbar aside { transition: none !important; }
.SCrollbar:hover aside { opacity: 1 !important; }
.mngMBlock div.mix { /* width: 276px !important;*/ height: auto !important; margin: 0px !important; display: inline-block !important; float: left !important; margin-bottom: 15px !important; position: relative; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; }
.bodylocked .mngMBlock div.mix { width: 250px !important; }
.mngMBlock .work.mix:hover .work-img .detail { z-index: 999; }
.imagesecton_new .Ver_img { display: block; height: 115px; margin-bottom: 15px; }
.imagesecton_new .Ver_img img { max-height: 100%; }
.Dealermulti.slt_multi .btn-group, .Dealermulti.slt_multi button { width: 100% !important; }


@media only screen and (min-width:320px) and (max-width:767px) {
 .mngMBlock div.mix,
 .bodylocked .mngMBlock div.mix { width: 100% !important; }
 .hidden-xs { display: inline-block !important; }

 .infoBlck .widgetCont .vst_count.totalpurlsindatabase { position: initial !important; width: 100%; padding-top: 10px; }
}

.max_scrn_nw .topbar-left .breadcrumb { height: auto; margin-bottom: 15px; padding-bottom: 10px; }
/*.fltrFrm {padding:15px; background-color: #fff; border: 1px solid #ccc;}*/

.fltrFrm .fa-calendar { position: absolute; right: 18px; top: 4px; color: #006ed0; font-size: 24px; }

.gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 1; list-style-type: none; }
.gu-hide { display: none !important; }
.gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
.gu-transit { opacity: 1; }
.drag-item.is-moving { background: #f8f8f8; padding: 10px 20px 10px 13px; border-radius: 15px; position: relative; cursor: all-scroll; border: 1px solid #2185d0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.3); }
.is-moving .dtlIco { display: none; }
.dragli.elem_dragli { -webkit-transition: 0.1s; transition: 0.1s; }
.dragli.elem_dragli:after { content: ""; display: block; width: 100%; clear: both; }

.is-moving { opacity: 0.9; cursor: move; height: 47px !important; border: none !important; padding: 0px 10px !important; }
.is-moving .panel { padding: 10px; border-radius: 0px; position: relative !important; }
.is-moving .panel-heading { border: none !important; min-height: 25px !important; line-height: 25px !important; position: initial; background-color: #fff; }
.is-moving .panel .panel-heading span > i { display: none; }
.is-moving .panel > div { position: initial !important; }
.is-moving .panel .panel-body { padding: 0px !important; }
.is-moving .panel .select_elemn .dltEleIcon { position: absolute; top: -1px; left: 0px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; opacity: 0.7; }
.is-moving .panel .select_elemn .dltEleIcon i.fa { line-height: 15px; color: #99a4aa !important; font-size: 17px; font-weight: lighter; padding: 4px; }
.is-moving .panel .select_elemn .dltEleIcon:hover { opacity: 1; }
.is-moving .panel .select_elemn .gerICN { position: absolute; top: 0px; right: 0px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; opacity: 0.7; }
.is-moving .panel .select_elemn .gerICN i.fa { line-height: 15px; color: #99a4aa !important; font-size: 17px; font-weight: lighter; padding: 4px; }
.is-moving .panel .select_elemn .gerICN:hover { opacity: 1; }
.is-moving .panel .select_elemn .ele_clone { position: absolute; bottom: 0px; left: 1px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; }
.is-moving .panel .select_elemn .ele_clone i.fa { font-size: 15px; color: #99a4aa !important; padding: 4px; opacity: 0.7; }
.is-moving .panel .select_elemn .ele_clone:hover i.fa { opacity: 1; }
.is-moving .panel .select_elemn a.dragElemt { position: absolute; bottom: 1px; right: 2px; padding: 0px; display: inline-block; text-align: center; color: #99a4aa !important; cursor: move; }
.is-moving .panel .select_elemn a.dragElemt i.fa { font-size: 15px; color: #99a4aa !important; padding: 4px; opacity: 0.7; cursor: move; }
.is-moving .panel .select_elemn a.dragElemt:hover i.fa { opacity: 1; }

.resizeOverlay { display: none !important; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 110, 208, 0.5); left: 0; top: 0; right: 0; z-index: 10; text-align: center; line-height: 65px; color: #fff; font-size: 25px; display: none; }
.ui-resizable.ui-resizable-resizing { opacity: 0.7 !important; }

.dragBx .ui-resizable-e { right: -1px; width: 10px; }
.dragBx .ui-resizable-s, .dragBx .ui-resizable-se { display: none !important; }
.addele .panel, .addele .panel .panel-heading { background-color: #f7f7f7 !important; }
.addele .panel { border: 1px dashed #d7d7d7; }

.dragBx.is-moving .panel { background-color: #dfecff !important; }
.dragBx.is-moving .panel .panel-heading, .dragBx.is-moving .panel .panel-body { background-color: transparent !important; }


.fixTbl { table-layout: fixed; }
td.pagesCol { word-break: break-all; }



/* Elements selection popup*/
.modalElmts.modal-dialog { width: 80%; max-width: 1029px; padding: 0px; left: 0; top: 50px; background: transparent; overflow: visible; z-index: 999; right: 0; margin: auto; display: block; height: auto; bottom: initial; }
.modalElmts.modal-dialog .modal-header { border-radius: 0px 0px 0px 0px; }
.modalElmts.modal-dialog .modal-content { border: 0px; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); }
.modalElmts.modal-dialog .tab-content { padding: 0px; }
.modalElmts.modal-dialog .modal-content .close { opacity: 1; }
.modalElmts.modal-dialog .nav.nav-tabs { bottom: -4px; }
.modalElmts.modal-dialog .nav-tabs > li > a { margin-right: 5px; border-radius: 0px 0px 0px 0px; }
.modalElmts.modal-dialog .modal-title { font-size: 14px; font-family: 'Nunito-Bold'; padding-top: 3px; display: inline-block; margin-left: 8px; }
.modalElmts.modal-dialog .modal-header .close { margin-top: auto; color: #FFF !important; width: 20px; height: 20px; /*margin-top: 10px;*/ }
.addlayoutpage { margin-bottom: 50px; }
.popHdrMid { display: inline-block; margin: auto !important; }
.popHdrMid .form-group { display: inline-block; min-width: 170px; margin: 0px 10px 15px; }
.fltBtns { border: 2px solid #86c5fd; border-radius: 25px; color: #fff; font-size: 13px; line-height: 1.1; padding: 5px 15px 4px; margin-right: 10px; background-color: #86c5fd !important; }


@media only screen and (min-width:1275px) and (max-width:1300px) {
 .addEle_poup .modal-dialog { width: 775px; }
}

@media only screen and (min-width:900px) and (max-width:1274px) {
 .addEle_poup .modal-dialog { width: 770px !important; }
}

@media only screen and (min-width:768px) and (max-width:899px) {
 .addEle_poup .modal-dialog { width: 625px !important; }
}




/*--------------animation-------------------*/

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated-shortest { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; }
.animated-short { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; }
.animated-long { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }
.animated-longest { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

@keyframes bounce {
 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
}

.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes flash {
 0%, 50%, 100% { opacity: 1; }
 25%, 75% { opacity: 0; }
}

@keyframes flash {
 0%, 50%, 100% { opacity: 1; }
 25%, 75% { opacity: 0; }
}

.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
 0% { -webkit-transform: scale(1); transform: scale(1); }
 50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
 100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pulse {
 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes shake {
 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
}

@keyframes shake {
 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
}

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing {
 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes swing {
 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada {
 0% { -webkit-transform: scale(1); transform: scale(1); }
 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

@keyframes tada {
 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
 0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
 100% { -webkit-transform: translateX(0%); transform: translateX(0%); }
}

@keyframes wobble {
 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }

 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }

 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }

 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }

 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }

 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
}

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn {
 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }

 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }

 70% { -webkit-transform: scale(0.9); transform: scale(0.9); }

 100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bounceIn {
 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }

 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }

 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }

 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

 100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes bounceInDown {
 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }

 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }

 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }

 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }

 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

 100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes bounceInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }

 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }

 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }

 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }

 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }

 80% { -webkit-transform: translateX(10px); transform: translateX(10px); }

 100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes bounceInRight {
 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }

 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }

 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }

 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }

 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); }

 80% { -webkit-transform: translateY(10px); transform: translateY(10px); }

 100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes bounceInUp {
 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }

 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }

 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
 0% { -webkit-transform: scale(1); transform: scale(1); }

 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }

 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }

 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
}

@keyframes bounceOut {
 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
}

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
 0% { -webkit-transform: translateY(0); transform: translateY(0); }

 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }

 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
}

@keyframes bounceOutDown {
 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
}

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
 0% { -webkit-transform: translateX(0); transform: translateX(0); }

 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); }

 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
}

@keyframes bounceOutLeft {
 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
}

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
 0% { -webkit-transform: translateX(0); transform: translateX(0); }

 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); }

 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
}

@keyframes bounceOutRight {
 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }

 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
}

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
 0% { -webkit-transform: translateY(0); transform: translateY(0); }

 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }

 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
}

@keyframes bounceOutUp {
 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }

 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
}

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
 0% { opacity: 0; }

 100% { opacity: 1; }
}

@keyframes fadeIn {
 0% { opacity: 0; }

 100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }

 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }

 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDownBig {
 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }

 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }

 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }

 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInLeftBig {
 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }

 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }

 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }

 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInRightBig {
 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }

 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }

 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }

 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpBig {
 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
 0% { opacity: 1; }

 100% { opacity: 0; }
}

@keyframes fadeOut {
 0% { opacity: 1; }

 100% { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}

@keyframes fadeOutDown {
 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
}

@keyframes fadeOutDownBig {
 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
}

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
}

@keyframes fadeOutLeft {
 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
}

@keyframes fadeOutLeftBig {
 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
}

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
}

@keyframes fadeOutRight {
 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
}

@keyframes fadeOutRightBig {
 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
}

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}

@keyframes fadeOutUp {
 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
}

@keyframes fadeOutUpBig {
 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
}

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX {
 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }

 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }

 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }

 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

@keyframes flipInX {
 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }

 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }

 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }

 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY {
 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }

 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }

 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }

 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
}

@keyframes flipInY {
 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }

 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }

 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }

 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
}

.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX {
 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }

 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

@keyframes flipOutX {
 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }

 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }

 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
}

@keyframes flipOutY {
 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }

 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
}

.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }

 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }

 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }

 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }

 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }

 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }

 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }

 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }

 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }

 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateIn {
 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }

 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInDownLeft {
 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInDownRight {
 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInUpLeft {
 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInUpRight {
 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }
}

@keyframes rotateOut {
 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }
}

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

@keyframes rotateOutDownLeft {
 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

@keyframes rotateOutDownRight {
 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

@keyframes rotateOutUpLeft {
 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

@keyframes rotateOutUpRight {
 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }

 100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideInDown {
 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }

 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }

 100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }

 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

 100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
}

@keyframes slideInRight {
 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
}

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
 0% { -webkit-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
}

@keyframes slideOutLeft {
 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
}

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
 0% { -webkit-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
}

@keyframes slideOutRight {
 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
}

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
 0% { -webkit-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
}

@keyframes slideOutUp {
 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
}

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes hinge {
 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; }
}

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }

 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }

 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }

 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
}

@keyframes rollOut {
 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }

 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
}

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
textarea.form-control { height: auto !important; }
.saveHeading { color: #555; font-size: 18px; }
.ofrspecial { margin-bottom: 20px; }
.applyBtn, .cancelBtn { padding: 3px 18px 2px !important; }
.table-head-btn { margin-top: 7px !important; margin-bottom: 7px !important; }
.table > tbody > tr > td { vertical-align: middle; }


@media screen and (min-width: 1300px) and (max-width: 1370px) {
 /*//////////___________________ LOG IN SCREEN  ___________________//////////*/
 .login-page .panel .login-left { width: 324px; padding: 40px; }
 .login-page .panel .login-right { width: calc(100% - 324px); padding: 53px; }
 body.login-page .loginlogo img { max-height: 125px !important; }
 .welcomDiv { margin-top: 120px; }
 .leftArw { max-width: 35px; }
 .welcomDiv h2 { font-size: 28px; }
 .welcomDiv p { font-size: 12px; margin-top: -1px; }
 .logInNewsLogo { max-width: 110px; }
 .logInNews { bottom: 77px; right: 101px; width: 218px; height: 270px; }
 .logInNews li { padding: 15px 20px; border-radius: 6px; }
 .logInNews p { min-height: 159px; font-size: 15px; padding: 0px 10px !important; margin-top: 18px; }
 .logInNews a { line-height: 15px; font-size: 8px; padding: 2px 5px; box-shadow: 0px 0px 0px 2px #ffe081; }
 .login-page .panel .login-left .panel-footer a { width: 85px; line-height: 13px; }
 .login-page .panel .panel-body .input-group input { min-height: auto; height: 30px; }
 .login-footer { bottom: 30px; right: 30px; }
}

@media screen and (max-width: 1370px) {
 /*//////////___________________ CMS INNER PAGES SCREEN  ___________________//////////*/

 .login-page .panel .login-left label { font-size: 12px; }
 .frgtLog { font-size: 11px; }
 .logInNews p { letter-spacing: -0.3px; }

 /*//////////___________________ CMS INNER PAGES SCREEN  ___________________//////////*/
 #content, .maxWidthDiv, .footer { max-width: 100%; }
 .navbar-left { margin-left: 40px; width: calc(100% - 330px); }
 .dropdown-el { min-width: 250px; }
 .hdrRgt { margin-right: 10px; }
 .hdrUsr { margin-right: 15px; }
 .hdrLogout .glyphicon { font-size: 18px; position: absolute; right: 14px; top: -1px; }
 .usrImg { width: 35px; height: 35px; top: -9px; }
 .hdrNav a, .hdrUsr span, .hdrLogout { font-size: 12px; }
 .hdrNav a { margin-right: 45px; font-size: 12px; }
 .hdrUsr span { display: inline-block; }
 .usrImg span { line-height: 36px; font-size: 15px; }
 .hdrLogout { padding-left: 20px; margin-left: 16px; top: -1px; }
 .hdrDD { top: -5px; right: -16px; }
 .hdrDD .fa { font-size: 13px; }
 .hdrLogout::before { top: 0px; height: 16px; }
 .navbar-branding { width: 200px !important; }
 .headerbar .top_button { margin-right: 25px; }
 .headerbar .top_button:hover::after, .headerbar .top_button.active::after, .headerbar .top_button:visited::after { height: 2px; bottom: -8px; }
 .innrLinks { width: calc(100% - 100px); left: 50px; top: 55px; }
 .innrLinks ul li a:hover::after, .innrLinks ul li a:focus::after, .innrLinks ul li a.active::after, .innrLinks ul li a:active::after { border-top: 2px dotted #000; bottom: -8px; }

 .pageBlockElements .ele_container { max-width: calc(100% - 60px) !important; }
}

@media screen and (max-width: 1299px) {
 /*//////////___________________ CMS LOG IN SCREEN  ___________________//////////*/
 .login-page .panel .login-left { width: 301px; padding: 35px 30px; }
 .login-page .panel .login-right { width: calc(100% - 301px); padding: 50px; }
 body.login-page .loginlogo img { max-height: 125px !important; }
 .welcomDiv { margin-top: 114px; }
 .leftArw { max-width: 35px; }
 .welcomDiv h2 { font-size: 26px; margin-top: -1px; }
 .welcomDiv p { font-size: 11px; margin-top: -1px; margin-left: 1px; }
 .logInNewsLogo { max-width: 90px; }
 .logInNews { bottom: 72px; right: 95px; width: 205px; height: 254px; }
 .logInNews li { padding: 15px 20px; border-radius: 6px; }
 .logInNews p { min-height: 149px; font-size: 14px; padding: 0px 8px !important; margin-top: 14px; }
 .logInNews a { line-height: 15px; font-size: 8px; padding: 2px 5px; box-shadow: 0px 0px 0px 2px #cdeab4; }
 .login-page .panel .login-left .panel-footer a { width: 85px; line-height: 13px; }
 .login-page .panel .panel-body .input-group input { min-height: auto; height: 30px; }
 .login-footer { bottom: 26px; right: 30px; }
 /*//////////___________________ CMS INNER PAGES SCREEN  ___________________//////////*/
 .innrLinks { width: calc(100% - 90px); left: 45px; }
 .navbar-left { margin-left: 43px; width: calc(100% - 290px); }
 .navbar { min-height: 66px !important; max-height: 66px !important; }
 .navbar.navbar-fixed-top + #main { margin-top: 66px !important; }
 .navbar-branding { margin-left: 16px; }
 .header-logo { margin-top: 6px; }

 .hdrSrch .fa { top: 6px; left: 0px; }
 .hdrSrch input { min-height: 31px; padding-left: 18px; }
 .hdrRgt { margin-top: 22px; }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
 body.login-page .loginlogo { margin-bottom: 10px; }
 body.login-page .loginlogo img { max-height: 75px !important; }
 .login-page .panel .login-left { width: 275px; padding: 20px; }
 .login-page .panel .login-left .panel-footer .clearfix br { display: none; }
 .login-footer { bottom: 20px; right: 20px; }

 .login-page .panel .login-right { width: calc(100% - 275px); padding: 50px 20px; }
 .leftArw { max-width: 25px; }
 .welcomDiv { margin-top: 65px; }
 .welcomDiv h2 { font-size: 23px; }
}


@media screen and (max-width: 360px) {
 .login-page .panel .login-left > div { margin-top: 90px; }
}

@media screen and (max-height: 599px) {
 body.login-page .panel { min-height: 565px; }
}

@media screen and (max-width: 599px) {
 body.login-page .panel { min-height: 565px; }
 .login-page .panel .login-left { float: none; width: 100%; padding: 20px; background: transparent; z-index: 99; }
 .login-page .panel .login-left > div { margin-top: 135px; background: #fff; border-radius: 15px; padding: 20px; display: inline-block; width: 100%; }
 .login-page .panel .login-left .loginlogo { margin-top: 0px; margin-bottom: 20px; }
 .login-page .panel .panel-heading { margin-bottom: 0px; padding-bottom: 0px; }
 .login-page .panel .login-left label { font-size: 12px; }
 .login-page .panel .panel-body .input-group input { background: transparent; }
 .login-page .panel .login-left .panel-footer p { margin: 0; }
 .login-page .panel .login-left .panel-footer { margin-top: 0px; background: transparent; }
 .login-page .panel .login-left .panel-footer .clearfix br:nth-child(2) { display: none; }
 .login-page .panel .login-footer { bottom: 20px; }
 .login-page .panel .login-footer h6 { color: #fff; }

 .login-page .panel .login-right { position: absolute; top: 0px; left: 0; right: 0; float: none; width: 100%; padding: 20px; z-index: 9; background: rgba(0, 0, 0, 0.7); }
 .leftArw { opacity: 0; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
 .welcomDiv { margin-top: 0px; }
 .welcomDiv h2 { font-size: 22px; margin-top: 0px; }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
 body.login-page .panel { min-height: auto; }
 body.login-page .loginlogo { margin-bottom: 10px; }
 body.login-page .loginlogo img { max-height: 75px !important; }
 .login-page .panel .login-left { width: 275px; padding: 20px; }
 .login-page .panel .login-left .panel-footer .clearfix br:nth-child(2) { display: none; }
 .login-footer { bottom: 20px; right: 20px; }
 .login-page .panel .login-right { width: calc(100% - 275px); padding: 50px 20px; }
 .leftArw { max-width: 25px; }
 .welcomDiv { margin-top: 65px; }
 .welcomDiv h2 { font-size: 23px; }
}

@media (device-height : 320px) and (device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) {
 .login-page .panel .login-left > div { margin-top: 90px; }
}

@media (device-height : 568px) and (device-width : 320px) and (-webkit-min-device-pixel-ratio: 2) {
 .login-page .panel .login-left > div { margin-top: 90px; }
}

.tick_img { background-image: url(../images/tick.png); background-repeat: no-repeat; display: inline-block; height: 31px; width: 35px; background-size: 21px; background-position: center; margin: 0px auto auto 4px; border: 1px solid #dcdcdc; border-radius: 4px; }

@media screen and (max-width: 767px) {
 .dropdown-el label, .dropdown-el a { margin-top: 0px; }
 .stkLstDiv { width: 100% !important; margin-bottom: 10px; }
 .stkLst-tblRespnsv table.table { width: 100% !important; }
 .imgdrgTxt { display: none; }
}

@media screen and (max-width: 599px) {
 .ucUsedCntnt .panel-heading .panel-title { padding-top: 8px; line-height: normal; }
}

.errormsg[style="visibility:hidden;"] { display: none; }


@media screen and (max-width: 1300px) {
 .infoBlck .panel { height: auto !important; }
}

@media (min-width:1200px) and (max-width:1300px) {
 .funnelDiv ul { font-size: 0px !important; }
 .funnelDiv ul li { margin-right: 5px !important; padding: 5px 8px !important; }
}
.panel-heading .panel-heading .panel-title, .panel-heading .panel-title.pl-0{padding-left: 0px; }