.sop {
    direction: ltr !important;
    color: black !important;
}


.settopmargin {
   padding-top: 180px;
    position: relative;
}


/* Add here all your CSS customizations */
/*Reza*-------------------------*/
    	    @media (min-width: 992px) {
    	        #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
    	            border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    height: 0;
    margin-top: 5px;
    position: absolute;
    right: 90% !important;
    top: 8px;
    width: 0;
    	            -webkit-transform: rotateY(180deg);
    	            -moz-transform: rotateY(180deg);
    	            -ms-transform: rotateY(180deg);
    	            -o-transform: rotateY(180deg);
    	            transform: rotateY(180deg);
    	        }
    	    }
          

@font-face {
font-family: 'BYekan';
src: url('/Content/fonts/Byekan/BYekan.ttf') format('truetype'),
 url('/Content/fonts/Byekan/BYekan.woff') format('woff'),
 url('/Content/fonts/Byekan/BYekan.eot') format('embedded-opentype');
}


@font-face {
    font-family: 'Roboto-Thin';
    src: url('/Content/fonts/Roboto-Thin.ttf.woff') format('woff'),
        url('/Content/fonts/Roboto-Thin.ttf.svg#Roboto-Thin') format('svg'),
        url('/Content/fonts/Roboto-Thin.ttf.eot'),
        url('/Content/fonts/Roboto-Thin.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
body {
    /*font-family: Byekan,tahoma,sans-serif;*/
    position: relative;
    background-color: #cccccc !important;
}
.btn {
    border-radius: 4px;
}
#header .header-nav-main.header-nav-main-square nav > ul > li > a {
        border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

a {
    text-decoration: none !important;
}

@media screen and (max-width:1024px) {
    .circleGroup {
        background-image: none !important;
    }
}

.settopmargin  h4{
    color: white;
}
        .informationHeader li {
            display: inline-block;
            margin: 30px 9px 0 0px;
        }

        /*#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu {
            left: 21.5% !important;
        }*/

        .calendars {

     font-family: 'Segoe UI',Tahoma !important; 
}
        .circleGroup {
            margin-top: 20px;
            background-image: url(/img/plus.png);
            background-repeat: no-repeat;
            background-position: center;
            background-position-y: -232px;
        }
              .datepick {
    font-family: Tahoma !important;
}
        .canvas {
            width: 22px;
            height: auto;
        }

        /*body {
            font-size: 12px;
        }*/

        .circleShap {            
            width: 6px;
            height: 6px;
            border-radius: 50%;
            vertical-align: middle;
            visibility: hidden;
        }

        /*table {
            line-height: 4px;
        }*/

        #footer.short {
            margin-top: 0 !important;
        }
         
            /*Material Icons*/
            @font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/content/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/content/fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(/content/fonts/MaterialIcons-Regular.woff) format('woff'),
       url(/content/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
            .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
            /* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.navbar.navbar-inverse {
    background-color: rgba(68, 126, 204, 0.75) !important;
    color: #ffffff;
}
   .topPageHeader {
        margin-top: 139px;
         z-index:10;        
    }
   .settopmargin h4 {
       padding-top: 10px
   }


 
   canvas {
       width: inherit;
   }
   form#frmSignIn input {
    direction: ltr;
}
      form#frmSignUp input {
    direction: ltr;
}
       form#frmSignIn2 input {
    direction: ltr;
}
        form#frmSignUp2 input {
    direction: ltr;
}
        .featured-box .box-content {
            padding-top: 0 !important;
        }

        body .sk-chasing-dots .sk-dot1, body .sk-chasing-dots .sk-dot2 {
            background-color: #448AFF!important;
        }
.sk-chasing-dots {
    left: 0;
    right: 0;       
    position: fixed !important;
    top:50%;
    bottom: 0;
}





.arrow-up {
    width: 0;
    height: 0;
    border-left:6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #031bf4;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid red;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}
.EnRadiusBox {
    border-radius: 0 !important;
}
.SlidercustomTitle {
     line-height: 30px !important;
    color: white !important;
       font-weight: 600 !important;
    font-size: 1.5vw !important;
    border-radius: 8px !important;

}
.Slider2customTitle {
     line-height: 30px !important;
    color: white !important;
       font-weight: 600 !important;
    font-size: 1.5vw !important;
    border-radius: 8px !important;

}
.Slider3customTitle {
     line-height: 30px !important;
    color: white !important;
       font-weight: 600 !important;
    font-size: 1.5vw !important;
    border-radius: 8px !important;

}

.Slidercustomtext {
     line-height: 30px !important;
    background: #0088cc !important;
      border-radius: 8px !important;
    color: white !important;     
        font-weight: 600 !important;
    font-size: 1.5vw !important;
       
}
.Slider2customtext {
     line-height: 30px !important;
    background: #0088cc !important;
      border-radius: 8px !important;
    color: white !important;     
        font-weight: 600 !important;
    font-size: 1.5vw !important;
      
}
.Slider3customtext {
     line-height: 30px !important;
    background: #0088cc !important;
      border-radius: 8px !important;
    color: white !important;     
        font-weight: 600 !important;
    font-size: 1.5vw !important;
      
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: 160% !important;   
}


.customtextDiscribe .thumb-info-caption-text{
     font-size: 1.2em !important;    
    color: black !important;
}
.thumb-info .thumb-info-title {
   
    text-transform:none !important;
  
}
@media screen and (max-width: 768px) {
    .SlidercustomTitle {
        line-height: 15px !important;
    }
     .Slider2customTitle{
        line-height: 15px !important;
    }
      .Slider3customTitle {
        line-height: 15px !important;
    }
      .Slider3customtext {
           line-height: 15px !important;
      }
       .Slider2customtext {
           line-height: 15px !important;
      }
        .Slidercustomtext {
           line-height: 15px !important;
      }
}




.inputdate1 {
    padding-right: 14px;
    margin-right: 58px;
}
/*.signup-form1 input {
    direction: ltr;
}*/
   .backgroundPage {
background: linear-gradient(to bottom, rgba(0,79,158,1) 0%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */        
    }
   .transparent2 {
       background: rgba(245, 245, 245, 0.3) !important;
     
   }
   .htmlheight {
         height: 100%;
   }
/*.form-group.is-focused .form-control {
    background-image: linear-gradient(#10162b, #10162b), linear-gradient(#D2D2D2, #D2D2D2) !important;
}
.form-group.is-focused label, .form-group.is-focused label.control-label {
    color: #10162b !important;
}*/

   /* ribbon style */

 .ribbon-wrapper {
	position: relative;
}
  .ribbon-front {
	background-color: #034f8d;	height: 80px;
	width: 50px;
	position: relative;
	left:0px;
	z-index: 2;
}


  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 80px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: 0px;
	border-color: transparent #083860 transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 0px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 0px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 20px;
	border-color: transparent transparent transparent #083860;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 30px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 20px 30px;
}

  .ribbon-back-left {
	position: absolute;
	top: 0px;
	left: -10px;
	width: 10px;
	height: 80px;
	background-color: #034f8d;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 0px;
	height: 80px;
		z-index: 0;
}


  /*product ribbon*/
  .product {
	width: 300px;
  font-family: sans-serif;
  margin: 2%;
}

.product-image {
  background: #e9e9e9;
  margin-bottom: 10px;
  position: relative;
  min-height: 250px;
}

.onsale-section {
  position: absolute;
  top: -6px;
  right: 15px;
}

.onsale-section:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 6px solid #6ec5d5;
}

.onsale {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #6ec5d5;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 6px;
  border-top-right-radius: 8px;
  width: 84px;
  text-transform: uppercase
}

.onsale:before,
.onsale:after {
  position: absolute;
  content: '';
  display: block;
}

.onsale:before {
  background: #6ec5d5;
  height: 7px;
  width: 6px;
  left: -6px;
  top: 0;
}

.onsale:after {
  background: #96a0a2;
  height: 7px;
  width: 8px;
  border-radius: 8px 8px 0 0;
  left: -8px;
  top: 0;
}

.product img {
  display: block;
}
.footer-ribbon {
    background: #0088cc;
    position: absolute;
    margin: 0px 0 0 14px;
      padding: 9px 20px 6px 20px;
}
.footer-ribbon:after {
        border-right-color: #005580;
    border-left-color: #005580;
    border-right: 10px solid #646464;
    border-bottom: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 20px;
    width: 7px;
}
.setminHeight {
    min-height: 20px !important;
}
.text-color-greenHot {
    color:  #FFEB3B  !important;
}
.text-shadow {
   text-shadow:  1px 1px black;
}

.Myrequired::before {
    content: "*";
    color: red;
    padding: 3px;
}
.fontTahoma {
    font-family: tahoma,sans-serif;
}

.verifyEmailDiv {
    background: rgba(255, 244, 146, 0.87);
    z-index: 9999;
    font-size: 1.5rem;
    padding: 10px;
    color: blue;
    text-decoration: blink;
    padding-right: 50px !important;
}

.verifyEmailDiv a {
    color: blue !important;
}
  .text-dark-red {
      color: #df0f00;
  }
  .text-white {
      color: white !important;
  }
  .dir-ltr {
      direction: ltr;
  }


.numltr {
    direction: ltr;
    text-align: right;
}

#allcanvas {
    direction: rtl;
}
.formstyle {
    margin: 3px;
    -webkit-box-shadow: 0 0 1px 1px;
    -ms-box-shadow: 0 0 1px 1px;
    box-shadow: 0 0 1px 2px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
}
.Font-Roboto-Thin {
    font-family: "Roboto-Thin" !important;

}

.blur {
    /*filter: blur(4px) opacity(0.7) grayscale(0.4) saturate(0.7);*/
    filter: blur(5px) opacity(0.7) grayscale(1);
}
.blur2 {
    filter: blur(12px) opacity(0.7) saturate(0);
}
.blur *, .blur2 * {
    cursor: not-allowed;
    user-select: none;
}
.blur a, .blur2 a {
    cursor: not-allowed;
    user-select: none;
}
.blocksub1 {
    width: 100%;
    height: calc(100% - 36px);
    /*height: 100%;*/
    display: flex;
    position: absolute;
    top: 36px;
    /*    align-content: stretch;
    justify-content: center;
    align-items: flex-start;*/

    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 1;
    /*padding-top: 110px;*/
}
.blocksub2 {
    font-size: 16px;
    color: white;
    background-color: #1b1b1bb0;
    padding: 20px 40px;
    box-shadow: #a1a1a166 1px 1px 18px 6px;
    border-radius: 5px;
    text-shadow: 2px -1px 7px #000000;
}
    .blocksub2 a {
        color: #1a9aff !important;
        text-decoration: underline !important;
    }


.tooltip {
    box-shadow: 1px 1px 3px 2px #b3b3b3c7;
}