@font-face {
    font-family:'fontello';
    src: url('../font/fontello.eot?96369989');
    src: url('../font/fontello.eot?96369989#iefix') format('embedded-opentype'), url('../font/fontello.woff?96369989') format('woff'), url('../font/fontello.ttf?96369989') format('truetype'), url('../font/fontello.svg?96369989#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family:'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
    height: auto;

}
input, select, label {
    font-family:'Open Sans', sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.page {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
        .edgeLoad-EDGE-108260091 { visibility:hidden; }
.start_your_free {
   color: #a1a2ab;
   font-size: 15px;
   text-align: center !important;
   margin-bottom: 10px;
   margin-top: 20px;
}

.start_your_free a {
   font-size: 15px !important;
   color: #FFF !important;
   text-decoration: underline !important;
   text-align: center !important;
   float: none !important;
}


.column_nav {
    position: absolute;
    width: 62px;
    height: 100%;
  
    display: inline-block;
    background-color: #202228;
    overflow: hidden;
    -webkit-box-shadow: -6px 1px 63px 27px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: -6px 1px 63px 27px rgba(0, 0, 0, 0.26);
    box-shadow: -6px 1px 63px 27px rgba(0, 0, 0, 0.26);
    z-index: 10;

}





.column_nav ul {
    list-style: none;
    text-decoration: none;
}
.column_nav ul li {
    margin: 0;
    padding: 0;
}
.column_nav ul li a {
        border-left: 4px solid #26282f;
            border-bottom: 1px solid #202228;
    display: block;
    width: 100%;
    text-align: center;

    text-decoration: none;
    background-color: #26282f;
    cursor: pointer;
    padding-top: 35px;
    padding-bottom: 35px;
    opacity: 0.20;
    transition: all 0.4s ease;
    
}
.column_nav ul li a:hover {
    background-color: #23252b !important;

    color: #aab0c1 !important;
    opacity: 1;
}
.column_nav ul li .active {
    border-bottom: 1px solid #202228;
    border-left: 4px solid #41b657;
    background-color: #202228 !important;
    color: #FFF !important;
    text-decoration: none;
    opacity: 1;

    padding-top: 55px;
    padding-bottom: 55px;

}
.column_nav ul li .active img {
/*     margin-left: -2px;*/
}
.column_nav ul li .active:hover {
    background-color: #1e2025 !important;
    color: #FFF !important;
}
.edge_slider_logo {
    background-image: url('../img/edge-slider-logo-green.png');
    background-repeat: no-repeat;
    width: 62px;
    height: 201px;
    bottom: 0;
    position: absolute;
          transition: all 0.4s ease;
          opacity: 1;
}
.column_tags {
    position: absolute;
    display: inline-block;

  height: 100%;
    background-color: #26282f;
    width: 265px;

    left: 62px;
    overflow: hidden;

    z-index: 9;

}

@media only screen and (max-height: 515px) {
        .edge_slider_logo {
       /*    display: none;*/
               opacity: 0;
 /*          transition: all 3.4s ease;*/
        }

}

.column_tags_header {
    width: 100%;
    height: 127px;
    display: table-cell;
    vertical-align: middle;
}
.column_tags_header h2 {
    font-size: 27px;
    color: #FFF;
    font-weight:300;
    margin-left: 37px;
}
.tags_add_icon {
    background-image: url('../img/plus-icon.png');
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 22px;
    width: 19px;
    height: 19px;
    margin: 31px;
    cursor: pointer;
}
.column_tags_filters {
    font-size: 15px;
    font-weight: 600;
    color: #3a3c41;
    height: 21px;
    margin-left: 37px;
    position: absolute;
    top: 106px;
}
#tags ul {
    margin-top: 1px;
    list-style: none;
    text-decoration: none;
}
#tags ul li {
    margin: 0;
    padding: 0;
}
#tags ul li a {
    display: block;
    padding-top: 23px;
    padding-bottom: 23px;
    width: 100%;
    text-align: left;
    padding-left: 37px;
    border-bottom: 1px solid #26282f;
    text-decoration: none;
    color: #989dac;
    background-color: #26282f;
            transition: all 0.4s ease;
}
#tags ul li a:hover {
    background-color: #23252b !important;
    color: #aab0c1 !important;
}
#tags ul li a.active {
    background-color: #1e2025 !important;
    color: #FFF !important;
    text-decoration: none;
}
#tags ul li a.active:hover {
    background-color: #1e2025 !important;
    color: #FFF !important;

}
.column_sliders {
 /* background-color: #7880ff;*/
    margin-left: 327px;
    width: auto;
    min-width: 1322px;
    height: 100%;
    display: block;
    z-index: -44;
}
.column_templates {
 /* background-color: #7880ff;*/
    margin-left: 62px;
  

    height: auto;
    display: block;
}



.column_profile {
 /* background-color: #7880ff;*/
    margin-left: 62px;
    width: auto;
    min-width: 1322px;
/*    height: 100%;*/
  /*  height: auto;*/
/*  height: 500px;*/
    display: block;
 /* */
    overflow: auto;

}



