#et-main-area { overflow: hidden !important;}
#page-container{overflow: hidden;}
/* Triangles */

.ssm-tri-both::before,
.ssm-tri-both::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-tri-both{
          padding: 6em;
          z-index: 99;
        }
.ssm-tri-both::before,
.ssm-tri-both::after {
  left: 50%;
  width: 100px;
  height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
   .ssm-tri-both::before{
     top: -50px;
     background: inherit;
   }     
   .ssm-tri-both::after{
     bottom: -50px;
     background: inherit;
     left: 50%;
  width: 100px;
  height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
   }
   
   /*top*/
   .ssm-tri-top::before {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-tri-top{
          padding: 6em;
          z-index: 99;
        }
.ssm-tri-top::before {
  left: 50%;
  width: 100px;
  height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
   .ssm-tri-top::before{
     top: -50px;
     background: inherit;
   }     
   /*bottom*/
   
.ssm-tri-bottom::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-tri-bottom{
          padding: 6em;
          z-index: 99;
        }

.ssm-tri-bottom::after {
  left: 50%;
  width: 100px;
  height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
     
   .ssm-tri-bottom::after{
     bottom: -50px;
     background: inherit;
     left: 50%;
  width: 100px;
  height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
   }

/*diagional*/

 .ssm-diagonal-both::before,
 .ssm-diagonal-both::after {
        position: absolute;
        content: '';
        pointer-events: none;
      
 }
 .ssm-diagonal-both {
       z-index: 1;
        padding-top: 6em;
 }
 .ssm-diagonal-both::before {
      top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        -webkit-transform: rotate(-2deg);
        background: inherit;
        
        transform: rotate(-2deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;
        }	

 .ssm-diagonal-both::after {
       bottom: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(2deg);
        transform: rotate( 2deg);
        -webkit-transform-origin: -3% 0;
        transform-origin: -3% 0;}	 
    
   /*Diagional top*/
.ssm-diagonal-top::before {
        position: absolute;
        content: '';
        pointer-events: none;
      
 }
 .ssm-diagonal-top {
       z-index: 1;
        padding-top: 6em;
 }
 .ssm-diagonal-top::before {
      top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;
        }	

	 	
/*Diagional bottom*/

 .ssm-diagonal-bottom::after {
        position: absolute;
        content: '';
        pointer-events: none;
      
 }
 .ssm-diagonal-bottom {
       z-index: 1;
        padding-top: 6em;
 }


 .ssm-diagonal-bottom::after {
       bottom: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(2deg);
        transform: rotate( 2deg);
        -webkit-transform-origin: -3% 0;
        transform-origin: -3% 0;}	 
	 
/* Half Circle */
.ssm-half-circle-both::before,
.ssm-half-circle-both::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-half-circle-both::before,
.ssm-half-circle-both::after{
  left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ssm-half-circle-both::before{
  top: -50px;
  background: inherit;
}
/*top*/
.ssm-half-circle-top::before{
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-half-circle-top::before{
  left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ssm-half-circle-top::before{
  top: -50px;
  background: inherit;
}
/*bottom*/

.ssm-half-circle-bottom::after {
  position: absolute;
        content: '';
        pointer-events: none;
}

.ssm-half-circle-bottom::after{
  left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ssm-half-circle-bottom::after{
  bottom: -50px;
  background: inherit;
}
 
 /* Round Split */
 .ssm-rnd-split::before,
.ssm-rnd-split::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-rnd-split {
	padding-top: 7em;
	border-radius: 0 0 80px 80px;
  background: inherit;
}

.ssm-rnd-split::before,
.ssm-rnd-split::after {
	top: -70px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
	background: inherit;
}

.ssm-rnd-split::before {
	border-radius: 0 80px 0 0;
}

.ssm-rnd-split::after {
	left: 50%;
	border-radius: 80px 0 0 0;
}
/*without curve bottom */

 .ssm-rnd-split-on::before,
.ssm-rnd-split-on::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-rnd-split-on {
	padding-top: 7em;
	
  background: inherit;
}

.ssm-rnd-split-on::before,
.ssm-rnd-split-on::after {
	top: -70px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
	background: inherit;
}

.ssm-rnd-split-on::before {
	border-radius: 0 80px 0 0;
}

.ssm-rnd-split-on::after {
	left: 50%;
	border-radius: 80px 0 0 0;
}
/*full screen slider*/
.ssm-fs-wh .et_pb_slide .et_pb_container {
background-size: cover !important;
  height: 100% !important;
  min-height: 90vh !important; 
  top: 0;
}

.ssm-hs .et_pb_slide .et_pb_container {
background-size: cover !important;
  height: 50% !important;
  min-height: 50vh !important; 
}

/*Angle sections */
.ssm-angle-both::before,
.ssm-angle-both::after{
  position: absolute !important;
	content: '';
  z-index: 99;
}

.ssm-angle-both::before{
  background: inherit;
	width: 100px;
    height: 100px;
    position: absolute;
    overflow: hidden;
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
    top: -50px!important;
    left: -57px!important;
    z-index: 99;
}
.ssm-angle-both::after{
  background: inherit;
	width: 100px;
    height: 100px;
    position: absolute;
    overflow: hidden;
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
    top: -50px!important;
    right: -57px!important;
    z-index: 99;
}
/* left */
.ssm-angle-left::before{
  position: absolute !important;
	content: '';
  z-index: 99;
}

.ssm-angle-left::before{
  background: inherit;
	width: 100px;
    height: 100px;
    position: absolute;
    overflow: hidden;
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
    top: -50px!important;
    left: -57px!important;
    z-index: 99;
}
/* right */
.ssm-angle-right::after{
  position: absolute !important;
	content: '';
  z-index: 99;
}

.ssm-angle-right::after{
  background: inherit;
	width: 100px;
    height: 100px;
    position: absolute;
    overflow: hidden;
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
    top: -50px!important;
    right: -57px!important;
    z-index: 99;
}

/*Folded Corner */
.ssm-fc::before,
.ssm-fc::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-fc::before,
.ssm-fc::after {
	bottom: 0;
	width: 100px;
	height: 100px;
}
.ssm-fc::before {
	right: 0;
	background-image: -webkit-linear-gradient(top left, #1e1e1e 50%, #ff3a3a 50%);
	background-image: linear-gradient(315deg, #1e1e1e 50%, #ff3a3a 50%);
}

.ssm-fc::after {
	right: 100px;
	background-image: -webkit-linear-gradient(top left, transparent 50%, #d13030 50%);
	background-image: linear-gradient(315deg, #d13030 50%, transparent 50%);
}

/*Castle */
.ssm-cse:before {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-cse:before {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 200px 100%;
	top: 0;
	background-image: -webkit-linear-gradient(40deg, #d13030 50%, #dd3333 50%);
	background-image: linear-gradient(40deg, #d13030 50%, #dd3333 50%);
}
/* Muiltiple triangle */
.ssm-mt::before,
.ssm-mt::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-mt::before,
.ssm-mt::after {
  left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
.ssm-mt::before{
  top: -25px;
	background: inherit;
	box-shadow: -50px 50px 0 #d13030, 50px -50px 0 #d13030;
}
.ssm-mt::after {
 bottom: -25px;
	z-index: 10;
	background: inherit;
	box-shadow: -50px 50px 0 #d13030, 50px -50px 0 #d13030;
 }
 /* Inverted Round */
 .ssm-irnd::before,
.ssm-irnd::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-irnd {
	margin-bottom: 90px;
	padding: 13em 10% 10em;
	border-radius: 0 0 0 90px;
}

.ssm-irnd::before,
.ssm-irnd::after {
	left: 0;
	z-index: -1;
	height: 90px;
	background: inherit;
}

.ssm-irnd::before {
	top: 100%;
	width: 100%;
	border-radius: 0 90px 0 0;
} 

.ssm-irnd::after {
	bottom: 0;
	z-index: -1;
	width: 50%;
}
/* Boxes */
.ssm-bxs::before {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-bxs {
	padding-top: 4em;
	padding-bottom: 13em;
}

.ssm-bxs::before {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(0.5, #d13030), color-stop(0.5, #dd3333));
	background-image: linear-gradient(to right, #d13030 50%, #dd3333 50%);
	-webkit-background-size: 130px 100%;
	background-size: 130px 100%;
}
/* ZigZag */
.ssm-zz::before,
.ssm-zz::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-zz::before,
.ssm-zz::after {
  right: 0;
    left: 0;
    z-index: 10;
    display: block;
    height: 90px;
    background-size: 50px 100%;
}
.ssm-zz::before {
	top: -90px;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, #000));
	background-image:
		linear-gradient(315deg, #d13030 25%, transparent 25%),
		linear-gradient( 45deg, #d13030 25%, transparent 25%);
	background-position: 50%;
}

.ssm-zz::after {
	top: 100%;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #000), color-stop(0.25, #000));
	background-image: 
		linear-gradient(135deg, #d13030 25%, transparent 25%),
		linear-gradient(225deg, #d13030 25%, transparent 25%);
	background-position: 50%;
}
/* Round Edge */
.ssm-rnde::before,
.ssm-rnde::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-rnde {
	padding-bottom: 16em;
}

.ssm-rnde::before,
.ssm-rnde::after {
	width: 200px;
	height: 200px;
	border-radius: 50%;

	top: -100px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ssm-rnde::before {
	left: -100px;
}

.ssm-rnde::after {
	right: -100px;
}

.ssm-slit::before,
.ssm-slit::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-slit {
	padding-top: 5em;
}

.ssm-slit::before, 
.ssm-slit::after {
	width: 50.5%;
	width: -webkit-calc(50% + 10px);
	width: -moz-calc(50% + 10px);
	width: calc(50% + 10px);
	height: 160px;
	background: #dd3333;
	top: -160px;
}

.ssm-slit::before {
	left: -20px;
	-webkit-transform: skewX(10deg);
	transform: skewX(10deg);
	box-shadow: -10px -20px #ff3a3a;
}

.ssm-slit::after {
	right: -20px;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	box-shadow: 10px -20px #ff3a3a;
  
}
.ssm-inczigzag::before,
.ssm-inczigzag::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-inczigzag::before,
.ssm-inczigzag::after {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100px 100%;
}

.ssm-cross::before,
.ssm-cross::after {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-cross{
  padding-bottom: 20em;
}
.ssm-cross::before,
.ssm-cross::after {
	background: #fff;
	bottom: 0px;
	width: 200px;
	height: 2px;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
  
}

.ssm-cross::before {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.ssm-cross::after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}
.ssm-double-lines::before {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-double-lines::before {
	bottom: 30px;
	width: 140px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	box-shadow: 0 30px 0 #eee;
}
.ssm-dots::before {
  position: absolute;
        content: '';
        pointer-events: none;
}
.ssm-dots::before {
	bottom: 20px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	box-shadow: 30px 0 #eee, -30px 0 #eee;
}

/*transparent section*/
/* Hides all the items that float over the right margin */
 
.ssm-ttb:after,.ssm-ttb:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);
    }
 
.ssm-ttb:before{
    right:50%;
    border-right:1000px solid transparent;
    border-left:1000px solid;}
 
.ssm-ttb:after{
    left:50%;
    border-left:1000px solid transparent;
    border-right:1000px solid;}
    
 /*smaller */
/* Hides all the items that float over the right margin */
 
.ssm-tts:after,.ssm-tts:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);
    }
 
.ssm-tts:before{
    right:50%;
    border-right:75px solid transparent;
    border-left:1000px solid;}
 
.ssm-tts:after{
    left:50%;
    border-left:75px solid transparent;
    border-right:1000px solid;}