.minourproducts {
    background: #f3f3f3;
    margin-bottom: 4px;
    border-bottom: 1px solid #dcdcdc;
    float: left;
    width: 100%;
}
.pro1{    line-height: 40px;}
.pro2{    line-height: 40px;}
.pro3{    line-height: 40px;}
.pro4{    line-height: 40px;}
.pro5{    line-height: 40px;}
.pro6{    line-height: 40px;}
.pro1 a {
    font-size: 12px;
    text-decoration: none;
    background: #3a3a3a;
    border: 1px solid #dcdcdc;
    padding: 9px 20px;
    color: #fff;
}
.pro2 a {
    font-size: 12px;
    text-decoration: none;
    background: #3a3a3a;
    border: 1px solid #dcdcdc;
    padding: 9px 20px;
    color: #fff;
}
.pro3 a {
    font-size: 12px;
    text-decoration: none;
    background: #3a3a3a;
    border: 1px solid #dcdcdc;
    padding: 9px 20px;
    color: #fff;
}
.pro4 a {
    font-size: 12px;
    text-decoration: none;
    background: #3a3a3a;
    border: 1px solid #dcdcdc;
    padding: 9px 20px;
    color: #fff;
}
.pro1 a:hover{    background: #27b1e8;}
   .pro2 a:hover{    background: #27b1e8;}
    .pro3 a:hover{    background: #27b1e8;}
	 .pro4 a:hover{    background: #27b1e8;}
 #min3blocks{        background: url(../images/lightbg.jpg);
    background-position: 60% center;
    background-size: cover; background-position: 60% center; background-size: cover; background-repeat: no-repeat; padding: 40px 0px; float: left; width: 100%;}
#in3blocks{ width:1300px; margin:auto;}
#blockone{float: left; width: 30%; padding: 15px;  }
#blocktwo{float: left; width: 30%;  padding: 15px;  }
#blockthree{float: left; width: 30%;  padding: 15px;}
#in3blocks h2{    text-align: center;color: #000; font-weight: normal;  font-size: 24px; margin-top:0px;}
#blockone{text-align: center; color: #272727; font-weight: normal; font-size: 14px; line-height: 20px;}
#blocktwo{text-align: center; color: #272727; font-weight: normal; font-size: 14px; line-height: 20px;border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to bottom, #9e9e9e, rgba(206, 206, 206, 0)) 1 100%; border-width: 1px;}
#blockthree{text-align: center; color: color: #272727; font-weight: normal; font-size: 14px; line-height: 20px;}
#blockone img{width: 80%; text-align: center;margin-bottom: 10px;}
#blocktwo img{width: 80%; text-align: center;margin-bottom: 10px;}
#blockthree img{width: 80%; text-align: center;margin-bottom: 10px;}
.button_newc1 {border: 1px solid #232323; color: #000000; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600;border-radius: 3px; }
.textcb1{ text-align:left}
.button_newc1:hover {     background: #ec9824; color: #FFFFFF }
 #minlogbanner {       background: url(../images/laptopworkbg.jpg);
    float: left;
width: 100%;
border-top: 1px solid #CECECE;
padding: 120px 0px 80px 0px;
padding-bottom: 0px;
background-position: 60% center;
background: url(../images/Therasoftappstorebg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
#login {
background-color: rgb(255, 255, 255);
margin: auto;
padding: 0px;
float: right;
border-radius: 3px;
box-shadow: 1px 1px 14px #141146;
}
#Div1 { border: 1px solid #a5a5a5; width: 421px; border-radius: 6px; }
div table { padding-top: 8px; border: none; }
#logbanner {
    margin: auto;
    text-align: center;
    width: 1140px;
	    height: auto;
}
#ctlLogin_UserName {
    width: 85%;
    height: 34px;
    margin-bottom: 5px;
    padding-left: 6px;    margin-left: 5px;
}
#ctlLogin_Password {
    width: 85%;
    height: 34px;
	padding-left: 6px;    margin-left: 5px;
}
/*#ctlLogin_LoginButton{       background-color: #5ec2ef!important; color:#fff!important;margin-top: 3px; padding: 10px; width: 87px!important; height: 40px!important; font-size: 13px;margin-left: 160px;}
#ctlLogin_LoginButton:hover{           background-color: #f3c76f!important;}*/



  #ctlLogin_LoginButton {
            background-color: #f3f3f3 !important;
            color: #f3f3f3 !important;
            margin-top: 3px;
            padding: 10px;
            width: 139px !important;
            height: 49px !important;
            font-size: 13px;
            margin-left: 141px;
            background: url(../images/longin_but.png);
            font-size: 0px !important;
            border: none;
        }

            #ctlLogin_LoginButton:hover {
                background: url(../images/longin_but_hover.png);
            }