.column_sliders_header {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #edeff1;
    -webkit-box-shadow: 0px -1px 4px 1px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.11);
}
.column_sliders_header_inner {
    margin-top: 40px;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.slider_header_icon {
    margin-left: 52px;
    width: 27px;
    height: 46px;
    background-image: url('../img/all-slide-head-icon.png');
    background-repeat: no-repeat;
    background-position: 0px 14px;
    background-color: #FFF;
    display: inline-block;
    float: left;
}
.slider_header_icon_templates {
    margin-left: 52px;
    width: 27px;
    height: 46px;
    background-image: url('../img/all-slide-head-icon.png');
    background-repeat: no-repeat;
    background-position: 0px 14px;
    background-color: #FFF;
    display: inline-block;
    float: left;
}
.column_sliders_header h2 {
    font-size: 25px;
    color:#c7c7c7;
    font-weight: 300;
    margin-left: 52px;
    margin-top: 11px;
    height: 24px;
    display: inline-block;
}
.column_sliders_header h2 span {
    color:#9699a0 !important;
    font-weight: 400;
}
.add_slide_btn {
    background-color: #41b657;
    border-radius: 5px;
    float: right;
    display: inline-block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #FFF;
    outline: none;
    cursor: pointer;
    background-image: url('../img/add-slide-icon.png');
    background-repeat: no-repeat;
    background-position: 17px 12px;
    text-align: right;
    padding-right: 19px;
    padding-left: 49px;
    padding-top: 14px;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 50px;
}
#slider_list {

    width: 100%;
    height: 100%;
    overflow-y: scroll;

}

#slider_list .ul {
    min-width: 670px;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    height: auto;

}
#slider_list .ul li {
    text-align: left;
    list-style: none ;
    width: 100%;
    height: 114px;
    display: block;
    border-bottom: 1px solid #f4f5f6;
    transition: all 0.4s ease;
}
#slider_list ul li:nth-child(2n+2) {
    background-color: #fbfbfb;
        transition: all .4s ease;

}
#slider_list ul li:hover {
    background-color: #202228;
    color:#FFF;
}
.row {
    position: relative;
    width: 100%;
    display: inline-block;
}


.slider_list_name {
    display: block;
    float: left;
    width: 528px;
    margin-top: 35px;
    margin-left: 52px
}
#slider_list ul li h4 {
    font-size: 22px;
    color: #8f929a;
    font-weight: normal;
    margin-bottom: 5px;
}
#slider_list ul li h6 {
    font-size: 13px;
    color: #c0c2c3;
    font-weight: 400;
}
.slider_status_box {
    display: block;
    width: 316px;
    margin-top: 47px;
    margin-left: 52px;
    height: 20px;
    float: left;
}
.slider_status_icon_yellow {
    width: 20px;
    height: 20px;
    margin-right: 18px;
    float: left;
    display: block;
    background-image: url('../img/slider-status-yellow.png');
    background-repeat: no-repeat;
}

.slider_status_icon_green {
    width: 20px;
    height: 20px;
    margin-right: 18px;
    float: left;
    display: block;
    background-image: url('../img/slider-status-green.png');
    background-repeat: no-repeat;
}
.slider_status_icon_grey {
    width: 20px;
    height: 20px;
    margin-right: 18px;
    float: left;
    display: block;
    background-image: url('../img/slider-status-grey.png');
    background-repeat: no-repeat;
}


.slider_status_txt {
    margin-top: 2px;
    font-size: 16px;
    color: #c0c2c3;
}
.slider_date_range {
    display: block;
    width: 180px;
    font-size: 16px;
    color: #c0c2c3;
    height: 20px;
    margin-top: 49px;
    margin-left: 52px;
    float: left;
}
.edit_btn {
    width: 30px;
    height: 30px;
    margin-right: 112px;
    margin-bottom: 44px;
    margin-top: 44px;
    display: block;
    float: right;
    background-image: url('../img/edit-icon.png');
    background-repeat: no-repeat;
     transition: all 0.3s ease;
    opacity: .6;


}
.edit_btn:hover {
    cursor:pointer;
    opacity: 1;
}



.generate_btn {
    width: 30px;
    height: 30px;
    margin-right: 65px;
    margin-bottom: 44px;
    margin-top: 44px;
    display: block;
    float: right;
    background-image: url('../img/generate-icon.png');
    background-repeat: no-repeat;
     transition: all 0.3s ease;
    opacity: .6;
}
.generate_btn:hover {
    cursor:pointer;
    opacity: 1;
}






.del_btn {
    width: 30px;
    height: 30px;
    margin-right: 65px;
    margin-bottom: 44px;
    margin-top: 44px;
    display: block;
    float: right;
    background-image: url('../img/del-icon.png');
    background-repeat: no-repeat;
     transition: all 0.3s ease;
    opacity: .6;
}
.del_btn:hover {
    cursor:pointer;
    opacity: 1;
}









.add_form {
    width: 100%;
    background-color: #202228;
    display: inline-block;
        overflow: hidden;
}
.edit_form {
    width: 100%;
    background-color: #202228;
    display: inline-block;
    overflow: hidden;
}

.edit_slide {
      height: 485px !important;
      overflow: hidden;

}

.add_slide {
      height: 556px !important;
      overflow: hidden;

}


.add_form_head {
    height: 20px;
    margin-top: 52px;
    margin-bottom: 52px;
    display: inline-block;
    margin-left: 52px;
}
.add_form_plus_icon {
    background-image: url('../img/add-slide-form-plus-icon.png');
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}
.add_form_head_txt {
    color: #FFF;
    font-weight: 300;
    font-size: 23px;
    margin-left: 20px;
    display: inline-block;
}
.form_row {
    margin-left: 52px;
    margin-right: 52px;
    /*        background-color: #FF0000;*/
    display: block;
}
.mb_37 {
    margin-bottom: 37px;
}
.mb_52 {
    margin-bottom: 52px;
}
.mt_52 {
    margin-top: 52px;
}

