@charset "UTF-8";
.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/common/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
} .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/common/grab.png), move;}
.ms-grabbing-cursor{cursor: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/common/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view {
margin:0px auto;
overflow:hidden;
position:relative;
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/common/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
} .ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600;
} .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
} .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
} .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left  .ms-tab-thumb{ float:left;  margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
.ms-pattern.ms-patt-1  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} .ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-black-1  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn{
width: 55px;
height: 55px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat 24px 18px white;
border: solid 1px #3d3d3d;
border-radius: 50%;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 31px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat -289px 6px white;
border-radius: 50%;
border: solid 1px #3d3d3d;
top: 18px;
right: 30px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
} .ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat white;
background-position: -178px 17px;
border: solid 1px #3d3d3d;
border-radius: 50%;
height: 55px;
width: 55px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -27px;
position: absolute;
z-index: 110;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover{
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-nav-next {
right: 30px;
left: auto;
background-position: -75px 17px;
}
.ms-skin-minimal .ms-bullet {
width: 8px;
height: 8px;
background: white;
border: solid 1px #3d3d3d;
border-radius: 50%;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-minimal .ms-bullet-selected {
background: #3d3d3d;
}
.ms-skin-minimal .ms-time-bar {
height: 3px;
background: #FFFFFF;
border-top: solid 1px rgba(0, 0, 0, 0.41);
}
.ms-skin-minimal .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-minimal .ms-tooltip-point {cursor: pointer;}
.ms-skin-minimal .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-minimal .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-minimal .ms-tooltip {
max-width:200px;
}
.ms-skin-minimal .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
} .ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
} .ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-3  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-4  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
} .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
} .ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6-retina.png);
background-size: 152px 225px;
}
} .ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
} .ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin-retina.png);
background-size: 152px 225px;
}
} .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
} .ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-contrast  .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(//www.uam.co.th/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin-retina.png);
background-size: 152px 225px;
}
}.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }
.pull-left {
float: left;
}
.pull-right {
float: right;
} .container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; } .container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }  @media (min-width: 1200px) {
.container                                  { width: 1200px; }
.container .column,
.container .columns                         { margin-left: 15px; margin-right: 15px;  }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 15px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 15px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 45px; }
.container .two.columns                     { width: 120px; }
.container .three.columns                   { width: 195px; }
.container .four.columns                    { width: 270px; }
.container .five.columns                    { width: 345px; }
.container .six.columns                     { width: 420px; }
.container .seven.columns                   { width: 495px; }
.container .eight.columns                   { width: 570px; }
.container .nine.columns                    { width: 645px; }
.container .ten.columns                     { width: 720px; }
.container .eleven.columns                  { width: 795px; }
.container .twelve.columns                  { width: 870px; }
.container .thirteen.columns                { width: 945px; }
.container .fourteen.columns                { width: 1020px; }
.container .fifteen.columns                 { width: 1095px; }
.container .sixteen.columns                 { width: 1170px; } .container .offset-by-one                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
}  @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 28px; }
.container .two.columns                     { width: 76px; }
.container .three.columns                   { width: 124px; }
.container .four.columns                    { width: 172px; }
.container .five.columns                    { width: 220px; }
.container .six.columns                     { width: 268px; }
.container .seven.columns                   { width: 316px; }
.container .eight.columns                   { width: 364px; }
.container .nine.columns                    { width: 412px; }
.container .ten.columns                     { width: 460px; }
.container .eleven.columns                  { width: 508px; }
.container .twelve.columns                  { width: 556px; }
.container .thirteen.columns                { width: 604px; }
.container .fourteen.columns                { width: 652px; }
.container .fifteen.columns                 { width: 700px; }
.container .sixteen.columns                 { width: 748px; } .container .offset-by-one                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
}  @media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns  { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
.container .one-half,
.container .one-third,
.container .two-third,
.container .one-fourth,
.container .three-fourth,
.container.one-fifth,
.container.two-fifth,
.container.three-fifth,
.container .four-fifth,
.container.one-sixth,
.container.five-sixth { width: 300px; }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns { width: 420px; }
.container .one-half,
.container .one-third,
.container .two-third,
.container .one-fourth,
.container .three-fourth,
.container.one-fifth,
.container.two-fifth,
.container.three-fifth,
.container .four-fifth,
.container.one-sixth,
.container.five-sixth { width: 420px; }
}  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
#portfolio-wrap.grid-portfolio .portfolio-item {
margin: 15px;
padding: 0;
margin-bottom:20px;
}.social-icon {
display: inline-block;
margin: 0 5px 5px 0;
background-color: #f8f8f8 !important;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
overflow: hidden;
width: 40px;
height: 40px;
}
.social-icon a {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.social-icon a:hover {
background-color: #444444;
background-position: 0px -40px !important;
}
.social-icons ul {
list-style: none;
margin: 0 0 -1px 0;
float: right;
}
.social-icons ul li {
display: block;
float: left;
margin: 0;
padding: 0;
}
.social-icons ul li a {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: block;
width: 40px;
height: 40px;
text-indent: -9999px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.social-icons a:hover {
background-color: #cccccc;
background-position: 0px -40px !important;
opacity: 1;
}
.social-email a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/email.png) no-repeat 0 0
}
.social-email a:hover {
background-color: #666666
}
.social-aim a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/aim.png) no-repeat 0 0
}
.social-aim a:hover {
background-color: #e95a00
}
.social-apple a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/apple.png) no-repeat 0 0
}
.social-apple a:hover {
background-color: #606060
}
.social-behance a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/behance.png) no-repeat 0 0
}
.social-behance a:hover {
background-color: #18a3fe
}
.social-blogger a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/blogger.png) no-repeat 0 0
}
.social-blogger a:hover {
background-color: #fb913f
}
.social-cargo a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/cargo.png) no-repeat 0 0
}
.social-cargo a:hover {
background-color: #00c462
}
.social-delicious a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/delicious.png) no-repeat 0 0
}
.social-delicious a:hover {
background-color: #3274d1
}
.social-deviantart a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/deviantart.png) no-repeat 0 0
}
.social-deviantart a:hover {
background-color: #d0de21
}
.social-digg a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/digg.png) no-repeat 0 0
}
.social-digg a:hover {
background-color: #2882c6
}
.social-dopplr a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/dopplr.png) no-repeat 0 0
}
.social-dopplr a:hover {
background-color: #99cc66
}
.social-dribbble a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/dribbble.png) no-repeat 0 0
}
.social-dribbble a:hover {
background-color: #ef5b92
}
.social-ember a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/ember.png) no-repeat 0 0
}
.social-ember a:hover {
background-color: #fb9d00
}
.social-evernote a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/evernote.png) no-repeat 0 0
}
.social-evernote a:hover {
background-color: #77ba2f
}
.social-facebook a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/facebook.png) no-repeat 0 0
}
.social-facebook a:hover {
background-color: #3b5998
}
.social-flickr a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/flickr.png) no-repeat 0 0
}
.social-flickr a:hover {
background-color: #f1628b
}
.social-forrst a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/forrst.png) no-repeat 0 0
}
.social-forrst a:hover {
background-color: #5b9a68
}
.social-github a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/github.png) no-repeat 0 0
}
.social-github a:hover {
background-color: #7292a2
}
.social-google a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/google.png) no-repeat 0 0
}
.social-google a:hover {
background-color: #dd4b39
}
.social-googleplus a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/googleplus.png) no-repeat 0 0
}
.social-googleplus a:hover {
background-color: #d94a39
}
.social-gowalla a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/gowalla.png) no-repeat 0 0
}
.social-gowalla a:hover {
background-color: #ff920d
}
.social-grooveshark a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/grooveshark.png) no-repeat 0 0
}
.social-grooveshark a:hover {
background-color: #f88e00
}
.social-html5 a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/html5.png) no-repeat 0 0
}
.social-html5 a:hover {
background-color: #f3642c
}
.social-icloud a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/icloud.png) no-repeat 0 0
}
.social-icloud a:hover {
background-color: #fb913f
}
.social-lastfm a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/lastfm.png) no-repeat 0 0
}
.social-lastfm a:hover {
background-color: #d21309
}
.social-linkedin a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/linkedin.png) no-repeat 0 0
}
.social-linkedin a:hover {
background-color: #71b2d0
}
.social-metacafe a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/metacafe.png) no-repeat 0 0
}
.social-metacafe a:hover {
background-color: #ef4035
}
.social-mixx a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/mixx.png) no-repeat 0 0
}
.social-mixx a:hover {
background-color: #d80330
}
.social-myspace a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/myspace.png) no-repeat 0 0
}
.social-myspace a:hover {
background-color: #003398
}
.social-netvibes a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/netvibes.png) no-repeat 0 0
}
.social-netvibes a:hover {
background-color: #629e61
}
.social-newsvine a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/newsvine.png) no-repeat 0 0
}
.social-newsvine a:hover {
background-color: #5b965a
}
.social-orkut a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/orkut.png) no-repeat 0 0
}
.social-orkut a:hover {
background-color: #ed2590
}
.social-paypal a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/paypal.png) no-repeat 0 0
}
.social-paypal a:hover {
background-color: #32689a
}
.social-picasa a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/picasa.png) no-repeat 0 0
}
.social-picasa a:hover {
background-color: #444
}
.social-pinterest a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/pinterest.png) no-repeat 0 0
}
.social-pinterest a:hover {
background-color: #cb2027
}
.social-plurk a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/plurk.png) no-repeat 0 0
}
.social-plurk a:hover {
background-color: #f35b36
}
.social-posterous a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/posterous.png) no-repeat 0 0
}
.social-posterous a:hover {
background-color: #f9d560
}
.social-reddit a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/reddit.png) no-repeat 0 0
}
.social-reddit a:hover {
background-color: #cde2f9
}
.social-rss a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/rss.png) no-repeat 0 0
}
.social-rss a:hover {
background-color: #fe9900
}
.social-skype a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/skype.png) no-repeat 0 0
}
.social-skype a:hover {
background-color: #18b7f1
}
.social-stumbleupon a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/stumbleupon.png) no-repeat 0 0
}
.social-stumbleupon a:hover {
background-color: #eb4924
}
.social-technorati a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/technorati.png) no-repeat 0 0
}
.social-technorati a:hover {
background-color: #7ac84f
}
.social-tumblr a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/tumblr.png) no-repeat 0 0
}
.social-tumblr a:hover {
background-color: #3a5976
}
.social-twitter a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/twitter.png) no-repeat 0 0
}
.social-twitter a:hover {
background-color: #48c4d2
}
.social-vimeo a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/vimeo.png) no-repeat 0 0
}
.social-vimeo a:hover {
background-color: #62a0ad
}
.social-wordpress a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/wordpress.png) no-repeat 0 0
}
.social-wordpress a:hover {
background-color: #464646
}
.social-yahoo a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/yahoo.png) no-repeat 0 0
}
.social-yahoo a:hover {
background-color: #ab64bc
}
.social-yelp a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/yelp.png) no-repeat 0 0
}
.social-yelp a:hover {
background-color: #c41200
}
.social-youtube a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/youtube.png) no-repeat 0 0
}
.social-youtube a:hover {
background-color: #f45750
}
.social-zerply a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/zerply.png) no-repeat 0 0
}
.social-zerply a:hover {
background-color: #8db259
}
.social-zootool a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/zootool.png) no-repeat 0 0
}
.social-zootool a:hover {
background-color: #262626
}
.social-instagram a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/instagram.png) no-repeat 0 0
}
.social-instagram a:hover {
background-color: #517FA4
}
.social-xing a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/xing.png) no-repeat 0 0
}
.social-xing a:hover {
background-color: #d6d800
}
.social-angellist a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/social/icons/angellist.png) no-repeat 0 0
}
.social-angellist a:hover {
background-color: #d6d800
}.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
} @font-face {
font-family: 'flexslider-icon';
src:url(//www.uam.co.th/wp-content/themes/uam371/fonts/flexslider-icon.eot);
src:url(//www.uam.co.th/wp-content/themes/uam371/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/flexslider-icon.woff) format('woff'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/flexslider-icon.ttf) format('truetype'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider ul {
margin: 0 !important;
padding: 0 !important;
list-style:none !important;
}
.flexslider ul li {
margin: 0 !important;
padding: 0 !important;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} .flexslider .slides img {
max-width: 100%;
display: block;
margin:0 auto;
}
.flex-pauseplay span {
text-transform: capitalize;
} .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .flexslider {
margin: 0;
position: relative;
zoom: 1;
}
.flex-viewport {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
} .flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration:none;
display: block;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
font-size:0px;
font-family: FontAwesome;
}
.section-slider .flex-direction-nav a i,
.project-media .flex-direction-nav a i{
border-radius:50%;
}
.flex-direction-nav .flex-prev {
left: 10px;
}
.flex-direction-nav .flex-next {
text-align: right;
right: 10px;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter:alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a i {
font-family: FontAwesome;
font-size: 18px;
display: table-cell;
text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
vertical-align:middle;
color: #ffffff;
border:3px solid #ffffff;
line-height:0;
width: 30px;
height: 30px;	
} .flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
} .flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 20px;
height: 8px;
display: block;
background: #444444;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1);
-o-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1);
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1);	
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
-webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
.testimonial-slider .flex-direction-nav, .twitter-slider .flex-direction-nav {
display: block;
bottom: -40px;
font-size: 0px;
border-radius: 50%;
width:100%;
position: absolute;
}
.testimonial-slider .flex-direction-nav li a, .twitter-slider .flex-direction-nav li a {
opacity:1;
filter:alpha(opacity=100);
}
.testimonial-slider .flex-direction-nav li a:before, .twitter-slider .flex-direction-nav li a:before {
background: #ffd600;
}
.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev {
left: 45%;
}
.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next {
right: 45%;
left: auto;
}
#home-slider .flex-control-nav {
bottom: 0;
top: auto;
left: auto;
text-align: center;
}
#home-slider .flex-control-nav {
bottom: 10px;
top: auto;
left: auto;
text-align: center;
}
.section-slider {
margin-bottom:40px;
}
.project-media .flexslider .slides > li, .post .flexslider .slides > li {
position: relative;	
}
.flex-caption {
width: auto;
padding: 0 15px;
line-height: 30px;
margin: 0;
position: absolute;
left: 0px;
bottom: 10px;
color: #ffffff !important;
font-size: 14px;
margin: 0 !important;
top:auto;
width:100%;
background:none !important;
padding:10px 0;
}
.flex-caption h4 {
line-height:1.2;
padding:8px 10px;
display:table;
background:#000000;
color: #ffffff !important;
background:rgba(0,0,0,0.5);
border-radius:1px;
margin-left:20px;
text-transform: uppercase;
margin-bottom:0px;
}
.flex-caption p {
line-height:1.4;
border-radius:1px;
padding:3px 6px;
margin-left:20px;	
background:#000000;
color: #ffffff !important;
background:rgba(0,0,0,0.5);
display:inline-table;
}@font-face {
font-family: 'FontAwesome';
src: url(//www.uam.co.th/wp-content/themes/uam371/fonts/fontawesome-webfont.eot?v=4.4.0);
src: url(//www.uam.co.th/wp-content/themes/uam371/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
} .pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}div.pp_pic_holder a:focus {
outline:none
}
div.pp_overlay {
background:#000!important;
left:0;
position:fixed;
top:0;
width:100%;
z-index:95000!important;
opacity: 0;
transition: opacity 0.32s linear;
}
div.pp_pic_holder {
display:none;
position:absolute;
width:100px;
z-index:100000!important;
-webkit-backface-visibility: hidden;
line-height: 22px;
}
body[data-smooth-scrolling="1"] div.pp_pic_holder {
margin-left: -7px;
}
.pp_content {
min-width:40px;
height:auto!important;
}
* html .pp_content {
width:40px
}
.pp_content_container {
position:relative;
text-align:left;
width:100%;
}
.pp_content_container .pp_left {
padding-left:20px
}
.pp_content_container .pp_right {
padding-right:20px
}
.pp_content_container .pp_details {
float:left;
margin: 0px
}
.pp_description {
display:none;
margin:0
}
.pp_social {
float:left;
margin:0
}
.pp_social .facebook {
float:left;
margin-left:5px;
width:55px;
overflow:hidden
}
.pp_social .twitter {
float:left
}
.pp_nav {
clear:right;
float:left;
margin:-25px 4px 14px 13px!important;
display:block !important;
}
.pp_nav p {
float:left;
white-space:nowrap;
margin:2px 4px;
padding: 0px!important;
}
.pp_nav .pp_play, .pp_nav .pp_pause {
float:left;
margin-right:4px;
text-indent:-10000px
}
a.pp_arrow_previous, a.pp_arrow_next {
display:block;
height:55px;
margin-top:3px;
overflow:hidden;
text-indent:-10000px;
width:49px;
text-align: center;
}
.pp_hoverContainer {
position:absolute;
top:0;
width:100%;
z-index:2000;
display: none!important;
}
.pp_gallery {
display:none!important;
left:50%;
margin-top:-50px;
position:absolute;
z-index:100000
}
.pp_gallery div {
float:left;
overflow:hidden;
position:relative
}
.pp_gallery ul {
float:left;
height:35px;
position:relative;
white-space:nowrap;
margin:0 0 0 5px;
padding:0
}
.pp_gallery ul a {
border:1px rgba(0, 0, 0, 0.5) solid;
display:block;
float:left;
height:33px;
overflow:hidden
}
.pp_gallery ul a img {
border:0
}
.pp_gallery li {
display:block;
float:left;
margin:0 5px 0 0;
padding:0
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
margin-top:7px!important
}
.ppt {
left: 20px;
position: relative;
opacity: 0!important;
}
.pp_loaderIcon {
background-color: transparent;
display:none;
height:31px!important;
left:50%;
top:50%;
position:fixed;
width:31px!important;
margin-left: -15px;
z-index:98000;
}
div.dark_rounded {
padding-top:17px
}
div.dark_rounded iframe {
overflow-y: hidden;
}
a.pp_close {
position:absolute;
right:20px;
display:block;
line-height:34px;
width: 16px;
height: 20px;
position: absolute;
z-index: 1000001;
right: 5px;
top: 10px;
font-size: 12px!important;
height: 37px;
width: 37px;
}
body a.pp_close .icon-default-style {
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
left: -2px;
width: 34px!important;
height: 34px!important;
color: #ddd!Important;
font-size: 18px!important;
text-align: center;
}
body a.pp_close:hover .icon-default-style {
color: rgba(255, 255, 255, 1)!important;
}
body a.pp_close:hover {
border-color: rgba(255, 255, 255, 0.7);
}
#pp_full_res {
line-height:1!important;
padding:0 5%;
}
#pp_full_res img {
height: auto !important;
width: 100% !important;
}
#pp_full_res .pp_inline {
text-align:left
}
#pp_full_res .pp_inline p {
display: none;
}
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
color:#fff
}
div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
color:#fff
}
.pp_top, .pp_bottom {
height:20px;
position:relative
}
* html .pp_top, * html .pp_bottom {
padding:0 20px
}
.pp_top .pp_left, .pp_bottom .pp_left {
height:20px;
left:0;
position:absolute;
width:20px
}
.pp_top .pp_middle, .pp_bottom .pp_middle {
height:20px;
left:20px;
position:absolute;
right:20px
}
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
left:0;
position:static
}
.pp_top .pp_right, .pp_bottom .pp_right {
height:20px;
left:auto;
position:absolute;
right:0;
top:0;
width:20px
}
.pp_fade, .pp_gallery li.default a img {
display:none
}
.pp_fade {
position: relative;
z-index: 100000;
}
.pp_left, .pp_right {
height: 100%;
}
.pp_inline iframe {
width: 100%;
}
a.pp_arrow_previous {
position: fixed;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
z-index: 100000;
text-indent: 0!important;
left: 0;
top: 50%;
z-index: 1000001;
margin-top: -10px;
}
a.pp_arrow_next {
position: fixed;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
text-indent: 0!important;
top: 50%;
margin-top: -20px;
z-index: 1000001;
right: 0;
}
body a.pp_arrow_next i.icon-default-style, body a.pp_arrow_previous i.icon-default-style {
color: #ddd!Important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
margin-top: 20px;
transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s;
-webkit-transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s;
line-height: 34px!important;
height: 34px;
width: 34px;
margin-right: 0px;
font-size: 34px!important;
color: #27CFC3;
background-color: transparent!important;	
}
body a.pp_arrow_next:hover i.icon-default-style, body a.pp_arrow_previous:hover i.icon-default-style {
color: #fff!Important;
}
body[data-smooth-scrolling="1"] a.pp_arrow_next {
right: 40px;
}.accordion .accordion-title {
position: relative;
display: block;
border: 1px solid #f0f0f0;
margin-bottom: 6px;
border-radius: 2px;
}
.accordion .accordion-title h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1;
}
.accordion .accordion-title a {
display: block;
padding: 11px 15px 7px;
color: inherit;
background-color: #F8f8f8;
}
.accordion .accordion-title a i {
font-size: 22px;
margin-right: 5px;
}
.accordion .accordion-title span {
position: absolute;
background: url(//www.uam.co.th/wp-content/themes/uam371/images/plus_minus.png) 0px -24px no-repeat;
width: 24px;
height: 24px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 7px 7px;
right: 0;
}
.accordion .accordion-title.active span {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/plus_minus.png) 0px 0px no-repeat;
}
.accordion .accordion-inner {
padding: 7px 10px 10px 15px;
display: none;
margin: -7px 0 6px;
border: 1px solid #f0f0f0;
}
.accordion .accordion-inner div {
margin-left: 45px;
padding: 0px 5px 10px 10px;
margin-bottom: 6px;
}  .alert-message, .alert {
position: relative;
border: 1px solid #ddd;
display: block;
background-color: #F9F9F9;
-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
font-weight: bold;
padding: 10px 40px;
margin-bottom: 20px;
}
.alert-message.warning, .alert.warning {
background-color: #fbf6e3;
border-color: #efd877;
color: #c4a80a;
}
.alert-message.warning a, .alert.warning a {
color: #c4a80a;
}
.alert-message.success, .alert.success {
background-color: #e9f2d2;
border-color: #c0da66;
color: #88b12b;
}
.alert-message.success a, .alert.success a {
color: #88b12b;
}
.alert-message.error, .alert.error {
background-color: #ffe9e9;
border-color: #e99f9f;
color: #d25c5a;
}
.alert-message.error a, .alert.error a {
color: #d25c5a;
}
.alert-message.info, .alert.info {
background-color: #dbe9f3;
border-color: #9fc2dd;
color: #468bbf;
}
alert-message.info a, .alert.info a {
color: #468bbf;
}
.alert-message p {
margin: 0;
padding: 0;
}
.alert-message span.close, .alert span.close {
display: block;
padding: 10px 15px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
opacity: 0.5;
}
.alert-message span.close:hover, .alert span.close:hover {
opacity: 1;
}  .button {
-webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 13px 24px;
font-size: 13px;
font-weight: bold;
text-shadow: none;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color: #ffffff;
cursor: pointer;
background-color: #FFD600;
height: 40px;
line-height: 40px !important;
}  .callout {
margin: 0;
display: block;
background: #F8f8f8;
padding:20px;
border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
border-right: 1px solid rgba(0, 0, 0, 0.04) !important;
border-left: 3px solid #FFD600;
}
.callout .callout-button {
margin: 20px 10px 10px;
float: right;
}
.callout .callout-content {
float: left;
}
.callout .callout-content p {
}
.callout a.button {
margin: 0;
text-align: center;
}
.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
line-height: 1.3;
margin: 0 0 0px 0 !important;
}  .client-logos {
width: 100%;
text-align: center;
float: left;
padding: 20px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 10px;
}
.client-logos img {
display: inline;
max-width: 110px;
}
.client-logos a img {
opacity: 1;
filter: alpha(opacity=100);
}
.client-logos a img:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}  .fancy-header {
width: 100%;
margin: 30px 0 20px;
position: relative;
clear: both;
display: block;
z-index: 1;
text-align:center;
}
.fancy-header:after {
position: absolute;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #e8e8e8;
left: 0;
top: 50%;
z-index: -1;
}
.fancy-header span {
font-size: 11px;
padding: 5px 10px;
background: #ffffff;
border-radius: 2px;
position: relative;
display: inline-block;
font-family: 'HelveticaNeue Light', Helvetica, Arial, sans-serif;
font-style: italic;
border: 1px solid #e8e8e8;
}  .fancy-header1 {
width: 100%;
margin: 20px 0 20px;
position: relative;
clear: both;
display: block;
z-index: 1;
text-align: center;
}
.fancy-header1 h2 {
display: inline-block;
position: relative;
font-size: 36px;
}
.fancy-header1 h2:after, .fancy-header1 h2:before {
position: absolute;
content: '';
width: 80px;
height: 0;
border-bottom: 1px solid;
top: 50%;
opacity: 0.4;
filter: alpha(opacity=40);
}
.fancy-header1 h2:after {
right: -90px;
}
.fancy-header1 h2:before {
left: -90px;
}  .fancy-header2 {
margin-bottom: 30px;
text-align:center;
}
.fancy-header2 h4, .fancy-header2 h3 {
line-height: 0.8;
margin-bottom: 0px;
}  .full-width {
padding: 50px 0 20px;
margin: 30px 0;
width:100%;
}
.full-width.image, .rnr-video {
background-attachment: scroll !important;
background-position:center top !important;
background-size: cover !important;
}  .milestone-count {
font-family: 'Open Sans', "Times New Roman", Times, serif;
font-size: 80px;
line-height: 1.2;
padding: 0;
margin-bottom: 20px;
position: relative;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.02em;
}  blockquote {
margin: 0 0 20px 0;
padding: 0;
clear:both;
}
blockquote div {
margin: 0 !important;
padding: 5px 0 5px 15px;
border-left: 4px solid #FFD600;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: lighter;
font-size: 18px;
line-height: 1.2;
}
.pullquote {
width: 260px;
margin: 15px 0 !important;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: lighter;
font-size: 18px;
line-height: 1.2;
}
.pullquote.align-left {
float: left;
padding: 0px 15px;
border-left: 4px solid #FFD600;
}
.pullquote.align-right {
float: right;
padding: 0px 15px;
text-align: right;
border-right: 4px solid #FFD600;
}  .service-box {
margin: 0 0 0px 0;
text-align: center;
padding: 20px 10px;
border: 1px solid #f0f0f0;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #ffffff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.service-box:hover {
box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
background: #FFD600;
color: #ffffff;
border: 1px solid transparent;
}
.service-box .img-container {
max-width: 60%;
text-align: center;
margin: 20px auto;
}
.service-box:hover h1,
.service-box:hover h2,
.service-box:hover h3,
.service-box:hover h4,
.service-box:hover h5,
.service-box:hover h6,
.service-box:hover a {
color:#ffffff;
}
.button:hover {
color:#ffffff;	
}
.service-box .service-icon {
width: 80px;
height: auto;
font-size: 70px;
margin: 15px auto;
padding: 25px 20px;
text-align: center;
display: block;
text-align: center;
border-radius: 50%;
background: #ffd600;
color: #ffffff;
border: 4px solid #ffffff;
box-shadow: 0px 0px 0px 3px #ffd600;
}
.service-box:hover .service-icon {
border: 4px solid #ffd600;
box-shadow: 0px 0px 0px 3px #ffffff !important;
background: #ffffff !important;
color: #ffd600;
}
.service-description {
margin-bottom: 30px;
}
.service-box ul li {
font-weight: bold;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dashed #e0e0e0;
}
.service-box ul li:last-child {
border: none;
margin: 0;
padding: 0;
}  .service-features {
text-align: center;
}
.service-features h3 {
padding-top: 20px;
margin-bottom: 4px;
}
.service-features .img-container {
padding: 25px 45px;
border-radius: 3px;
background: #FFD600;
width: 120px;
margin: 0 auto;
position: relative;
}
.service-features .img-container i {
font-size: 84px;
color: #ffffff;
}
.service-features .img-container:after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 15px solid #ffd600;
border-bottom: 0px solid transparent !important;
border-right: 20px solid transparent !important;
border-left: 20px solid transparent !important;
left: 50%;
bottom: -15px;
margin-left: -20px;
}  .skillbar {
width: 100%;
height: 25px;
display: block;
background: rgba(0, 0, 0, 0.04);
margin-bottom: 10px;
position: relative;
}
.skillbar .skill-percentage {
background: #FFD600;
display: block;
width: 0%;
height: 25px;
}
.skill-title {
font-size: 12px;
font-weight: bold;
position: absolute;
padding: 5px 10px;
color: #ffffff;
z-index: 1;
background: transparent;
}  .tabs {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
top: 1px;
}
.tab {
float: left;
margin-right: -1px;
}
.tab a {
color: inherit;
border: 1px solid #e8e8e8;
display: block;
padding: 10px 20px 10px 15px;
background-color: #f8f8f8;
}
.tab a:hover {
background: #ffffff;
}
.tab a i {
display: inline-table;
font-size: 18px;
padding: 0 7px 0 10px;
margin-right: 0px;
line-height: 0;
}
.tab a.selected {
background: #ffffff;
border-bottom-color: #fff;
font-weight:bold;
box-shadow: 0px -3px 0px 0px #FFD600;
}
.tab a.selected i {
}
.panel {
border: 1px solid #e8e8e8;
clear: both;
padding: 10px 10px 0px 15px;
}  .member-role {
padding: 40px 0 10px;
margin-bottom: 30px;
border-bottom: 1px solid #e8e8e8;
clear:both;
}
.member-role h1 {
line-height:1;
margin-bottom:0px;
display:inline-block;
}
.member-role h4 {
line-height:1;
font-size:26px;
}
.team-member {
display:inline-block;
width: 33.33%;
text-align: center;
margin-left:-4px;
}
.team-member.team-1 {
width: 80%;
}
.team-member.team-2 {
width: 50%;
}
.team-member.team-3 {
width: 33.33%;
}
.team-member.team-4 {
width: 25%;
}
.team-member.team-5 {
width: 20%;
}
.team-member .team-thumb {
line-height: 0;
position:relative;
}
.team-member .team-thumb img {
width: 100%;
height: auto;
}
.team-member .team-desc {
padding: 10px;
font-size: 14px;
margin-left: -1px;
border: 1px solid #e8e8e8;
border-top: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
background:#ffffff;
}
.team-member:hover .team-desc {
background:#ffd600;
color:#ffffff;
}
.team-member .team-desc h4 {
margin-bottom: 5px;
font-size: 16px;
}
.team-member:hover .team-desc h4 {
color:#ffffff;
}
.team-member .team-desc h5 span {
font-size: 12px;
font-weight: normal;
color: #aaa;
}
.team-member .team-desc a {
font-weight: normal;
display: block;
font-size: 13px;
margin-top: 0px;
}
.team-member .team-desc a span i {
color: #3CF;
margin-right: 5px;
}  .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background: white;
background-color: rgba(255, 255, 255, 0.98);
}
.modal {
position: fixed;
top: 4%;
left: 0;
z-index: 1050;
width: 100%;
overflow: auto;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
text-align:left;
}
.modal .close {
float: right;
font-size: 24px;
font-weight: bold;
line-height: 18px;
color: #ffffff;
background:#ffd600;
width:40px;
height:40px;
line-height:40px;
-webkit-border-radius:50%;
-mox-border-radius:50%;
border-radius:50%;
margin: 0px 0 -40px;
text-align:center;
z-index:1000;
}
.member-bio {
overflow-y:auto;
text-align:center;
}
.member-bio .member-description {
text-align:left;
}
.columns .img-wrp {
position: relative;
}
.img-wrp img {
display: block;
}
.overlay-content {
opacity: 0;
filter: alpha(opacity=0);
top: 30%;
}
.team-overlay {
position: absolute;
top: 0px;
left: 0px;
display: none;
height: 100%;
width: 100%;
}
.team-overlay .img-overlay {
opacity: 0.8;
filter: alpha(opacity=80);
height: 100%;
width: 100%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.img-overlay {
background: #ffffff;
}
.overlay-content {
text-align: center;
position: absolute;
top: 20%;
width: 100%;
z-index: 10;
color:inherit;
font-size:16px;
font-family:'Oswald', sans-serif;
font-weight:bold;
text-transform:uppercase;
}
.overlay-content h4 {
line-height:1.4;
color:inherit;
}
.dark-skin .overlay-content h4 {
color:#ffffff;
}
.overlay-content a {
color:inherit;
line-height:1 !important;
}
.view-profile {
padding:4px 10px;
background:#ffd600;
margin-top:4px;
color:#ffffff !important;
}  .toggle .toggle-title {
position: relative;
display: block;
border: 1px solid #f0f0f0;
margin-bottom: 6px;
border-radius: 2px;
}
.toggle .toggle-title h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1;
cursor: pointer;
}
.toggle .toggle-title.active h3 {
}
.toggle .toggle-inner {
padding: 7px 10px 10px 15px;
display: none;
margin: -7px 0 6px;
border: 1px solid #f0f0f0;
}
.toggle .toggle-inner div {
max-width: 100%;
}
.toggle .toggle-title .title-name {
display: block;
padding: 11px 15px 7px;
color: inherit;
background-color: #F8f8f8;
}
.toggle .toggle-title a i {
font-size: 22px;
margin-right: 5px;
}
.toggle .toggle-title i {
position: absolute;
background: url(//www.uam.co.th/wp-content/themes/uam371/images/plus_minus.png) 0px -24px no-repeat;
width: 24px;
height: 24px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 7px 7px;
right: 0;
}
.toggle .toggle-title.active i {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/plus_minus.png) 0px 0px no-repeat;
}  .one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 67.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half.no-margin {
width: 50%;
margin-right: 0
}
.one_third.no-margin {
width: 33.33333333333%;
margin-right: 0
}
.two_third.no-margin {
width: 66.66666666667%;
margin-right: 0
}
.one_fourth.no-margin {
width: 25%;
margin-right: 0
}
.three_fourth.no-margin {
width: 75%;
margin-right: 0
}
.one_fifth.no-margin {
width: 20%;
margin-right: 0
}
.two_fifth.no-margin {
width: 40%;
margin-right: 0
}
.three_fifth.no-margin {
width: 60%;
margin-right: 0
}
.four_fifth.no-margin {
width: 80%;
margin-right: 0
}
.one_sixth.no-margin {
width: 16.6666666666667%;
margin-right: 0
}
.five_sixth.no-margin {
width: 83.333333333333%;
margin-right: 0
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 30px;
float: left;
}
.last {
margin-right: 0 !important;
}  .pricing-table {
width: 100%;
padding-top: 31px;
margin: 0 auto;
}
.pricing-table p {
margin: 0;
}
.pricing-table.col-2 .plan {
float: left;
width: 49%;
display: block;
}
.pricing-table.col-3 .plan {
float: left;
width: 33%;
display: block;
}
.pricing-table.col-4 .plan {
float: left;
width: 24%;
display: block;
}
.pricing-table.col-5 .plan {
float: left;
width: 19%;
display: block;
}
.plan {
text-align: center;
border: 1px solid #f0f0f0;
background: #ffffff;
margin-right: -1px;
-webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05);
}
.pricing-table .plan.featured {
margin: -31px -2px 20px -1px;
position: relative;
z-index: 101;
background: #a0ce4e;
line-height: 26px !important;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.14);
}
.plan .plan-head {
background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
}
.plan.featured .plan-head {
background: #ffd600;
padding: 1px;
margin: -1px;
color: #ffffff;
}
.plan.featured .plan-head h3 {
color: #ffffff;
font-size: 20px;
}
.plan .plan-head h3 {
display: block;
width: 100%;
margin: 25px 0 5px 0;
font-size: 16px;
padding: 0;
}
.plan .price {
display: block;
font-size: 36px;
line-height: 38px;
font-weight: 300;
border-bottom: 1px solid #e8e8e8;
padding: 0;
margin: 0;
}
.plan .price span {
display: block;
font-weight: 400;
font-size: 11px;
margin: 5px 0 25px 0;
padding: 0;
color: #aaaaaa;
line-height: 11px;
}
.plan.featured .price span {
color: #ffffff;
opacity: 0.7;
filter: alpha(opcity=70);
}
.plan .signup {
padding: 20px 0 20px 0;
text-align: center;
border-top: 1px solid #e8e8e8;
background: #fafafa;
}
.plan .signup a.button {
margin: 0;
}
.plan ul {
margin: 0 !important;
list-style: none !important;
padding: 0 !important;
background: #ffffff;
}
.plan li {
font-size: 12px;
padding: 10px 0px;
text-align: center;
}
.plan ul li:nth-child(2n) {
background: #f7f7f7;
}
.plan li:last-child {
background: none;
border-bottom: none;
}html, body {
height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.5;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#ajax-section ul,
.post-single ul {
margin-bottom: 1em;
margin-left: 1.5em;
list-style-type: disc
}
#ajax-section ul li,
.post-single ul li {
margin-left: .85em
}
#ajax-section ul ul,
.post-single ul ul {
list-style-type: square
}
#ajax-section ul ul ul,
.post-single ul ul ul {
list-style-type: circle
}
#ajax-section ol,
.post-single ol {
margin-bottom: 1em;
margin-left: 2.35em;
list-style-position: outside;
list-style-type: decimal
}
#ajax-section dt ,
.post-single dt{
font-weight: 700;
font-size: 110%;
margin-bottom: .2em
}
#ajax-section dd ,
.post-single dd{
margin: 0;
padding: 0 0 1em 15px
}
#ajax-section ol ol,
#ajax-section  ul ol,
.post-single ol ol,
.post-single ul ol {
margin-left: 2.5em
}
#ajax-section ol ol,
#ajax-section  ol ul,
#ajax-section  ul ol,
#ajax-section  ul ul,
.post-single ol ol,
.post-single ol ul,
.post-single ul ol,
.post-single ul ul  {
margin-bottom: 0
}
#ajax-section fieldset,
.post-single fieldset {
padding: 1em;
border: 1px solid #ddd
}
#ajax-section legend,
.post-single legend {
padding: 0 .8em;
font-weight: 700;
font-size: 1.2em
} @import url("http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext");
@font-face {
font-family: 'BebasNeueRegular';
src: url(//www.uam.co.th/wp-content/themes/uam371/fonts/BebasNeue-webfont.eot);
src: url(//www.uam.co.th/wp-content/themes/uam371/fonts/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/BebasNeue-webfont.woff) format('woff'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/BebasNeue-webfont.ttf) format('truetype'), url(//www.uam.co.th/wp-content/themes/uam371/fonts/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
font-weight: normal;
font-style: normal;
}
::-moz-selection {
background: #FFD600;
color: white;
}
::selection {
background: #FFD600;
color: white;
}
a, a:visited, a:hover {
outline: none;
}
body {
background: white;
font: 13px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #515A5F;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}
.embed-container {
position: relative;
padding-bottom: 56.25%; padding-top: 30px; height: 0;
overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img.responsive {
width: 100%;
height: auto;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
small {
font-size: 80%;
}
hr {
border: solid #eeeeee;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 30px;
height: 0;
}
pre {
height: auto;
font-family: Consolas, monospace;
border: 1px solid #f0f0f0;
background: #fafafa;
padding: 10px 20px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 0 20px 0;
overflow-x: auto;
}
.hidden {
display: none !important
}
.responsive img, .responsive iframe, .responsive object, .responsive embed {
width: 100%;
width: 100%;
height: auto;
} img {
max-width: 100%;
height: auto;
}
a {
color: #FFD600;
text-decoration: none;
outline: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.highlight {
color: #FFD600;
}
a:hover, a:focus {
color: inherit;
}
a:focus {
outline: none;
outline-offset: 0;
}
p a, p a:visited {
line-height: inherit
} ul, ol {
margin-bottom: 20px
}
ul {
list-style: none;
}
ol {
margin: 0;
padding: 0 0 0 30px;
}
ul li ul, ol li ul, ol li ul, ol li ol {
margin-bottom: 0
}
.left {
float: left;
}
.right {
float: right;
} h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
font-weight: 400;
margin-bottom: 10px;
}
body #load {
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
z-index: 9999;
background-color: #ffffff;
top:0;
left:0;
}
#qLpercentage {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 60px !important;
line-height: 1;
}
h1 {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 80px;
text-transform: uppercase;
position: relative;
margin-bottom: 0px;
}
h2 {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 44px;
text-transform: uppercase;
position: relative;
}
h3 {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 30px;
}
h4 {
font-family: 'Oswald', sans-serif;
font-size: 22px;
}
h5 {
font-family: 'Oswald', sans-serif;
font-size: 20px;
}
h6 {
font-family: 'Oswald', sans-serif;
font-size: 18px;
}
p {
margin-bottom: 10px;
} nav {
width: 100%;
position: relative;
z-index: 1000;
top:0;
}
nav.page_scroll {
top:0;
position:fixed;
}
nav.page-scroll {
top:0;
position:fixed;
}
.home-parallax.pagescroll, .home-gradient.pagescroll, .home-fullscreenslider.pagescroll {
margin-bottom:-80px;
}
.pagescroll .slider-text {
bottom:140px;
} nav.dark {
background: #151515;
border-bottom: 1px solid #000000;
}
.navigation.dark .logo h1 {
color: #ffffff !important;
} nav.light {
background: #ffffff;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
border-bottom: 1px solid #f0f0f0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
nav.light.sticky {
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
} nav.transparent {
background: transparent;
border-bottom: 1px solid transparent;
box-shadow: none;
position:fixed;
width:100%;
top:0;
}
nav.transparent a {
color:#ffffff;
}
nav.transparent.scroll {
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
}
nav.transparent.scroll a {
color: #515A5F;
}
.dark-skin nav.transparent.scroll {
background: #111111;
background: rgba(0, 0, 0, 0.95);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
}  nav.colored, nav.light.colored {
background: #ffd600;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
border-bottom: 0px;
}
nav.colored ul > li > a {
color:#ffffff;
}
nav.colored ul > li.active > a {
color:#515A5F;
}
nav .container .four.columns {
float: left;
width: auto
}
nav .container .twelve.columns {
float: right;
width: auto
}
.main-menu, .logo.large, .wpml-desktop {
display: table-cell;
vertical-align: middle;
}
.wpml-desktop {
padding-left:20px;
}
.wpml-mobile {
display:none;
}
.main-menu, .logo.large img {
max-height: 60px;
display: table-cell;
vertical-align: middle;
}
.main-menu.large, .logo.large {
height: 80px;
}
.logo a {
display: block;
margin: auto;
font-size:36px;
color: inherit !important;
}
.main-menu li {
display: inline;
margin-left: 30px;
}
.main-menu a {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
text-transform: uppercase;
}
nav.light .main-menu a {
color: inherit;
}
nav.light .main-menu a:hover, nav.dark .main-menu a:hover {
color: #FFD600;
transition: color 0.5s;
-moz-transition: color 0.5s;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
}
nav.light .main-menu li.active a, nav.dark .main-menu li.active a {
color: #FFD600;
}
.main-menu a i {
margin-right: 3px;
font-size: 22px;
}
ul#nav, ul#nav ul {
padding-left: 0;
}
ul#nav li {
display: block;
float: left;
position: relative;
}
#nav .sub-menu {
position: absolute;
top: 52px;
left: -15px;
z-index: 2000;
display: none;
background: #ffffff;
-webkit-box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07);
}
#nav .sub-menu li {
display: block;
margin: 0;
padding: 0;
height: auto;
border-bottom: 1px solid #f3f3f3;
}
#nav .sub-menu li a, #nav .sub-menu li .sub-menu li a, #nav .sub-menu li .sub-menu li .sub-menu li a {
border: none !important;
display: block;
width: 160px;
margin: 0;
padding: 15px;
line-height: normal;
height: auto;
box-shadow: none;
-webkit-box-shadow: none;
-mox-box-shadow: none;
box-shadow: none;
font-size:13px;
color:#888888;
}
#nav .sub-menu li a:hover, #nav .sub-menu li .sub-menu li a:hover, #nav .sub-menu li .sub-menu li .sub-menu li a:hover {
color: #FFD600;
}
#nav .sub-menu li.current-menu-item a, #nav .sub-menu li.current-menu-item a:hover, #nav .sub-menu li.current_page_item a, #nav .sub-menu li.current_page_item a:hover, #nav .sub-menu li .sub-menu li.current-menu-item a, #nav .sub-menu li .sub-menu li.current-menu-item a:hover, #nav .sub-menu li .sub-menu li.current_page_item a, #nav .sub-menu li .sub-menu li.current_page_item a:hover, #nav .sub-menu li a.active, #nav .sub-menu li a.active:hover {
background: #FFD600;
color: #fff;
-webkit-box-shadow: none;
-mox-box-shadow: none;
box-shadow: none;
}
#nav .sub-menu li:last-child {
border: none;
}
#nav .sub-menu li ul {
top: 10px;
left: 178px;
}
.selectnav {
display: none;
}  .home-text-wrapper {
display: table-cell;
vertical-align: middle;
margin: auto;
width:100%;
background: url(//www.uam.co.th/wp-content/themes/uam371/images/pattern.png);
}
.home1 .slabtextdone {
color: #ffffff;
}
.home1 .slabtextdone .slabtext.second-child {
background: #FFD600;
padding: 15px 10px;
display: inline-block;
width: auto;
margin-left: -10px;
color: #000000;
}
.home1.home-gradient .slabtextdone .slabtext.second-child {
background: none;
}  .home-slide .home-slide-content {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 90px;
text-transform: uppercase;
position: relative;
margin-bottom: 0px;
text-align: center;
line-height: 1.2;
}
.home-slide {
background: rgba(0, 0, 0, 0.3); 
}
.home-slide .home-slide-content {
padding: 50px 10px;
color: #ffffff;
}  .home3 .container {
width: 500px;
height: 500px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.81);
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.24);
overflow: hidden;
}
.home3 .container.no-safari {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.home3 .home-quote {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: table-cell;
vertical-align: middle;
height: inherit;
text-align: center;
width: inherit;
overflow: hidden;
color: white;
}
.home3 h1 {
color: #ffffff;
font-family: 'BebasNeueRegular', sans-serif;
width:460px;
}
.home3 .slabtextdone .slabtext.second-child {
display: inline-block;
width: auto;
color: #FFD600;
text-shadow: none;
overflow: hidden;
}
.home3 .container:hover {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
-ms-transform: scale(1.09);
transform: scale(1.09);
box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.24);
-webkit-transform-style: preserve-3d;
overflow: hidden;
}
.home3 h1 {
font-size: 30px;
overflow: hidden;
margin: 0 20px;
}  .home4 .slabtextdone {
text-shadow: none;
color:#000000;
line-height:1;
}
.home4 .home-quote {
padding: 10px 10px 0;
background: rgba(255, 255, 255, 0.63);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.32);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.home4.home-gradient .home-quote {
background: #ffffff;
}
.home4 .home-quote:hover {
box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.32);
}
.home4 .slabtextdone .slabtext.second-child {
background: #FFD600;
padding: 15px 10px;
display: inline-block;
width: auto;
margin-left: -10px;
color: #ffffff;
}  .home-fullscreenvideo {
background:#1F2224;
}  .home-banner {
height: auto !important;
color:#ffffff !important;
}
.home-banner .home-text-wrapper {
padding:150px 0 !important;
}
.home-banner2 {
height: auto !important;
padding:0 !important;
color:#ffffff !important;
}
.home-banner .slabtextdone {
text-shadow:none;
}
.home-newsletter {
color:#ffffff !important;
}
.home-newsletter .slabtextdone {
text-shadow:none;
color:#ffffff;
} .parallax {
width: 100%;
background-attachment:  fixed !important;
background-size: cover !important;
background: #f8f8f8;
color: #ffffff;
background-repeat: repeat-y;
background-position: top center;
position:relative;
}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {
color:inherit;
}
.parallax .parallax-content {
padding:170px 0;
z-index:10;
}
.parallax-content {
text-align: center;
}
.parallax-overlay {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/pattern.png);
width: 100%;
position: relative;
overflow:hidden;
height:100%;
top:0;
left:0;
}
.home-parallax .overlay, .home-video .overlay, .home-fullscreenslider .overlay {
z-index:-1;
} p.quote {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 48px;
line-height: 1;
margin-bottom: 20px;
color: white;
text-align: center;
text-transform: uppercase;
z-index: 200;
margin: 0 5%;
}
.quote i {
font-size: 25px;
display: inline-table;
vertical-align: top;
margin: 0 5px;
}
.parallax .quote i {
color: #FFD600;
}
.quote-author {
height: 24px;
width: auto;
font-size: 17px;
position: relative;
margin-top: 25px;
z-index: 200;
font-style: italic;
text-align: center;
} .twitter-slider {
width: 85%;
margin: 0 auto !important;
}
#twitter-feed {
text-align: center;
padding: 10px 0;
}
.twitter-feed-icon i {
font-size: 22px;
width: 23px;
color: #ffffff;
display: inline-block;
padding: 17px;
background: #FFD600;
border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
}
.twitter-author {
text-transform: uppercase;
font-family: 'BebasNeueRegular', sans-serif;
font-size: 25px;
}
#twitter-feed ul.slides > li p {
font-family: 'Oswald', sans-serif;
font-size: 20px;
line-height: 1.4;
margin: 5px auto 10px;
padding: 15px 0;
border-top: 1px solid rgba(255, 255, 255, 0.20);
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.twitter#twitter-feed {
text-align: left;
}
.twitter ul {
padding:0;
}
.twitter .twitter-feed-icon i {
display: none;
}
.twitter .twitter-author {
display: none;
}
.twitter li {
font-family: 'HelveticaNeue Light', sans-serif;
font-size: 13px;
color: inherit;
width: auto;
line-height: inherit;
margin-bottom: 20px;
padding: 0px;
border: none;
} .testimonial-slider {
position: relative;
width: 85%;
margin: 0 auto !important;
}
.testimonial-slider ul {
text-align: center;
padding: 10px 0;
}
.testimonial-icon i {
font-size: 22px;
width: 23px;
color: #ffffff;
display: inline-block;
padding: 17px;
background: #FFD600;
border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
}
.testimonial-slide .client-testimonial {
font-size: 13px;
font-family: 'Oswald', sans-serif;
font-size: 16px;
line-height: 1.67;
margin: 5px auto 10px;
padding: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.20);
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.client-info {
font-size: 14px;
margin-bottom: 20px;
font-style: italic;
} .section {
padding: 60px 0 60px;
position: relative;
background: #ffffff;
overflow:hidden;
width:100%;
}
.page.multipage {
text-align: left;
padding: 30px 0 0;
}
.page.multipage .copyright {
text-align: center;
} .title {
text-align: center;
}
.title h1 {
margin-bottom: 20px;
line-height: 1;
display: inline-block;
padding: 10px;
background: #FFD600;
color: #ffffff;
border: 4px solid #ffffff;
box-shadow: 0px 0px 0px 3px #FFD600;
}
.multipage .title h1 {
margin: 60px 0 40px;
line-height: 0.8;
}
.subtitle {
font-family: 'Open Sans', "Times New Roman", Times, serif;
font-size: 25px;
line-height: 1.2;
padding: 0;
margin-bottom: 40px;
position: relative;
z-index: 1;
font-weight: 700;
text-transform: uppercase;
} .home-video, .home-fullscreenslider {
padding:0 !important;
display:table;
width:100%;
background: transparent;
z-index:10;
}
.home-video {
background:none;
}
.home-video.home-banner, .home-fullscreenslider.home-banner {
padding:150px 0 !important;
}
.home-video.home-banner #home-background-video, .home-video.home-banner .home-background-vimeo {
position:static !important;
}
.home-parallax {
background-size: cover !important;
background-color: #FFD600;
background-attachment:fixed !important;
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
display: table;
color: #010101;
z-index:10;
padding:0;
} .home-logo, .home-logo-text {
margin: 30px 0 100px;
position: relative;
display: block;
text-align: center;
width: 100%;
color:#000000;
}
.home-fullscreenslider .home-logo, .home-fullscreenslider .home-logo-text {
margin: 60px 0 100px;
}
.home-logo-text a {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 60px;
text-transform: uppercase;
position: relative;
margin-bottom: 0px;
text-align: center;
line-height: 1;
padding: 5px 25px 0;
border: 5px solid;
color: inherit;
}
.home-logo-text.light a {
color: rgba(255, 255, 255, 0.9);
}
.home-logo-text a:hover {
color: #ffffff;
}
.slabtextdone {
line-height: 0.9;
color: #020202;
text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
}
.slabtexted .slabtext {
display: -moz-inline-box;
display: inline-block;
white-space: nowrap;
}
.slabtextinactive .slabtext {
display: inline;
white-space: normal;
font-size: 1em !important;
letter-spacing: inherit !important;
word-spacing: inherit !important;
*letter-spacing:0 !important;
*word-spacing:0 !important;
}
.slabtextdone .slabtext {
display: block;
}  #filters {
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
display: block;
float: none;
z-index: 2;
position: relative;
}
#filters ul {
margin: 0;
list-style: none;
padding: 0;
}
#filters ul li {
display: inline-block;
}
#filters ul li a {
display: block;
float: left;
padding: 2px 5px;
color: inherit;
margin-right: 5px;
margin-bottom: 5px;
font-weight: bold;
}
#filters ul li a h3 {
font-size: 18px;
padding: 2px 6px 0px;
border: 2px solid;
}
#filters ul li a:hover h3, #filters ul li a.active h3 {
color: #FFD600;
} #project-navigation {
width: 100%;
height: 40px;
position: absolute;
top: 10px;
left: 0;
margin: 0;
z-index: 1;
}
#project-navigation ul {
float: none;
margin: 0;
list-style: none;
display: none;
padding: 0;
}
#project-navigation ul li#prevProject a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/arrow_left.png) center center no-repeat;
float: right;
margin-right: 64px;
}
#project-navigation ul li#nextProject a {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/arrow_right.png) center center no-repeat;
float: right;
margin-right: 10px;
}
#project-navigation ul li#prevProject a, #project-navigation ul li#nextProject a {
background-color: #151515;
background-size: 30px;
}
#project-navigation ul li a {
width: 40px;
height: 40px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#project-navigation ul li#prevProject a:hover, #project-navigation ul li#nextProject a:hover {
background-color: #FFD600;
}
#project-navigation ul li a:hover {
background-color: #FFD600;
}
#project-navigation ul li a.disabled, #project-navigation ul li a.disabled:hover {
cursor: default;
background-color: rgba(0, 0, 0, 0.2) !important;
} #closeProject {
top: 10px;
position: absolute;
right: 62px;
z-index: 1;
}
#closeProject a {
width: 40px;
height: 40px;
position: absolute;
right: 0px;
display: none;
background: #151515;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#closeProject a:hover {
background: #FFD600;
}
#closeProject a i {
font-size: 14px;
color: #ffffff;
line-height: 40px;
display: inline-table;
vertical-align: middle;
}
#ajax-section {
position: relative;
padding: 0;
background: #f8f8f8;
text-align: left;
}
#ajax-section #loader {
width: 100%;
height: 20px;
display: none;
position: absolute;
top: -30px;
}
#ajax-section #loader.projectError {
text-align: center;
height: auto !important;
background-position: top center;
}
#ajax-section #loader.projectError p {
display: none;
padding-top: 16px;
}
#ajax-section #loader {
background: url(//www.uam.co.th/wp-content/themes/uam371/images/loader.gif) center center no-repeat;
}
#ajax-section #loader.projectError p {
color: #666 !important;
}
#ajax-content-outer {
width: 100%;
overflow: hidden;
position: relative;
}
#ajax-content-inner {
float: left;
opacity: 0;
}
#ajaxpage {
float: left;
display: block;
}
.project-media {
margin-top: 70px;
margin-bottom: 30px;
overflow: hidden;
display: block;
}
.project-info {
margin-top: 60px;
margin-bottom: 30px;
}
.sixteen .project-info {
margin-top: 0px;
}
.project-info {
height: auto;
float: left;
margin-bottom: 30px;
}
.project-description, .project-details {
margin-bottom: 30px;
}
.project-description h3, .project-details h3 {
margin-bottom: 10px;
}
.project-details p {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 7px;
}
.project-details p span {
font-weight: bold;
} #portfolio-wrap {
position: relative;
padding: 0;
width: 100%;
margin: 0 auto;
display: block;
}
#portfolio-wrap .portfolio-item {
margin: 0;
padding: 0;
line-height:0;
z-index:5;
}
#portfolio-wrap.grid-portfolio .portfolio-item {
margin: 10px;
padding: 0;
margin-bottom:15px;
}
.portfolio-item.current {
box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);
z-index: 101 !important;
}
.portfolio-item {
padding: 0;
position: relative;
overflow: hidden;
}
.portfolio-item .portfolio-image {
overflow: hidden;
display: block;
position: relative;
}
.portfolio-item .portfolio-image img {
max-width: 100%;
height: auto;
}
.portfolio .portfolio-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 4;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: #000000;
background: rgba(0, 0, 0, 0.8);
}
.portfolio > a, .portfolio > a:hover {
color: #ffffff;
}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.portfolio > a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio > a:hover img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio .thumb-info {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio a:hover .portfolio-overlay .thumb-info {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.portfolio-overlay .thumb-info h3 {
top: 38%;
font-size: 22px;
line-height: 1.1;
}
.portfolio-overlay .thumb-info p {
top: 59%;
font-size: 10px;
line-height: 1.3;
text-transform:uppercase;
}
.portfolio-overlay .thumb-info h3 {
color: #ffffff;
width: 96%;
position: absolute;
text-align: center;
padding:0 2%;
}
.portfolio-overlay .thumb-info p {
color: #ffffff;
width: 96%;
position: absolute;
text-align: center;
font-weight: bold;
padding:0 2%;
}
.portfolio-overlay .thumb-info i {
color: #ffffff;
width: 100%;
position: absolute;
text-align: center;
display: block;
}
.portfolio-description, .project-details {
margin-bottom:20px;
}
.project-details .button {
margin-top: 10px;
float: none;
display: inline-block;
padding: 0 20px;
} .isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .post {
margin-bottom: 60px;
}
.post-media {
margin-bottom: 30px;
}
.post-title {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 36px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 10px;
}
.post-title a {
color: inherit;
}
.post-title a:hover {
color: #FFD600;
}
.post.sticky {
padding: 30px 15px;
background: rgba(0, 0, 0, 0.04);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
} .post-image, .post-gallery, .post-video, .post-audio {
margin-bottom: 30px !important;
}
.post-image img, .post-gallery img {
max-width: 100%;
height: auto;
width: 100%;
}
.post-link {
margin-top: 10px;
margin-bottom: 30px;
font-size: 15px;
font-weight: normal;
}
.post-quote {
position: relative;
padding: 20px 0px 20px;
}
.post-quote i {
margin:0px 10px;
}
.post-quote h2 {
margin: 0 0 0px 0;
padding: 15px 0;
font-size: 30px;
font-weight: normal;
}
.post-quote h2 a {
color:inherit;
}
.post-quote .quote-source a {
font-size: 18px;
font-weight: normal;
padding: 0;
color:inherit;
} .post-tags {
margin-top: 20px;
}
.post-tags i {
display: inline-table;
margin-right: 4px;
font-size: 16px;
vertical-align: middle;
}
.post-tags ul {
display: inline-block;
padding: 0;
}
.post-tags li {
display: inline-block;
position: relative;
text-transform: uppercase;
font-size: 11px;
}
.post-tags li:after {
content: ' . ';
}
.post-tags li:last-child:after {
content: '';
}
.post-tags li a {
color: inherit;
text-decoration: none;
}
.post-tags li a:hover {
color: #FFD600;
}
.post-meta {
font-size: 11px;
margin-bottom: 20px;
padding: 5px 0;
border-top: 1px solid #f0f2f5;
border-bottom: 1px solid #f0f2f5;
font-size: 16px;
}
.post-meta a {
color:inherit;
}
.post-meta span {
text-align: right;
float: right;
}
.sidebar {
padding-left: 10px;
}
.widget {
margin-bottom: 40px;
}
.widget-title {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 26px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 10px;
}
.tags-list li {
font-size: 11px;
margin-top: 5px;
display: inline-block;
padding: 3px 9px;
border: 1px solid #e8e8e8;
}
.tags-list li:first-child {
margin-top: 0;
}
.tags-list li a {
color: #151515;
text-decoration: none;
}
.tags-list li a:hover {
color: #FFD600;
}
.blog-tweet {
font-size: 11px;
margin-top: 16px;
}
.blog-tweet span {
display: block;
margin-top: 7px;
color: #868991;
font-size: 10px;
}
.pagination {
position: relative;
width: 100%;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.pages {
text-align: center;
}
.pages li {
display: inline-block;
}
.pages li {
display: inline-block;
margin: 0px 2px 0px 0;
}
.pages li a {
font-size: 13px;
display: block;
padding: 5px;
color: #151515;
}
.pages li a.current {
border-top: 2px solid #FFD600;
border-bottom: 2px solid #FFD600;
color: #1c1f26;
}
.pages li a:hover {
color: #FFD600;
}   #pagination a, #pagination span {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 10px 15px 11px 15px;
border: 1px solid #000000;
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 12px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
font-weight:bold;
color:inherit;
}
#pagination a:hover {
color: #ffffff !important;
background: #000000;
}
#pagination span.current {
background: #000000;
color: #ffffff;
font-weight: bold;
} #author-info {
margin: 0px 0px 20px 0px;
overflow: hidden;
display: block;
position: relative;
}
#author-info .author-image {
position: absolute;
width: 45px;
padding: 20px 0px 20px 0;
}
#author-info .author-image img {
display: block;
border: 3px solid #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
#author-info .author-bio {
float: left;
margin-left: 70px;
padding: 20px 20px 20px 0px;
}
#author-info .author-bio h4 {
margin: 0px 0 10px 0
}
.author .date {
font-weight: bold;
margin-bottom:10px;
}
.form-allowed-tags {
display:none !important;
} .socialsharing {
border: 1px solid #efefef;
border: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 30px;
padding: 10px;
}
.socialsharing h4 {
float: left;
font-size: 16px;
margin-bottom: 0px;
padding-top: 8px;
}
.socialsharing .social-icons {
float: right;
list-style: none;
margin: 0;
}
.socialsharing .social-icons li {
float:left;
}
.socialsharing .social-icons a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: block;
width: 40px;
line-height: 40px;
background-repeat: no-repeat;
}
.posts-nav {
margin: 15px 0 30px;
padding:10px 0;
}
.posts-nav a {
display: inline-block;
margin-right: 10px;
border-radius: 2px;
background:#f6f6f6;
color:inherit;
font-size:16px;
padding: 8px 15px;
} .socialsharing {
border: 1px solid #efefef;
margin-bottom: 30px;
padding: 10px;
}
.socialsharing h4 {
float: left;
font-size: 16px;
margin-bottom: 0px;
padding-top: 3px;
}
.socialsharing .social-icons {
float: right;
list-style: none;
margin: 0;
}
.socialsharing .social-icons a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: block;
width: 40px;
height: 40px;
text-indent: -9999px;
background-repeat: no-repeat;
}   .comments {
margin-top: 40px;
}
.commentlist {
list-style: none;
margin: 30px 0 0 0;
padding:0;
}
.commentlist li {
padding: 10px;
margin: 0 0 20px 0;
}
.commentlist li .comment-text {
position: relative;
padding: 10px;
margin-left: 65px;
border: 1px solid #f0f0f0;
border-bottom-color: #e8e8e8;
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25), 0 7px 0 -4px #fff, 0 7px 1px -3px rgba(0, 0, 0, 0.15), 0 14px 0 -8px #fff, 0 14px 1px -7px rgba(0, 0, 0, 0.15)
}
.comment-text:before {
border: 10px solid #f3f3f3;
position: absolute;
top: 12px;
left: -20px;
content: '';
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
z-index: 100;
}
.commentlist > li {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #efefef;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.commentlist li:last-child {
margin: 0;
background: none;
}
.commentlist li ul {
list-style: none;
margin: 0 0 0 80px;
}
.commentlist li ul li {
margin: 10px 0 0px 0 !important;
padding: 40px 0 0 0;
}
.commentlist li .avatar {
float: left;
position: absolute;
}
.commentlist li .avatar img {
display: block;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.commentlist li .comment-text {
position: relative;
background:#ffffff;
color:#222222;
}
.commentlist li .author {
margin-top: 0px;
margin-bottom: 10px;
line-height: 17px;
}
.commentlist li .author span {
display: inline;
font-weight: bold;
font-size: 16px;
}
.commentlist li .date {
font-size: 11px;
color: #999999;
}
.commentlist li .date a {
color: #999999
}
.commentlist li .date a:hover {
color: #333333
}
.commentlist li em {
font-size: 11px;
color: #cccccc;
font-style: normal;
margin-bottom: 20px;
display: block;
} #respond {
overflow: hidden;
margin-bottom: 13px;
}
#respond input {
width: 28%;
font-size: 13px;
padding: 13px 2%;
float: left;
margin-right: 1%;
border-radius: 2px;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(0, 0, 0, 0.05);
}
#respond textarea {
width: 95%;
height: 150px;
font-size: 13px;
padding: 8px 11px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(0, 0, 0, 0.05);
}
#respond input:last-child {
margin-right: 0;
}
#respond input, #respond textarea {
width: 70%;
}
#respond input[type="submit"], .woocommerce #respond input#submit, .woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button, .woocommerce div.product form.cart .button, .woocommerce-page .woocommerce-message .button, .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button, .woocommerce .login input.button, .woocommerce .checkout_coupon input.button, .woocommerce a.wc-backward, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, div.wpcf7 div.stretch-submit input[type="submit"] {
padding: 0px 24px;
border: 0 none;
display: block;
background-position: center center;
background-repeat: no-repeat;
line-height:44px;
-webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
font-size: 13px;
font-weight: bold;
text-shadow: none;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color: #ffffff;
cursor: pointer;
background: #FFD600;
outline:none;
-webkit-appearance: none;
} #contact {
padding-bottom: 0;
}
.contact-box {
width: 100%;
text-align: center;
padding: 45px 0px 60px;
}
.contact-details {
width: 70%;
padding: 5px 0;
margin: 0 auto 10px;
}
.contact-details h2 {
margin-bottom: 0px;
color:inherit;
}
.contact-details h1 {
background: rgba(255, 255, 255, 0.50);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
}
.parallax .contact-details h1 {
color: #000000 !important;
} .copyright {
width: 100%;
padding: 40px 0;
background: #FFD600;
font-size: 11px;
}
.copyright h1, .copyright h2, .copyright h3, .copyright h4, .copyright h5, .copyright h6, .copyright a {
color: inherit;
}
.copyright-logo a {
display: inline-block;
text-align: center;
margin-bottom: 30px;
}
.copyright .social-icons {
text-align: center;
}
.copyright .social-icons .social-icon {
display: inline-block;
float: none;
margin: 0 5px 5px 0;
background-color: rgba(0, 0, 0, 0.05) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 30px;
} .wpcf7 div.rnr-input {
overflow: hidden;
width: 50%;
float: left;
}
.wpcf7 div.rnr-input input[type="text"], .wpcf7 div.rnr-input input[type="email"] {
border: 1px solid #eeeeee;
width: 98%;
font-size: 13px;
color: #747474;
padding: 20px 2%;
margin: 0 1% 2% 0;
border-radius: 2px;
background: #f9f9f9;
}
.wpcf7 div.rnr-textarea textarea {
border: 1px solid #eeeeee;
width: 95%;
height: 128px;
font-size: 13px;
color: #747474;
padding: 20px 11px 10px;
border-radius: 2px;
margin:0 0 10px !important;
background: #f9f9f9;
}
.wpcf7 div.rnr-input input:last-child {
margin-right: 0;
}
.wpcf7 div.rnr-textarea {
width: 50%;
float: right;
}
.wpcf7 div.rnr-input label, .wpcf7 div.rnr-textarea label {
display: block;
text-align:left;
font-weight:bold;
padding-left: 2%;
}
.wpcf7 div.rnr-submit input[type="submit"] {
padding: 20px 24px 20px 24px;
border: 0 none;
color: #ffffff;
display: block;
width: 50%;
cursor: pointer;
text-indent: -9999px;
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/mail.png);
background-position: center center;
background-repeat: no-repeat;
float: right;
height:57px;
line-height:57px;
-webkit-appearance: none;
border-radius: 3px;
outline:none;
}
.wpcf7 div.rnr-input > span, .wpcf7 div.rnr-textarea > span {
display: inline !important;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
background: #fff;
padding: 8px 8px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666;
margin: 0;
width: 200px;
max-width: 100%;
display: block;
margin-bottom: 20px;
width: 180px;
color: #999;
border: 1px solid #e8e8e8;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
border: 1px solid #e0e0e0;
}
.fittext-content {
line-height: 0.8;
}
* html .title h1 {
display: inline;
}
* + html .title h1 {
display: inline;
}  #back-to-top {
position: fixed;
z-index: 1000;
bottom: 20px;
right: 20px;
display: none;
}
#back-to-top a {
display: block;
width: 40px;
height: 40px;
background: #515A5F url(//www.uam.co.th/wp-content/themes/uam371/images/backtotop.png) no-repeat center center;
text-indent: -9999px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: 0.2s all linear;
-moz-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
#back-to-top a:hover {
background-color: #222222;
}  #google-map {
height:450px;
position: relative;
width: 100%;
background: white;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06);
}
#google-map:before, #google-map:after {
background: none;
text-align:center;
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
z-index:2;
}
#google-map:after {
bottom: 0;
top: auto;
}
#google-map .captionMap {
background: black;
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), black);
background: -moz-linear-gradient(rgba(0, 0, 0, 0.6), black);
background: -o-linear-gradient(rgba(0, 0, 0, 0.6), black);
background: -ms-linear-gradient(rgba(0, 0, 0, 0.6), black);
background: linear-gradient(rgba(0, 0, 0, 0.6), black);
border-radius: 4px;
z-index: 1;
top:5px;
color: white;
padding: 12px;
font: 12px HelveticaNeue, Helvetica, Arial;
display: inline-block;
position: absolute;
text-shadow: black 0px 1px 1px;
width:254px;
}
#google-map .captionMap span {
font-weight: bold;
display:block;
padding-top:5px;
}
#google-map .captionMap:after {
content: '';
position: absolute;
top: -7px;
left: 50%;
margin-left: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.6);
width:0px;
height:0px;
z-index:2;
}
#google-map .captionMap img {
width:60px;
margin-bottom:5px;
margin-right:13px;
float:left;
}
.mapPreLoading {
position:absolute;
left:50%;
top:50%;
margin-top:-15px;
margin-left:-25px;
}
.mapPreLoading span {
display: block;
margin: 0 auto;
}
.mapPreLoading span[class*="l-"] {
display: inline-block;
background: #000;
width: 6px;
height: 6px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin: 12px 2px;
position: relative;
-webkit-animation: loader 4s infinite;
-webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
-webkit-animation-fill-mode: both;
-moz-animation: loader 4s infinite;
-moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
-moz-animation-fill-mode: both;
-ms-animation: loader 4s infinite;
-ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
-ms-animation-fill-mode: both;
animation: loader 4s infinite;
animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
animation-fill-mode: both;
}
.mapPreLoading span.l-1 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
animation-delay: 1s;
}
.mapPreLoading span.l-2 {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.mapPreLoading span.l-3 {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.mapPreLoading span.l-4 {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.mapPreLoading span.l-5 {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.mapPreLoading span.l-6 {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-webkit-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-moz-keyframes loader {
0% {
-moz-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-moz-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-ms-keyframes loader {
0% {
-ms-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-ms-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes loader {
0% {
transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
60% {
opacity: 1;
-ms-transform: translateY(30px);
}
80% {
-ms-transform: translateY(-10px);
}
100% {
-ms-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-ms-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}  .fullwidthbanner-container {
width:100% !important;
position:relative;
padding:0;
max-height:750px !important;
overflow:hidden;
}
.portfolio-bannercontainer {
width: 100% !important;
position: relative;
padding: 0;
max-height: 600px !important;
overflow: hidden;
margin-bottom: 50px;
}  .mc4wp-form {
margin-top: 0;
display: block;
text-align: center;
}
.mc4wp-form div {
display: block;
margin:0 auto 10px;
max-width: 600px;
}
.mc4wp-form input[type="text"], .mc4wp-form input[type="email"] {
height: 50px !important;
display: inline-block;
width: 49.5% !important;
padding: 0 10px;
margin: 8px 0px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
border: 1px solid rgba(255, 255, 255, 0.09);
box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1);
color: #3A3838;
background: #ffffff;
background: rgba(255, 255, 255, 0.7);
font-weight: bold;
text-transform: none;
}
.mc4wp-form input[type="text"] {
float:left;
}
.mc4wp-form input[type="email"] {
float:right;
}
.mc4wp-form label {
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, .25);
font-size: 12px
}
.mc4wp-form input[type="submit"] {
color: #FFFFFF;
font-size: 16px;
display: block;
padding: 5px 0;
width: 100% !important;
margin: 13px auto 0;
text-align: center;
-webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 7px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 7px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 7px rgba(0, 0, 0, 0.2);
padding: 13px 24px;
font-size: 13px;
font-weight: bold;
text-shadow: none;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color: #ffffff;
cursor: pointer;
background-color: #FFD600;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #3A3838;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #3A3838;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #3A3838;
}
.page-template-default .section, .blog .section, .page-template-default .section {
padding-top:60px;
}
.page-template-default nav.transparent .main-menu a, .blog nav.transparent .main-menu a, nav.transparent.scroll .main-menu a {
color:#000000;
} .selectnav {
display: none;
font-family: 'BebasNeueRegular', sans-serif;
text-transform: uppercase;
-webkit-appearance: none;
background-color: transparent !important;
border: 1px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 1;
padding: 0px 10px;
border-radius: 0;
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/selectmenu.png);
background-position: center right;
background-repeat: no-repeat;
color: inherit;
outline: none;
width:150px;
background-size:30px;
margin-top: 13px;
font-size:24px;
min-width:auto;
}
.selectnav {
color: transparent;
}
.selectnav option {
color:#000000;
} ul.styled-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.styled-list li i {
margin-right: 6px;
margin-top: 0px;
font-size: 15px;
}
#wrapper_mbYTP_bgndVideo, .mbYTP_wrapper {
z-index:-1 !important;
}
#okplayer {
max-height:115%;
}
#home-background-video, .home-background-vimeo {
position: absolute !important;
width:100%;
height:inherit;
top:0;
left:0;
z-index:-1;
}
.rnr-video-control, .rnr-audio-control {
bottom: 20px;
position: absolute;
text-indent:-9999px;
width:50px;
height:50px;
right: 20px;
display:block;
background-size: 35px;
}
.rnr-mute {
background-attachment: scroll;
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/rnr-unmute.png);
background-repeat: no-repeat;
background-position: center center;
}
.rnr-unmute {
background-attachment: scroll;
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/rnr-mute.png);
background-repeat: no-repeat;
background-position: center center;
}
#infscr-loading {
display:none !important;
}
#port-pagination {
display:none;
}
#port-infinite a {
padding:20px 0;
text-align: center;
background:#efefef;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
color: inherit;
width:100%;
display: block;
}
#port-infinite a:hover {
color: #ffffff;
background: #ffd600;
}
.rnr-portfolio {
padding-bottom: 0px !important;
}  .latest-blog .blog-item {
position: relative;
margin-bottom: 20px;
text-align: left;
float: none !important;
display: inline-table;
vertical-align:top;
}
.latest-blog .blog-item .inner {
overflow: hidden;
}
.latest-blog .blog-item .blog-image, .portfolio-item .portfolio {
overflow: hidden;
display: block;
position: relative;
}
.latest-blog .blog-item .blog-image img {
width: 100%;
}
.latest-blog .blog-item .blog-overlay, .portfolio .portfolio-overlay {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.latest-blog .blog-item .inner .blog-item-description .desc.post-icon.standard, .post .desc.post-icon.standard {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-standard-dark.png);
}
.latest-blog .blog-item .inner .blog-item-description .desc.post-icon.imagegallery, .post .desc.post-icon.imagegallery {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-gallery-dark.png);
}
.latest-blog .blog-item .inner .blog-item-description .desc.post-icon.link, .post .desc.post-icon.link {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-link-dark.png);
}
.latest-blog .blog-item .inner .blog-item-description .desc.post-icon.quote, .post .desc.post-icon.quote {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-quote-dark.png);
}
.latest-blog .blog-item .inner .blog-item-description .desc.post-icon.video, .post .desc.post-icon.video {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-video-dark.png);
}
.latest-blog .blog-item .inner .blog-item-description .desc.post-icon.audio, .post .desc.post-icon.audio {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-audio-dark.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon.standard, .post:hover .desc.post-icon.standard {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-standard.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon.imagegallery, .post:hover .desc.post-icon.imagegallery {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-gallery.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon.link, .post:hover .desc.post-icon.link {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-link.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon.quote, .post:hover .desc.post-icon.quote {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-quote.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon.video, .post:hover .desc.post-icon.video {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-video.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon.audio, .post:hover .desc.post-icon.audio {
background-image: url(//www.uam.co.th/wp-content/themes/uam371/images/postformat-audio.png);
}
.latest-blog .blog-item .inner:hover .blog-item-description .desc.post-icon {
background-color: #ffd600;
}
.latest-blog .blog-item img {
display: block;
}
.latest-blog .inner .desc.post-icon, .post .desc.post-icon {
position: absolute;
top: 50%;
left: 0;
text-indent: -9999px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 0;
opacity: 1;
filter: alpha(opacity=1);
margin: 0;
background-color: #f0f0f0;
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 24px 24px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.latest-blog .blog-item-description, .post .blog-item-description {
position: relative;
}
.latest-blog .blog-item-description .post-details, .post .blog-item-description .post-details {
margin-left: 20px;
padding-left: 35px;
border-left: 1px solid #f0f0f0;
}
.latest-blog .blog-item-description .post-details p, .post .blog-item-description .post-details p {
margin-bottom: 10px;
}
.latest-blog .blog-item h4 {
margin-bottom: 0px;
padding: 0;
line-height: 24px;
}
.latest-blog .blog-item .blog-item-description span, .post .blog-item-description .post-title span {
line-height: 1;
display: inline-block;
padding: 5px 10px;
margin: 10px 0 20px;
font-size: 11px;
}
.latest-blog .blog-item .blog-item-description span.date, .post .blog-item-description span.date {
background: #ffd600;
color: #ffffff;
}
.latest-blog .blog-item .blog-item-description span.post-comments, .post .blog-item-description span.post-comments {
background: #f0f0f0;
}
.post-details p a.read-more-link {
display: inline-block;
}
.blog-item .blog {
padding: 5px;
border: 1px solid #e8e8e8;
margin-bottom: 10px;
box-shadow: 0px 0px 13px rgb(228, 221, 221);
}
.blog .blog-overlay, .portfolio .portfolio-overlay {
width: 100%;
height: 100%;
position: absolute;
display: block;
z-index: 4;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0.4px;
padding: 0.6px;
}
.blog > a, .blog > a:hover, .portfolio > a, .portfolio > a:hover {
color: #ffffff;
}
.blog-item .blog > a:hover > .blog-overlay, .portfolio-item .portfolio > a:hover > .portfolio-overlay {
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
.blog > a img, .portfolio > a img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog > a:hover img, .portfolio > a:hover img {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog .thumb-info, .portfolio .thumb-info {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden; }
.blog a:hover .blog-overlay .thumb-info, .portfolio a:hover .portfolio-overlay .thumb-info {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-overlay .thumb-info h4, .portfolio-overlay .thumb-info h4 {
position: absolute;
top: 53%;
line-height: 20px;
padding: 0 10%;
width: 80%;
text-align: center;
-moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
-webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
text-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.blog-overlay .thumb-info i {
color: #ffffff;
width: 100%;
position: absolute;
top: 50%;
font-size: 44px;
margin-top: -10px;
height: 30px;
line-height: 33px;
text-align: center;
}
.error404 #supersized-loader {
display;: none !important;
} form, fieldset {
margin-bottom: 20px
}
textarea {
min-height: 60px
}
label, legend {
cursor: pointer;
display: block;
}
label span, legend span {
font-weight: bold
}
span.wpcf7-form-control-wrap{
width: 100%;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form textarea, .wpcf7-form select {
background: #fff;
padding: 15px 8px;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #777777;
display: block;
margin-bottom: 20px;
width: 100%;
margin: 5px 0 0 0;
border: 1px solid #e8e8e8;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
.wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form input[type="tel"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="url"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form input[type="date"]:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {
border: 1px solid rgba(0, 0, 0, 0.1);
background: whitesmoke;
}
.wpcf7-form textarea{
}
.wpcf7-form input[type="submit"]{
padding: 7px 11px;
border: none;
color: #fff;
cursor: pointer;
transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
width: auto;
font-size: 12px; 
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
div.wpcf7 input[disabled="disabled"] {
background: gray !important; }
input.wpcf7-form-control.wpcf7-captchar{
width: 200px;
}
.wpcf7-form input[type="checkbox"] {
width: auto;
}
.wpcf7 form.wpcf7-form p {
margin: 0 0 20px 0 !important;
}
.wpcf7-list-item-label {
font-weight: normal;
}
.wpcf7-response-output {
display: none;
}
.wpcf7-form .invalid {
color: #bf1515 !important;
}
.wpcf7-not-valid {
border: 1px solid #FFBEBE !important;
}
div.wpcf7-response-output {
margin: 0px !important;
padding: 5px 10px !important;
}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
position:relative;
border:1px solid #ddd !important;
display:block;
background-color:#F7F7F7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
-moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
font-weight:bold;
padding:10px 40px !important;
text-align:center;
margin-bottom:20px;
}
div.wpcf7-mail-sent-ok {
background-color: #e9f2d2;
border-color: #c0da66 !important;
color: #88b12b;
}
div.wpcf7-mail-sent-ng {
background-color: #ffe9e9;
border-color: #e99f9f !important;
color: #d25c5a;
}
div.wpcf7-spam-blocked {
background-color: #fbf6e3;
border-color: #efd877 !important;
color: #c4a80a;
}
div.wpcf7-validation-errors {
background-color: #fbf6e3;
border-color: #efd877 !important;
color: #c4a80a;
} div.wpcf7 div.full span.wpcf7-form-control-wrap {
display:block !important;
}
div.wpcf7 div span.wpcf7-form-control-wrap input {
width: 99%;
margin-bottom: 8px;
}
div.wpcf7 div span.wpcf7-form-control-wrap textarea {
width: 100%;
margin-bottom: 8px;
}
div.wpcf7 div.side-by-side span.wpcf7-form-control-wrap, div.wpcf7 div.side-by-side input.wpcf7-form-control.wpcf7-submit {
width: 49%;
float: right;
}
div.wpcf7 div.side-by-side span.wpcf7-form-control-wrap:first-child {
width: 49%;
float: left;
}
div.wpcf7 div.side-by-side span.wpcf7-form-control-wrap > input {
width: 100%;
float: left;
}
div.wpcf7 div.stretch-submit {
padding: 10px 0px;
}
div.wpcf7 div.stretch-submit input[type="submit"] {
width: 100% !important; }
div.wpcf7 div input[type="text"], div.wpcf7 div input[type="email"] {
font-size: 14px;
padding-right: 0;
}
div.wpcf7 div.wpcf7-response-output {
margin: 0 1px 0 0;
border-radius: 4px;
background: rgba(255, 255, 255, 0.6);
margin-top: -17px;
border-width: 1px;
padding-top: 10px;
padding-bottom: 10px;
-ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
}
div.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: transparent;
background-color: rgba(57, 143, 20, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99398F14, endColorstr=#99398F14);
zoom: 1;
border-color: #96C085;
color: white;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
display:inline-block;
}
div.wpcf7 div.wpcf7-response-output.wpcf7-validation-errors {
background-color: crimson;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F7E700, endColorstr=#99F7E700);
zoom: 1;
color: white;
display:inline-block;
}
input.wpcf7-not-valid {
border-color: #F7E700;
display:inline-block;
}
.wpml-mobile img {
margin:2px 3px;
} .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .shipping-calculator-button {
font-size:24px;
}
.woocommerce-page div.product .product_title, .woocommerce div.product .product_title {
font-size:45px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom:5em;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
box-shadow:none;
}
.woocommerce .panel { padding: 20px 25px !important;
}
.woocommerce-tabs ul.tabs {
padding-left:0 !important;
border-radius:0px;
margin-bottom: 0 !important;
}
.woocommerce-tabs ul.tabs li {
border-radius:0px !important;
background: #f7f7f7 !important;
margin:0px !important;
}
.woocommerce-tabs ul.tabs li.active {
background: #ffffff !important;
}
.woocommerce-tabs ul.tabs li:before, .woocommerce-tabs ul.tabs li:after {
display:none;
}
.woocommerce #commentform > p label {
width:100%;
display:block;
padding:5px 0;
}
.woocommerce #review_form #respond, .woocommerce-page #review_form #respond {
margin-top:40px;
}
.woocommerce #review_form #reply-title, .woocommerce-page #review_form #reply-title {
margin-bottom:20px;
}
.woocommerce #respond input, .woocommerce #respond textarea {
float:none;
width:95%;
-moz-box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
-webkit-box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
margin-bottom:20px;
background:#f8f8f8;
}
.woocommerce p.stars, .woocommerce-page p.stars {
margin-bottom:20px !important;
}
.woocommerce #respond input#submit, .woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button, .woocommerce div.product form.cart .button, .woocommerce-page .woocommerce-message .button, .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button, .woocommerce a.wc-backward, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button {
width:auto;
display:inline-block !important;
background:#ffd600;
}
.woocommerce #respond input#submit:hover, .woocommerce-page .woocommerce-message .button:hover, .woocommerce button.button.alt, .woocommerce a.wc-backward:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce-page .widget_price_filter .price_slider_amount .button:hover {
background:#ffd600;
}
.woocommerce mark {
background-color: transparent!important;
}
.cart .quantity input[type=button].plus, .cart .quantity input[type=button].minus {
background: #f3f3f3;
border: 1px solid #e8e8e8;
border-radius: 0px !important;
cursor: pointer;
display: inline!important;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
vertical-align: middle;
width: 40px;
position: relative;
float: left;
outline:none;
box-shadow:none;
-webkit-appearance: none;
}
.cart .quantity input.plus:hover, .cart .quantity input.minus:hover {
background-color:#f0f0f0;
}
.woocommerce .cart .quantity input.qty {
border: 1px solid #f0f0f0;
border-left: none;
border-right: none;
display: inline;
height: 38px;
line-height: 40px;
margin: 0;
padding: 0 5px;
text-align: center;
vertical-align: middle;
width: 35px;
position: relative;
-webkit-appearance: none;
}
.woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity {
width:auto !important;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
margin-bottom:80px;
clear:both;
}
.woocommerce .products.related .product, .woocommerce .products.upsells .product {
margin-bottom: 2%;
margin-right: 2% !important;
width: 23.45% !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart .shop_table .button, .woocommerce-page .cart .shop_table input.button, .woocommerce .login input.button, .woocommerce .checkout_coupon input.button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button {
line-height: 0 !important;
height: 30px;
background: #f3f3f3;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.1);
text-shadow: none;
outline:none;
-webkit-appearance: none;
}
.woocommerce .cart input.button.alt, .woocommerce .login input.button,  .woocommerce .checkout_coupon input.button {
background:#ffd600;
}
.woocommerce .cart input.button.alt:hover {
text-shadow:none;
}
.cart-collaterals {
margin-top:80px;
}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
border:1px solid #f0f0f0;
padding:20px 10px 10px !important;
background:#f8f8f8;
border-radius:0px !important;
box-shadow:none;
}
.woocommerce .woocommerce-message a, .woocommerce-page .woocommerce-message a {
margin-top:-10px;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
padding:10px !important;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before {
display:none;
}
.woocommerce .price_slider_amount .clear {
padding: 0px!important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
height: 10px;
background-color: #EBEBEB;
height: 10px;
background-image: none!important;
border-radius: 300px 300px 300px 300px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-bottom: 1px solid #FFFFFF;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
background-color: #ffd600;
height: 10px;
border: none!important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
background-image: none!important;
border-radius: 300px 300px 300px 300px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset!important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset!important;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset!important;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset!important;
border-bottom: 1px solid #FFFFFF;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #F5F5F5!important;
background-image: none!important;
height: 20px!important;
width: 20px!important;
top: -5px!important;
border: none!important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 9px 8px rgba(0, 0, 0, 0.035), 0px 1px 0px #fff inset!important;
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 9px 8px rgba(0, 0, 0, 0.035), 0px 1px 0px #fff inset!important;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 9px 8px rgba(0, 0, 0, 0.035), 0px 1px 0px #fff inset!important;
-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 9px 8px rgba(0, 0, 0, 0.035), 0px 1px 0px #fff inset!important;
}
.woocommerce .price_slider_amount button.button, .woocommerce .price_slider_amount .price_label {
background-color: #F8F8F8!important;
background-repeat: repeat-x;
color: #666666!important;
line-height: 14px!important;
border: 1px solid #E1E1E1!important;
padding: 7px 8px!important;
border-radius: 0 0 0 0;
margin-top: 9px;
font-size: 12px;
-webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.woocommerce .price_slider_amount button.button:hover {
background-color: #F4f4f4!important;
}
.woocommerce .price_slider_amount .price_label {
float: right;
position: relative;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
font-weight: normal!important;
}
.woocommerce .widget_recent_reviews .product_list_widget li, .woocommerce .widget_top_rated_products .product_list_widget li {
line-height: 26px;
}
.woocommerce-page ul.product_list_widget li img {
height: 62px!important;
width: 62px!important;
margin-left: 0px!important;
margin-right: 15px;
float: left!important;
margin-bottom: 0px;
box-shadow: none!important;
-webkit-box-shadow: none!important;
-o-box-shadow: none!important;
-moz-box-shadow: none!important;
}
.woocommerce .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a {
background-color: #333!important;
border: none!important;
transition: all 0.2s linear!important;
-webkit-transition: all 0.2s linear!important;
-o-transition: all 0.2s linear!important;
-moz-transition: all 0.2s linear!important;
}
.woocommerce-page .widget_layered_nav_filters ul li {
padding: 0 1px 1px 0!important;
border-bottom: 0px!important;
}
.woocommerce .ppt {
text-indent: -9999px!important;
}
.cbp-rfgrid {
margin: 35px 0 0 0;
padding: 0;
list-style: none;
position: relative;
width: 100%;
}
.portfolio-item {
position: relative;
float: left;
overflow: hidden;
}
.portfolio-item.port-grid6 {
width: 16.666667%; width: -webkit-calc(100% / 6.008);
width: calc(100% / 6.008);
}
.portfolio-item.port-grid5 {
width: 20%; width: -webkit-calc(100% / 5.007);
width: calc(100% / 5.007);
}
.portfolio-item.port-grid4 {
width: 25%; width: -webkit-calc(100% / 4.006);
width: calc(100% / 4.006);
}
.portfolio-item.port-grid3 {
width: 33.3333333%; width: -webkit-calc(100% / 3.005);
width: calc(100% / 3.005);
}
.portfolio-item.port-grid2 {
width: 50%; width: -webkit-calc(100% / 2.004);
width: calc(100% / 2.004);
}
.portfolio-item a, .portfolio-item a img {
display: block;
width: 100%;
cursor: pointer;
}
.portfolio-item a img {
max-width: 100%;
}
#google-map label {
width: auto;
display:inline;
}
#google-map img {
max-width: none;
} .portfolio-item a div {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: center;
opacity: 0;
}
@media screen and (max-width: 1170px) {
.portfolio-item.port-grid6,  .portfolio-item.port-grid5,  .portfolio-item.port-grid4,  .portfolio-item.port-grid3,  .portfolio-item.port-grid2 {
width: 25%; width: -webkit-calc(100% / 4.006);
width: calc(100% / 4.006);
}
}
@media screen and (max-width: 960px) {
.portfolio-item.port-grid6,  .portfolio-item.port-grid5,  .portfolio-item.port-grid4,  .portfolio-item.port-grid3,  .portfolio-item.port-grid2 {
width: 33.3333333%; width: -webkit-calc(100% / 3.005);
width: calc(100% / 3.005);
}
}
@media screen and (max-width: 768px) {
.portfolio-item.port-grid6,  .portfolio-item.port-grid5,  .portfolio-item.port-grid4,  .portfolio-item.port-grid3,  .portfolio-item.port-grid2 {
width: 50%; width: -webkit-calc(100% / 2.004);
width: calc(100% / 2.004);
}
}
@media screen and (max-width: 480px) {
.portfolio-item.port-grid6,  .portfolio-item.port-grid5,  .portfolio-item.port-grid4,  .portfolio-item.port-grid3,  .portfolio-item.port-grid2 {
width: 100%;
}
}
.rnr-lazyload {
opacity:0;
backface-visibility: hidden;
-webkit-transition:  all 700ms;
-moz-transition:  all 700ms;
transition:  all 700ms;
}
.rnr-animate {
visibility:hidden;
} .rnr-carousel-navigation {
text-align:center;
margin-top:40px;
}
.rnr-carousel-navigation li {
display:inline-block;
margin:0 5px;
}
.rnr-carousel-navigation li a {
cursor:pointer;
}
.rnr-carousel-navigation li a i {
border:2px solid #999;
color:#222;
border-radius: 100px;
line-height: 28px;
padding-top: 2px;
width: 30px;
opacity:0.5
}
.rnr-carousel-navigation li a i:hover {
opacity:1
}
.rnr-carousel .item {
float:left !important;
display:block;
}
.rnr-carousel .item .rnr-column {
width:293px;
margin:0 !important;
display:block;
float:none !important;
padding:0 10px;
position: relative;
} .rnr-carousel .item .one_half, .rnr-carousel .item .one_half.last {
width:450px;
}
.rnr-carousel.rnr-wide .item .one_half, .rnr-carousel.rnr-wide .item .one_half.last {
width:565px;
}
.rnr-carousel .item .team-member.team-2 {
padding:0px 0px 30px;
width:470px;
}
.rnr-carousel.rnr-wide .item .team-member.team-2 {
width:585px;
padding:0px 0px 40px;
} .rnr-carousel .item .one_third, .rnr-carousel .item .one_third.last {
width:293px;
}
.rnr-carousel.rnr-wide .item .one_third, .rnr-carousel.rnr-wide .item .one_third.last {
width:370px;
}
.rnr-carousel .item .team-member.team-3 {
padding:0px 0px 30px;
width:313px;
}
.rnr-carousel.rnr-wide .item .team-member.team-3 {
width:390px;
padding:0px 0px 40px;
} .rnr-carousel .item .one_fourth, .rnr-carousel .item .one_fourth.last {
width:215px;
}
.rnr-carousel.rnr-wide .item .one_fourth, .rnr-carousel.rnr-wide .item .one_fourth.last {
width:272px;
}
.rnr-carousel .item .team-member.team-4 {
padding:0px 0px 30px;
width:235px;
}
.rnr-carousel.rnr-wide .item .team-member.team-4 {
width:292.5px;
padding:0px 0px 40px;
}
@-moz-document url-prefix() { 
.rnr-carousel.rnr-wide .item .team-member.team-4 {
width:292.4px;
}
}
div.modal.in span {
border: 1px solid #777777;
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 36px;
-webkit-backface-visibility: hidden;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
}
div.modal.in .team-scroll {
display: block;
line-height: 18px;
width: 40px;
height: 40px;
line-height: 40px;
-webkit-border-radius: 50%;
-mox-border-radius: 50%;
text-align: center;
z-index: 1000;
position: relative;
margin: 40px auto 0;
}
div.modal.in span:before {
background-color: #777777;
border-radius: 100%;
content: "";
position: absolute;
top: 5px;
left: 50%;
margin-left: -2px;
width: 4px;
height: 4px;
opacity: 1;
-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
-webkit-animation: mouse_scroll_animate 1.5s -1s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;
animation: mouse_scroll_animate 1.5s -1s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;	
}
.result-item {
width: 50%; width: -webkit-calc(100% / 2.004);
width: calc(100% / 2.004);
float:left;
margin-bottom: 10px;
display: inline-table;
vertical-align: top;	
}
.result-item .result-box {
margin:10px;
display: block;
border: 1px solid #f0f0f0;
border: 1px solid rgba(0,0,0,0.03);
background: #f9f9f9;
background: rgba(0,0,0,0.02);	
}
.result-item .title span {
display: block;
font-size: 12px;
letter-spacing: 0px;
font-family: 'Open Sans';
color: #999;
margin-top: 3px;
}
.result-item h2 {
margin-bottom: 5px;
font-size: 22px;
}
.result-item p {
padding-bottom: 0px;	
}
.result-item .title a:hover {
color: inherit!important;
}
a.scroll-down {
color: #ffffff;
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -10px;
}
a.scroll-down span {
border: 1px solid #ffffff;
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 36px;
-webkit-backface-visibility: hidden;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
}
a.scroll-down span:before {
background-color: #ffffff;
border-radius: 100%;
content: "";
position: absolute;
top: 5px;
left: 50%;
margin-left: -2px;
width: 4px;
height: 4px;
opacity: 1;
-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
-webkit-animation: mouse_scroll_animate 1.5s -1s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;
animation: mouse_scroll_animate 1.5s -1s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;	
}
@-webkit-keyframes mouse_scroll_animate {
0% {
-webkit-transform:translate(0, 0px);
opacity:1
}
100% {
-webkit-transform:translate(0, 10px);
opacity:0
}
}
@-moz-keyframes mouse_scroll_animate {
0% {
-moz-transform:translate(0, 0px);
opacity:1
}
100% {
-moz-transform:translate(0, 20px);
opacity:0
}
}
@-o-keyframes mouse_scroll_animate {
0% {
-o-transform:translate(0, 0px);
opacity:1
}
100% {
-o-transform:translate(0, 10px);
opacity:0
}
}
@keyframes mouse_scroll_animate {
0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(0, 10px);
opacity:0
}
}
.rnr-offset {
position: absolute;
top: 0;
left: 0;
}
.rnr-scroll-up {
position: absolute;
bottom: 0;
top:auto;
left: 0;
}
#rnr-footer-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
#rnr-footer-navigation ul li {
display: inline-block;
margin: 0;
padding: 0;
}
#rnr-footer-navigation ul li a {
margin: 25px 20px 20px;
display: block;
font-size: 12px;
line-height: 16px;
}
#rnr-footer-navigation ul li a:hover {
opacity: 0.7;
}
#rnr-footer-navigation ul li ul {
display: none;
}
.widget ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget ul li {
margin: 0;
padding: 0;
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}@media only screen and (max-width: 960px) {
.home-quote {
margin:0 10px;
}
.member-bio {
max-height:800px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax, .home-parallax {
background-attachment: scroll !important;
background-position:center top !important;
background-size: cover !important;
}
.member-bio {
max-height:600px;
}
#portfolio-wrap.grid-portfolio .portfolio-item {
margin: 10px;
padding: 0;
margin-bottom:15px;
}	  
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.parallax, .home-parallax {
background-attachment: scroll !important;
background-position:center top !important;
background-size: cover !important;
}
.member-bio {
max-height:800px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
h1 {
font-size: 80px;
}
.main-menu li, .main-menu.iconic li {
margin-left:20px;
}
.main-menu a {
font-size:18px;
}
.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next {
right:44%;
}
.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev {
left:44%;
}
.team-member.team-two, .team-member.team-four {
width: 50%;
}
.selectnav {
display: block;
margin-top:26px;
}
.main-menu {
display: none;
}
.wpml-mobile {
display: table-cell;	  
vertical-align: middle;
padding-left: 20px;
}
.wpml-desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 54px;
line-height: 1;
}
.home-parallax.pagescroll, .home-gradient.pagescroll {
margin-bottom: 0;
}
.title h1 {
font-size:40px;
}
.subtitle {
font-size:18px;
margin-bottom:0;
}
.home-logo, .home-logo-text {
margin:40px 0 50px;
}
.home3 h1 {
font-size: 20px;
margin: 0 20px;
width:400px;
}
nav .container .four.columns {
width: 50%;
}
.main-menu {
display: none;
}
.main-menu.large, .logo.large {
height: 60px;
}
.logo.large img {
max-height: 40px;
}	  
.selectnav {
display: block;
}
.wpml-mobile {
display: table-cell;	  
vertical-align: middle;
padding-left: 20px;
max-width: 70px;
}
.wpml-desktop {
display:none;
}
.home-parallax .home-text-wrapper{
padding: 60px 0 !important;
}	  
.home-banner2 .home-text-wrapper{
padding: 0 !important;
}	
.home-logo img {
width:50%;
height:auto;
margin:0 auto;
}
#slidecaption {
font-size:30px !important;
}
.slidedescription {
font-size:13px !important;
}
.slider-text .container .columns {
margin-bottom:10px;
}
#prevslide {
left:34%;
}
#nextslide {
right:34%;
}
.container .columns, .container .column {
margin-bottom:40px;
}
nav .container .columns, nav .cotainer .column, #ajaxpage .columns, #ajaxpage .column, .project-media {
margin:0;
}
.caption {
position:relative;
left:0;
bottom:5px;
margin:0;
}
.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next {
right:36%;
}
.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev {
left:36%;
}
.testimonial-slider, .twitter-slider, .contact-details, #contact-input {
width:100%;
}
#contact-textarea {
width: 93%;
float: left;
margin: 0 1%;
}
#contact-submit input[type="submit"] {
width:94%;
margin:1%;
float:left;
}
.copyright .social-icons .social-icon {
margin-bottom:10px;
}
.copyright p {
margin-top:20px;
font-size:11px;
}
.parallax .parallax-content {
padding:70px 0;
}
.team-member {
width:100% !important;
float:none;
margin-bottom:40px;
}
.testimonial-icon, .twitter-feed-icon {
display:none;
}
#filters {
margin-top:40px;
}
#filters ul li a {
padding:0;
margin:0;
}
#portfolio-wrap .one-third {
width: 50%;
}
.project-media {
margin-top: 70px !important;
}
#filters ul li a h3 {
margin-bottom:5px;
}
.home3 .container {
width:440px;
height:440px;
}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
width: 100%;
margin:0;
margin-bottom:40px;
float:none;
}
.parallax, .home-parallax {
background-attachment: scroll !important;
background-position:top center !important;
background-size: cover;
}
p.quote, .contact-details h2 {
font-size:30px;
}
#twitter-feed ul.slides > li {
font-size:16px;
margin-bottom:25px;
}
a#button-newsletter {
width: 66%;
}
.home-newsletter .home-quote h3 {
font-size:20px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 48% !important;
}	 
.woocommerce .products.related .product, .woocommerce .products.upsells .product {
margin-bottom: 2%;
margin-right: 1% !important;
width: 48% !important;
} 
.home-parallax h1,
.home-parallax h2,
.home-parallax h3,
.home-parallax h4,
.home-parallax h5,
.home-parallax h6,
.home-fullscreenslider h1,
.home-fullscreenslider h2,
.home-fullscreenslider h3,
.home-fullscreenslider h4,
.home-fullscreenslider h5,
.home-fullscreenslider h6,
.home-video h1,
.home-video h2,
.home-video h3,
.home-video h4,
.home-video h5,
.home-video h6,	
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6,
.parallax p.quote,
.parallax .twitter-author a,
.contact-details h2,
.home3 h1 {
font-size:20px !important;		
}
.wpcf7 div.rnr-input, .wpcf7 div.rnr-textarea , .wpcf7 div.rnr-submit {
float:left !important;
width:100% !important;
}
.wpcf7 div.rnr-input input, .wpcf7 div.rnr-textarea textarea, .wpcf7 div.rnr-submit input[type="submit"] {
float:left !important;
width:100% !important;
}
.pricing-table{
width: 100%;
padding: 20px 0 0 0;
}
.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.col-5 .plan{
width:100%;
margin-bottom:20px;
}	
.pricing-table .featured{
margin-top:10px !important;
}	
.mc4wp-form {
padding:0 20px;
}
.parallax .contact-details h1 {
font-size: 38px !important;
}
.rnr-carousel .item .rnr-column {
width:400px !important;
}	
#pp_full_res {
padding:0 2%;
}
.result-item {
width:100%;
}
}
@media only screen and (max-width: 479px) {
.home-logo-text a {
font-size:32px;
}
.main-menu.large, .logo.large {
height: 60px;
}
.selectnav {
width:150px;
background-size:30px;
margin-top:20px;
font-size:24px;
min-width:auto;
}
#portfolio-wrap .one-third {
width: 100%;
}
.home3 .container {
width:280px;
height:280px;
}
.home3 h1 {
font-size:15px;
margin:0 20px;
width: 240px;
}
#prevslide {
left:30%;
}
#nextslide {
right:30%;
}
a#button-newsletter {
width: 92%;
}
.mc4wp-form input {
width: 92%;
}
.member-bio {
max-height:400px;
}
.woocommerce table.shop_table th, 
.woocommerce-page table.shop_table th	{
padding:8px 0;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
padding:6px !important;
}
.rnr-carousel .item .rnr-column {
width:300px !important;
}	  
}
@media only screen and (min-width: 1200px) {
nav .container {
width: 96%;
display:block;
}
.home-logo-text a {
font-size:90px;
}
.slider-text {
width: 100%;
}
.home4 .container {
width: 65%;
}
#respond-inputs p {
width: 222px;
margin-right: 10px;
float: left;
}
#respond-inputs p.last {
margin: 0;
}
#respond input {
display: block;
width: 200px;
margin: 0;
}
#respond textarea {
display: block;
width: 650px;
}
.member-bio {
max-height:650px;
}
}.wp-caption {
margin-bottom: 20px;
text-align: center;
padding-top: 5px;
width: auto !important;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
width: auto !important;
line-height: 1.5;
font-size: 11px;
padding: 3px 0;
margin: 0px 0 0 0;
background: #f6f6f6;
display: block;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
.size-full {
}
.size-large {
}
.size-medium {
}
.size-thumbnail {
}
.gallery-caption {
}
.bypostauthor {
}
img.alignright {
float: right;
margin: 0 0 1em 1em
}
img.alignleft {
float: left;
margin: 0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}