.style1 a { color: #4C4C4C; font-family: 'Open Sans', sans-serif; font-size: 14px; float: right; }
.minbut{ margin-top:35px; text-align:center}
.minbut a{color: #fff!important;    background-color: #f68f1e; border: 1px solid transparent; padding: 10px 34px; text-decoration: none; font-family: 'Open Sans', sans-serif; text-align: center;}
.minbut a:hover{ background-color: #fa9a30;}
#minblock1{  background: url(../images/bglight.jpg); background-position: 60% center; background-size: cover; background-repeat: no-repeat; padding: 80px 0px; float: left; width: 100%;      background: #325175;}
#block1{width: 1140px; margin: auto;}
#leftblock1{float: left; width: 47%;}
#rightblock1{float: left; width: 47%;    margin-left: 6%;}
#leftblock2{float: left; width: 47%;}
#rightblock2{float: left; width: 47%;    margin-left: 6%;}
#leftblock3{float: left; width: 47%;}
#rightblock3{float: left; width: 47%;    margin-left: 6%;}
#leftblock4{float: left; width: 47%;text-align: center;}
#rightblock4{float: left; width: 47%;    margin-left: 6%;    }
.jsfont { color: #404040; font-weight: normal; line-height: 22px; font-size: 20px;     color: #ffffff;}
.jsfontin { line-height: 24px; font-size: 15px;color: #fff; }
#rightblock1 h2{font-weight: normal; font-size: 35px;      color: #ffc062;}
#rightblock1 h3{font-size: 24px;}
#minblock2{    background: url(../images/Therasoftappstorebg.jpg); background-position: 60% center; background-size: cover; background-repeat: no-repeat; padding: 60px 0px; float: left; width: 100%;    background: #fbfbfb;}
#leftblock1 h2{font-size: 35px;     color: #fff;     font-weight: normal;}
#leftblock1 h3{ color:#FFFFFF }
#leftblock2 h2 { font-size: 35px;    color: #325175; font-weight: normal; }
#leftblock2 h3{ color:#000 }
#rightblock3 h2 { font-weight: normal; font-size: 35px; color: #ffffff; }
#leftblock4 h2 { font-size: 35px;     color: #325175; font-weight: normal; }
#minblock3{      background: url(../images/lightbg.jpg); background-position: 60% center; background-size: cover; background-repeat: no-repeat; padding: 80px 0px; float: left; width: 100%;       background: #64c2ec;}
.myTable { width: 100%; background-color: rgba(238, 238, 238, 0.03); border-collapse: collapse; margin: auto; }
.myTable td, .myTable th { padding: 15px; border: 1px solid #000; text-align: center; }
#minblock4 { padding: 60px 0px; background: url(../images/BG-wood.jpg); background-position: 60% center; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; padding-bottom: 15px;
     background: url(../images/bglight.jpg);
}
#minblock4 #block1 #leftblock1{ text-align:center}
.button_new2 { background-color: #f68f1e; border: none; color: white; padding: 10px 60px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.button_new2:hover{ background-color: #fa9a30;}
#Update{    float: left;width: 47%;    margin-top: -60px;}
#loginbox{float: left; width: 47%; margin-left: 6%;    margin-top: 35px;} 
#Update h2{font-size: 35px; color: #fff; font-weight: normal; margin-top:0px; }
.button_new2c{background-color: #f68f1e; border: none; color: white;     padding: 10px 34px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600;margin-top: 30px;}
.button_new2c:hover{ background-color: #fa9a30;}
.imageHolder { position: relative; width:100%; } 
.imageHolder .caption1 { position: absolute; width: 100%; top: 10%; }
.imageHolder .caption { width: 57%;  top: 40%; color: #ffffff; /*background: green; font-weight: bold;*/  margin: auto; text-align: center;padding: 10px 0px;    line-height: 365px!important;
    margin-left: 134px!important;
    font-size: 17px; }
	.caption a{    color: #1d1d1d;}
	.caption a:hover{    color: #306ba5; text-decoration:none}
#minvideoblock{background-color: #4e4a4a; background-image: radial-gradient(circle farthest-side at center bottom,#0091ca,#004d6b 125%); background-position: 60% center; background-size: cover; background-repeat: no-repeat; padding: 60px 0px; float: left; width: 100%;}
#videoblock{width: 1140px; margin: auto;}
#leftvideoblock{float: left; width: 47%; line-height: 20px; font-size: 15px; font-weight: normal; color: #fff;}
#rightvideoblock{float: left; width: 47%; margin-left: 6%;}
#leftvideoblock h2{font-weight: normal; font-size: 35px; color: #fff;}
#rightvideoblock img{width: 100%;box-shadow: 0px 2px 23px #403838;}

.button2 { background-color: rgba(255, 255, 255, 0); margin-right: 25px; color: #fff; border: 1px solid #fff; border-radius: 3px; }
.button2:hover { background-color: #fff; color: black; }
.button3 { background-color: #f68f1e; color: white; border: 2px solid #f68f1e; border-radius: 3px; }
.button3:hover { background-color: #f79c37; color: white; }
.button_new2 { background-color: #4CAF50; border: none; color: white; padding: 10px 28px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.freesix { text-align: center; font-size: 12px; font-weight: normal; color:#d6d6d6; line-height: 16px; float: left; margin-top: 2px; font-family: 'Open Sans', sans-serif; font-style: italic; width: 100%; }
.button_new1 {  border: none; color: white; padding: 16px 60px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600; }	
#leftvideoblock h3{font-size: 26px; font-weight: normal;color: #f5d77d;}
.caption1 h3{    margin-top: 0px;    margin-bottom: 0px;}
.caption{font-size: 14px; line-height: 20px; font-weight: normal; color:#fff!important;    padding: 6px 0px!important;line-height: 527px!important; margin-left: 173px!important;}
.inimage img{    width: 146px!important;}
.inimage{margin-top: 20px;}


@media screen and (max-width: 1023px){

.caption1 img{margin-left: 12px!important; margin-top: -20px!important;}
#in3blocks{ width:80%}
#blocktwo{ width:100%;border: none;}
#blockthree{ width:100%}
#blockone{ width:100%}
#logbanner{ width: 80%;}
#block1{ width:80%}
#leftblock1 { width:100%}
#rightblock1{ width:100%}
#leftblock2 { width:100%}
#rightblock2{ width:100%; margin:auto;    margin-top: 40px;}
#leftblock3{ width:100%}
#rightblock3{ width:100%}
#leftblock4 { width:100%}
#rightblock4{ width:100%;    margin: auto;}
#rightblock4 img{     margin-top: 10px!important;}
#Update{    width: 100%;}
#loginbox{width: 100%; margin-top:100px;    margin-left: 0%;
    margin-bottom: 40px;}
#login{width: 100%;}
#Div1{width: 100%;}
div table{    margin: auto;    width: 100%!important;}

#ctlLogin_LoginButton{    margin-left: 216px;}

#videoblock{width: 80%;}
#leftvideoblock{width: 100%; padding: 0px;}
#rightvideoblock{width: 100%; margin: auto; margin-top: 40px;}
#leftvideoblock h2{ line-height:40px}
.imageHolder img{ width:100%!important}
.inimage img{ width:145px!important;}
}
@media (min-width: 1px) and (max-width: 768px){
.imageHolder .caption{line-height: 398px!important;}

}
@media (min-width: 1px) and (max-width: 700px){
.caption1 img{    margin-top: -14px!important;}
.imageHolder .caption{    line-height: 360px!important;
    margin-left: 124px!important;}
}
@media (min-width: 1px) and (max-width: 650px){
.caption{line-height: 14px;    font-size: 11px;}
.inimage img{ width:80px!important;}
.imageHolder .caption {
    line-height: 334px!important;
    margin-left: 114px!important;
}
}
@media (min-width: 1px) and (max-width: 520px){
.caption{line-height: 14px;    font-size: 11px;}
.caption1 img{    margin-top: -10px!important;margin-left: 5px!important;}
.caption1 h3{font-size: 15px;}
.caption{padding: 3px 0px!important;}
.imageHolder .caption {
    line-height: 268px!important;
    margin-left: 92px!important;
    font-size: 14px;
}
}

@media (min-width: 1px) and (max-width: 520px){
#ctlLogin_UserName{ width:100%}
#ctlLogin_Password{ width:100%}
#ctlLogin_LoginButton{    margin-left: 101px;}
}
@media (min-width: 1px) and (max-width: 520px){
.style1 a{    padding: 20px;
    padding-top: 6px;}
	.imageHolder .caption {
    line-height: 254px!important;
    margin-left: 94px!important;
}

}
@media (min-width: 1px) and (max-width: 480px){
.imageHolder .caption {
    line-height: 240px!important;
    margin-left: 82px!important;
    font-size: 12px;
}
}
@media (min-width: 1px) and (max-width: 485px){
.caption1 h3 { font-size: 12px; }
.caption { line-height: 13px; font-size: 9px; }
}

@media (min-width: 1px) and (max-width: 450px){
.caption{ font-size: 9px;}

}
@media (min-width: 1px) and (max-width: 430px){
.caption1 h3 { font-size: 11px; }
.caption { line-height: 12px; font-size: 8px; }
.inimage img{ width:60px!important;}

}

@media (min-width: 1px) and (max-width: 430px){
.caption1 h3 { font-size: 10px; }
.caption { line-height: 9px; font-size: 7px; }
.inimage { margin-top: 12px; }
.inimage img{ width:50px!important;}

}
@media (min-width: 1px) and (max-width: 414px){
.imageHolder .caption{    margin-left: 71px!important;
    font-size: 10px!important;
    line-height: 0px!important;
    margin-top: 106px;}
}

@media (min-width: 1px) and (max-width: 375px){
.imageHolder .caption {
    margin-left: 62px!important;
    font-size: 10px!important;
    line-height: 0px!important;
    margin-top: 94px;
}
}
@media (min-width: 1px) and (max-width: 380px){
.imageHolder .caption {
   margin-top: 88px;
}
}
@media (min-width: 1px) and (max-width: 360px){
.imageHolder .caption {
    margin-left: 62px!important;
    font-size: 10px!important;
    line-height: 0px!important;
    margin-top: 82px;
}
}

@media (min-width: 1px) and (max-width: 320px){
.imageHolder .caption{margin-left: 57px!important;
    font-size: 7px!important;
    line-height: 0px!important;
    margin-top: 74px;}

}
    .Loginx a {
            color: #2196F3 !important;
            border-bottom: 3px solid #2196F3 !important;
        }
   .close {
            color: #aaaaaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }

        div.dialog {
            overflow: hidden;
        }

        #styleh2 {
            background: #4D4D4D;
            /*text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;*/
            color: #fff;
            font-size: 18px;
            font-weight: 100;
            padding: 20px;
            margin: 25px -30px 30px -30px;
        }