@charset "utf-8";
/* CSS Document */

/*@font-face {
	 font-family: 'Raleway-Italic';
	src: url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Raleway-SemiBold.woff') format('woff'),
	url('../fonts/Raleway-SemiBold.ttf')  format('truetype'),
	url('../fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Regular';
	src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Raleway-Regular.woff') format('woff'),
	url('../fonts/Raleway-Regular.ttf')  format('truetype'),
	url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	 font-family: 'Raleway-Italic';
	src: url('../fonts/Raleway-Italic.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/Raleway-Italic.woff') format('woff'), 
	url('../fonts/Raleway-Italic.ttf')  format('truetype'), 
	url('../fonts/Raleway-Italic.svg#Raleway-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-BoldItalic';
	src: url('../fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Raleway-BoldItalic.woff') format('woff'),
	url('../fonts/Raleway-BoldItalic.ttf')  format('truetype'),
	url('../fonts/Raleway-BoldItalic.svg#Raleway-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


body{ margin:0px; padding:0px; background:#ffffff; font-family: 'open sans', sans-serif; font-size:15px; color:#2b2b2b}
h1, h2, h3, h4, h5, h6, .h1{font-family: 'open sans', sans-serif;font-weight:600;}
.h1{ font-size:40px; margin-top:10px;}
h3{ margin-top:10px;}
.h1, h2{transform : scale(1,1.5);
-webkit-transform:scale(1,1.2); /* Safari and Chrome */
-moz-transform:scale(1,1.2); /* Firefox */
-ms-transform:scale(1,1.2); /* IE 9+ */
-o-transform:scale(1,1.2); /* Opera */
}
 a{ color:#8a8b8b;}
 a:hover, a:active, a:focus{ color:#005b98; text-decoration:none; cursor:pointer}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.item img{object-fit: cover;}


.file {
  cursor: pointer;
  left: 0;
  top: 0;
  /*opacity: 0;
  position: absolute;*/
  position: relative;
  z-index: 9999999;
  width: 100%;
  height: 100%;
}

p {
    line-height: 1.8em;
    margin: 0 0 10px;
}
a, .btn{
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	border-radius:2px;
	}
.bg-primary,.btn-primary{
    background-color: #3B88B4;
    color: #fff;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
}
a.bg-primary:focus, a.bg-primary:hover, .btn-primary:focus, .btn-primary:hover{
    background-color:#DBB6C2;
}
label {
    font-weight:normal;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
    z-index: 2;
	 padding: 9px 12px;
	 border-radius:0px 4px 4px 0px;	
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-addon {

    background-color: #fff;
    opacity: 1;
}
/*.italic{  font-family: 'Raleway-Italic';}*/
.italic{font-family: 'Montserrat', sans-serif;} 
.italic{font-family: 'open sans', sans-serif;}
.semi_bold{font-family: 'open sans', sans-serif; }
.italic_bold{font-family: 'Montserrat', sans-serif;}
.pt30{ padding-top:6%;}
.pb30{ padding-bottom:6%;}
.padding10{ padding:10px}
.padding20{ padding:20px}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:80px;}
.mt80{ margin-top:80px;}
.marginbottom { margin-bottom:13%}
.margintop { margin-top:13%}
.mr10{ margin-right:10px;}
.ml10{ margin-left:10px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.width600{ max-width:668px; margin:0px auto}
.nav-side-menu{font-weight: 600;}

.blue-bg10{ background:#034e78;}
.blue-bg20{ background:#036b98;}
.white-bg10{ background:#ffffff;}
.left-bg{ background:#036b98;}
/*.right-bg{ background:#46c0d4;}*/
.right-bg{ background:#3B88B4;}
.blue-bg30{ background:#07486a;}
.textp{font-size:1.5rem; line-height:30px;}
.titletext{ color:#573b55}
.small-text, .heading-color{ color:#573b55;}
 .regular-heading, .regular-black_head{  font-weight:500;  font-size: 24px; color:#8a8b8b;  margin: 15px 0;}
.regular-black_head { color: #464646; margin-bottom: 30px;}
.white-text{ color:#ffffff;}
/*.inner-bg{ background:#F4F4F4}*/
.inner-bg{ background:rgba(148, 148, 132, 0.19);}
.border-b10{ border-bottom:1px solid #3B88B4;}
.borderwhite-b10{ border-bottom:2px solid #ffffff;}
.border-lightgrey{ border-bottom:1px solid #c8c9c9;}
.borderdash-lightgrey{ border-bottom:1px dashed #c8c9c9;}
.blackText{ color:#000}
.header, .inner_header{
/*	background:#034e78;*/
	height:75px;
        /*background:#573b55;*/
        /*background:#573b55;*/
        background: #CBD2EA;
	position:relative;
	z-index:999
        
}

.inner_header{height:auto; position:inherit !important; box-shadow: 10px 10px 5px #888888;}
.header:before,.inner_heaader:before {
    bottom: -12px;
    color: #034e78;
    /*content: ""; */
    font-family: FontAwesome;
	font-size: 18px;
    left: 49.6%;
    position: absolute;
    transform: rotate(45deg);
    z-index: 22;
}
.navbar-default {
    background-color:transparent;
	border:inherit;
}
.logo {
    display: inline-block;
    position: absolute;
    width: 267px;
	top: 0px;
	z-index: 99;
	 padding: 10px 0;
	 height: auto;
}
.inner_logo{display: inline-block; padding: 10px 0;height: auto; width:65%;} 
.inner_logo img{ max-width:100%; height:100%}
/*.logo-inner {
	position:absolute
}*/

.menu {
    float: right;
}

.menu ul, .avtar ul{ margin-bottom:0px;}
.avtar ul{background:#3B88B4; border-radius:0px;}
.avtar ul{ margin-bottom:0px; padding-left:0px !important;   padding: 0;}
.menu li, .avtar li{ display:block;}
.menu li a {
    color: #ebebeb;
    display: inline-block;
    list-style: outside none none;
    padding: 10px 10px;
	 border-bottom: 2px solid transparent;
	 text-decoration:none;
	box-shadow: inset 0 0 0 0 #3B88B4;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.avtar a { padding:6px; display:block !important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    color: #fff;}
.menu a:hover,.menu a:focus,.menu a:active {
	color: #fff;
    border-bottom: 2px solid #fff;
	box-shadow: inset 0 100px 0 0 #94D7C6;
	 transition: all 0.6s ease-out;
}
.blue-bgIm{ background-image:url(../images/bg-blue.png); height:auto;}
.sticky{ margin-top:5%}
.banner, .banner2, .inner-banner{ height:500px; position:relative; color:#fff;}
.banner2{ height:500px;}
.inner-banner{ height:400px;}
.banner-content, .inner-banner-content{ width:100%; position:absolute; top:0px; text-align:center; padding:40px;}
.inner-banner-content{text-align:left; height:100%; padding:40px 20px;}
.leftpanel, 
.rightpanel, .leftSecondPanel, .left-inner{ 
	height:100%; 
	width:50%; 
	float:left;
	position: relative; text-align: center; 
	margin-bottom: 6px; 
}
.leftpanel, .left-inner {
    /*background-color: #91d7e2;*/
    background-color: #DBB6C2;
    border-color: #DBB6C2 transparent;
    border-style: solid;
    border-width: 50px 0px 0;
}
.leftSecondPanel {
    border-width: 0;
    position: absolute;
    top: 0;
	 height: 525px;
}
.rightpanel{
	background-color:#DBB6C2;
}
.leftpanel:before, 
.rightpanel:before,
.left-inner:before{ 
content: ''; 
position: absolute; 
height: 32%; 
width: 100%; 
}

.leftpanel:before, .left-inner:before{
	bottom: -28px;
	left: 0; 
	background: #DBB6C2; 
        -webkit-transform: skew(0deg, 4deg); 
	-moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 4deg); 
	-o-transform: skew(0deg, 6deg); transform: skew(0deg, 4deg);
}

.rightpanel:before {
	top:-28px;
	right: 0; 
	background: #DBB6C2; -webkit-transform: skew(0deg, 4deg); 
	-moz-transform: skew(0deg, 4deg); -ms-transform: skew(0deg, 4deg); 
	-o-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg);
}
/*.leftSecondPanel{ background: rgba(3, 105, 152, 0.9) !important;  }*/


.rightside, .right-inner{ 
	height:100%; 
	width:50%;
	float:left
}
.right-inner img{width:100%; height:100%}
.leftside{ 
	height:100%; 
	width:50%;
	float:left; 
	background-color:#3B88B4;  
}
.rightSecondPanel {
   /*background: rgba(0, 97, 139, 0.79) !important;*/
    position: absolute;
    right: 0;
	top:0px;
}
.rightSecondPanel:after{
	 top:88%;	
    content: "";
     height: 32%;
    right: 0;
    opacity: 1;
    position: absolute;
    width: 100% ;
	background-color:#ffffff;
}
.banner-content-text{ max-width:662px; margin:13px auto}
.video-img {
    height: 188px;
    margin: 2% auto 1%;
    max-width: 298px;
	padding-left: 5.1%;
	/*cursor:pointer;*/
	transition: all .8s ease-in-out;	
}
.video-img + h2{ margin-top:10px;}
.video-img img{ max-width:100%; margin: 50px 65px 0px 0px; }
.bounce{ transform: scale(1.1); transition: all .8s ease-in-out;}
.video-img:hover{ transform: scale(1.2)}
.video-img:hover + h2 { color:#39F}
.title-heading, .left-title-heading{ position:relative; text-align: center;}
.left-title-heading{ text-align:left !important;}
.title-border,
.title-border2,
.title-border3{
	 border-bottom:1px solid #16415e; 
	 position:relative; 
	 width: 14%; 
	 margin:0px auto; 
	 text-align:center
	 }
.title-border3{ margin:0px;}
.title-border:after, 
.title-border2:after, 
.title-border3:after
{ width:35%; height:5px; position:absolute; content:''; left:31%; top:-2px; }
.title-border3:after
{ left:0;}

.title-border:after,.title-border3:after	{ background:#3B88B4;}
.title-border2:after{ background:#ffffff;}
.box{ position:relative;}
.circle{ width:30px; height:30px; border-radius:50px; background:#CBD2EA; padding: 4px; margin:37px auto;  transform-origin: 50% 50% 0;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;}
.square { 
	width: 75px; 
	height: 75px;
	border-radius:6px;
	border:3px solid black;	
	transform: rotate(45deg);
	-webkit-transform: rotate(0deg, 45deg); 
	-moz-transform: rotate(0deg, 45deg); 
	-ms-transform: rotate(0deg, 45deg); 
	-o-transform: rotate(0deg, 45deg);
	 transform: rotate(0deg, 45deg);
	 padding:4px;
	 background:rgba(255, 255, 255, 0.3);
	 vertical-align:middle;
	 margin: 33px auto;
	 transform-origin: 50% 50% 0;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.box:hover .square, .box:hover .circle {
	-webkit-transform:scale(1.3);
transform:scale(1.3);}
.box:hover .square{margin: 50px auto; }
.box:hover .circle {
	border:1px solid #ffffff;
	padding: 2px;
}
.box:hover h4{ 
	font-size:25px;  
	transform-origin: 50% 50% 0;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.inner-square { 
	width: 61px; 
	height: 61px;
	border-radius:6px;
	position:relative;
	background:#fff;
	vertical-align:middle;
	position:relative;	
}
.workicons {
    font-size: 30px;
    padding: 12px 0;
    text-align: center;
    transform: rotate(-45deg);
    vertical-align: middle;
	color:#EF3E2D;
}
.workicons i{ color:#3B88B4}
.square:hover .workicons{ transform: rotate(0deg);}

/*.circle2{ width:120px; height:120px; border-radius:50%;  padding: 4px; margin:30px auto 0px;}*/
/*.circle2{ height:180px!important; border-radius:50%;  padding: 4px; margin:30px auto 0px;}*/
.circle2{ height:165px!important; border-radius:50%;  padding: 4px; margin:30px auto 0px;width: 165px !important;}


/*slider*/
/*.flickerplate {
    background-color:transparent  !important;
    height:inherit  !important;
}
.flickerplate ul.flicks > li .flick-inner {
    color:inherit !important;
}
.flickerplate .arrow-navigation::before{ color:#036b98 !important}
.flickerplate .arrow-navigation::before{ font-size:5rem;}
.flicker-example p{ font-size:1.5rem; line-height:30px;}*/
/*slider*/

.form_layout1 .form-control{ border: 1px solid #00618b ; 
	height: 46px;}
.form_layout1 .form-control::-moz-placeholder {
    color: #4e4e4e;
}
.form_layout1 .btn-primary {
    background-color: transparent;
    border-color: #573b55 ;
    color: #0b3856;
	border-width:2px;
	border-radius:4px;
	margin-top:10px;
}

.form_layout1 .btn-primary.focus, .form_layout1 .btn-primary:active, .form_layout1 .btn-primary:hover {background-color:  #00618b; color:#fff;}
.form_layout1 .btn-group-lg > .btn, .btn-lg{padding: 15px 70px;}
.form_layout1 .form-group {
    margin-bottom: 26px;
}
textarea.form-control {
    height: auto !important;
}

.footer{ background-color: #CBD2EA; color:#ffffff;}
.footer h4{ color:#fff;  margin-bottom:30px;}
.footer h4::after {
    border: 1px solid #fff;
    position: absolute;
    content: "";
    left: 15px;
    width: 70px;
    top: 34px;
}
.link-vertical ul, .link-horizontal ul{ padding-left:0px; margin-top:10px;}
.link-vertical li{ list-style:none;}
.link-vertical li a{ list-style:none; color:#fff; line-height: 24px;}
.footer a{ color:#fff;}
.link-horizontal li{ display:inline-block;}
.link-horizontal li a{ display:inline-block; padding:10px; font-size:18px; color:#fff;}
.newslatter .form-control {
    background-color: #fff;
    border: 3px solid #024a69;
	border-radius:0px;
}
.newslatter .btn{ padding: 10px 44px; 
background:#0b3856;
border-top: 3px solid #024a69;
border-right: 3px solid #024a69;
border-bottom: 3px solid #024a69;}
.newslatter .btn.focus, .newslatter .btn:focus, .newslatter .btn:hover {
    color: #fff;
	background:#078cb8;
	border-top: 3px solid #078cb8;
border-right: 3px solid #078cb8;
border-bottom: 3px solid #078cb8
}

/*animatin*/

.from-top {
	top: -50px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}	
.from-bottom {
	bottom: -50px;
	padding-left: 0px;
	opacity: 0; overflow: hidden;
	position: relative;
}
	
.from-left {
	left: -10px;
	padding-right: 0px;
	opacity: 0; overflow: hidden;
	position: relative;
}	
.from-right {
	right: -10px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}
.fade-in {
	opacity: 0;
	position: relative;
	padding-left:5.1%;
	right: 0px;	
}
/*animatin*/

.parallax-window {
    height: 530px;
    background: transparent;
	position:relative
}

.parallax-inner-left{ background: rgba(3, 105, 152, 0.90) !important; width:50%; position:absolute; top:0px; left:0px; height:100%;  }
.parallax-inner-right{background: rgba(0, 97, 139, 0.90) !important; width:50%; position:absolute; top:0px; right:0px; height:100%;  }
 .overlay_image img{ max-width:	100%; height:100%;}
 .leftSecondPanel::after {
    border-bottom: 51px solid transparent;
    border-left: 682px solid white;
    border-top: 51px solid transparent;
    top: 90%;
    content: "";
    height: 29%;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 0;
}

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; }
	
/*dashboard	*/
.circle90,.circle80, .circle130, .circle200{border-radius:50%; padding:4px; border:2px solid #ddd;object-fit: cover;}
.circle50{padding:3px; border:2px solid #ddd;object-fit: cover;}
.circle50{ width:50px; height:50px; border-radius:50%;object-fit: cover;}
.circle30{padding:3px; border:1px solid #ddd;object-fit: cover;}
.circle30{ width:30px; height:30px; border-radius:50%;object-fit: cover;}
.circle90{ width:90px; height:90px;object-fit: cover;}
.circle130{ width:130px; height:130px; border-radius:50%; margin:0px auto; padding:6px; border:2px solid #ddd;object-fit: cover;}
.circle200{ width:200px; height:200px; padding:0px; border:5px solid #fff; vertical-align:middle;object-fit: cover; }
.circle130 img, .circle90 img, .circle200 img { max-width:100%; height:100%;  border-radius:50%;object-fit: cover; }

.borderwhite{ background:#DBB6C2; padding:8px; 
-moz-box-shadow: 0px 1px 5px #D9D9D9;
-webkit-box-shadow: 1px 0px 5px #D9D9D9;
box-shadow: 0px 1px 5px #D9D9D9;	}

.bordergrey{ background:#fbfbfb; padding:8px;}
.tag-circle {
    border-radius: 10rem;
    padding: 0.1em 0.6em;
	width:30px;
	height:30px;
	background:#034E78;
	color:#ffffff;
	margin:0px 10px
}

.list-menu ul, .list-styled2 ul{ margin:0px; padding:0px;}
.list-menu li, .list-styled2 li{ list-style:none; border-bottom: 1px dashed #dadada; padding:10px}
 .list-styled2 li{ list-style:none; border: 1px solid #dadada; padding:10px; background:#fefefe; margin-bottom:15px;}

.list-menu  p ,.list-styled2 p{ color:#8a8b8b;}
.height400 {
    min-height: 443px;
}

/* ##################################################################### login #
   ##################################################################### */
 .video-area img{ max-height: 100%;
    max-width: 100%;}   

 .edit-area{ height: 100%;
  width: 100%;} 
	
	 .edit-area img{ max-height: 100%;
    width: 100%;}   

#login-modal .modal-dialog {
   max-width: 516px;
   margin: 10% auto;
}
.modalfooter-bg{ background-color:#CBD2EA;}
/*#login-modal*/ input[type=text], input[type=password] {
	margin-bottom: 15px;
	height:40px;
}

.modal-dialog .itf_popup-close{ color: #000;}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
	margin-bottom:15px;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    float: left;
    line-height: 28px;
    text-align: center;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}


.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    border-top: 4px solid #DBB6C2;
    border-radius: 0px;
    outline: 0;
	position:relative;
}

 .modal-content::before {
    border-bottom: 0 none;
    content: url("../images/logo-mirrorss.png");
    height: 87px;
    left: 38%;
    margin-top: 20px;
    min-height: 16.43px;
    padding: 15px;
    position: absolute;
    top: -67px;
    width: 87px;
}
.carousel-control.left, .carousel-control.right {
    background-image:inherit;
    background-repeat: repeat-x;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    color: #00618b;
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5;
}


.squaredTwo {
    height: 28px;	
    position: relative;
    width: 28px;
	border:1px solid #0B3856
}
.squaredTwo input[type="checkbox"] {
    display: block;
    height: 100%;
    line-height: normal;
    margin: 0px 0 0;
    width: 100%;
}
.squaredTwo input[type="checkbox"] {
    visibility: hidden;
}

.squaredTwo input[type="checkbox"]:checked + label::after {
    opacity: 1;
}
.squaredTwo label::after {
    content: "\f00c";
    height: 5px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 0px;
	font-family:FontAwesome;
    width: 9px;
	font-size:16px;
	
}
.squaredTwo label {
    cursor: pointer;
    height: 20px;
    left: 3px;
    position: absolute;
    top: 2px;
    width: 20px;
}

input.form-control.errors,textarea.form-control.errors {
  border-color: #f00;
}

.marginbtn {
  margin-bottom: 10px;
}
label.error {
  color: #f00;
  width: 100%;
}


/* Checkbox and radiobutton */


.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

/* Checkbox and radiobutton end */
.browse {
  position: relative;
}

.model_back {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9;
}
.model_data {
background: #fff none repeat scroll 0 0;
border-radius: 11px;
margin: 0 auto;
padding: 22px;
position: relative;
top: 35%;
width: 300px;
z-index: 999999;
}
.uploadprog {
height: 30px;
margin-bottom: 4px;
}
.progress_videos {
  margin-bottom: 0;
  margin-top: 12px;
}
 
 .grandtotalprice{font-size: 20px;}
 .grandtotalprice span{font-size: 22px;}
 .itferror{color: #F00;}
 .dateinfo {
  font-size: 13px;
}

.pimgchange .profileimgchnage{display: none;}
.pimgchange:hover .profileimgchnage{display: inline;}
.pimgchange{ position: relative; }
.profileimgchnage {
  left: 48%;
  position: absolute;
  bottom: 10%;
  cursor: pointer;
}
.itf_progress {
  margin-bottom: 0;
  margin-top: 0;
}
.heading1{font-size: 25px;}
.sub_heading {
  font-size: 18px;
  font-weight: bold;
}
.content_detail{width: 100%;font-weight: 500;}
.extra_detail ul{
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.extra_detail li {
  list-style: outside none none;
  margin: 0;
  padding: 2px 0;
  font-weight:bold;
}
.imgclient {
  margin: 0 auto;
  max-height: 233px;
}
.text_wht,.text_wht:hover{color: #fff;}

.datainfo {
  color: #740000;
  font-weight: bold;
}
.datainfo:after {
  content:" Second";
}
.video_comments {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.video_comments > ul {
  list-style: inside none circle;
  margin: 0;
  padding: 0;
}
.video_comments > ul li {
  padding: 5px 0;
}

.footer_menus {
	display: table;
	list-style: none;
	margin: 0px auto;
	text-align: center;
	padding: 0;
}
.footer_menus li {
	display: inline;
	padding: 20px 0px;
}
.footer_menus li a {
	padding: 0px 12px;
	border-right: 1px solid;
}

.footer_menus li:last-child a {
	border-right: 0px;
}
.videogular-container.ng-scope { 
    height: 320px!important;
}

.video-area.mr10 {
    max-width: 100%!important; 
}
.videogular-container{ 
    height: 320px!important;
}

/* disable issue */
#login-form label::before{
    border: 0;
}


#login-form .checkbox input[type="checkbox"]{
    opacity: 1
}
.smalltext{font-size: 11px}