/*general*/
*,html{margin:0;padding:0;}
*{padding:0;margin:0}
html,body{height:100%;width:100%;}
body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;color:#999;background-color:#fff;webkit-tap-highlight-color:var(--main-primary-color)}
#mcontainer{position:relative;width:100%;}
#container{position:relative;margin:0 auto;width:100%;right:0;left:0;}
.page{width:100%;margin:0}
.containercm{padding:50px 12%}
@media(max-width:767px){
  .containercm{padding:20px 30px}
}
@media(max-width:480px){
  .containercm{padding:20px 15px}
}

.mcontainercm{padding:50px 12%;}
@media(max-width:767px){
  .mcontainercm{padding:20px 0}
}
@media(max-width:480px){
  .mcontainercm{padding:20px 0}
}

.mrow:after{clear:both;}
.mrow:after,.mrow:before{display:table;content:" ";}
.mrow{width:100%}
.mcol-sm-12,.mcol-sm-6,.mcol-sm-3{position:relative;float:left;min-height:1px;padding:15px;}
.mcol-sm-12{width:100%}
.mcol-sm-6{width:50%}
.mcol-sm-3{width:25%}
@media(max-width:480px){
  .mbcollf{padding-left:15px;padding-right:7.5px;}
  .mbcolrg{padding-left:7.5px;padding-right:15px;}
  .mbcolmd{padding-left:7.5px;padding-right:7.5px;}
}

/*fonts*/
/*Fonts Manage @font-face{font-family:ifc;src:url(../fonts/segoeui.ttf);}*/

/*general special*/
::-moz-selection{text-shadow:none;background:var(--main-primary-color);color:#fff;}
::selection{text-shadow:none;background:var(--main-primary-color); color:#fff;}
img::selection{background:0 0;}
img::-moz-selection{background:0 0;}
@-webkit-keyframes Gradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@-moz-keyframes Gradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes Gradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.wowop{opacity:0}

/*general elems*/
body,input,textarea{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
button,textarea{outline:0!important;}
img{max-width:100%;height:auto;}
.owl-carousel .owl-item{text-align:center;}

/*h* titles*/
h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0; text-transform: none; color: var(--main-primary-color); font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; letter-spacing: 1px; line-height: 1.5; } 

/*p paragraph*/
p {margin: 0 0 25px; font-size: 18px; line-height: 1.5; } 
@media(min-width:768px){ p {margin: 0 0 35px; font-size: 18px; line-height: 1.6; }} 

/*a link*/
a {color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } 
a:hover, a:focus {text-decoration:none;color:var(--main-primary-color);}
@media only screen and (max-width:568px){a{color:#ffffff;}}

/*blockquote*/
blockquote{display:block;font-size:22px;position:relative;padding-left:90px;color:var(--main-primary-color);border-color:var(--main-primary-color);}
blockquote:before {content: "\f10d"; font-size: 55px; font-family: FontAwesome; position: absolute; top: -4px; left: 20px; } 
blockquote span:before{content:'--'; padding: 0 10px 0 0; } 
blockquote span{padding: 10px 0; display: block; font-size: 16px; color: #999; }

/*Buttons */
@media(min-width:767px){.btn{font-size: 20px;}}
.btn{border-radius: 0; border: 0; padding: 10px 30px; text-transform: none; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 100; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.btn-default {color: #fff; border: 1px solid var(--main-primary-color); background: var(--main-primary-color); }
.btn-default:hover,.btn-default:focus,{border:1px solid var(--main-hover-color);outline:0;color:#fff;background:var(--main-hover-color);}

/*ripple_css*/
.ripple{overflow:hidden;}
.ripple-effect{position:absolute;border-radius:50%;width:50px;height:50px;background:white;animation:ripple-animation 2s;}
@keyframes ripple-animation{
  from{transform:scale(1);opacity:0.4;}
  to{transform:scale(100);opacity:0;}
}

/*edit*/
.editxt,.editimg{position:relative;}
/*@media(max-width:768px){
  .editxt,.editimg{top:0px!important;left:0px!important;width:initial!important;height:initial!important;}
}*/

/*fixed*/
/*html{overflow-x:hidden;}*/
/*.wow{visibility:visible!important;}*/