.h_52 {
    height: 52px;
}
.slider_name {
    height: 52px;
    border: 0;
    outline: none;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border-spacing: 0px;
    space: 0px;
    border-radius: 5px;
    width: 684px;
    font-size: 16px;
    font-weight: 100;
    color: #7e7f81;
    background-color: #2b2e35;
    transition: all 0.4s ease;
}
.slider_name:focus {
    color: #a7a7a7;
    background-color: #FFF;
}
.slider_link {
    height: 52px;
    border: 0;
    outline: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border-spacing: 0px;
    space: 0px;
    border-radius: 5px;
    width: 515px;
    font-size: 16px;
    color: #7e7f81;
    background-color: #2b2e35;
    transition: all 0.4s ease;
}
.slider_link:focus {
    color: #a7a7a7;
    background-color: #FFF;
}

.slider_window---- {
    height: 52px;
    border: 0;
    outline: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border-spacing: 0px;
    space: 0px;
    border-radius: 5px;
    width: 102px;
    color: #a7a7a7;
    font-size: 16px;
}


.addslide_form_btn {

    border-radius: 5px;
    float: right;
    display: inline-block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;

    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 16px;
    padding-bottom: 17px;
    margin:0;
    margin-right: 52px;

    transition: all 0.3s ease;
    background-image: url('../img/addslide-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 13px;
    color: #FFF;
        background-color: #41b657;

}
.addslide_form_btn:hover {
        background-color: #36a14a;
        padding-left: 49px;
        background-position: 17px 13px;
}

.addslide_btn {
    background-color: #41b657;
    border-radius: 5px;
    float: right;
    display: block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #FFF;
    outline: none;
    cursor: pointer;

    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 17px;
    padding-bottom: 17px;

    margin:0;
    margin-left: 20px;
   
    transition: all 0.3s ease;
    background-image: url('../img/addslide-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}
.addslide_btn:hover {
        background-color: #36a14a;
        padding-left: 49px;
        background-position: 17px 14px;
}


.update_btn {
       background-color: #41b657;
    border-radius: 5px;
    float: right;
    display: block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #FFF;
    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin:0;
    margin-left: 20px;
    transition: all 0.3s ease;
    background-image: url('../img/update-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}
.update_btn:hover {
      background-color: #36a14a;
        padding-left: 49px;
        background-position: 17px 14px;

}

.disable_hover {
  pointer-events: none;
  color: #292b32 !important;
}

.disable_selected_hover {
  pointer-events: none;
  color: rgba(90,255,120,0.1) !important;
  background-color:rgba(65,182,87,0.2) !important;
}

.disable_hover_slider_list {
  pointer-events: none;
  color: #292b32 !important;
  opacity: .5 !important;
  transition: all .5s ease;
}


.cancel_btn {
    background-color: #202228;
    border-radius: 5px;
    float: right;
    display: block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
   color: #545558;
    outline: none;
    cursor: pointer;

    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 18px;
    padding-bottom: 17px;

    margin:0;
    margin-left: 20px;
   
    transition: all 0.2s ease;
    background-image: url('../img/cancel-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}
.cancel_btn:hover {
        padding-left: 49px;
          color: #FFF;
        background-position: 17px 14px;
}

.delete_btn {
    background-color: #202228;
    border-radius: 5px;
    float: right;
    display: block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #545558;
    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 18px;
    padding-bottom: 17px;
    margin:0;
    margin-left: 20px;
    transition: all 0.3s ease;
    background-image: url('../img/delete-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}
.delete_btn:hover {
        padding-left: 49px;
        color: #FFF;
        background-position: 17px 14px;
}

.confirm_box {
    margin-top: 13px;
    width: auto;
    height: 25px;
    float: left;
}
.confirm_box_label {
    width: 100px;
    float: left;
    line-height: 25px;
    color: #545558;
    font-size: 15px;
    font-weight: 400;
}
.confirm_slide {
    margin: 0;
    padding: 0;
    float: left;
    position: absolute;
}
.switchery {
    background-color:#fff;
    border:1px solid #dfdfdf;
    border-radius:20px;
    cursor:pointer;
    display:inline-block;
    height:23px;
    position:relative;
    vertical-align:middle;
    width:75px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.switchery>small {
    background:#fff;
    border-radius:100%;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    height:30px;
    position:absolute;
    top:0;
    width:23px;
    height:23px;
}
.date_box {
    height: 52px;
    width:330px;
    float: right;
}
.date_icon {
    background-repeat: no-repeat;
    background-image: url('../img/calendar-icon.png');
    width: 26px;
    height: 26px;
    margin-top: 22px;
    margin-right: 14px;
    margin-left: 14px;
    float: right;

    transition: all 0.3s ease;

}
.date_icon:hover {
    background-image: url('../img/calendar-icon-over.png');

}

.start_date_box {
    float:left;
    height:52px;
}
.start_date_box label {
    display:block;
    margin-top:10px;
    margin-bottom: 5px;
    font-size: 12px;
    color:#3a3c40;
    font-weight: 300;
}
.end_date_box label {
    display:block;
    margin-top:10px;
    margin-bottom: 5px;
    font-size: 12px;
    color:#3a3c40;
    font-weight: 300;
}
.end_date_box {
    float:left;
    display:block;
    height:52px;
    margin-right: 6px;
}
.start_date {
    width: 115px;
    border-spacing: 0;
    border:0;
    outline: none;
    font-size: 18px;
    color: #dcdcdc;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2f333a;
    background-color: #202228;
    color: #dcdcdc;
    line-height: 25px;
    font-weight: 100;
}
.start_date:focus {
    background-color: #3d3d3d;
}
.end_date:focus {
    background-color: #3d3d3d;
}
.end_date {
    width: 115px;
    border-spacing: 0;
    border:0;
    outline: none;
    font-size: 18px;
    color: #dcdcdc;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2f333a;
    background-color: #202228;
    color: #dcdcdc;
    line-height: 25px;
    font-weight: 100;
}
.slash_icon {
    margin-top: 9px;
    background-image: url('../img/slash-icon.png');
    background-repeat: no-repeat;
    width:12px;
    height:43px;
    float:left;
    margin-left:15px;
    margin-right:13px;
}
.pull {
        transition: all 0.3s ease;
    width: 56px;
    height: 40px;
    background-color: #2b2e35;
    position: absolute;
    z-index: 30;
    right: 0;
    top: -40px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-image: url('../img/calendar-icon-over.png');
    background-repeat: no-repeat;
    background-position: 14px 10px;
}



#tags_content {
  display: block;
  padding: 0;
  margin: 0;

  height: 100%;
  
}

.tags_content_block {
  display: block;
  padding: 0;

    height: 100%;
}

.tags_content_block.hidden {
  display: none;
}






.animatedNormal {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}

.animatedSlow {
  -webkit-animation-duration: 250ms;
  animation-duration:259ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}

@-webkit-keyframes addform_effect {
      from { 

            -webkit-transform: translateY(-543px);
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
      }
      to {
          -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);


      }
}

@keyframes addform_effect {
      from { 

            -webkit-transform: translateY(-543px);
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
      }
      to {
          -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);

      }
}

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




@-webkit-keyframes addform_effect_bottom {
      from { 
            -webkit-transform: translateY(-543px) ;
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
      }
      to {
          -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 0.5;


      }
}

@keyframes addform_effect_bottom {
      from { 
            -webkit-transform: translateY(-543px);
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
      }
      to {
          -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
                    opacity: 0.5;

      }
}

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











@-webkit-keyframes addform_effect_remove {
      from { 
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
      }
      to {
            -webkit-transform: translateY(-543px);
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
      }
}

@keyframes addform_effect_remove {
      from { 
             -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
      }
      to {
            -webkit-transform: translateY(-543px);
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
      }
}

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




@-webkit-keyframes addform_effect_bottom_remove {
      from { 
          -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 0.5;
      }
      to {
           -webkit-transform: translateY(-543px) ;
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
             opacity: 1;
      }
}

@keyframes addform_effect_bottom_remove {
      from { 
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 0.5; 
      }
      to {
            -webkit-transform: translateY(-543px);
            -ms-transform: translateY(-543px);
            transform: translateY(-543px);
            opacity: 1;
      }
}

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

















@-webkit-keyframes column_slider_large {
       from { margin-left: 327px; }
       to { margin-left: 0; }
}

@keyframes column_slider_large {
      from { margin-left: 327px; }
      to { margin-left: 0; }
}

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



@-webkit-keyframes column_tags_large {
      from { left: 62px; }
      to { left: -265px; }
}

@keyframes column_tags_large {
       from { left: 62px; }
   to { left: -265px; }
}

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




@-webkit-keyframes column_nav_large {
      from { left: 0px; }
      to { left: -62px; }
}

@keyframes column_nav_large {
      from { left: 0px; }
      to { left: -62px; }
}

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










@-webkit-keyframes column_slider_normal {
    
       from { margin-left: 0; }
          to { margin-left: 327px; }
}

@keyframes column_slider_normal {

      from { margin-left: 0; }
            to { margin-left: 327px; }
}

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



@-webkit-keyframes column_tags_normal {
            from { left: -265px; }
            to { left: 62px; }
}

@keyframes column_tags_normal {
        from { left: -265px; }
        to { left: 62px; }
}

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




@-webkit-keyframes column_nav_normal {

      from { left: -62px; }
      to { left: 0px; }
}

@keyframes column_nav_normal {

      from { left: -62px; }
      to { left: 0px; }
}

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










.slider_window_menu {
    display: inline-block;
    margin:0;
    padding:0;
    height:52px;
    outline: none;
    position: relative;

}
 
.slider_window_menu label {
    border-radius: 5px;
    background-color: #2b2e35;
    color: #888;
    display: block;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-spacing: 0px;
    space: 0px;
    margin:0;
    margin-top: 11px;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;  
    user-select: none;
}
 
.slider_window_menu label.selection-made {
    width: 140px;
    color: #7e7f81;
    font-size: 16px;
    font-weight: 100; 
    margin:0;
    padding-top:16px;
    padding-bottom:20px;
}
 
.slider_window_menu label:after {
  border-top: 5px solid #888;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: '';
  position: absolute;
  right: 20px;
  top: 22px;
}
 
.slider_window_menu label.opened {
  background-color:#FFF;
  color: #a7a7a7;
}
 
.slider_window_menu:focus label {
  border-color: #000;
}
 
.slider_window_menu ul {
  border: 0;
  border-radius: 5px;
  list-style: none;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 54px;
  z-index: 2;
 -webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 1);
 -moz-box-shadow:    0px 0px 18px 0px rgba(50, 50, 50, 1);
 box-shadow:         0px 0px 18px 0px rgba(50, 50, 50, 1);
}
 
.slider_window_menu  li {
  background-color:#FFF;
  color: #a7a7a7;
  cursor: pointer;
  padding: 20px 20px;
}
 
.slider_window_menu li:hover{
    color: #FFF !important;
    background-color: #d9d9d9 !important;
}

.slider_window_menu .selected {
   
}
 
.slider_window_menu .results {
  overflow: scroll;
  max-height: 150px;
}
 
.slider_window_menu label {
  width: 100px;
}
.slider_window_menu ul {
  width: 142px;
}







.slider_drop_area {
    width: 100%;
    height: 113px;
}

#dropbox {
    border: 2px dashed rgba(255, 255, 255, 0.1);
        transition: all 0.5s ease;
    border-spacing: 0;
    border-radius: 10px;
    position: relative;
    display: table;
    margin:0 auto;
    height: 100%;
    overflow: hidden;
    width: 100%;
}



.message {
    font-size: 17px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #9d9d9d;
}

.dragicon {
     display: inline-block; 
     margin-bottom: 10px;

}
.dragicontxt1 {
    font-size: 15px;
    color: #58595b;
     margin-bottom: 3px;
     font-weight: 700;
}

.dragicontxt2 {
    font-size: 10px;
    color: #58595b;
    font-weight: 500;
}



.packageuploadcompleteicon {
     display: inline-block; 
     margin-bottom: 10px;
}
.packageuploadcompletetxt1 {
    font-size: 15px;
    color: #c8c8c9;
     margin-bottom: 3px;
     font-weight: 700;
}

.packageuploadcompletetxt2 {
    font-size: 10px;
    color: #58595b;
    font-weight: 500;
}

.package_icon {
    background-image: url('../img/file-type-oam.png');
    width: 38px;
    height: 42px;
    margin-right: 20px;
       transition: all 0.5s ease;
/*  display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: left;*/
}

.package_txt {
    color:#FFF;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: auto;
    height: 15px;
    font-size: 16px;
    color: #58595b;
       transition: all 0.5s ease;
  /* background-color: #00FF00;*/
}

#upload_button {
}

.progressHolder {
    margin-left: 7px;
    margin-top: 4px;

    width: 175px;
    height: 12px;

    display: inline-block;
    transition: all 0.5s ease;
/*    background-color: #FF0000;*/
    border: 1px solid #313338;
        border-radius: 5px;
}

.progress {
            border-radius: 5px;
    background-color: #61d30d;
    height: 100%;
    width: 0%;
    display: block;
       transition: all 0.3s ease;

}

.package_uploading_txt {
     font-size: 15px;
     color: #58595b;
     margin-top: 14px;
     margin-bottom: 9px;
     font-weight: 700;
}


.asama1 {
        width: 100%;
        height: auto;
        z-index: 1;
        position: absolute;  
        display: block;
}
.asama2 {
        width: 100%;
        height: auto; 
        z-index: 2;
        position: absolute;  
        display: block;
}
.asama3 {
       width: 100%;
        height: auto;
        z-index: 3;
        position: absolute; 
        display: block;
}


.package_box {
    width: 400px;
/*  background-color: #FF0000;*/
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
    height: 42px;
    transition: all 0.5s ease;
    text-align: center;
}










/* Burası mini tag box */
.overlay {
    background-color: #000;
    opacity: .8;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.modal_box {
    left:0;
    right: 0;
    margin: 0 auto;
    width: 470px;
    height: 335px;
    border-radius: 8px;
    position: absolute;
    z-index: 110;
    background-color: #FFF;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.modal_box h2 {
    margin-top: 50px;
    margin-left: 50px;
   font-size: 29px;
   font-weight: 600;
   color:#26282f;
}
.modal_box p {
   font-size: 13px;
   font-weight: 400;
   color:#b8b8b8;
   display: block;
   margin-top: 10px;
   margin-left: 50px;
}









.add_tag_name {
    width: 370px;
    height: 65px;
    outline: none;
     display: block;
    padding-top: 0;
    padding-bottom: 0;
    border-spacing: 0;
    border: 0;
    space: 0px;
    font-size: 33px;
    font-weight: 300;
    color: #ebebeb;
    transition: all 0.4s ease;
    margin-top: 30px;
    margin-bottom: 42px;
    margin-right: 50px;
    margin-left: 50px;
    border-bottom: 1px solid #cccccc;
    //background-color: #ff0000;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.add_tag_name:focus {
    border-bottom: 1px solid #000;
    color:#26282f;
}






.code_box_generate {
    margin-top: 26px;
    font-size: 13px;
    color: #8c989e;
    line-height: 23px;
    width: 792px;
    height: 250px;
    display: inline-block;
    background-color: #f9f9f9;
    border-radius: 5px;
    transition: all 0.4s ease;
    margin-top: 30px;
    margin-bottom: 42px;
    margin-right: 50px;
    margin-left: 50px;
    border-bottom: 1px solid #cccccc;



}

.code_box_generate:focus {
    border-bottom: 1px solid #000;
    color:#26282f;
}













.save_tag_btn { 
    background-color: #41b657;
    border-radius: 5px;
    float: right;
    display: block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #FFF;
    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 33px;
    padding-left: 33px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin:0;
    margin-right: 50px;
    margin-left: 20px;
    transition: all 0.3s ease;
    background-image: url('../img/save-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}

.save_tag_btn:hover {
    background-color: #36a14a;
    padding-left: 49px;
        padding-right: 19px;
    background-position: 17px 14px;
}

.cancel_tag_btn {
    background-color: #FFF;
    border-radius: 5px;
    float: right;
    display: block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #c5c7ce;
    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 18px;
    padding-bottom: 17px;
    margin:0;
    margin-left: 20px;

    transition: all 0.6s ease;
    background-image: url('../img/cancel-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}
.cancel_tag_btn:hover {

    color: #000;

}









.cancel_generate_code_btn {
    background-color: #FFF;
    border-radius: 5px;
    float: right;
    display: block;
    position: absolute;
    bottom: 35px;
    right: 40px;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #c5c7ce;
    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 18px;
    padding-bottom: 17px;

    transition: all 0.6s ease;
    background-image: url('../img/cancel-icon.png') ;
    background-repeat: no-repeat;
    background-position: -27px 14px;
}
.cancel_generate_code_btn:hover {

    color: #000;

}















/* Burasi login */  
.login_background {
    background-color: #26282f;
    width: 100%;
    height: 100%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.login_box {
    width: 350px;
    height: 330px;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}

.login_box a {
    color: #595a5e;
    text-decoration: none;
    font-size: 15px;
    text-align: left;
    float: left;
    margin-top: 13px;
        transition: all 0.2s ease;
}

.login_box a:hover {
    color: #FFF;
}

.edgeslider_logo_white {
    background-image: url('../../images/edgeslider-logo-white.png');
    background-repeat: no-repeat;
    width: 283px;
    height: 69px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.username {
    height: 39px;
    border: 0;
    outline: none;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    border-spacing: 0px;
    space: 0px;
    border-radius: 3px;
    width: 100%;
    font-size: 15px;
    font-weight: 100;
    color: #7e7f81;
    background-color: #e2e9ef;
    transition: all 0.4s ease;
      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.form_error {
    background-color: #fcadb1 !important;
    border: 1px solid #FF0000;
    color:#d00000;
}

.username:focus  {
    color: #a7a7a7;
    background-color: #FFF;
}

.login_label  {
    color: #57585c;
    font-size: 15px;
    text-align: left;
    margin-top: 18px;
     margin-bottom: 7px;
    display: block;
    font-weight: 600;
}

.password {
    height: 39px;
    border: 0;
    outline: none;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    border-spacing: 0px;
    space: 0px;
    border-radius: 3px;
    width: 100%;
    font-size: 15px;
    font-weight: 100;
    color: #7e7f81;
    background-color: #e2e9ef;
    transition: all 0.4s ease;
    margin-bottom: 22px;
      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.password:focus {
    color: #a7a7a7;
    background-color: #FFF;
}

.login_btn {
    border-radius: 3px;
    float: right;
    display: inline-block;
    border: 0 none;
    font-weight: normal;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    text-align: right;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 14px;
    padding-bottom: 15px;
    margin:0;
    transition: all 0.2s ease;
    color: #FFF;
    background-color: #41b657;
}
.login_btn:hover {
        background-color: #36a14a;
    padding-right: 25px;
    padding-left: 25px;
        background-position: 17px 13px;
}

.tag_trash_icon {
  width: 30px;
  height: 30px;
  margin-top: 16px;
  display: block;
  position: absolute;
  z-index: 5;
  right: 20px;

       transition: all 0.1s ease;
       cursor: pointer;
       background-image: url('../img/trash-icon.png');
      background-repeat: no-repeat;

       background-position: 30px 0px;
       opacity: 0;
}  


.tag_trash_icon:hover {
   opacity: 1;

       background-position: 0px 0px;
}  
.tag_trash_icon_disable {
   pointer-events: none;
} 





/* Buradan sonra designer */ 

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family:'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
    height: auto;
}
input, select, label {
    font-family:'Open Sans', sans-serif;
}
input:focus {
    background-color: #FFF;
    color: #888;
}




html, html a {
    /*   -webkit-font-smoothing: antialiased;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);*/
}
.wrapper {
    max-width: 1170px;
    margin: 0 auto;
}
.header {
    background-color: #FFF;
    height: 121px;
    overflow: hidden;
}
.edge_slider_logo_horizantal {
    background-image: url('../img/edge-slider-logo.png');
    background-repeat: no-repeat;
    width: 246px;
    height: 59px;
    margin-top: 31px;
    float: left;
}
#menu {
    float: right;
    width: 500px;
    height: 121px;
}
#menu ul {
    list-style-type: none;
    list-style: none;
}
#menu ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #2a2a30;
    float: left;
    text-decoration: none;
    height: 100%;
    padding-top: 47px;
    padding-bottom: 15px;
    margin-left: 23px;
    margin-right: 23px;
    border-top: 5px solid #FFF;
    transition: all 0.4s ease;
}
#menu ul li a:hover {
    color: #529943 !important;
    border-top: 5px solid #fcc100;
}
.try_demo_btn {
    text-align: center;
    border-radius: 37px;
    background-color: #fcc100;
    padding: 21px 36px;
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 32px;
    margin-left: 20px;
    float: right;
    transition: all 0.4s ease;
}
.try_demo_btn:hover {
    background-color: #489035;
}
.slider {
    background-color: #589e45;
    height: 680px;
}
.promo {
    text-align: center;
}
.promo img {
    width: 999px;
    height: 422px;
    display: inline-block;
}
.promo_picture_box {
    margin-top: -28px;
    display: inline-block;
    width: 999px;
    height: 422px;
    background-image: url('../img/promo-picture.png');
    background-repeat: no-repeat;
}
.promo h2 {
    font-size: 36px;
    display: inline-block;
    color:#2a2a30;
    font-weight: 400;
    margin-top: 60px;
    margin-bottom: 15px;
    line-height: 49px;
    -webkit-font-smoothing: antialiased;
}
.promo p {
    font-size: 14px;
    color:#8c989e;
    font-weight: 400;
    width: 60%;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 90px;
}
.free_trial_bar {
    background-color: #f2f3f7;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.free_trial_bar h3 {
    color:#2a2a30;
    font-size: 22px;
    font-weight: 300;
    margin-top: 40px;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-right: 35px;
}
.free_trial_bar h3 span {
    font-weight: 500;
}
.free_trial_bar a {
    text-align: center;
    border-radius: 37px;
    background-color: #fcc100;
    padding: 18px 36px;
    margin-top: 60px;
    margin-bottom: 60px;
    text-decoration: none;
    color: #FFF;
    font-size: 19px;
    font-weight: 400;
    display: inline-block;
}
.footer {
    background-color: #002a5c;
    height: 237px;
}
#footer_menu {
    float: left;
    width: 405px;
    height: 49px;
    margin-top: 87px;
}
#footer_menu ul {
    list-style: none;
    list-style-type: none;
    margin-left: -5px;
}
#footer_menu ul li a {
    float: left;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 11px;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-font-smoothing: antialiased;
}
#footer_menu ul li a:hover {
    opacity: .9;
}
.copyright {
    color:#475b7c;
    float: left;
    ;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
#footer_social {
    float: right;
}
#footer_social ul {
    list-style: none;
    list-style-type: none;
    width: 164px;
    height: 34px;
    margin-top: 100px;
}
#footer_social ul li a {
    float: left;
    width: 35px;
    height: 34px;
    margin-left: 6px;
}
#footer_social ul li a:hover {
    opacity: .9;
}
.facebook {
    background-image: url('../img/social-icon.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 35px;
    height: 54px;
}
.twitter {
    background-image: url('../img/social-icon.png');
    background-repeat: no-repeat;
    background-position: -35px 0px;
    width: 35px;
    height: 34px;
}
.google_plus {
    background-image: url('../img/social-icon.png');
    background-repeat: no-repeat;
    background-position: -70px 0px;
    width: 35px;
    height: 34px;
}
.linkedin {
    background-image: url('../img/social-icon.png');
    background-repeat: no-repeat;
    background-position: -105px 0px;
    width: 35px;
    height: 34px;
}
.page_head {
    /* height: 269px;*/
    background-color: #002a5c;
    text-align: center;
    display: inline-block;
    width: 100%;
    background-image: url('../img/head-bkg.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.page_head h2 {
    font-size: 47px;
    font-weight: 600;
    color: #FFF;
    margin-top: 85px;
    margin-bottom: 11px;
    display: block;
    letter-spacing: -2px;
}
.page_head p {
    font-size: 20px;
    font-weight: 300;
    color: #b8bdc5;
    margin-bottom: 105px;
    display: block;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
}
.features_block {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 439px;
}
.features_block_column {
    width: 530px;
    display: inline-block;
    height: 439px;
}
.left {
    float: left;
}
.right {
    float: right;
}
.features_block h3 {
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    color: #384047;
    margin-top: 144px;
    margin-bottom: 20px;
    float: left;
    width: 85%;
}
.features_block p {
    font-size: 14px;
    font-weight: 300;
    color: #8c989e;
    margin-bottom: 144px;
    width: 85%;
    line-height: 20px;
    display: inline-block;
}
.features_block_inner {
    width: 100%;
    min-width: 1170px;
    height: 100%;
    display: inline-block;
}
.features_1_icon {
    margin-top: 104px;
    margin-left: 0px;
    display: inline-block;
}
.features_2_icon {
    margin-top: 102px;
    margin-left: -615px;
    display: inline-block;
}
.features_3_icon {
    margin-top: 88px;
    margin-left: 0px;
    display: inline-block;
}
.features_4_icon {
    margin-top: 0px;
    margin-left: 0px;
    display: inline-block;
}
.white_bkg {
    background-color: #FFF;
}
.grey_bkg {
    background-color: #f2f3f7;
}
.features_promo {
    height: 540px;
    background-image: url('../img/support-all-developed-browser.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
}
.features_promo h3 {
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    color: #384047;
    margin-top: 265px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.features_promo p {
    text-align: center;
    font-size: 14px;
    width: 450px;
    font-weight: 300;
    color: #8c989e;
    margin-bottom: 144px;
    line-height: 20px;
    display: inline-block;
}
/************ HOW IT WORKS **********/
 #sidebar {
    width: 300px;
    margin-top: 80px;
    margin-right: 100px;
    float: left;
    height: 100%;
    display: inline-block;
    transition: all 1.4s ease;
}
#sidebar ul {
    list-style: none;
    list-style-type: none;
    width: 300px;
}
#sidebar ul li {
    border-bottom: 1px solid #F2F3F7;
}
#sidebar ul li a {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 16px;
    font-weight: 400;
    color: #c0c2c3;
    text-decoration: none;
    display: inline-block;
}
#sidebar ul li a:hover {
    color: #384047;
    font-weight: 400;
}
#sidebar ul li a.sidebar_selected {
    color: #384047;
    font-weight: 600;
}
.how_it_works_content {
    width: 770px;
    margin-top: 80px;
    float: right;
    display: inline-block;
    background-color: #FFF;
}
.how_it_works_content h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    color: #384047;
    margin-bottom: 20px;
}
.how_it_works_content h2 span {
    font-size: 16px;
    font-weight: 400;
    vertical-align: super;
}
.how_it_works_content p {
    font-size: 14px;
    font-weight: 300;
    color: #8c989e;
    line-height: 20px;
}
.code_box {
    margin-top: 29px;
    font-size: 13px;
    color: #8c989e;
    line-height: 26px;
    width: 100%;
    display: inline-block;
    background-color: #f9f9f9;
    border-radius: 10px;
}
.mb_20 {
    margin-bottom: 20px;
}
.mb_30 {
    margin-bottom: 30px;
}
.mb_57 {
    margin-bottom: 57px;
}
.mb_67 {
    margin-bottom: 67px;
}
.code_line_numbers {
    text-align: right;
    padding-right: 21px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 13px;
    color: #8c989e;
    line-height: 26px;
    border-right: 1px solid #ececec;
    width: 70px;
    float: left;
}
.code_here {
    display: block;
}
.how_it_works_content pre {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 13px;
    color: #8c989e;
    line-height: 26px;
    float: left;
    display: block;
    background-color: #f9f9f9;
    width: auto;
    text-align: left;
    padding-left: 40px;
}
.list_header {
    display: inline-block;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 35px;
    width: 100%;
    font-size: 15px;
    color: #8c989e;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}
.list_row {
    border-top: 1px solid #f2f2f2;
    height: auto;
    display: inline-block;
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%;
    padding-left: 35px;
}
.list_properties {
    float: left;
    width: 150px;
    font-size: 14px;
    font-weight: 600;
    font-size: 14px;
    color: #8c989e;
    font-weight: 600;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
}
.list_value {
    float: right;
    width: 570px;
    font-size: 14px;
    font-size: 14px;
    color: #8c989e;
    font-weight: 500;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
}
.video_box {
    background-color: #8c989e;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.video_box h3 {
    font-size: 30px;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 30px;
    width: 100%;
    margin-top: 100px
}
.video_box p {
    color: #bfc5c8;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    width: 750px;
    margin: 0 auto;
    display: block;
}
.video_box_switch {
    border-radius: 5px;
    background-color: #6f7d86;
    width: 410px;
    display: block;
    margin-top: 61px;
    border: 2px solid #6f7d86;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}
.video_box_switch a {
    background-color: #7b8992;
    display: inline-block;
    text-align: center;
    padding-top: 23px;
    width: 200px;
    padding-bottom: 23px;
    text-decoration: none;
    color: #FFF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.video_box_switch a.selected {
    background-color: #6f7d86;
    display: inline-block;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 23px;
    text-decoration: none;
    color: #FFF;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.video_player {
    width: 100%;
    height: 387px;
    background-color: #4e585d;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 135px;
   
}
.sidebar_sticky {
    position: fixed;
    width: 100%;
    top: -50px;
    z-index: 100;
    transition: all 1.4s ease;
}





/* yeni */
.profile_wrapper {
     width: 683px;
     height: 770px;
     margin: 70px;
     padding: 0;
     display: inline-block; 
}
.profile_packege_wrapper {
     width: 683px;
     height: 139px;
     margin-bottom: 65px;
}


.profile_packege_title {
     width: 502px;
     height: 139px;
     float: left;
}

.profile_packege_quata {
     width: 180px;
     height: 139px;
     float: right;
}

.quata_loader {
    background-image: url('../img/quata-loader.gif');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    margin: auto;
    z-index: 50;
    margin-left: 52px;
    margin-top: 52px;
}

.profile_packege_wrapper h3 {
    font-size: 22px;
    font-weight: 100;
    color: #e5e5e6;
    display: block;
    margin-bottom: 33px;
}

.profile_packege_wrapper h1 {
    font-size: 45px;
    font-weight: 100;
    color: #979799;
    display: block;
        margin-bottom: 20px;

}
.profile_packege_wrapper h2 {
    font-size: 17px;
    font-weight: 300;
    color: #8f929a;
    display: block;
    margin-bottom: 0px;
}

.profile_user_information {
     width: 683px;
     height: 566px;
     border-top: 1px solid #eeeeee;
}

.profile_user_information_title {
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-block;
    color: #8f929a;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
}
.profile_user_information_title > span a {
/*    margin-top: -10px;*/
    margin-bottom: 0;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #49b0b6;
    color: #49b0b6;
    font-size: 14px;
    font-weight: 400;
    float: right;
    display: inline-block;
/*    padding: 13px 23px;*/
padding-bottom: 4px;
 /*   background-color: #49b0b6;
    border-radius: 6px;*/
}

.profile_user_information_row {
     width: 683px;
     height: 84px;
     margin-bottom: 50px;
}

.profile_user_information_column {
     width: 320px;
     height: 84px;
     float: left;
}

.mr_43 {
    margin-right: 43px;
}

.profile_user_information_row_input {
    display: inline-block;
    padding: 13px;
    border-radius: 5px;
    border: 2px solid #eeeeee;
    font-size: 16px;
    width: 100%;
    color: #a8a9aa;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    transition: all 0.3s ease;
}
.profile_user_information_row_input:focus {
    border: 2px solid #dedede;
    color: #898a8b;
}


.profile_user_information_column label {
    color: #8c8c8c;
    font-size: 16px;
    display: block;
    margin-bottom: 16px;
}

.radio {
    width: 400px;
    margin-right: 30px;

}
.radio2 {
     float: left;
    width: 80px;
    margin-top: 12px;
}

.fl_l {
    float: left !important;
    margin-left: 0 !important;
}

#transferbar {
   margin-top: -23px;
}


.circliful {
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
   
  
}

.circle-text {
     font-size: 39px !important;
        color: #939393 !important;
        line-height: 160px !important;
}

.circle-info-half {
     font-size: 12px !important;
        color: #707070 !important;
        line-height: 219px !important;
}

.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}




#msgholder {
    margin-left: 25px !important;
    margin-top: 12px !important;
    display: inline-block;

}

.msgOk {
    
}


#loading_panel_frame {
    position: relative;
     display: none;
}
.loading_panel {
    z-index: 41;
    position: absolute;
    text-align: center;
    width: 100%;
 
    background-color: rgba(0,0,0,0.4);
   
}

.loading_anim_add {
    margin: 330px auto 268px auto;
}
.loading_anim_edit {
    margin: 265px auto 268px auto;
}

.spinner {
  margin: 0px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}